@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
:root{--accent:#69f5d0;--accent2:#ffcc55;--danger:#ff5364;--ink:#f7fbff;--muted:#a6b2c5;--glass:rgba(8,15,28,.68);--curve:cubic-bezier(.32,.72,0,1)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050910;color:var(--ink);font-family:"Plus Jakarta Sans",sans-serif}button,a{font:inherit}button{color:inherit}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;outline:0}.grain{position:fixed;z-index:8;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.vignette{position:fixed;z-index:3;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 47%,transparent 43%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.68) 115%),linear-gradient(180deg,rgba(2,5,11,.36),transparent 26%,transparent 72%,rgba(2,5,11,.42))}.top-island{position:fixed;z-index:10;left:50%;top:22px;transform:translateX(-50%);width:min(1180px,calc(100% - 38px));height:62px;display:flex;align-items:center;gap:18px;padding:7px 8px 7px 17px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(5,11,22,.63);box-shadow:0 18px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.11);backdrop-filter:blur(22px) saturate(135%)}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#07111c;font:400 18px "Bebas Neue",sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 0 30px color-mix(in srgb,var(--accent) 38%,transparent)}.brand-copy{line-height:1}.brand-copy b{display:block;font-size:12px;letter-spacing:.12em}.brand-copy small{display:block;margin-top:4px;color:var(--muted);font-size:8px;letter-spacing:.18em}.mode-label{margin-left:auto;color:#dbe4ef;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.nav-actions{display:flex;gap:5px}.icon-button,.exit-link{height:46px;display:grid;place-items:center;border:0;border-radius:999px;background:rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.09);cursor:pointer;transition:transform .6s var(--curve),background .6s var(--curve)}.icon-button{width:46px}.exit-link{grid-auto-flow:column;gap:8px;padding:0 16px;color:white;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.1em}.icon-button:hover,.exit-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.14)}.hud{position:fixed;z-index:5;inset:0;pointer-events:none;transition:opacity .5s var(--curve),transform .7s var(--curve)}.hud.hidden{opacity:0;transform:translateY(-12px)}.metric-rail{position:absolute;left:28px;top:112px;display:grid;gap:9px}.metric{min-width:142px;padding:13px 15px 12px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:var(--glass);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 45px rgba(0,0,0,.14);backdrop-filter:blur(14px)}.metric span{display:block;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.2em}.metric strong{display:block;margin-top:3px;font:400 28px/1 "Bebas Neue",sans-serif;letter-spacing:.04em}.metric strong i{color:var(--accent);font-style:normal}.mission{position:absolute;left:50%;top:108px;transform:translateX(-50%);width:min(390px,45vw);text-align:center}.mission-line{display:flex;justify-content:space-between;margin-bottom:8px;color:#d7e2ef;font-size:9px;font-weight:800;letter-spacing:.16em}.progress-shell{padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(4,10,20,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.progress-track{height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 24px color-mix(in srgb,var(--accent) 58%,transparent);transform-origin:left;transition:transform .4s var(--curve)}.right-rail{position:absolute;right:28px;top:112px;display:grid;justify-items:end;gap:9px}.currency{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:var(--glass);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(14px);font:400 19px "Bebas Neue",sans-serif;letter-spacing:.08em}.currency span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--accent2);color:#4a3200;font-size:13px;box-shadow:0 0 22px color-mix(in srgb,var(--accent2) 42%,transparent)}.boost{width:148px}.boost-label{display:flex;justify-content:space-between;margin-bottom:6px;color:#dbe4ee;font-size:8px;font-weight:800;letter-spacing:.14em}.boost-track{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.09)}.boost-fill{height:100%;transform-origin:left;background:linear-gradient(90deg,#ff6658,#ffcf55,#fff);box-shadow:0 0 20px #ffb64f;transition:transform .2s var(--curve)}.bottom-rail{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(5,11,22,.61);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 20px 55px rgba(0,0,0,.18);backdrop-filter:blur(18px)}.key-guide{display:flex;align-items:center;gap:7px;padding:0 9px;color:#bdc8d7;font-size:9px;font-weight:700;letter-spacing:.06em}.key-guide kbd{min-width:31px;height:31px;display:grid;place-items:center;padding:0 7px;border:1px solid rgba(255,255,255,.17);border-bottom-color:rgba(255,255,255,.32);border-radius:10px;background:rgba(255,255,255,.075);color:#fff;font-size:10px}.power-chip{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.075);color:#dce7f2;font-size:9px;font-weight:800;letter-spacing:.08em}.power-chip b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#07111c;font-size:14px}.overlay{position:fixed;z-index:7;inset:0;display:grid;place-items:center;padding:100px 32px 35px;background:radial-gradient(circle at 68% 42%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),linear-gradient(90deg,rgba(3,7,15,.93),rgba(3,7,15,.44) 56%,rgba(3,7,15,.68));transition:opacity .8s var(--curve),visibility .8s var(--curve)}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.lobby-grid{width:min(1180px,100%);display:grid;grid-template-columns:1.22fr .78fr;gap:clamp(35px,6vw,92px);align-items:end}.hero-copy{align-self:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.055);color:#d9e3ee;font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}.hero-copy h1{max-width:760px;margin:23px 0 19px;font:400 clamp(72px,10vw,156px)/.72 "Bebas Neue",sans-serif;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance}.hero-copy h1 em{display:block;color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(255,255,255,.56)}.hero-copy>p{max-width:560px;margin:0;color:#aeb9c8;font-size:clamp(13px,1.2vw,17px);line-height:1.7}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.meta-row span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.055);color:#d1dbe7;font-size:9px;font-weight:800;letter-spacing:.1em}.bezel{padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:32px;background:rgba(255,255,255,.045);box-shadow:0 30px 90px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)}.briefing{padding:27px;border-radius:25px;background:rgba(6,13,25,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}.briefing-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.briefing-head span{color:#8390a3;font-size:9px;font-weight:800;letter-spacing:.18em}.live-dot{display:flex!important;align-items:center;gap:7px!important;color:#d7e0ea!important}.live-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.briefing h2{margin:0;font:400 37px/1 "Bebas Neue",sans-serif;letter-spacing:.025em}.briefing p{margin:12px 0 24px;color:#9eabbd;font-size:12px;line-height:1.65}.objectives{display:grid;gap:9px;margin-bottom:25px}.objective{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.045);color:#d8e1eb;font-size:10px;font-weight:700}.objective i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.07);color:var(--accent);font-style:normal}.play-button{width:100%;height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 21px;border:0;border-radius:999px;background:var(--accent);color:#07111c;box-shadow:0 14px 45px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.6);font-size:11px;font-weight:900;letter-spacing:.12em;cursor:pointer;transition:transform .65s var(--curve),box-shadow .65s var(--curve)}.play-button span{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:rgba(5,14,24,.12);font-size:17px;transition:transform .65s var(--curve)}.play-button:hover{transform:translateY(-3px);box-shadow:0 20px 60px color-mix(in srgb,var(--accent) 31%,transparent)}.play-button:hover span{transform:translateX(3px) scale(1.06)}.countdown{position:fixed;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);font:400 clamp(130px,25vw,330px)/1 "Bebas Neue",sans-serif;text-shadow:0 0 80px color-mix(in srgb,var(--accent) 42%,transparent);pointer-events:none;opacity:0}.countdown.pop{animation:countPop .72s var(--curve)}@keyframes countPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.62)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.16)}}.flash{position:fixed;z-index:6;inset:0;pointer-events:none;opacity:0;background:white}.flash.hit{animation:flashHit .38s var(--curve)}@keyframes flashHit{0%{opacity:.7}100%{opacity:0}}.toast{position:fixed;z-index:6;left:50%;top:25%;transform:translate(-50%,22px);opacity:0;padding:10px 15px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(6,13,25,.72);color:white;box-shadow:0 18px 55px rgba(0,0,0,.2);font:400 17px "Bebas Neue",sans-serif;letter-spacing:.1em;backdrop-filter:blur(12px);transition:opacity .45s var(--curve),transform .45s var(--curve)}.toast.show{opacity:1;transform:translate(-50%,0)}.loader{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#050910;transition:opacity .8s var(--curve),visibility .8s var(--curve)}.loader.hidden{opacity:0;visibility:hidden}.loader-core{text-align:center}.loader-ring{width:54px;height:54px;margin:0 auto 20px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .8s cubic-bezier(.65,.05,.36,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader b{display:block;font:400 18px "Bebas Neue",sans-serif;letter-spacing:.18em}.loader small{display:block;margin-top:7px;color:#69768a;font-size:8px;letter-spacing:.16em}.touch-controls{display:none;position:fixed;z-index:6;inset:auto 14px 18px;justify-content:space-between;pointer-events:none}.touch-cluster{display:flex;gap:8px;pointer-events:auto}.touch-controls button{width:56px;height:56px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(5,12,24,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(12px);font-size:18px;touch-action:none}.touch-controls .action{border-radius:50%;background:color-mix(in srgb,var(--accent) 75%,rgba(5,12,24,.7));color:#06101c;font-size:11px;font-weight:900}.webgl-error{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:30px;background:#07101e;text-align:center}.webgl-error div{max-width:520px}.webgl-error h1{font:400 55px "Bebas Neue",sans-serif}.webgl-error p{color:#a9b5c6;line-height:1.65}
@media(max-width:780px){.top-island{top:12px;width:calc(100% - 22px);height:54px;padding-left:11px}.brand-copy,.mode-label,.exit-link span{display:none}.exit-link{width:42px;padding:0}.metric-rail{left:12px;top:80px}.metric{min-width:103px;padding:9px 11px}.metric:nth-child(2){display:none}.metric strong{font-size:22px}.right-rail{right:12px;top:80px}.boost{display:none}.currency{padding:7px 10px}.mission{top:142px;width:calc(100% - 50px)}.bottom-rail{display:none}.overlay{padding:82px 16px 22px;overflow:auto;align-items:start}.lobby-grid{grid-template-columns:1fr;gap:27px;align-items:start}.hero-copy h1{margin:17px 0 14px;font-size:clamp(65px,23vw,105px)}.hero-copy>p{font-size:12px;line-height:1.55}.meta-row{margin-top:17px}.bezel{border-radius:25px}.briefing{padding:21px;border-radius:19px}.briefing-head{margin-bottom:18px}.briefing h2{font-size:30px}.objectives{margin-bottom:18px}.touch-controls{display:flex}.hud .touch-controls{display:flex}.grain{opacity:.035}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}