:root{--void:#07080d;--ink:#0b0e16;--cyan:#22e0ff;--magenta:#ff2d95;--amber:#ffb020;--lime:#8dff5a;--gold:#ffd54a;--danger:#ff3b3b;--cream:#eaf1ff}*{box-sizing:border-box}html,body{height:100%}html{overflow:hidden}body{min-height:100svh;color:var(--cream);background:radial-gradient(120% 80% at 50% 0%, #12172a 0%, transparent 55%), radial-gradient(140% 120% at 50% 130%, #05060b 0%, transparent 60%), var(--void);-webkit-font-smoothing:antialiased;cursor:default;margin:0;font-family:Inter,system-ui,sans-serif;overflow:clip hidden}.stage{cursor:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#c{width:100%;height:100%;display:block;position:absolute;inset:0}.hit{z-index:2;touch-action:none;outline:none;position:absolute;inset:0}.hit:focus-visible{box-shadow:inset 0 0 0 2px #22e0ff80}.hud{z-index:3;pointer-events:none;gap:clamp(20px,4vw,44px);font-family:ui-monospace,SF Mono,Roboto Mono,monospace;display:flex;position:absolute;top:clamp(14px,4vh,30px);left:clamp(16px,5vw,46px)}.hud__score,.hud__acc{letter-spacing:.22em;color:#eaf1ff80;font-size:clamp(.66rem,1.6vmin,.82rem)}.hud__score b,.hud__acc b{letter-spacing:.02em;color:var(--cream);font-variant-numeric:tabular-nums;text-shadow:0 0 16px #22e0ff59;font-size:clamp(1.5rem,4.6vmin,2.4rem);display:block}.combo{z-index:3;pointer-events:none;opacity:0;flex-direction:column;align-items:center;line-height:1;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:clamp(14px,4vh,30px);left:50%;transform:translateY(-6px)scale(.9)}.combo.on{opacity:1;transform:none}.combo #comboMult{color:var(--amber);text-shadow:0 0 22px #ffb02099;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,5.4vmin,2.9rem);font-weight:700}.combo i{letter-spacing:.4em;text-indent:.4em;color:#ffb020b3;margin-top:.15em;font-size:.6rem;font-style:normal}.combo.pop #comboMult{animation:.3s cpop}@keyframes cpop{0%{transform:scale(1.5)}to{transform:scale(1)}}.weapon{z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#141a2c99,#0a0d1680);border:1px solid #22e0ff29;border-radius:14px;flex-direction:column;gap:8px;min-width:auto;padding:14px 18px;display:flex;position:absolute;bottom:clamp(18px,5vh,40px);left:clamp(16px,5vw,46px)}.weapon__top,.weapon__pips{display:none}.weapon__lvl{letter-spacing:.08em;color:var(--acc,#22e0ff);text-shadow:0 0 16px var(--acc,#22e0ff80);font-family:Space Grotesk,sans-serif;font-size:clamp(1.05rem,3vmin,1.5rem);font-weight:700}.weapon__lvl:before{content:"LVL ";letter-spacing:.2em;opacity:.6;font-size:.6em}.weapon__name{display:none}.weapon.swap .weapon__name{animation:.5s cubic-bezier(.16,.84,.28,1) wswap}@keyframes wswap{0%{opacity:0;filter:brightness(2.4);transform:translateY(14px)}to{opacity:1;transform:none}}.weapon__pips span{background:#eaf1ff24;border-radius:3px;width:16px;height:5px;transition:background .2s,box-shadow .2s}.weapon__pips span.on{background:var(--acc,var(--cyan));box-shadow:0 0 10px var(--acc,var(--cyan))}.weapon__ammo{letter-spacing:.08em;color:var(--cream);font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace;font-size:1rem}.weapon__ammo:before{content:"AMMO ";letter-spacing:.2em;opacity:.55;font-size:.66em}.weapon__ammo i{opacity:.4;font-size:.8em;font-style:normal}.weapon.reloading .weapon__ammo{color:var(--amber);animation:.6s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.banner{z-index:4;text-align:center;letter-spacing:.08em;pointer-events:none;opacity:0;text-shadow:0 0 30px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,7vmin,3.6rem);font-weight:700;line-height:1.05;position:absolute;top:38%;left:50%;translate:-50% -50%}.banner small{letter-spacing:.34em;text-indent:.34em;opacity:.8;margin-top:.5em;font-size:.42em;font-weight:500;display:block}.banner.show{animation:1.4s cubic-bezier(.16,.84,.28,1) banner}@keyframes banner{0%{opacity:0;transform:scale(.7)}14%{opacity:1;transform:scale(1.06)}30%{transform:scale(1)}78%{opacity:1}to{opacity:0;transform:scale(1)}}.banner.win{font-size:clamp(2.4rem,10vmin,5.4rem)}.banner.win.show{animation:3.2s cubic-bezier(.16,.84,.28,1) forwards banner}.wordmark{z-index:3;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:.5em;margin:0;transition:opacity .5s,transform .5s;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.wordmark__word{letter-spacing:.04em;color:var(--cream);text-shadow:0 0 8px #22e0ff80, 0 0 34px #22e0ff66, 4px 4px 0 var(--magenta);font-family:Space Grotesk,sans-serif;font-size:clamp(2.6rem,13vmin,7rem);font-weight:700;line-height:1}.wordmark__sub{letter-spacing:.5em;text-indent:.5em;color:var(--cyan);text-shadow:0 0 14px #22e0ff99;font-family:ui-monospace,SF Mono,monospace;font-size:clamp(.62rem,1.6vmin,.82rem)}.wordmark.is-gone{opacity:0;transform:translate(-50%,-50%)scale(1.15)}.hint{z-index:3;letter-spacing:.04em;color:#eaf1ffb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#22e0ff12;border:1px solid #22e0ff2e;border-radius:999px;align-items:center;gap:9px;margin:0;padding:8px 15px;font-size:.78rem;transition:opacity .5s,transform .5s;animation:2.8s ease-in-out infinite bob;display:flex;position:absolute;bottom:clamp(18px,5vh,40px);right:clamp(16px,5vw,46px)}.hint__grip{border:2px solid #22e0ffd9;border-radius:50%;width:13px;height:13px;position:relative;box-shadow:0 0 8px #22e0ff99}.hint__grip:after{content:"";background:#22e0ffe6;border-radius:50%;animation:1.5s ease-in-out infinite pulse;position:absolute;inset:3px}.hint.is-gone{opacity:0;pointer-events:none;transform:translateY(6px)}@keyframes bob{50%{transform:translateY(-4px)}}@keyframes pulse{50%{opacity:.4;transform:scale(.5)}}.mute{z-index:5;width:44px;height:44px;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff0d;border:1px solid #22e0ff33;border-radius:50%;place-items:center;transition:background .2s,transform .2s,border-color .2s;display:grid;position:fixed;top:clamp(14px,3vh,26px);right:clamp(14px,3vw,26px)}.mute:hover{background:#22e0ff29;transform:scale(1.05)}.mute:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.mute svg{fill:currentColor;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;fill-rule:evenodd;width:22px;height:22px}.mute .wave{fill:none;transition:opacity .2s}.mute[aria-pressed=false] .wave{opacity:.15}.mute[aria-pressed=true] .wave{opacity:1}@media (prefers-reduced-motion:reduce){.stage{cursor:default}.hint,.hint__grip:after,.combo.pop #comboMult,.weapon.swap .weapon__name,.banner.show,.weapon.reloading .weapon__ammo{animation:none}.mute{transition:none}}