:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cyan:#5ee7ff;--amber:#ffb84d;--green:#6dff9a;--danger:#ff5e6a;--panel:#060c18b8;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{color:#e8f4ff;-webkit-user-select:none;user-select:none;touch-action:none;background:#02040a;width:100%;height:100%;margin:0;overflow:hidden}#gpu{image-rendering:auto;width:100%;height:100%;display:block}#hud{pointer-events:none;padding:max(12px, env(safe-area-inset-top)) 16px 16px;position:fixed;inset:0}.bars{gap:8px;max-width:280px;display:grid}.bar{letter-spacing:.08em;opacity:.9;grid-template-columns:64px 1fr auto;align-items:center;gap:8px;font-size:11px;display:grid}.bar .track{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.bar .track i{transform-origin:0;background:linear-gradient(90deg, #2a6dff, var(--cyan));width:100%;height:100%;display:block;box-shadow:0 0 12px #5ee7ff73}#hull-fill{background:linear-gradient(90deg, #8a2030, var(--danger))}#energy-fill{background:linear-gradient(90deg, #1f8a4c, var(--green))}#ammo-fill{background:linear-gradient(90deg, #a66a12, var(--amber))}#ammo-count,#score-val,#weapon-name{font-variant-numeric:tabular-nums}#score,#weapon{top:max(12px, env(safe-area-inset-top));text-align:right;letter-spacing:.08em;opacity:.9;font-size:12px;position:absolute;right:16px}#weapon{top:calc(max(12px, env(safe-area-inset-top)) + 28px)}#level-chip{top:calc(max(12px, env(safe-area-inset-top)) + 56px);text-align:right;letter-spacing:.1em;opacity:.75;color:var(--amber);font-size:11px;position:absolute;right:16px}#perf{top:calc(max(12px, env(safe-area-inset-top)) + 78px);letter-spacing:.08em;opacity:.7;flex-direction:column;align-items:flex-end;gap:2px;font-size:11px;display:flex;position:absolute;right:16px}#lock-reticle{border:2px solid var(--amber);pointer-events:none;border-radius:4px;width:44px;height:44px;margin:-22px 0 0 -22px;position:fixed;box-shadow:0 0 16px #ffb84d73}.quality-row{margin-top:4px}#hint{left:50%;bottom:max(18px, env(safe-area-inset-bottom));letter-spacing:.06em;opacity:.65;text-align:center;max-width:90vw;font-size:12px;position:absolute;transform:translate(-50%)}#next-level-btn{left:50%;bottom:calc(max(48px, env(safe-area-inset-bottom) + 36px));pointer-events:auto;color:#ffe6b0;letter-spacing:.1em;cursor:pointer;background:#3c280cd9;border:1px solid #ffb84d8c;border-radius:999px;padding:10px 22px;font-size:13px;position:absolute;transform:translate(-50%)}#next-level-btn[hidden]{display:none}.hud-frame{inset:max(10px, env(safe-area-inset-top)) 14px max(10px, env(safe-area-inset-bottom)) 14px;pointer-events:none;position:absolute}.hud-frame .bracket{border:0 solid #5ee7ff61;width:48px;height:48px;position:absolute}.hud-frame .bracket.tl{border-top-width:2px;border-left-width:2px;top:0;left:0}.hud-frame .bracket.tr{border-top-width:2px;border-right-width:2px;top:0;right:0}.hud-frame .bracket.bl{border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.hud-frame .bracket.br{border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}#reticle{pointer-events:none;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:48%;left:50%}#reticle .reticle-ring{border:1px solid #5ee7ff73;border-radius:50%;position:absolute;inset:8px;box-shadow:0 0 12px #5ee7ff33}#reticle .reticle-cross{background:#e8f4ffbf;position:absolute}#reticle .reticle-cross.h{height:1px;top:50%;left:4px;right:4px;transform:translateY(-50%)}#reticle .reticle-cross.v{width:1px;top:4px;bottom:4px;left:50%;transform:translate(-50%)}#reticle .reticle-dot{background:var(--cyan);border-radius:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #5ee7ffb3}#speed-readout{left:16px;bottom:max(48px, env(safe-area-inset-bottom) + 36px);letter-spacing:.1em;opacity:.85;color:var(--cyan);font-size:12px;position:absolute}#speed-val{font-variant-numeric:tabular-nums;margin-left:4px;font-size:18px}.panel{text-align:center;z-index:5;background:radial-gradient(#0a1830d1,#02040aeb);place-content:center;gap:12px;padding:24px;display:grid;position:fixed;inset:0}.panel[hidden]{display:none}.panel h1{letter-spacing:.18em;color:var(--cyan);text-shadow:0 0 28px #5ee7ff59;margin:0;font-size:clamp(2rem,6vw,3.4rem);font-weight:700}.panel p{opacity:.85;max-width:34rem;margin:0 auto;line-height:1.5}.panel .sub{opacity:.55;font-size:13px}.btn-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}#start-btn,#level2-btn,.touch-btn{color:#e8f4ff;letter-spacing:.12em;cursor:pointer;background:#143050bf;border:1px solid #5ee7ff73;border-radius:999px;padding:14px 28px;font-size:15px}#level2-btn.secondary{background:#30200cbf;border-color:#ffb84d73}#start-btn:hover,#level2-btn:hover,.touch-btn:hover{background:#285a8cd9}#level2-btn.secondary:hover{background:#503410e6}#start-btn:disabled,#level2-btn:disabled{opacity:.4;cursor:not-allowed}#touch-ui{left:0;right:0;bottom:max(16px, env(safe-area-inset-bottom));z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 18px;display:none;position:fixed}.touch-cluster{pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex}.touch-cluster.right{align-items:flex-end}.touch-row{gap:10px;display:flex}#touch-ui .touch-btn{pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;min-width:64px;min-height:64px}#touch-ui .fire{background:#782832bf;border-color:#ff5e6a8c;min-width:104px;min-height:104px;font-size:18px}@media (pointer:coarse){#touch-ui{display:flex}#hint{bottom:150px}}