html,body{margin:0;height:100%;overflow:hidden;background:#000;overscroll-behavior:none}#app{position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none;font-family:Helvetica Neue,Helvetica,Arial,system-ui,sans-serif;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45)}#hud .weapon{position:absolute;top:18px;left:22px;display:flex;align-items:center;gap:10px;font-size:28px;font-weight:300;letter-spacing:1px}#hud .wdot{width:14px;height:14px;border-radius:50%;background:#ffd27a;box-shadow:0 0 10px #ffd27a}#hud .wcharges{font-size:18px;font-weight:600;opacity:.85;align-self:flex-end;margin-bottom:4px}#hud .hull{position:absolute;top:60px;left:22px;display:flex;gap:6px}#hud .hull .pip{width:22px;height:8px;border-radius:2px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35)}#hud .hull .pip.on{background:#ff6a5a;box-shadow:0 0 8px #ff6a5acc;border-color:#ffb0a6}#hud .boost{position:absolute;top:78px;left:22px;width:120px;height:6px;border-radius:3px;background:#ffffff26;border:1px solid rgba(255,170,90,.5);opacity:0;transition:opacity .3s}#hud .boost.on{opacity:1}#hud .boost .fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#ffd27a,#ff6a10);box-shadow:0 0 10px #ff8a2a}#hud .hull .pip.shield{background:#4fc8ff;box-shadow:0 0 8px #4fc8ffe6;border-color:#bfeeff;margin-left:4px}#hud .score{position:absolute;top:18px;right:22px;text-align:right;font-weight:300}#hud .score .dist{font-size:34px;letter-spacing:1px}#hud .score .pts{font-size:15px;opacity:.8;margin-top:2px}#hud .room{position:absolute;top:84px;right:22px;font-size:13px;opacity:.6;letter-spacing:2px;text-transform:uppercase}#combo{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%);font-size:30px;font-weight:600;opacity:0;transition:opacity .25s,transform .25s;color:#9fefff}#combo.show{opacity:1;transform:translate(-50%,-60%)}#flash{position:absolute;inset:0;background:#ff3b3b;opacity:0;transition:opacity .35s}#flash.on{opacity:.35;transition:opacity 0s}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0a0c1859;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .3s;text-align:center;padding:0 24px}#overlay.hidden{opacity:0;pointer-events:none}#overlay h1{font-size:clamp(48px,10vw,96px);font-weight:200;letter-spacing:12px;margin:0}#overlay .sub{font-size:18px;font-weight:300;opacity:.9;max-width:460px;line-height:1.5}#overlay .stats{font-size:22px;font-weight:300;margin-top:8px}#overlay .stats b{font-weight:600}#overlay .cta{margin-top:18px;font-size:16px;letter-spacing:3px;text-transform:uppercase;opacity:.85;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}#hud .fire,#hud .fs{display:none;pointer-events:auto;border:0;color:#fff;font-family:inherit}#hud.touch .fire{display:block;position:absolute;right:calc(22px + env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom));width:96px;height:96px;border-radius:50%;font-size:18px;font-weight:700;letter-spacing:2px;background:radial-gradient(circle at 40% 35%,#ffd27a8c,#ff7a3d59 60%,#ff7a3d26);border:2px solid rgba(255,210,122,.7);box-shadow:0 0 24px #ff963c59;touch-action:none;user-select:none}#hud.touch .fire:active{background:radial-gradient(circle at 40% 35%,#fff0b4cc,#ff8c3c8c 60%,#ff7a3d4d)}#hud.touch .fs{display:block;position:absolute;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:36px;height:30px;border-radius:6px;background:#ffffff1f;font-size:16px;opacity:.7}#hud .weapon{top:calc(18px + env(safe-area-inset-top));left:calc(22px + env(safe-area-inset-left))}#hud .hull{top:calc(60px + env(safe-area-inset-top));left:calc(22px + env(safe-area-inset-left))}#hud .boost{top:calc(78px + env(safe-area-inset-top));left:calc(22px + env(safe-area-inset-left))}#hud .score{top:calc(18px + env(safe-area-inset-top));right:calc(22px + env(safe-area-inset-right))}#hud .room{top:calc(84px + env(safe-area-inset-top));right:calc(22px + env(safe-area-inset-right))}@media(max-width:700px),(max-height:500px){#hud .weapon{font-size:20px;gap:7px}#hud .wdot{width:10px;height:10px}#hud .wcharges{font-size:14px;margin-bottom:2px}#hud .hull{top:calc(46px + env(safe-area-inset-top));gap:4px}#hud .hull .pip{width:16px;height:6px}#hud .boost{top:calc(60px + env(safe-area-inset-top));width:90px;height:5px}#hud .score .dist{font-size:22px}#hud .score .pts{font-size:12px}#hud .room{top:calc(60px + env(safe-area-inset-top));font-size:11px}#combo{font-size:20px;top:26%}#overlay h1{letter-spacing:6px}#overlay .sub{font-size:14px;max-width:320px}#overlay .stats{font-size:17px}#overlay .cta{font-size:13px}#hud.touch .fire{width:78px;height:78px;font-size:15px}}@media(max-height:420px){#overlay h1{font-size:40px}#overlay .sub{font-size:12px;line-height:1.3}#overlay{gap:6px}}