:root{--col-bg: #06080c;--col-surface: #0c1018;--col-surface-hover: #101824;--col-surface-active: #162030;--col-border: #1a2235;--col-border-light: rgba(0, 224, 255, .12);--col-accent: #00e0ff;--col-accent-dim: #006a7a;--col-accent-glow: rgba(0, 224, 255, .08);--col-warm: #ff6a35;--col-warm-dim: #7a3318;--col-faction-green: #4aff7a;--col-faction-red: #ff4a6a;--col-faction-blue: #3a7bff;--col-faction-yellow: #ffd644;--col-text: #c8d0dc;--col-text-dim: #5a6a80;--col-text-bright: #e8edf4;--col-ok: #22c55e;--col-warn: #eab308;--col-danger: #ef4444;--col-info: #3b82f6;--col-armor: #6b7280;--col-reactor: #f59e0b;--col-energy-storage: #a78bfa;--col-shield-gen: #38bdf8;--col-shield-emitter: #7dd3fc;--col-weapon: #ef4444;--col-engine: #10b981;--col-sensor-passive: #8b5cf6;--col-sensor-active: #06b6d4;--col-heat-sink: #f97316;--col-fuel-tank: #84cc16;--col-dc-team: #ec4899;--col-bridge: #fbbf24;--col-fire-control: #6366f1;--col-ew: #a855f7;--font-display: "Chakra Petch", sans-serif;--font-mono: "Share Tech Mono", monospace;--sidebar-width: 320px}:root{--bg: var(--col-bg);--surface: var(--col-surface);--surface2: var(--col-surface-hover);--border: var(--col-border);--accent: var(--col-accent);--accent-hover: var(--col-accent);--text: var(--col-text);--text-muted: var(--col-text-dim);--success: var(--col-ok);--danger: var(--col-danger);--warning: var(--col-warn);--ready-color: var(--col-ok);--host-color: var(--col-warn)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;background:var(--col-bg);color:var(--col-text);font-family:var(--font-display);font-weight:400;min-height:100vh;font-size:14px;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-weight:600;letter-spacing:.05em}button{cursor:pointer;font-family:var(--font-display);font-size:13px;border:1px solid var(--col-accent);background:transparent;color:var(--col-accent);padding:8px 20px;letter-spacing:.1em;text-transform:uppercase;transition:background .15s,color .15s}button:hover:not(:disabled){background:var(--col-accent);color:var(--col-bg)}button:disabled{opacity:.4;cursor:not-allowed}button.danger{border-color:var(--col-danger);color:var(--col-danger)}button.danger:hover:not(:disabled){background:var(--col-danger);color:var(--col-bg)}button.success{border-color:var(--col-ok);color:var(--col-ok)}button.success:hover:not(:disabled){background:var(--col-ok);color:var(--col-bg)}input,select{background:var(--col-bg);border:1px solid var(--col-border);color:var(--col-text);padding:8px 12px;font-family:var(--font-display);font-size:13px;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--col-accent)}input::placeholder{color:var(--col-text-dim)}label{display:block;color:var(--col-text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.card{background:var(--col-surface);border:1px solid var(--col-border);padding:24px}.error{color:var(--col-danger);font-size:12px;margin-top:8px}.field{margin-bottom:16px}.tag{display:inline-block;font-size:10px;padding:2px 8px;border:1px solid;text-transform:uppercase;letter-spacing:.1em}.tag.host{border-color:var(--col-warn);color:var(--col-warn)}.tag.ready{border-color:var(--col-ok);color:var(--col-ok)}.tag.waiting{border-color:var(--col-text-dim);color:var(--col-text-dim)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.online{background:var(--col-ok)}.dot.offline{background:var(--col-text-dim)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes heatBlink{0%,to{opacity:1}50%{opacity:.4}}@keyframes meltdownBlink{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--col-bg)}::-webkit-scrollbar-thumb{background:var(--col-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--col-accent-dim)}.scanlines:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,224,255,.008) 2px,rgba(0,224,255,.008) 4px)}[data-tutorial-highlight=true]{animation:tutorial-pulse 2s ease-in-out infinite;position:relative;z-index:100}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 5px 2px #00c8ff4d}50%{box-shadow:0 0 15px 5px #00c8ff99}}