:root{--cyan: #35e8ff;--cyan-dim: rgba(53, 232, 255, .35);--red: #ff3355;--amber: #ffb020;--ink: #05070d;--font: "Rajdhani", "Bahnschrift", "DIN Alternate", "Segoe UI", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--ink);color:#dff6ff;font-family:var(--font);user-select:none;-webkit-user-select:none}canvas#scene{display:block;width:100%;height:100%}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(255,20,50,.85) 130%);opacity:0;transition:opacity .25s ease-out}#frost{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 38%,rgba(58,132,224,.34) 76%,rgba(122,184,255,.72) 100%,rgba(214,240,255,.92) 125%);transition:opacity .18s linear}#frost .frost-rime{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(198,231,255,.55) 0deg .7deg,transparent .7deg 6deg),repeating-conic-gradient(from 3deg at 50% 50%,rgba(236,250,255,.4) 0deg .35deg,transparent .35deg 11deg);-webkit-mask-image:radial-gradient(ellipse at center,transparent 80%,#000 104%);mask-image:radial-gradient(ellipse at center,transparent 80%,#000 104%);mix-blend-mode:screen}#frost-label{position:absolute;left:50%;top:calc(50% - 96px);transform:translate(-50%);font-size:14px;font-weight:700;letter-spacing:.3em;color:#d6f0ff;text-shadow:0 0 14px rgba(122,184,255,.9);animation:pulse .7s ease-in-out infinite alternate}#crosshair{position:absolute;left:50%;top:50%;width:100px;height:100px;margin:-50px 0 0 -50px}#crosshair svg{position:absolute;inset:0;overflow:visible}#crosshair .ring-bg{fill:none;stroke:#dff6ff24;stroke-width:2.5}#cooldown-ring{fill:none;stroke:var(--cyan);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:163.4;stroke-dashoffset:0;filter:drop-shadow(0 0 4px var(--cyan))}#crosshair .ticks line{stroke:#dff6ffcc;stroke-width:2;stroke-linecap:round}#crosshair .dot{fill:var(--cyan)}#crosshair.reloading #cooldown-ring{stroke:#dff6ff40;filter:none}#hitmarker{opacity:0}#hitmarker line{stroke:#fff;stroke-width:3.5;stroke-linecap:round}#hitmarker.show{animation:hit .22s ease-out}#hitmarker.kill line{stroke:var(--red)}@keyframes hit{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.25)}}#warn-inbound{position:absolute;left:50%;top:calc(50% + 70px);transform:translate(-50%);font-size:15px;font-weight:700;letter-spacing:.28em;color:var(--amber);text-shadow:0 0 12px rgba(255,176,32,.7);animation:pulse .55s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.35}to{opacity:1}}#assist-flash{position:absolute;left:50%;top:calc(50% + 96px);transform:translate(-50%);font-size:12px;font-weight:700;letter-spacing:.26em;color:#7fe9ff;text-shadow:0 0 12px rgba(53,232,255,.6);animation:assistFade 1.2s ease-out forwards}#assist-flash.off{color:#dff6ff99;text-shadow:none}@keyframes assistFade{0%{opacity:0;transform:translate(-50%) translateY(6px)}15%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}#powerup{position:absolute;left:34px;bottom:132px;width:76px;height:76px;color:var(--cyan)}#powerup .pu-ring{position:absolute;inset:0;overflow:visible}#powerup .pu-ring-bg{fill:#05070d8c;stroke:#dff6ff24;stroke-width:3}#powerup-ring{fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-dashoffset:0;filter:drop-shadow(0 0 5px currentColor)}#powerup .pu-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);fill:currentColor;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 0 6px currentColor)}#powerup-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;font-size:10px;font-weight:600;letter-spacing:.22em;white-space:nowrap;color:currentColor;opacity:.85}#powerup.expiring .pu-glyph,#powerup.expiring #powerup-ring{animation:pulse .34s ease-in-out infinite alternate}#powerup-toast{position:absolute;left:50%;top:calc(50% + 108px);transform:translate(-50%);text-align:center;animation:toast 2.4s ease-out forwards}#powerup-toast .pt-label{font-size:19px;font-weight:700;letter-spacing:.3em;text-shadow:0 0 14px currentColor}#powerup-toast .pt-blurb{margin-top:4px;font-size:12px;letter-spacing:.12em;opacity:.75;color:#dff6ff}@keyframes toast{0%{opacity:0;transform:translate(-50%) translateY(8px)}12%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}#bottom-left{position:absolute;left:34px;bottom:30px;width:250px}.stat-label{font-size:11px;letter-spacing:.3em;opacity:.6;margin-bottom:5px}.boost-label{margin-top:14px}.bar{height:12px;background:#dff6ff17;border:1px solid rgba(223,246,255,.2);overflow:hidden}.bar.boost{height:6px}.bar .fill{height:100%;width:100%;transform-origin:left center;transition:background-color .2s linear}.bar.hp .fill{background:var(--cyan);box-shadow:0 0 14px var(--cyan-dim)}.bar.hp .fill.low{background:var(--amber)}.bar.hp .fill.critical{background:var(--red)}.bar.boost .fill{background:#dff6ffbf}.bar.boost .fill.charging{background:#dff6ff4d}#scoreboard{position:absolute;top:22px;left:50%;transform:translate(-50%);text-align:center;font-size:30px;font-weight:700;letter-spacing:.06em;line-height:1}#scoreboard .side{display:inline-flex;align-items:baseline;gap:9px}#scoreboard .tag{font-size:12px;letter-spacing:.28em;opacity:.55}#scoreboard .you{color:var(--cyan)}#scoreboard .them{color:var(--red)}#scoreboard .dash{margin:0 14px;opacity:.3}#scoreboard .target{margin-top:7px;font-size:10px;letter-spacing:.32em;opacity:.4;font-weight:400}#killfeed{position:absolute;right:30px;top:26px;width:330px;text-align:right;font-size:13px;letter-spacing:.06em}#killfeed .line{padding:4px 0;animation:feedin .25s ease-out;white-space:nowrap}#killfeed .line .who{font-weight:700}#killfeed .line .you{color:var(--cyan)}#killfeed .line .bot{color:var(--red)}#killfeed .line .pu{color:var(--amber)}#killfeed .line .verb{opacity:.5;margin:0 7px;font-size:11px;letter-spacing:.2em}#killfeed .line.fading{opacity:0;transition:opacity .5s linear}@keyframes feedin{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}#nameplates{position:absolute;inset:0;pointer-events:none;overflow:hidden}.nameplate{position:absolute;left:0;top:0;display:none;width:96px;text-align:center;will-change:transform}.nameplate .np-name{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--red);text-shadow:0 0 6px rgba(0,0,0,.95),0 0 12px rgba(255,51,85,.5);margin-bottom:3px;white-space:nowrap}.nameplate .np-bar{height:4px;width:68px;margin:0 auto;background:#000000a6;border:1px solid rgba(255,51,85,.45);overflow:hidden}.nameplate .np-fill{height:100%;width:100%;transform-origin:left center;background:var(--red);box-shadow:0 0 8px #ff3355b3;transition:transform .12s linear}.nameplate .np-fill.low{background:var(--amber);box-shadow:0 0 8px #ffb020b3}.nameplate .np-fill.critical{background:#fff;box-shadow:0 0 10px #fff}.nameplate .np-badge{display:none;width:15px;height:15px;margin:4px auto 0;fill:currentColor;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 0 5px currentColor);animation:pulse .9s ease-in-out infinite alternate}#radar{position:absolute;right:22px;bottom:22px;opacity:.92}#powerup-debug{position:absolute;bottom:210px;right:26px;padding:10px 14px;text-align:right;background:#05070db8;border:1px solid rgba(255,194,61,.45);color:var(--amber)}#powerup-debug .pd-title{font-size:11px;font-weight:700;letter-spacing:.26em;margin-bottom:7px}#powerup-debug .pd-keys{display:flex;flex-direction:column;gap:4px;font-size:12px;letter-spacing:.08em;color:#dff6ff}#powerup-debug kbd{display:inline-block;min-width:17px;margin-right:6px;padding:1px 0;text-align:center;font-family:inherit;font-size:11px;border:1px solid rgba(223,246,255,.35);border-radius:2px}#powerup-debug .pd-note{margin-top:8px;font-size:10px;letter-spacing:.1em;opacity:.6;color:#dff6ff}#debug{position:absolute;left:34px;top:26px;font-size:12px;font-family:ui-monospace,Consolas,monospace;line-height:1.55;opacity:.75;white-space:pre}#overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#050c16d1,#03050af7 75%);backdrop-filter:blur(3px)}#overlay.hidden{display:none!important}.screen{text-align:center;padding:30px;max-width:720px;max-height:100vh;overflow-y:auto}.screen h1{font-size:76px;font-weight:700;letter-spacing:.22em;margin-bottom:18px;color:var(--cyan);text-shadow:0 0 40px rgba(53,232,255,.45)}.screen h1.lose{color:var(--red);text-shadow:0 0 40px rgba(255,51,85,.45)}.screen h1.win{color:var(--amber);text-shadow:0 0 40px rgba(255,176,32,.45)}.screen h1.paused{color:#dff6ff;text-shadow:none;font-size:52px}.tagline{font-size:16px;line-height:1.7;opacity:.72;margin-bottom:30px}.tagline strong{color:var(--amber);opacity:1}.final{font-size:24px;letter-spacing:.12em;margin-bottom:30px;font-weight:700}.final span{color:var(--cyan)}.controls{display:flex;justify-content:center;gap:54px;margin-bottom:36px;font-size:13px}.ctrl-col{display:flex;flex-direction:column;gap:11px}.ctrl{display:flex;align-items:center;gap:6px}.ctrl span{opacity:.6;margin-left:8px;letter-spacing:.1em}kbd{display:inline-block;min-width:30px;padding:4px 8px;border:1px solid rgba(223,246,255,.28);border-radius:3px;background:#dff6ff0f;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:.08em}kbd.alt{opacity:.5}button{pointer-events:auto;cursor:pointer;padding:15px 44px;font-family:var(--font);font-size:16px;font-weight:700;letter-spacing:.26em;color:var(--ink);background:var(--cyan);border:none;transition:transform .12s ease-out,box-shadow .12s ease-out;box-shadow:0 0 26px #35e8ff66}button:hover{transform:translateY(-2px);box-shadow:0 0 40px #35e8ffa6}button:active{transform:translateY(0)}button:disabled{opacity:.35;cursor:default;transform:none;box-shadow:none}.sound-row{margin-bottom:22px}button.sound-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;padding:8px 20px;font-size:11px;letter-spacing:.22em;font-weight:700;color:#dff6ffb8;background:transparent;border:1px solid rgba(223,246,255,.25);box-shadow:none}button.sound-btn:hover{transform:none;color:#dff6ff;border-color:#dff6ff8c;box-shadow:none}button.sound-btn .sound-icon{width:16px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button.sound-btn.muted{color:#dff6ff61;border-color:#dff6ff26}.options{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:26px}button.opt-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;padding:7px 16px;font-size:10px;letter-spacing:.2em;font-weight:700;color:#dff6ff80;background:transparent;border:1px solid rgba(223,246,255,.18);box-shadow:none}button.opt-btn:hover{transform:none;color:#dff6ff;border-color:#dff6ff80;box-shadow:none}.opt-dot{width:8px;height:8px;border-radius:50%;background:#dff6ff40}button.opt-btn.on{color:#dff6ffd9;border-color:#35e8ff73}button.opt-btn.on .opt-dot{background:#35e8ff;box-shadow:0 0 8px #35e8ffe6}.opt-slider{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.2em;font-weight:700;color:#dff6ff8c}.opt-input{pointer-events:auto;width:108px;accent-color:#35e8ff}.opt-val{min-width:42px;text-align:left;color:#dff6ff;opacity:.7}#screen-options h1.opts{font-size:46px;margin-bottom:26px}.opt-group{max-width:640px;margin:0 auto 22px}.opt-group-label{font-size:10px;letter-spacing:.32em;opacity:.45;margin-bottom:12px}.opt-group .options,.opt-group .difficulty,.opt-group .sound-row{margin-bottom:0}.graphics-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.menu-buttons{display:flex;flex-direction:column;align-items:center;gap:12px}button.btn-open-options,button.btn-open-powerups,#btn-options-back{pointer-events:auto;padding:10px 30px;font-size:12px;letter-spacing:.2em;color:#dff6ffb8;background:transparent;border:1px solid rgba(223,246,255,.3);box-shadow:none}button.btn-open-options:hover,button.btn-open-powerups:hover,#btn-options-back:hover{transform:none;color:#dff6ff;border-color:#dff6ff99;box-shadow:none}.btn-open-powerups{display:none}#btn-options-back{margin-top:14px}.powerup-guide{margin-bottom:30px}.pg-label{font-size:10px;letter-spacing:.32em;opacity:.45;margin-bottom:12px}.pg-list{display:flex;flex-direction:column;gap:7px;text-align:left;max-width:580px;margin:0 auto}.pg-row{display:flex;align-items:center;gap:10px;font-size:12px}.pg-icon{flex:0 0 auto;width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 0 5px currentColor)}.pg-name{flex:0 0 96px;font-weight:700;letter-spacing:.14em;font-size:11px}.pg-blurb{color:#dff6ff;opacity:.55;letter-spacing:.04em}.pg-note{margin-top:12px;font-size:11px;line-height:1.6;letter-spacing:.06em;opacity:.4}@media(max-height:860px){.screen{padding:14px 30px}.screen h1{font-size:48px;margin-bottom:10px}.screen h1.paused{font-size:38px}.tagline{font-size:14px;line-height:1.55;margin-bottom:18px}.controls{margin-bottom:20px}.ctrl-col{gap:8px}.powerup-guide,.difficulty{margin-bottom:18px}.sound-row{margin-bottom:12px}.options{margin-bottom:14px}.pg-list{gap:5px}.pg-note{margin-top:9px}button{padding:12px 36px;font-size:15px}}.difficulty{margin-bottom:30px}.diff-label{font-size:10px;letter-spacing:.32em;opacity:.45;margin-bottom:12px}.diff-options{display:flex;justify-content:center;gap:10px;margin-bottom:12px}button.diff-btn{pointer-events:auto;padding:9px 22px;font-size:12px;letter-spacing:.2em;font-weight:700;color:#dff6ff99;background:transparent;border:1px solid rgba(223,246,255,.25);box-shadow:none}button.diff-btn:hover{transform:none;color:#dff6ff;border-color:#dff6ff8c;box-shadow:none}button.diff-btn.active{color:var(--ink);background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 18px #35e8ff73}.diff-blurb{font-size:12px;letter-spacing:.06em;opacity:.5;min-height:16px}.diff-note{margin-top:8px;font-size:10px;letter-spacing:.18em;opacity:.3}#loading{margin-top:16px;font-size:12px;letter-spacing:.24em;opacity:.5}.credit{margin-top:34px;font-size:11px;letter-spacing:.14em;opacity:.35}.credit em{font-style:normal;opacity:.75}#touch-controls{display:none}html.touch #touch-controls.active{display:block}#touch-controls{position:fixed;inset:0;z-index:15;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#touch-look{position:absolute;inset:0;pointer-events:auto;touch-action:none}#touch-joy{position:absolute;width:124px;height:124px;margin:-62px 0 0 -62px;border-radius:50%;border:2px solid rgba(53,232,255,.4);background:radial-gradient(circle,#35e8ff0f,#05070d47);pointer-events:none;opacity:0;transition:opacity .12s ease-out}#touch-joy.on{opacity:.9}#touch-joy-thumb{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#35e8ff38;border:2px solid rgba(53,232,255,.7);box-shadow:0 0 14px #35e8ff66;transform:translate(-50%,-50%)}.touch-btn{position:absolute;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(223,246,255,.35);background:#05070d52;color:#dff6ff;font-family:var(--font);font-weight:700;font-size:13px;letter-spacing:.14em;text-align:center;backdrop-filter:blur(2px);-webkit-user-select:none;user-select:none}.touch-btn.pressed{background:#35e8ff2e;border-color:var(--cyan);box-shadow:0 0 16px #35e8ff73}#touch-fire{right:calc(28px + env(safe-area-inset-right));bottom:calc(30px + env(safe-area-inset-bottom));width:104px;height:104px;font-size:15px;color:#ff8a8a;border-color:#ff335580;background:#ff33551f}#touch-fire.pressed{background:#ff335552;border-color:var(--red);box-shadow:0 0 20px #ff335580}#touch-boost{right:calc(150px + env(safe-area-inset-right));bottom:calc(46px + env(safe-area-inset-bottom));width:72px;height:72px;font-size:11px;color:var(--amber);border-color:#ffb02073}#touch-up{right:calc(40px + env(safe-area-inset-right));bottom:calc(150px + env(safe-area-inset-bottom));width:60px;height:60px;font-size:18px}#touch-down{right:calc(120px + env(safe-area-inset-right));bottom:calc(150px + env(safe-area-inset-bottom));width:60px;height:60px;font-size:18px}#touch-pause{top:calc(14px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));width:46px;height:46px;font-size:12px;letter-spacing:0}html.touch #bottom-left{left:calc(16px + env(safe-area-inset-left));top:calc(66px + env(safe-area-inset-top));bottom:auto;width:200px}html.touch #powerup{left:calc(20px + env(safe-area-inset-left));top:150px;bottom:auto}html.touch #radar{right:calc(14px + env(safe-area-inset-right));top:calc(14px + env(safe-area-inset-top));bottom:auto}html.touch #killfeed{right:calc(16px + env(safe-area-inset-right));top:196px;width:240px;font-size:12px}html.touch #scoreboard{top:calc(12px + env(safe-area-inset-top));font-size:24px}html.touch,html.touch body,html.touch canvas#scene{touch-action:none;overscroll-behavior:none}#rotate-hint{display:none}@media(orientation:portrait){html.touch #rotate-hint{display:flex;position:fixed;inset:0;z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--ink);text-align:center;padding:0 32px}}#rotate-hint .rotate-icon{font-size:64px;color:var(--cyan);animation:rotateHint 2s ease-in-out infinite}#rotate-hint p{font-size:15px;letter-spacing:.24em;text-transform:uppercase;opacity:.75}@keyframes rotateHint{0%,to{transform:rotate(-15deg)}50%{transform:rotate(75deg)}}@media(orientation:landscape)and (max-height:520px){html.touch .screen{padding:12px 24px;max-height:100dvh}html.touch .screen h1{font-size:32px;margin-bottom:6px}html.touch .screen h1.paused{font-size:28px}html.touch .tagline{font-size:12px;line-height:1.4;margin-bottom:12px}html.touch #screen-title .powerup-guide{display:none}html.touch .controls{gap:30px;margin-bottom:14px;font-size:11px}html.touch .ctrl-col{gap:5px}html.touch .menu-buttons{flex-direction:row;justify-content:center;gap:12px;margin-bottom:6px}html.touch .screen button{padding:9px 22px;font-size:12px}html.touch #loading{margin-top:8px}html.touch .credit{margin-top:10px;font-size:9px}html.touch #screen-options{display:grid;grid-template-columns:1fr 1fr;gap:4px 32px;align-content:center;justify-items:stretch;max-width:94vw;text-align:left}html.touch #screen-options h1,html.touch #screen-options #btn-options-back{grid-column:1 / -1}html.touch #screen-options h1{text-align:center}html.touch #screen-options .opt-group{margin:0 0 8px;max-width:none}html.touch #screen-options .opt-group-label{margin-bottom:6px}html.touch #screen-options #btn-options-back{justify-self:center;margin-top:4px}}.popup{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px;background:#04070cd1;backdrop-filter:blur(3px);animation:popupFade .16s ease-out}.popup.hidden{display:none!important}.popup-panel{width:100%;max-width:520px;max-height:90dvh;overflow-y:auto;padding:20px 26px 24px;border:1px solid var(--cyan-dim);border-radius:10px;background:#060a12f7;box-shadow:0 0 44px #35e8ff24}.popup-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.popup-title{font-size:13px;letter-spacing:.32em;opacity:.7;color:var(--cyan)}#btn-powerups-close{pointer-events:auto;padding:6px 12px;font-size:14px;line-height:1;letter-spacing:0;color:#dff6ff;background:transparent;border:1px solid rgba(223,246,255,.28);border-radius:6px;box-shadow:none}#btn-powerups-close:hover{transform:none;border-color:#dff6ff99;box-shadow:none}.popup .powerup-guide{margin-bottom:0}@keyframes popupFade{0%{opacity:0}to{opacity:1}}@media(orientation:landscape)and (max-height:520px){html.touch .btn-open-powerups{display:inline-flex}}