:root{--bg: #05060a;--panel: #0b0d14;--orange: #ff9900;--peach: #ffcc99;--purple: #cc99cc;--blue: #9999ff;--text: #ffcc66;--muted: #a89060}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,Trebuchet MS,sans-serif;overflow:hidden}#app{height:100%}canvas{display:block;cursor:crosshair}.auth{min-height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 20%,#1a1430,#05060a 55%)}.auth-card{width:min(440px,92vw);background:var(--panel);border-left:18px solid var(--orange);border-radius:0 28px;padding:28px 28px 22px}.auth h1{margin:0 0 8px;font-size:1.45rem;color:var(--orange);letter-spacing:.04em}.fan{color:var(--muted);font-size:.78rem;margin-bottom:18px;line-height:1.35}label{display:block;font-size:.75rem;color:var(--blue);margin:10px 0 4px;text-transform:uppercase;letter-spacing:.08em}input,select,textarea,button{font:inherit;color:var(--text);background:#12151f;border:1px solid #2a3144;border-radius:4px}input,select{width:100%;padding:8px 10px}.row{display:flex;gap:10px;margin-top:16px}button{cursor:pointer;padding:8px 14px;background:var(--orange);color:#1a1000;font-weight:700;border:0;border-radius:0 12px}button.ghost{background:var(--purple);color:#1a0a1a}button:disabled{opacity:.5;cursor:default}.hud{position:relative;height:100%}#ui{pointer-events:none}#ui .bar,#ui .panel{pointer-events:auto}.bar{position:absolute;z-index:5;display:flex;gap:8px;align-items:center;padding:8px 12px;background:linear-gradient(90deg,#f90 0,#f90 18px,#0b0d14 18px);border-radius:0 20px 0 0}.top{top:28px;left:10px;right:10px}.bottom{bottom:10px;left:10px;right:10px;justify-content:space-between}.xp-bar-wrap{position:absolute;top:0;left:0;right:0;height:24px;z-index:22;background:#0a0c12;border-bottom:1px solid #ff990044;pointer-events:none}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#c70,#f90,#fc6);transition:width .35s ease;box-shadow:0 0 12px #f906}.xp-bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#fff;text-shadow:0 1px 3px #000;font-weight:600;pointer-events:none}.stat{color:var(--peach);font-size:.82rem;margin-right:12px}.stat b{color:var(--orange)}.panel{position:absolute;z-index:6;background:#0b0d14ee;border:1px solid #ff990055;padding:12px;max-height:62vh;overflow:auto;width:min(360px,92vw)}.panel h3{margin:0 0 8px;color:var(--orange);font-size:.95rem}.left{top:76px;left:10px}.right{top:76px;right:10px}.chatlog{height:140px;overflow:auto;font-size:.78rem;color:var(--peach);background:#08090e;padding:6px}.chatlog div{margin-bottom:4px}.tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.tabs button{padding:4px 8px;font-size:.75rem}.energy{display:grid;gap:4px;font-size:.75rem}.energy input{accent-color:var(--orange)}.list{font-size:.8rem}.list button{margin:3px 0;display:block;width:100%;text-align:left}.err{color:#ff6b6b;font-size:.8rem}.ok{color:#9f9}.toast{position:absolute;top:76px;left:50%;transform:translate(-50%);z-index:9;background:#1a1430;border:1px solid var(--purple);padding:8px 14px;border-radius:0 12px;pointer-events:none}.minimap-hint{color:var(--muted);font-size:.72rem}.alert-row{display:flex;gap:6px;margin-bottom:8px}.alert-row button{flex:1;padding:6px 4px;font-size:.72rem}.alert-row .ag{background:#2ecc71}.alert-row .ay{background:#f1c40f}.alert-row .ar{background:#e74c3c;color:#fff}.alert-row button.on{outline:2px solid #fff}.chk{font-size:.72rem;color:var(--peach);text-transform:none;letter-spacing:0;display:flex;gap:6px;align-items:center;margin:6px 0 10px}.chk input{width:auto}.bar.alert-yellow{box-shadow:0 0 18px #f1c40f88}.bar.alert-red{animation:pulse-red 1.1s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 8px #e74c3c}50%{box-shadow:0 0 22px #f64}}#dbg-tog{position:absolute;bottom:12px;right:12px;z-index:14;font-size:.72rem;padding:5px 10px}.dbg{position:absolute;bottom:48px;right:10px;z-index:14;width:min(440px,94vw);max-height:46vh;background:#080a12f2;border:1px solid #ff5533;padding:8px 10px;overflow:auto;font-family:Consolas,Courier New,monospace;font-size:.72rem;color:#b8e0b8}.dbg.hidden{display:none}.dbg header{display:flex;justify-content:space-between;align-items:center;color:#f64;font-weight:700;margin-bottom:6px}.dbg header button{padding:2px 8px;font-size:.7rem}.dbg-state{color:#fc9;margin:0 0 8px;white-space:pre-wrap}.dbg-log{margin:0;white-space:pre-wrap;word-break:break-word}.dbg-log .err{color:#ff6b6b}.dbg-log .out{color:#9cf}.dbg-log .in{color:#c9c}.dbg-log .net{color:#fc6}.panel.left.docked-hidden{display:none}.muted{color:var(--muted);font-size:.78rem}.minimap{position:absolute;bottom:48px;right:12px;z-index:8;border:1px solid #ff990055;border-radius:4px;pointer-events:none}.bridge-overlay{position:absolute;left:10px;right:10px;top:76px;bottom:10px;z-index:10;background:linear-gradient(180deg,#0b0d14f0,#12151fee 40%,#0a0c14f5);border:1px solid #ff990066;border-radius:0 0 20px 20px;display:flex;flex-direction:column;padding:14px 18px;pointer-events:auto}.bridge-overlay.hidden{display:none}.bridge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bridge-title{margin:0;color:var(--orange);font-size:1.1rem}.bridge-leave{background:var(--purple);color:#1a0a1a}.bridge-consoles{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:14px}.bridge-console{min-width:110px;padding:10px 14px;font-size:.8rem;background:#1a2030;color:var(--peach);border:1px solid #3a4a66}.bridge-console.on{background:var(--orange);color:#1a1000;border-color:var(--orange)}.bridge-console.disabled{opacity:.35;cursor:not-allowed}.bridge-console.limited:not(.disabled){border-color:var(--purple)}.bridge-panel{flex:1;overflow:auto;background:#08090eee;border:1px solid #2a3144;padding:12px;font-size:.82rem}.bridge-panel h3{margin:0 0 8px;color:var(--orange)}.strategic-map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#05060af2;display:flex;flex-direction:column;align-items:center;padding:76px 20px 20px;pointer-events:auto}.strategic-map.hidden{display:none}.strategic-map-bar{width:min(900px,100%);display:flex;gap:10px;align-items:center;margin-bottom:10px}.strategic-breadcrumb{flex:1;color:var(--peach);font-size:.9rem}.strategic-back{background:#345;color:var(--peach);font-size:.78rem;padding:6px 12px}.strategic-close{background:var(--orange);font-size:.78rem;padding:6px 12px}.strategic-canvas{border:1px solid #ff990055;background:#080a12;cursor:crosshair}.ctx-menu{position:fixed;z-index:20;min-width:200px;max-width:260px;background:#0b0d14f5;border:1px solid #ff9900;border-radius:0 12px;padding:6px 0;box-shadow:0 8px 28px #000a}.ctx-menu.hidden{display:none}.ctx-title{padding:6px 12px 8px;font-size:.78rem;color:#f90;font-weight:700;border-bottom:1px solid #ff990044;margin-bottom:4px}.ctx-item{display:block;width:100%;text-align:left;padding:7px 12px;background:transparent;color:#fc9;border:0;border-radius:0;font-size:.8rem;font-weight:500}.ctx-item:hover:not(.disabled){background:#f902;color:#fff}.ctx-item.disabled{opacity:.45;cursor:default}.stat-grid{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:.8rem;margin-bottom:10px}.bonus-list{font-size:.78rem;color:var(--peach);margin-bottom:10px}.bonus-list div{margin-bottom:3px}.research-overlay{position:absolute;top:24px;right:10px;bottom:10px;left:10px;z-index:25;background:#080a12f5;border:1px solid #ff990066;border-radius:0 0 16px 16px;overflow:auto;padding:12px 16px;pointer-events:auto}.research-overlay.hidden{display:none}.research-header{display:flex;align-items:center;gap:16px;margin-bottom:12px;border-bottom:1px solid #ff990044;padding-bottom:8px}.research-header h2{margin:0;color:var(--orange);flex:1}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){.research-grid{grid-template-columns:1fr}}.research-col h3{margin:0 0 8px;font-size:.9rem;text-align:center}.branch-tac h3{color:#ff6b6b}.branch-eng h3{color:#f1c40f}.branch-sci h3{color:#6eb5ff}.research-tier{margin-bottom:10px}.tier-label{font-size:.68rem;color:var(--muted);margin-bottom:4px;text-transform:uppercase}.skill-node{background:#12151f;border:1px solid #2a3144;border-radius:4px;padding:6px 8px;margin-bottom:6px;font-size:.75rem}.skill-node.locked{opacity:.45}.skill-node.available{border-color:#2ecc71}.skill-node.partial{border-color:#f1c40f}.skill-node.maxed{border-color:gold;box-shadow:0 0 8px #ffd70044}.skill-name{color:var(--orange);font-weight:700}.skill-desc{color:var(--muted);font-size:.68rem;margin:2px 0}.skill-rank{color:var(--peach);font-size:.68rem}.skill-node button{margin-top:4px;padding:3px 8px;font-size:.68rem}.ship-research{margin-top:16px;border-top:1px solid #ff990044;padding-top:12px}.ship-research h3{margin:0 0 8px;color:var(--orange)}.ship-research-list{display:grid;gap:8px}.ship-research-item{background:#12151f;border:1px solid #2a3144;padding:8px 10px;font-size:.78rem}.ship-research-item.available{border-color:#2ecc71}.ship-research-item.owned{border-color:gold;opacity:.85}.ship-research-item button{margin-top:6px;padding:4px 10px;font-size:.72rem}.tag{font-size:.68rem;color:var(--muted)}#admin-tog{position:absolute;bottom:12px;left:12px;z-index:14;font-size:.82rem;padding:6px 14px;background:#63c;color:#fff;border-radius:0 12px;font-weight:800}#admin-tog.hidden{display:none}.admin-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#05060af0;display:flex;flex-direction:column;padding:12px}.admin-panel.hidden{display:none}.admin-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.admin-head h2{margin:0;color:#c9f;font-size:1.1rem;flex:1}.admin-status{color:#9f9;font-size:.75rem}.admin-close{padding:4px 12px;font-size:1rem}.admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.admin-tab{padding:6px 10px;font-size:.75rem;background:#1a1430;color:#fc9;border:1px solid #6633cc55}.admin-tab.on{background:#63c;color:#fff}.admin-body{flex:1;overflow:auto}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:12px}.admin-card{background:#0b0d14;border:1px solid #ff990055;padding:10px;text-align:center}.admin-card b{display:block;font-size:1.4rem;color:#f90}.admin-card span{font-size:.72rem;color:#a89060}.admin-pre,.admin-json{background:#08090e;border:1px solid #2a3144;padding:8px;font-size:.72rem;color:#b8e0b8;max-height:40vh;overflow:auto;width:100%;font-family:Consolas,monospace}.admin-json{min-height:280px}.admin-hint{font-size:.78rem;color:#a89060;margin:0 0 8px}.admin-table-wrap{overflow:auto;max-height:55vh}.admin-table{width:100%;border-collapse:collapse;font-size:.75rem}.admin-table th,.admin-table td{border:1px solid #2a3144;padding:4px 6px;text-align:left}.admin-in{width:100%;margin-bottom:8px;padding:6px 8px}.admin-hr{border:0;border-top:1px solid #2a3144;margin:16px 0}