*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0d12;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}#app{position:fixed;inset:0}#app canvas{display:block;width:100%;height:100%}#hud{position:fixed;inset:0;pointer-events:none;z-index:10;--ch-scale: 1;user-select:none}#debug-overlay{position:fixed;top:8px;left:8px;z-index:60;font:11px/1.4 monospace;color:#9fd8e8;text-shadow:0 1px 2px #000;pointer-events:none;white-space:pre}#vignette{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(140,10,20,.55) 100%)}#lowhp{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(180,20,30,.4) 100%)}#lowhp.on{animation:hpulse 1.1s ease-in-out infinite}@keyframes hpulse{0%,to{opacity:.35}50%{opacity:.85}}#flash{position:absolute;inset:0;background:#fff;opacity:0}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0;transform:scale(var(--ch-scale))}.ch-line{position:absolute;background:#fff;box-shadow:0 0 3px #000000e6}#ch-t,#ch-b{width:2px;height:9px;left:0;top:0}#ch-l,#ch-r{width:9px;height:2px;left:0;top:0}#ch-dot{position:absolute;width:2px;height:2px;left:-1px;top:-1px;background:#fff;box-shadow:0 0 3px #000000e6}#hitmarker{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%) rotate(45deg);opacity:0}#hitmarker span{position:absolute;background:#fff}#hitmarker span:nth-child(1){left:0;top:0;width:8px;height:2px}#hitmarker span:nth-child(2){right:0;top:0;width:8px;height:2px;transform-origin:right}#hitmarker span:nth-child(3){left:0;bottom:0;width:8px;height:2px}#hitmarker span:nth-child(4){right:0;bottom:0;width:8px;height:2px}#hitmarker.show{opacity:1}#hitmarker.head span,#hitmarker.kill span{background:#ffd24a}#hitmarker.kill span{background:#ff4a5a}#top-left{position:absolute;left:26px;top:22px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}#wave{font-size:15px;font-weight:700;letter-spacing:4px}#wave-sub{font-size:11px;letter-spacing:2px;color:#ffb08a;opacity:.9}#top-right{position:absolute;right:26px;top:22px;text-align:right;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}#score{font-size:22px;font-weight:700;letter-spacing:1px}#score-sub{font-size:12px;color:#ffd24a;letter-spacing:2px}#bottom-left{position:absolute;left:26px;bottom:24px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}#hp-row{display:flex;align-items:center;gap:10px}#hp-bar-wrap{width:180px;height:5px;background:#ffffff26}#hp-bar{height:100%;width:100%;background:#cfe8f4;transition:width .12s linear}#hp-bar.crit{background:#ff4a5a}#hp{font-size:20px;font-weight:700;min-width:38px}#combo{margin-top:6px;font-size:13px;font-weight:700;letter-spacing:2px;color:#ffd24a;opacity:0;transition:opacity .15s}#combo.show{opacity:1}#bottom-right{position:absolute;right:26px;bottom:22px;text-align:right;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}#ammo{font-size:40px;font-weight:700;line-height:1}#ammo.low{color:#ff5a64}#ammo-sub{font-size:11px;letter-spacing:3px;opacity:.75}#overdrive{position:absolute;left:50%;bottom:26px;transform:translate(-50%);width:220px;text-align:center}#od-bar-wrap{width:100%;height:4px;background:#ffffff24}#od-bar{height:100%;width:0%;background:#7fd8e8}#od-label{margin-top:5px;font-size:10px;letter-spacing:4px;color:#ffffff8c}#overdrive.armed #od-label{color:#9fe8ff}#overdrive.active #od-bar{background:#ffd24a;box-shadow:0 0 12px #ffd24a}#overdrive.active #od-label{color:#ffd24a;animation:odpulse .5s ease-in-out infinite}@keyframes odpulse{0%,to{opacity:1}50%{opacity:.5}}#killfeed{position:absolute;right:26px;top:70px;text-align:right}.feed-item{font-size:12px;color:#e8f2f8;letter-spacing:1px;margin:3px 0;text-shadow:0 1px 2px #000;animation:feedin .18s ease-out}.feed-item b{color:#ffd24a;margin-right:4px}.feed-item span{color:#ffb08a;margin-left:6px}@keyframes feedin{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}#multikill{position:absolute;left:50%;top:26%;transform:translate(-50%) scale(.7);font-size:34px;font-weight:800;letter-spacing:8px;color:#ffd24a;text-shadow:0 0 18px rgba(255,160,60,.8),0 2px 4px #000;opacity:0;transition:opacity .12s,transform .22s cubic-bezier(.16,1,.3,1)}#multikill.show{opacity:1;transform:translate(-50%) scale(1)}#center{position:absolute;left:50%;top:38%;transform:translate(-50%);text-align:center;opacity:0;transition:opacity .25s}#center.show{opacity:1}#center-msg{font-size:44px;font-weight:800;letter-spacing:12px;color:#fff;text-shadow:0 0 24px rgba(120,200,255,.6),0 2px 6px #000}#center-sub{margin-top:8px;font-size:13px;letter-spacing:4px;color:#9fd8e8}#prompt{position:absolute;left:50%;top:58%;transform:translate(-50%);font-size:13px;letter-spacing:3px;color:#ffffffd9;text-shadow:0 1px 3px #000;opacity:0;transition:opacity .12s}#prompt.show{opacity:1}#dmg-dirs{position:absolute;left:50%;top:50%;width:0;height:0}.dmg-arc{position:absolute;left:0;top:0;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:conic-gradient(from -12deg,rgba(255,60,60,.85) 0deg,transparent 24deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 58px,#000 60px,#000 74px,transparent 76px);mask:radial-gradient(circle,transparent 58px,#000 60px,#000 74px,transparent 76px);animation:arcfade 1.4s ease-out forwards}@keyframes arcfade{0%{opacity:1}to{opacity:0}}#hitnums{position:absolute;left:50%;top:50%;width:0;height:0}.hitnum{position:absolute;left:0;top:0;font-size:17px;font-weight:700;color:#fff;text-shadow:0 1px 3px #000}.hitnum.head{color:#ffd24a;font-size:22px}.hitnum.kill{color:#ff5a64}#stats{position:absolute;left:26px;bottom:70px;font:10px/1.5 monospace;color:#9fd8e8;text-shadow:0 1px 2px #000;display:none}#adsdiag{position:absolute;left:26px;top:90px;font:11px/1.5 monospace;color:#bfeaf4;background:#060c12bf;border:1px solid rgba(140,220,240,.35);padding:10px 12px;white-space:pre;display:none;max-width:460px}#start-screen{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,#0a14208c,#04070beb);color:#fff}#start-screen.hidden{display:none}#start-screen h1{font-size:58px;font-weight:800;letter-spacing:14px;text-shadow:0 0 30px rgba(120,200,255,.5)}#start-screen h2{font-size:13px;letter-spacing:6px;color:#9fd8e8;margin:6px 0 34px}#start-screen .controls{font-size:12px;letter-spacing:1px;line-height:2;color:#ffffffbf;text-align:center;margin-bottom:34px}#start-screen .controls b{color:#ffd24a;font-weight:600;display:inline-block;min-width:90px;text-align:right;margin-right:10px}#start-screen button{pointer-events:auto;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:4px;color:#06121a;background:#cfe8f4;border:none;padding:14px 46px;margin:8px;transition:all .14s}#start-screen button:hover{background:#ffd24a;transform:translateY(-2px);box-shadow:0 6px 24px #ffbe5059}#start-screen button.ghost{background:transparent;color:#9fd8e8;border:1px solid rgba(140,220,240,.4)}#start-screen button.ghost:hover{color:#ffd24a;border-color:#ffd24a;background:transparent}#start-screen .fine{margin-top:30px;font-size:10px;letter-spacing:3px;color:#fff6}