:root{--color-void:#04060c;--color-panel:#070d14;--color-hud:#7ee0ff;--color-hud-dim:#3a7a8c;--color-cockpit:#d7f7ff;--color-ink:#9ad7ea;--color-warn:#ff6b4a;--color-ok:#7cffb2;--color-miss:#ffc14a;--color-line:#7ee0ff47;--font-display:"Orbitron", sans-serif;--font-mono:"Share Tech Mono", ui-monospace, monospace;--radius-hud:.125rem}html,body,#app{background:var(--color-void);height:100%;color:var(--color-hud)}body{font-family:var(--font-mono);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}.game-root{background:var(--color-void);width:100%;height:100dvh;color:var(--color-hud);position:relative;overflow:hidden}.game-canvas{cursor:crosshair;touch-action:none;background:#000;width:100%;height:100%;display:block}.hud-layer{pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem .9rem 0;display:flex}.hud-title{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--color-cockpit);text-shadow:0 0 18px #7ee0ff73;font-size:.95rem;font-weight:800}.hud-sub{letter-spacing:.28em;color:var(--color-hud-dim);margin-top:.15rem;font-size:.65rem}.hud-status{text-align:right;color:var(--color-ink);font-size:.7rem;line-height:1.55}.hud-status .credits{color:var(--color-miss);letter-spacing:.16em}.hud-status.warn,.hud-status .warn{color:var(--color-warn)}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:auto;padding:0 .9rem 1rem;display:flex}@media (max-width:720px){.hud-bottom{flex-direction:column;align-items:stretch;gap:.4rem;padding-bottom:10.75rem}.hud-readouts{text-align:left;flex-wrap:wrap;gap:.9rem;display:flex}.minimap-wrap{width:96px;height:96px;top:4.65rem;right:1.2rem}}.bars{min-width:13rem}.bar-row{letter-spacing:.16em;align-items:center;gap:.55rem;margin-top:.3rem;font-size:.62rem;display:flex}.bar-row .label{width:3.6rem;color:var(--color-hud-dim)}.track{border:1px solid var(--color-line);background:#7ee0ff1f;flex:1;height:7px}.track>i{background:linear-gradient(90deg, #1d6a88, var(--color-hud));width:100%;height:100%;display:block;box-shadow:0 0 8px #7ee0ff8c}.track.recharging>i{animation:1.1s ease-in-out infinite shield-pulse}.track.offline>i{box-shadow:none;width:0!important}.track.hull>i{background:linear-gradient(90deg, #6a2218, var(--color-warn));box-shadow:0 0 8px #ff6b4a80}.track.miss>i{background:linear-gradient(90deg, #6a4a18, var(--color-miss));box-shadow:0 0 8px #ffc14a80}@keyframes shield-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.45)}}.hud-readouts{color:var(--color-ink);text-align:right;font-size:.72rem;line-height:1.6}.minimap-wrap{border:1px solid var(--color-line);pointer-events:none;background:#040a12b8;width:168px;height:168px;position:absolute;top:4.85rem;right:2.15rem;box-shadow:0 0 24px #0000008c}.minimap-wrap canvas{width:100%;height:100%;display:block}.minimap-cap{letter-spacing:.2em;color:var(--color-hud-dim);font-size:.52rem;position:absolute;bottom:.3rem;left:.45rem}.near-label{letter-spacing:.22em;color:var(--color-cockpit);text-shadow:0 0 10px #7ee0ff99;opacity:0;text-align:center;font-size:.72rem;position:absolute;bottom:5.6rem;left:50%;transform:translate(-50%)}.near-label.show{opacity:1}.dock-chip{z-index:14;pointer-events:auto;border:1px solid var(--color-ok);color:var(--color-ok);font-family:var(--font-mono);letter-spacing:.18em;background:#06120eb8;margin-top:0;padding:.4rem .7rem;font-size:.62rem;display:none;position:absolute;bottom:4.35rem;left:50%;transform:translate(-50%)}.dock-chip.show{display:inline-block}@media (max-width:720px){.near-label{bottom:10.6rem}.dock-chip{bottom:9.4rem}}.banner{text-align:center;opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;top:16%;left:50%;transform:translate(-50%)}.banner.show{opacity:1}.banner h2{font-family:var(--font-display);letter-spacing:.28em;color:#fff;text-shadow:0 0 22px #7ee0ffb3;font-size:1.15rem}.banner p{color:var(--color-ink);letter-spacing:.1em;margin-top:.4rem;font-size:.78rem}.bay{border:1px solid var(--color-line);z-index:16;pointer-events:auto;background:#060a12f0;width:min(26rem,100% - 1.5rem);padding:1.1rem 1rem .9rem;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 48px #288cc829}.bay.open{display:block}.bay h2{font-family:var(--font-display);letter-spacing:.22em;color:var(--color-cockpit);font-size:.82rem}.bay-st{color:var(--color-hud-dim);letter-spacing:.2em;margin-top:.2rem;font-size:.62rem}.bay-note{color:var(--color-ink);margin:.7rem 0 .85rem;font-size:.72rem;line-height:1.5}.bay-row{border-top:1px solid #7ee0ff1f;grid-template-columns:1fr auto;align-items:center;gap:.35rem .7rem;padding:.45rem 0;display:grid}.bay-row .name{color:var(--color-cockpit);letter-spacing:.12em;font-size:.74rem}.bay-row .desc{color:var(--color-hud-dim);letter-spacing:.08em;font-size:.62rem}.bay-buy{border:1px solid var(--color-hud);color:var(--color-cockpit);font-family:var(--font-mono);letter-spacing:.12em;background:0 0;min-width:5.6rem;padding:.4rem .55rem;font-size:.62rem}.bay-buy:hover:not(:disabled){background:#7ee0ff1f}.bay-buy:disabled{opacity:.4;border-color:var(--color-hud-dim)}.bay-close{border:1px solid var(--color-line);width:100%;color:var(--color-ink);font-family:var(--font-mono);letter-spacing:.2em;background:0 0;margin-top:.85rem;padding:.55rem;font-size:.7rem}.start-veil{pointer-events:auto;z-index:20;background:radial-gradient(at 50% 28%,#14325073,#0000 52%),#03050adb;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0;overflow:auto}.start-veil.hidden{display:none}.start-panel{border:1px solid var(--color-line);background:#060a12eb;width:min(34rem,100%);padding:1.8rem 1.6rem 1.3rem;box-shadow:0 0 60px #288cc81f}.start-panel h1{font-family:var(--font-display);letter-spacing:.18em;color:var(--color-cockpit);font-size:1.5rem}.start-tag{color:var(--color-hud-dim);letter-spacing:.32em;margin-top:.25rem;font-size:.68rem}.start-body{color:#b7d7e4;margin:1.15rem 0 1rem;font-size:.82rem;line-height:1.55}.control-grid{color:var(--color-ink);grid-template-columns:7.2rem 1fr;gap:.35rem .7rem;margin-bottom:1.15rem;font-size:.74rem;display:grid}.control-grid b{color:var(--color-hud);font-weight:400}.start-engage{border:1px solid var(--color-hud);width:100%;color:var(--color-cockpit);font-family:var(--font-display);letter-spacing:.28em;background:0 0;padding:.75rem;font-size:.8rem}.start-engage:hover{background:#7ee0ff1f;box-shadow:0 0 18px #7ee0ff40}.touch-layer{pointer-events:none;z-index:12;position:absolute;inset:0}.stick-well{border:1px solid var(--color-line);pointer-events:auto;touch-action:none;background:#060e1673;border-radius:999px;width:8.25rem;height:8.25rem;position:absolute;bottom:2.65rem}.stick-well.left{left:.85rem}.stick-well.right{right:.85rem}.stick-knob{border:1px solid var(--color-hud);pointer-events:none;background:#7ee0ff47;border-radius:999px;width:2.75rem;height:2.75rem;margin:-1.375rem;position:absolute;top:50%;left:50%;box-shadow:0 0 14px #7ee0ff40}.touch-actions{pointer-events:none;flex-direction:column;gap:.55rem;display:flex;position:absolute;bottom:2.85rem;right:9.4rem}.touch-btn{pointer-events:auto;border:1px solid var(--color-line);width:3.4rem;height:3.4rem;color:var(--color-cockpit);font-family:var(--font-mono);letter-spacing:.12em;touch-action:none;background:#060e168c;border-radius:999px;font-size:.58rem}.touch-btn.active{border-color:var(--color-hud);background:#7ee0ff38;box-shadow:0 0 16px #7ee0ff4d}.touch-btn.miss.active{border-color:var(--color-miss);background:#ffc14a33}.touch-hint{display:none}@media (max-width:720px){.touch-hint{display:block}.desktop-only-hint{display:none}}.game-canvas canvas{display:block}.callsign{grid-template-columns:7.2rem 1fr;align-items:center;gap:.7rem;margin-bottom:1rem;font-size:.74rem;display:grid}.callsign label{color:var(--color-hud);letter-spacing:.12em}.callsign input{border:1px solid var(--color-line);color:var(--color-cockpit);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;-webkit-user-select:text;user-select:text;background:#04080ee6;outline:none;padding:.45rem .6rem;font-size:.85rem}.callsign input:focus{border-color:var(--color-hud)}.start-engage:disabled{opacity:.5;cursor:wait}.start-status{letter-spacing:.16em;min-height:1.1rem;color:var(--color-hud-dim);margin-top:.75rem;font-size:.72rem}.start-status.err{color:var(--color-warn)}.redeploy-chip{border-color:var(--color-warn);color:var(--color-warn);background:#180806c7;padding:.55rem 1rem;font-size:.72rem}