: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{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)}#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%)}#reticle{border:2px solid var(--cyan);pointer-events:none;border-radius:50%;width:42px;height:42px;margin:-21px 0 0 -21px;position:fixed;box-shadow:0 0 18px #5ee7ff8c}#reticle:before,#reticle:after{content:"";background:var(--cyan);position:absolute}#reticle:before{opacity:.55;width:2px;height:54px;top:-6px;left:50%;transform:translate(-50%)}#reticle:after{opacity:.55;width:54px;height:2px;top:50%;left:-6px;transform:translateY(-50%)}.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}#start-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}#start-btn:hover,.touch-btn:hover{background:#285a8cd9}#touch-ui{left:0;right:0;bottom:max(20px, env(safe-area-inset-bottom));z-index:4;pointer-events:none;justify-content:center;gap:16px;display:none;position:fixed}#touch-ui .touch-btn{pointer-events:auto;min-width:72px;min-height:72px}#touch-ui .fire{background:#782832bf;border-color:#ff5e6a8c;min-width:110px}@media (pointer:coarse){#touch-ui{display:flex}#hint{bottom:110px}}