:root{--ink: #f6f3ff;--ink-soft: rgba(246, 243, 255, .72);--ink-faint: rgba(246, 243, 255, .5);--line: rgba(255, 255, 255, .16);--chip: rgba(255, 255, 255, .08);--scrim: 7, 6, 15;--accent: #ff5fa2;--pad: clamp(20px, 5vw, 84px);--display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.2, .8, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{background:#05040c;scroll-behavior:smooth;scroll-snap-type:y proximity;-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;touch-action:pan-y;-webkit-tap-highlight-color:transparent}#gl{position:fixed;inset:0 auto auto 0;width:100vw;height:100vh;height:100lvh;display:block;z-index:0}#veil{position:fixed;inset:0;z-index:0;background:#05040c;pointer-events:none;transition:opacity 1.1s ease .1s}.ready #veil{opacity:0}.no-webgl #veil{display:none}.no-webgl body{background:radial-gradient(120% 80% at 70% 20%,#2a1466,#05040c 70%)}.bar{position:fixed;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) var(--pad) 0;pointer-events:none}.bar>*{pointer-events:auto}.brand{display:inline-flex;gap:1px;font:800 20px/1 var(--display);letter-spacing:-.04em;color:var(--ink);text-decoration:none;padding:10px 12px;margin-left:-12px}.brand span:last-child{color:var(--accent)}.sound{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 12px;border:1px solid var(--line);border-radius:999px;background:rgba(var(--scrim),.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);font:500 13px/1 var(--body);cursor:pointer;transition:border-color .2s,background .2s}.sound:hover{border-color:var(--ink-faint)}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq i{width:3px;height:3px;border-radius:2px;background:currentColor;opacity:.6}.sound[aria-pressed=true] .eq i{background:var(--accent);opacity:1;animation:eq .9s ease-in-out infinite}.sound[aria-pressed=true] .eq i:nth-child(2){animation-delay:-.3s}.sound[aria-pressed=true] .eq i:nth-child(3){animation-delay:-.55s}.sound[aria-pressed=true] .eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:3px}50%{height:14px}}.dots{position:fixed;right:max(10px,calc(var(--pad) - 34px));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}.dots button{width:24px;height:22px;padding:0;border:0;background:none;cursor:pointer;position:relative}.dots button:after{content:"";position:absolute;right:8px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:6px;background:var(--ink);opacity:.35;transition:all .35s var(--ease)}.dots button:hover:after{opacity:.8}.dots button.on:after{opacity:1;height:18px;margin-top:-9px;background:var(--accent)}main{position:relative;z-index:1}.panel{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);scroll-snap-align:start;pointer-events:none}.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--scrim),.78) 0%,rgba(var(--scrim),.55) 30%,rgba(var(--scrim),0) 58%);opacity:0;transition:opacity .9s ease}.panel.is-active:before{opacity:1}.copy{position:relative;align-self:center;padding:96px 0 72px var(--pad);max-width:640px}.copy a,.copy button{pointer-events:auto}.copy>*{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease}.is-active .copy>*{opacity:1;transform:none;transition:opacity .8s ease,transform .9s var(--ease)}.is-active .copy>:nth-child(1){transition-delay:.18s}.is-active .copy>:nth-child(2){transition-delay:.26s}.is-active .copy>:nth-child(3){transition-delay:.34s}.is-active .copy>:nth-child(4){transition-delay:.42s}.is-active .copy>:nth-child(5){transition-delay:.5s}.is-active .copy>:nth-child(n+6){transition-delay:.58s}.kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:500 13px/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.kicker img,.kicker .glyph{width:44px;height:44px;border-radius:11px;flex:none;box-shadow:0 6px 20px #00000059}.kicker .glyph{display:grid;place-items:center;font-size:22px;color:#fff;background:linear-gradient(135deg,#7a2cff,#ff4fa3)}h1,h2{margin:0;font-family:var(--display);font-weight:800;letter-spacing:-.045em;line-height:.92;text-wrap:balance}h1{font-size:clamp(64px,10.5vw,168px);margin-left:-.04em}h2{font-size:clamp(46px,6.2vw,104px)}.lead{margin:26px 0 0;max-width:34em;font-size:clamp(16px,1.25vw,19px);color:var(--ink-soft);text-wrap:pretty}.stats,.facts{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-wrap:wrap}.stats{gap:14px 28px;flex-wrap:nowrap}.stats li{display:flex;flex-direction:column;gap:4px;max-width:132px}.stats b{font:700 30px/1 var(--display);letter-spacing:-.03em}.stats span{font-size:13px;line-height:1.35;color:var(--ink-faint)}.facts{gap:8px}.facts li{padding:7px 13px;border-radius:999px;background:var(--chip);border:1px solid var(--line);font-size:13px;color:var(--ink-soft);white-space:nowrap}.hint{white-space:nowrap}.facts b{color:var(--ink);font-weight:600}.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.links a,.cta{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;background:var(--ink);color:#0b0914;font:600 14px/1 var(--body);text-decoration:none;transition:transform .25s var(--ease),background .2s,border-color .2s}.links a:hover,.cta:hover{transform:translateY(-2px)}.links a.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.links a.ghost:hover{border-color:var(--ink-faint)}.cta{margin-top:34px;background:var(--accent);color:#fff}.cta span{display:inline-block;animation:nudge 1.8s ease-in-out infinite}@keyframes nudge{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}.stage{position:relative;min-height:46svh}.stage-ui{position:absolute;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);text-align:center;opacity:0;transition:opacity .6s ease .7s}.is-active .stage-ui{opacity:1}.hud{font:500 13px/1.3 var(--body);font-variant-numeric:tabular-nums;color:var(--ink-soft);text-shadow:0 1px 12px rgba(var(--scrim),.8)}.hud:empty,.hint:empty{display:none}.hint{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(var(--scrim),.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:500 12px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.hint:before{content:"◉";margin-right:8px;color:var(--accent);animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.3}}.panel[data-theme=light]{--ink: #2a1730;--ink-soft: rgba(42, 23, 48, .78);--ink-faint: rgba(42, 23, 48, .55);--line: rgba(42, 23, 48, .2);--chip: rgba(255, 255, 255, .5);--scrim: 255, 240, 232;color:var(--ink)}.panel[data-theme=light] .links a{background:#2a1730;color:#fff}.panel[data-theme=light] .links a.ghost{background:transparent;color:var(--ink)}body[data-theme=light] .bar{--ink: #2a1730;--line: rgba(42, 23, 48, .25);--scrim: 255, 240, 232;--ink-faint: rgba(42, 23, 48, .55)}.panel.long,.panel.contact{grid-template-columns:1fr}.panel.long:before,.panel.contact:before{background:linear-gradient(180deg,rgba(var(--scrim),.5),rgba(var(--scrim),.78) 30% 70%,rgba(var(--scrim),.5))}.panel.long .stage,.panel.contact .stage{display:none}.copy.wide{max-width:1040px;width:100%;margin:0 auto;padding:120px var(--pad) 96px}.copy.center{text-align:center;display:flex;flex-direction:column;align-items:center}.copy.center .kicker,.copy.center .links{justify-content:center}.timeline{list-style:none;margin:56px 0 0;padding:0;border-top:1px solid var(--line)}.timeline li{display:grid;grid-template-columns:170px 1fr;gap:6px 32px;padding:26px 0;border-bottom:1px solid var(--line)}.timeline time{font:500 13px/1.6 var(--body);letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase}.timeline h3{margin:0;font:700 22px/1.2 var(--display);letter-spacing:-.02em}.timeline h3 em{font-style:normal;color:var(--accent)}.timeline p{grid-column:2;margin:6px 0 0;color:var(--ink-soft);max-width:46em}.timeline a,.fine a{color:var(--ink);text-underline-offset:3px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:40px}.card{pointer-events:auto;display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:18px;border:1px solid var(--line);background:#ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);text-decoration:none;transition:transform .3s var(--ease),border-color .2s,background .2s}.card:hover{transform:translateY(-4px);border-color:var(--ink-faint);background:#ffffff17}.card b{font:700 18px/1.2 var(--display);letter-spacing:-.02em}.card b:after{content:" ↗";color:var(--accent)}.card span{font-size:14px;line-height:1.45;color:var(--ink-soft)}.cta.mail{height:60px;padding:0 30px;font-size:clamp(16px,2vw,22px);font-family:var(--display);font-weight:700}.fine{margin-top:64px;font-size:13px;color:var(--ink-faint)}.fps{position:fixed;z-index:20;left:8px;bottom:8px;padding:6px 9px;border-radius:6px;background:#000000b3;color:#7dffb0;font:11px/1 ui-monospace,monospace;pointer-events:none}@media (max-width: 860px),(orientation: portrait){.panel{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.panel:before{background:linear-gradient(180deg,rgba(var(--scrim),.82) 0%,rgba(var(--scrim),.6) 30%,rgba(var(--scrim),0) 54%)}.copy{align-self:start;padding:74px var(--pad) 0;max-width:none}.kicker{margin-bottom:12px;font-size:11px;gap:10px}.kicker img,.kicker .glyph{width:34px;height:34px;border-radius:9px}h1{font-size:clamp(48px,14.6vw,96px)}h1 br{display:none}h2{font-size:clamp(40px,12.5vw,72px)}.lead{margin-top:14px;font-size:15px;line-height:1.45}.stats{margin-top:16px;gap:10px 22px}.stats b{font-size:22px}.stats span{font-size:11.5px}.stats li{max-width:104px}.hero .cta{display:none}.facts{margin-top:14px;gap:6px}.facts li{padding:5px 10px;font-size:12px}.links{margin-top:14px;gap:8px}.links a{height:38px;padding:0 15px;font-size:13px}.stage{min-height:44svh}.stage-ui{bottom:max(16px,env(safe-area-inset-bottom))}.dots{right:2px}.sound-label{display:none}.sound{padding:0 13px}.copy.wide{padding:96px var(--pad) 72px}.timeline{margin-top:36px}.timeline li{grid-template-columns:1fr;padding:20px 0}.timeline p{grid-column:1}.timeline h3{font-size:19px}.cards{grid-template-columns:1fr 1fr}.card{padding:16px}.card span{font-size:13px}.fine{margin-top:40px}}@media (max-width: 420px){.cards{grid-template-columns:1fr}}@media (max-width: 560px){.game .lead{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.game .facts li:nth-child(n+3){display:none}.links a.ghost{display:none}.social a.ghost{display:inline-flex}.copy{padding-top:66px}}@media (max-height: 520px) and (orientation: landscape){.copy{padding-top:64px;padding-bottom:24px}h1{font-size:15vh}h2{font-size:13vh}.facts,.stats{display:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.copy>*{transition-duration:.01s!important;transition-delay:0s!important}}
