: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}.handbook-page{display:flex;min-height:100vh;background:var(--col-bg);color:var(--col-text);font-family:var(--font-display)}.handbook-sidebar{width:280px;min-width:280px;background:var(--col-surface);border-right:1px solid var(--col-border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.handbook-back-btn{padding:10px 16px;background:none;border:none;border-bottom:1px solid var(--col-border);color:var(--col-text-dim);font-size:13px;cursor:pointer;text-align:left;transition:color .15s}.handbook-back-btn:hover{color:var(--col-accent)}.handbook-sidebar-header{padding:20px 16px 12px;font-size:14px;letter-spacing:.2em;color:var(--col-accent);text-transform:uppercase;font-weight:700;border-bottom:1px solid var(--col-border)}.handbook-search-wrap{padding:12px 16px;position:relative}.handbook-search-input{width:100%;padding:6px 10px;background:var(--col-surface);border:1px solid var(--col-border);border-radius:4px;color:var(--col-text);font-size:12px;outline:none;box-sizing:border-box}.handbook-search-input:focus{border-color:var(--col-accent)}.handbook-search-input::placeholder{color:var(--col-text-dim)}.handbook-search-results{position:absolute;top:100%;left:16px;right:16px;background:var(--col-surface);border:1px solid var(--col-border);border-radius:4px;max-height:300px;overflow-y:auto;z-index:10}.handbook-search-item{padding:8px 10px;cursor:pointer;border-bottom:1px solid var(--col-bg);transition:background .1s}.handbook-search-item:hover{background:var(--col-surface)}.handbook-search-item-title{font-size:12px;font-weight:600;color:var(--col-accent);margin-bottom:2px}.handbook-search-item-snippet{font-size:10px;color:var(--col-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.handbook-no-results{padding:8px 10px;font-size:11px;color:var(--col-text-dim);font-style:italic}.handbook-chapters{list-style:none;margin:0;padding:8px 0;overflow-y:auto;flex:1}.handbook-chapters li{margin:0}.handbook-chapters a{display:block;padding:8px 16px;color:var(--col-text-dim);text-decoration:none;font-size:13px;border-left:3px solid transparent;transition:all .15s}.handbook-chapters a:hover{color:var(--col-text);background:#4fc3f70d}.handbook-chapters li.active a{color:var(--col-text);border-left-color:var(--col-accent);background:#4fc3f714}.handbook-content{flex:1;padding:2rem 3rem;max-width:900px;margin:0 auto;overflow-y:auto;height:100vh;box-sizing:border-box}.handbook-content h1{color:var(--col-accent);font-size:28px;letter-spacing:.05em;margin-top:0;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--col-border)}.handbook-content h2{color:var(--col-accent);font-size:20px;margin-top:32px;margin-bottom:12px}.handbook-content h3{color:var(--col-accent);font-size:16px;margin-top:24px;margin-bottom:8px}.handbook-content p{line-height:1.7;margin-bottom:12px;font-size:14px}.handbook-content ul,.handbook-content ol{padding-left:24px;margin-bottom:12px}.handbook-content li{line-height:1.7;font-size:14px;margin-bottom:4px}.handbook-content strong{color:var(--col-text-bright)}.handbook-content a{color:var(--col-accent);text-decoration:none}.handbook-content a:hover{text-decoration:underline}.handbook-content code{background:var(--col-surface);padding:2px 6px;border-radius:3px;font-size:13px;color:#e6db74}.handbook-content pre{background:var(--col-surface);padding:16px;border-radius:4px;overflow-x:auto;margin-bottom:16px}.handbook-content pre code{padding:0;background:none}.handbook-content em{color:var(--col-text-dim)}.handbook-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:13px}.handbook-table th{background:var(--col-surface);color:var(--col-accent);padding:8px 12px;text-align:left;font-weight:600;border-bottom:2px solid var(--col-border);font-size:12px;letter-spacing:.05em;position:sticky;top:0}.handbook-table td{padding:6px 12px;border-bottom:1px solid var(--col-border);font-family:var(--font-mono)}.handbook-table tr:nth-child(2n){background:var(--col-surface-hover)}.handbook-table tr:nth-child(odd){background:var(--col-surface)}.handbook-table tr:hover{background:#4fc3f714}.handbook-loading,.handbook-not-found{display:flex;align-items:center;justify-content:center;height:100%;color:var(--col-text-dim);font-size:14px;letter-spacing:.1em}.handbook-link{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;border-radius:50%;background:var(--col-border);color:var(--col-accent);cursor:pointer;margin-left:4px;border:1px solid var(--col-accent);opacity:.6;transition:opacity .2s}.handbook-link:hover{opacity:1}.changelog-page{min-height:100vh;background:var(--col-bg);color:var(--col-text);font-family:var(--font-display)}.changelog-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--col-border);background:var(--col-surface);position:sticky;top:0;z-index:10}.changelog-back-btn{background:none;border:1px solid var(--col-text-dim);color:var(--col-text-dim);padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:12px;letter-spacing:.05em;transition:border-color .15s,color .15s}.changelog-back-btn:hover{border-color:var(--col-accent);color:var(--col-text)}.changelog-title{margin:0;font-size:1.5rem;color:var(--col-accent);letter-spacing:.1em}.changelog-version-badge{color:var(--col-text-dim);font-size:.85rem}.changelog-content{max-width:800px;margin:0 auto;padding:2rem 3rem}.changelog-content h1{display:none}.changelog-content h2{color:var(--col-accent);font-size:20px;margin-top:40px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--col-border)}.changelog-content h2:first-of-type{margin-top:0}.changelog-content h3{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:16px;margin-bottom:8px;padding:3px 10px;display:inline-block;border-radius:3px}.changelog-content h3.changelog-new{color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.25)}.changelog-content h3.changelog-changed{color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.25)}.changelog-content h3.changelog-fixed{color:#60a5fa;background:#60a5fa1a;border:1px solid rgba(96,165,250,.25)}.changelog-content p{line-height:1.7;margin-bottom:12px;font-size:14px}.changelog-content em{color:var(--col-text-dim);font-size:13px}.changelog-content ul{padding-left:24px;margin-bottom:12px}.changelog-content li{line-height:1.7;font-size:14px;margin-bottom:4px}.changelog-content strong{color:var(--col-text-bright)}.changelog-content hr{border:none;border-top:1px solid var(--col-border);margin:32px 0}.changelog-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--col-text-dim);font-size:14px;letter-spacing:.1em}: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}}::-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)}
