:root{--bg: #05070b;--text: #eef8ef;--muted: rgba(238, 248, 239, .5);--ease-out: cubic-bezier(.16, .88, .2, 1);--app-height: 100vh}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;min-height:100%}#root{min-height:100%}html{background:var(--bg);overflow:hidden}body{margin:0;overflow:hidden;background:radial-gradient(circle at top,rgba(115,255,157,.06),transparent 26%),linear-gradient(180deg,#06080b,#040507);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,a{-webkit-tap-highlight-color:transparent}img,video{max-width:100%;display:block}button{font:inherit}a,button{color:inherit}.noise-layer,.scan-layer,.glitch-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.noise-layer{z-index:24;top:-6%;right:-6%;bottom:-6%;left:-6%;background-image:url(/assets/img/noise.png);background-repeat:repeat;background-size:192px 192px;opacity:.05;mix-blend-mode:screen;animation:noiseShift .72s steps(4,end) infinite}.scan-layer{z-index:25;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);opacity:.08}.glitch-flash{z-index:70;opacity:0;background:linear-gradient(90deg,#ffffff0a,#73ff9d29 22%,#ffffff14,#73ff9d24 78%,#ffffff0a);mix-blend-mode:screen}.glitch-flash.active{animation:glitchFlash .42s linear}.global-ui{position:fixed;inset:0 0 auto 0;z-index:80;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));pointer-events:none}.status,.mute-button{pointer-events:auto}.status{padding:11px 14px;border-radius:999px;border:1px solid rgba(238,248,239,.12);background:#070a0ead;box-shadow:0 0 0 1px #ffffff04 inset;color:var(--muted);text-transform:uppercase;letter-spacing:.22em;font-size:.68rem;line-height:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:1;transform:translateY(0);transition:opacity .34s ease,transform .42s var(--ease-out)}.status.is-hidden{opacity:0;transform:translateY(-8px);pointer-events:none}.status.is-visible{opacity:1;transform:translateY(0)}.mute-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(238,248,239,.12);border-radius:999px;background:#070a0ead;box-shadow:0 0 0 1px #ffffff04 inset;color:var(--text);padding:11px 16px;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;line-height:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}@media(hover:hover){.mute-button:hover{border-color:#73ff9d57;background:#0a1014e6}}.mute-button:focus-visible{border-color:#73ff9d57;background:#0a1014e6}.mute-button:active{transform:scale(.985)}body.is-muted .mute-button{border-color:#ff8c8c38;color:#ffc8c8eb}.app-shell{position:relative;width:100%;height:var(--app-height);overflow:hidden}.scenes{position:relative;width:100%;height:calc(var(--app-height) * 2);will-change:transform;transition:transform 1.34s var(--ease-out)}.app-shell.is-main .scenes{transform:translate3d(0,calc(var(--app-height) * -1),0)}.app-shell.is-descending .scenes{transition-duration:1.56s;transition-timing-function:cubic-bezier(.2,.92,.24,1)}.scene{position:relative;width:100%;height:var(--app-height);overflow:hidden}.scene-intro{background:radial-gradient(circle at 62% 28%,rgba(115,255,157,.08),transparent 24%),linear-gradient(180deg,#070a0d,#040507)}.intro-stage{position:relative;height:100%;width:100%;padding:24px;display:grid;align-items:end;isolation:isolate}.intro-video,.freeze-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:68% center;filter:saturate(.95) contrast(1.02)}.intro-video{transition:opacity .45s ease}.freeze-frame{opacity:0;transition:opacity .45s ease}.scene-intro.is-frozen .freeze-frame{opacity:1}.scene-intro.is-frozen .intro-video{opacity:0}.intro-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 68% 42%,#fff0,#05070a0d 24%,#05070a8a 58%,#05070aeb),linear-gradient(180deg,#05070a24,#05070a38 20%,#05070a6b 48%,#05070ae0)}.intro-blackout{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(circle at 62% 36%,#00000075,#000000c2 54%,#000000f0),linear-gradient(180deg,#0009,#000000eb);opacity:0;transition:opacity 1.05s var(--ease-out)}.intro-controls{position:absolute;left:24px;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:4;display:flex;gap:12px;flex-wrap:wrap;transition:transform .55s var(--ease-out),opacity .32s ease}.scene-intro.is-idle .intro-blackout{opacity:1}.scene-intro.is-idle .intro-controls{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);justify-content:center}.scene-intro.is-idle #goButton{min-width:168px;padding:18px 28px}.primary-button,.nav-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(238,248,239,.14);border-radius:999px;background:#090d1285;box-shadow:0 0 0 1px #ffffff05 inset,0 18px 44px #0000003d;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-transform:uppercase;letter-spacing:.24em;line-height:1;white-space:nowrap;transition:border-color .18s ease,background .18s ease,transform .18s ease,opacity .2s ease}.primary-button{min-width:126px;justify-content:center;align-items:center;display:inline-flex;gap:8px;padding:15px 21px;font-size:.76rem;cursor:pointer}@media(hover:hover){.primary-button:hover,.nav-link:hover{border-color:#73ff9d61;background:#0a1014e0}}.primary-button:focus-visible,.nav-link:focus-visible{border-color:#73ff9d61;background:#0a1014e0}.primary-button:active,.nav-link:active,.ui-card:active{transform:scale(.985)}.primary-button:disabled{opacity:.38;cursor:not-allowed}#goButton.is-hidden{opacity:0;pointer-events:none;position:absolute;visibility:hidden}.enter-button{position:absolute;left:24px;top:50%;z-index:5;transform:translateY(-50%)}.enter-button[hidden]{display:none!important}.enter-button.is-visible{animation:fadeRiseCenter .4s ease}.scene-main{isolation:isolate;background:radial-gradient(94% 64% at 50% -8%,#6e70ff29,#3038aa14 44%,#070a1f00 78%),radial-gradient(124% 92% at 50% 60%,#1a2a8a47,#0a0f3821 38%,#04081800 74%),linear-gradient(180deg,#050a25,#030619 48%,#010208)}.scene-main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(62% 40% at 50% 56%,#6f88ff57,#5166f23d 26%,#3745b024 44%,#11164900 72%),radial-gradient(48% 28% at 50% 80%,#4c7dff42,#263bb029 40%,#0c113200 76%),radial-gradient(134% 120% at 50% 52%,#04071800 54%,#02030ab8 84%,#010208f0)}.scene-main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(160,183,255,.24) .6px,transparent .8px),radial-gradient(rgba(116,143,247,.17) .5px,transparent .75px);background-size:3px 3px,4px 4px;background-position:0 0,1.4px 1.7px;opacity:.14;-webkit-mask-image:radial-gradient(122% 94% at 50% 55%,rgba(0,0,0,.96) 0%,rgba(0,0,0,.72) 56%,transparent 100%);mask-image:radial-gradient(122% 94% at 50% 55%,rgba(0,0,0,.96) 0%,rgba(0,0,0,.72) 56%,transparent 100%)}.main-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#04081c29,#04081866 34%,#02030ad6),radial-gradient(70% 44% at 50% 56%,#8275ff2e,#5a62e621 34%,#14194a00 72%)}.scene-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:linear-gradient(rgba(118,143,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(118,143,255,.02) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,transparent,black 18%,black 84%,transparent);mask-image:linear-gradient(180deg,transparent,black 18%,black 84%,transparent);opacity:.11}.main-content{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:max(24px,env(safe-area-inset-top) + 12px) max(24px,env(safe-area-inset-right) + 8px) max(24px,env(safe-area-inset-bottom) + 4px) max(24px,env(safe-area-inset-left) + 8px)}.brand-logo{width:min(300px,58vw);height:auto;max-height:118px;object-fit:contain;opacity:.92;filter:drop-shadow(0 0 18px rgba(115,255,157,.08))}.ui-card{position:relative;align-self:center;display:block;width:min(100%,900px);margin:clamp(8px,2vh,18px) auto;border:0;padding:0;background:none;color:inherit;cursor:pointer;text-align:left;transition:transform .2s ease}.ui-card:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:38px;border:1px solid rgba(124,151,255,.12);opacity:0;transform:scale(.985);transition:opacity .24s ease,transform .24s ease}.ui-card:hover:before,.ui-card:focus-visible:before{opacity:.76;transform:scale(1)}.ui-card-media{width:100%;aspect-ratio:12 / 8;object-fit:cover;border-radius:28px;will-change:transform;animation:uiCardDrift 8.2s ease-in-out infinite;box-shadow:0 30px 80px #00000070,0 0 0 1px #7a95ff14,0 0 28px #546fec29}.ui-card:hover .ui-card-media,.ui-card:focus-visible .ui-card-media{animation-play-state:paused}.ui-card-countdown{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-46%);opacity:0;width:min(84%,560px);padding:12px 14px;border-radius:16px;border:1px solid rgba(115,255,157,.26);background:#060a0ec7;box-shadow:0 16px 40px #00000057;color:#eef8eff5;text-align:center;text-transform:uppercase;letter-spacing:.14em;line-height:1.42;font-size:clamp(.68rem,1.9vw,.82rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;transition:opacity .32s ease,transform .38s cubic-bezier(.2,.9,.24,1)}.ui-card-countdown.is-visible{opacity:1;transform:translate(-50%,-50%)}.ui-card-countdown.is-expired{text-transform:none;letter-spacing:0}.ui-card-countdown.is-hiding{opacity:0;transform:translate(-50%,-56%)}.ui-card-countdown[hidden]{display:none!important}.ui-card.is-countdown .ui-card-media{filter:brightness(.72) saturate(.86)}.main-actions{display:grid;gap:14px}.main-nav{display:flex;flex-wrap:wrap;gap:10px 14px}.nav-link{padding:13px 18px;font-size:.76rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.join-game-link{justify-self:start;width:fit-content;min-width:210px;padding-inline:22px;border-color:#73ff9d47;background:#0a1014ad}.info-panel{position:fixed;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(92px,env(safe-area-inset-bottom) + 68px);z-index:81;width:min(680px,calc(100% - 36px));padding:18px 20px 20px;border-radius:22px;border:1px solid rgba(115,255,157,.18);background:#06090ceb;box-shadow:0 20px 64px #00000075;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.info-panel[hidden]{display:none!important}.info-title{margin:0 0 12px;color:var(--muted);text-transform:uppercase;letter-spacing:.24em;font-size:.72rem}.info-lines{margin:0;padding:0;list-style:none;display:grid;gap:9px}.info-lines li{color:#eef8efe6;line-height:1.58;font-size:clamp(.92rem,2.4vw,1rem)}.toast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:90;min-width:min(360px,calc(100% - 36px));max-width:calc(100% - 36px);padding:13px 16px;border-radius:16px;border:1px solid rgba(115,255,157,.2);background:#05080beb;color:var(--text);text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;line-height:1.4;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%) translateY(16px);transition:opacity .22s ease,transform .22s ease}.toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.game-placeholder-page{width:100%;min-height:var(--app-height);background:#010208;color:var(--text);display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));position:relative}.game-placeholder-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 38%,rgba(115,255,157,.13),transparent 34%),linear-gradient(180deg,#01020866,#010208f5);pointer-events:none}.game-placeholder{position:relative;z-index:1;width:min(620px,100%);display:grid;justify-items:center;gap:18px;text-align:center}.game-placeholder-kicker{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.28em;font-size:clamp(.72rem,2.5vw,.9rem);line-height:1.4}.game-placeholder-title{margin:0;font-size:clamp(2.6rem,9vw,7rem);line-height:.92;text-transform:uppercase;font-weight:700;text-wrap:balance}.game-placeholder-link{margin-top:10px;min-width:132px}.unity-page{width:100%;min-height:var(--app-height);background:#010208;overflow:hidden}.unity-frame{display:block;width:100%;height:var(--app-height);border:0;background:#010208}@media(max-width:900px){.intro-video,.freeze-frame{object-position:center center}.brand-logo{width:min(260px,62vw);max-height:104px}}@media(max-width:700px){.scene-main:before{opacity:.9}.scene-main:after{opacity:.11}.scene-grid{opacity:.1}.noise-layer{opacity:.04}.scan-layer{opacity:.06}.global-ui{padding-top:max(14px,env(safe-area-inset-top))}.main-content{justify-content:flex-start;gap:14px;padding:max(60px,env(safe-area-inset-top) + 44px) max(16px,env(safe-area-inset-right) + 10px) max(16px,env(safe-area-inset-bottom) + 8px) max(16px,env(safe-area-inset-left) + 10px)}.status,.mute-button{padding:8px 10px;font-size:.58rem;letter-spacing:.16em;border-color:#eef8ef14;background:#070a0e8a}.intro-stage{padding:18px}.intro-controls{left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom))}.enter-button{left:18px}.primary-button,.nav-link{width:auto;min-width:0;font-size:.7rem}.brand-logo{width:min(240px,64vw);max-height:98px}.ui-card{width:100%;margin:2px auto 0}.ui-card-media{aspect-ratio:12 / 7.3}.main-actions{gap:10px;margin-top:auto}.main-nav{flex-wrap:nowrap;gap:8px}.nav-link{flex:1 1 0;min-height:44px;justify-content:center}.join-game-link{justify-self:stretch;width:100%}.info-lines li{padding-left:4px}}@media(max-width:520px){.main-content{gap:12px;padding:max(56px,env(safe-area-inset-top) + 40px) 16px max(14px,env(safe-area-inset-bottom) + 8px) 16px}.main-actions{gap:8px}.main-nav{flex-wrap:nowrap;gap:8px}.nav-link{flex:1 1 0;min-width:0;min-height:44px;padding:10px 8px;font-size:clamp(.54rem,2.7vw,.62rem);letter-spacing:.12em}.info-panel{width:auto;left:18px;right:18px;bottom:max(94px,env(safe-area-inset-bottom) + 76px)}}@media(prefers-reduced-motion:reduce){.noise-layer{animation:none}.scenes,.glitch-flash,.freeze-frame,.intro-blackout,.ui-card:before,.ui-card-media,.primary-button,.nav-link,.mute-button,.toast{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes noiseShift{0%{transform:translateZ(0)}25%{transform:translate3d(-1.2%,1.1%,0)}50%{transform:translate3d(.8%,-.7%,0)}75%{transform:translate3d(-.7%,.8%,0)}to{transform:translateZ(0)}}@keyframes fadeRiseCenter{0%{opacity:0;transform:translateY(calc(-50% + 12px))}to{opacity:1;transform:translateY(-50%)}}@keyframes uiCardDrift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-10px,0) scale(1.01)}to{transform:translateZ(0) scale(1)}}@keyframes glitchFlash{0%{opacity:0;filter:brightness(1)}15%{opacity:.18;filter:brightness(1.08)}30%{opacity:.06;filter:brightness(.98)}55%{opacity:.24;filter:brightness(1.12)}to{opacity:0;filter:brightness(1)}}