#main[data-experience="gaming"],.experience-path--gaming{
--surface:var(--experience-game-bg);--surface-raised:var(--experience-game-panel);--surface-soft:var(--experience-game-panel);
--ink:var(--experience-game-ink);--ink-muted:var(--experience-game-muted);--line:var(--experience-game-line);--line-strong:var(--experience-game-line);
--action:var(--experience-game-accent);--action-hover:var(--sand);--on-action:var(--on-sand);--focus:var(--experience-game-accent);
--link:var(--ink);--danger:var(--experience-game-danger);--success:var(--experience-game-accent);
--radius-card:var(--space-8);background:var(--surface);color:var(--ink);
}
#main[data-experience="home"],.experience-path--home{
--surface:var(--experience-home-bg);--surface-raised:var(--experience-home-panel);--surface-soft:var(--experience-home-panel);
--ink:var(--experience-home-ink);--ink-muted:var(--experience-home-muted);--action:var(--experience-home-accent);
background:var(--surface);color:var(--ink);
}
#main[data-experience]{min-height:60vh}
#main[data-experience="gaming"] .crumbs,#main[data-experience="home"] .crumbs{margin-top:0;padding-top:var(--space-24)}
.experience-intro .hero-copy{padding-block:var(--space-32)}
.experience-paths{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-24)}
.experience-path{position:relative;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:var(--space-24);padding:var(--space-32);overflow:hidden;border:1px solid var(--line)}
.experience-path--gaming{border-radius:var(--space-8);background-image:linear-gradient(135deg,transparent 70%,var(--experience-game-panel) 70%)}
.experience-path--home{border-radius:var(--space-32) var(--space-32) var(--space-8) var(--space-8)}
.experience-path p{line-height:1.9;max-width:var(--measure)}
.experience-path .kl-btn{border-color:currentColor;color:var(--ink);margin-top:var(--space-16);background:transparent}
.experience-object{aspect-ratio:3/4;background:var(--sand);overflow:hidden;border-radius:var(--space-8)}
.experience-object img{width:100%;height:100%;object-fit:cover;transition:transform 200ms ease}
.experience-object:hover img{transform:scale(1.03)}
.experience-eyebrow{font-size:var(--text-sm,1rem);font-weight:700;line-height:1.8;color:var(--ink-muted)}
.experience-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-64);padding-block:var(--space-48) var(--space-64);align-items:center}
.experience-hero h1{max-width:14ch;margin-block:var(--space-16) var(--space-24)}
.experience-hero p{max-width:var(--measure);line-height:1.9}
.experience-hero--gaming h1{font-family:var(--font-display)}
.experience-hero--home h1{font-family:var(--font-sans);font-weight:600;line-height:1.5}
.experience-hero-object{display:grid;background:var(--surface-raised);border:1px solid var(--line);overflow:hidden;border-radius:var(--space-8)}
.experience-hero-object img{width:100%;height:23rem;object-fit:contain;background:var(--sand)}
.experience-hero-object span{padding:var(--space-16)}
.experience-hero--home .experience-hero-object{border-radius:45% 45% var(--space-8) var(--space-8)}
.experience-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-12);margin-block:var(--space-24)}
.experience-tags li{padding:var(--space-8) var(--space-16);border:1px solid var(--line-strong);border-radius:var(--space-8)}
.experience-room-links{display:flex;flex-wrap:wrap;gap:var(--space-16)}
.experience-room-links a{min-height:var(--tap-min);display:flex;align-items:center;text-decoration:underline;text-underline-offset:.3em}
.material-status{font-size:1rem;line-height:1.8;padding:var(--space-8) 0;margin:0}
.card-slot>.material-status{padding-inline:var(--space-12)}
.checkout-method{padding:var(--space-24);border:1px solid var(--line-strong);background:var(--surface-soft);line-height:1.9}
.manual-result{display:grid;gap:var(--space-24);max-width:var(--measure);padding-bottom:var(--space-64)}
@media(max-width:900px){.experience-paths,.experience-hero{grid-template-columns:1fr}.experience-hero{gap:var(--space-32);padding-block:var(--space-24) var(--space-40)}.experience-path{padding:var(--space-24)}.experience-hero-object img{height:19rem}.experience-hero h1{max-width:18ch}}
@media(prefers-reduced-motion:reduce){.experience-object img{transition:none}}
#main[data-experience="home"]{--link:var(--ink)}
#main[data-experience="gaming"] .custom-preview text{fill:var(--on-sand)}