*,:before,:after{box-sizing:border-box}:root{--cyan:#00e5ff;--cyan-dim:#00e5ff26;--cyan-border:#00e5ff4d;--friendly:#09f;--hostile:#f22;--bg:#020d1a;--hud-bg:#020d1ad1;--text:#a0e8ff;--text-dim:#a0e8ff8c;--mono:"Courier New", Courier, monospace}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--mono);margin:0;padding:0;overflow:hidden}.hud-panel{background:var(--hud-bg);border:1px solid var(--cyan-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:4px;padding:12px}.hud-toolbar{scrollbar-width:thin;scrollbar-color:var(--cyan-border) transparent;z-index:10;pointer-events:all;flex-direction:column;gap:10px;width:220px;max-height:calc(100vh - 32px);display:flex;position:fixed;top:16px;left:16px;overflow-y:auto}.hud-title{letter-spacing:.2em;color:var(--cyan);text-align:center;border-bottom:1px solid var(--cyan-border);padding-bottom:8px;font-size:13px;font-weight:700}.hud-section{flex-direction:column;gap:6px;display:flex}.hud-label{letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;font-size:9px}.hud-faction-row{gap:6px;display:flex}.hud-faction-btn{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--cyan-border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:2px;flex:1;padding:5px 0;font-size:10px;transition:all .15s}.hud-faction-btn.active-friendly{border-color:var(--friendly);color:var(--friendly);text-shadow:0 0 8px var(--friendly);background:#0099ff26}.hud-faction-btn.active-hostile{border-color:var(--hostile);color:var(--hostile);text-shadow:0 0 8px var(--hostile);background:#ff222226}.hud-ship-grid{scrollbar-width:thin;scrollbar-color:var(--cyan-border) transparent;grid-template-columns:1fr 1fr;gap:4px;max-height:280px;display:grid;overflow-y:auto}.hud-ship-btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--cyan-border);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:2px;align-items:center;gap:5px;padding:5px 6px;font-size:9px;transition:all .15s;display:flex;overflow:hidden}.hud-ship-btn img{opacity:.7;flex-shrink:0;width:18px;height:18px}.hud-ship-btn span{text-overflow:ellipsis;overflow:hidden}.hud-ship-btn.active,.hud-ship-btn:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.hud-ship-btn.selected{color:#a0e8ffcc;border-color:#00e5ff80}.hud-ship-btn.active img,.hud-ship-btn:hover img,.hud-ship-btn.selected img{opacity:1;filter:drop-shadow(0 0 4px var(--cyan))}.hud-btn{width:100%;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--cyan-border);color:var(--text);cursor:pointer;background:0 0;border-radius:2px;padding:6px 0;font-size:10px;transition:all .15s}.hud-btn:hover,.hud-btn.active{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.hud-place-btn.active{border-color:var(--cyan);color:var(--cyan);animation:1s ease-in-out infinite pulse-border}.hud-danger{border-color:var(--hostile);color:var(--hostile)}.hud-danger:hover{border-color:var(--hostile);color:var(--hostile);background:#ff222226}.hud-footer{align-items:center;gap:6px;flex-direction:row!important}.hud-footer .hud-btn{flex:1;width:auto;padding:5px 0}.hud-count{color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-size:9px}.hud-hint{color:var(--text-dim);letter-spacing:.06em;text-align:center;text-transform:uppercase;border-top:1px solid var(--cyan-border);padding-top:8px;font-size:8px}.hud-formation-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.hud-formation-btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--cyan-border);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:2px;align-items:center;gap:5px;padding:5px 6px;font-size:9px;transition:all .15s;display:flex;overflow:hidden}.hud-formation-btn span{text-overflow:ellipsis;overflow:hidden}.hud-formation-btn.active,.hud-formation-btn:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.hud-formation-btn.active{animation:1s ease-in-out infinite pulse-border}.hud-placing-status{letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--cyan);border:1px solid var(--cyan-border);background:var(--cyan-dim);border-radius:2px;padding:5px 4px;font-size:9px;animation:1s ease-in-out infinite pulse-border}@keyframes pulse-border{0%,to{box-shadow:0 0 4px var(--cyan)}50%{box-shadow:0 0 12px var(--cyan)}}