*{box-sizing:border-box;margin:0;padding:0}html,body{background:#05070d;width:100%;height:100%;font-family:Consolas,Cascadia Mono,monospace;overflow:hidden}#app canvas{display:block}#vignette{pointer-events:none;z-index:5;background:radial-gradient(#0000 52%,#00000c9e 100%);position:fixed;inset:0}#hud{pointer-events:none;z-index:10;color:#bfe9f5;text-transform:uppercase;letter-spacing:.12em;font-size:12px;position:fixed;inset:0}.panel{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040a12b8;border:1px solid #3ff2ff59;padding:10px 14px;position:absolute;box-shadow:0 0 14px #3ff2ff1f,inset 0 0 22px #3ff2ff0a}.panel h4{color:#4ba7ba;margin-bottom:6px;font-size:10px;font-weight:400}#stats{min-width:210px;top:16px;left:16px}#stats .row{justify-content:space-between;gap:18px;line-height:1.7;display:flex}#stats .row b{color:#3ff2ff;text-shadow:0 0 8px #3ff2ffb3;font-weight:400}#stats .row b.gold{color:#ffd75e;text-shadow:0 0 8px #ffd75e99}.meter{background:#3ff2ff1f;height:4px;margin-top:6px;overflow:hidden}.meter>div{background:#3ff2ff;width:0%;height:100%;box-shadow:0 0 8px #3ff2ffcc}.meter.danger>div{background:#ff8a3c;box-shadow:0 0 8px #ff8a3ccc}#fleet{pointer-events:auto;box-shadow:none;background:0 0;border:none;gap:8px;padding:0;display:flex;position:absolute;bottom:16px;left:16px}#fleet.away .port{opacity:.45}#fleet.away:after{content:"FLEET AWAY — press M/H to find it";letter-spacing:.18em;color:#7ea8b8;white-space:nowrap;font-size:9px;position:absolute;top:-18px;left:0}.port{cursor:pointer;background:#040a12c7;border:1px solid #3ff2ff47;width:86px;padding:7px 8px 8px;transition:border-color .12s,box-shadow .12s;position:relative}.port.selected{border-color:#3ff2ff;box-shadow:0 0 12px #3ff2ff59}.port .key{color:#33606e;font-size:10px;position:absolute;top:4px;right:6px}.port .cls{color:#3ff2ff;margin-bottom:6px;font-size:11px}.port .bar{background:#ffffff14;height:3px;margin-top:3px}.port .bar>div{width:100%;height:100%}.port .bar.hull>div{background:#7dffa8}.port .bar.hull.low>div{background:#ff5a2c}.port .bar.shield>div{background:#66d9ff}.port .respawn{color:#ff8a3c;background:#020408d1;justify-content:center;align-items:center;font-size:15px;display:none;position:absolute;inset:0}.port.dead .respawn{display:flex}#topbar{background:#040a12b8;border:1px solid #3ff2ff59;gap:22px;padding:8px 20px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #3ff2ff1f}#topbar .res{align-items:baseline;gap:8px;display:flex}#topbar .res i{color:#4ba7ba;font-size:10px;font-style:normal}#topbar .res b{font-size:13px;font-weight:400}#topbar .res b.m{color:#9adcff;text-shadow:0 0 8px #9adcff99}#topbar .res b.g{color:#7dffa8;text-shadow:0 0 8px #7dffa899}#topbar .res b.p{color:#bfe9f5;text-shadow:0 0 8px #bfe9f580}#topbar .res b.x{color:#ff5ad7;text-shadow:0 0 8px #ff5ad799}#topbar .res em{color:#4ba7ba;font-size:9px;font-style:normal}#banners{z-index:12;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:118px;left:50%;transform:translate(-50%)}.banner{color:#3ff2ff;text-shadow:0 0 10px #3ff2ffcc;background:#040a12cc;border:1px solid #3ff2ff80;padding:8px 26px;font-size:14px;animation:.25s ease-out bannerIn,1s ease-in-out infinite bannerPulse}.banner.danger{color:#ff4d4d;text-shadow:0 0 10px #ff4d4dcc;border-color:#ff4d4db3}@keyframes bannerIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes bannerPulse{50%{box-shadow:0 0 18px #3ff2ff40}}#minimap-wrap{pointer-events:auto;border:1px solid #3ff2ff59;border-radius:50%;position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 0 18px #3ff2ff26}#minimap{cursor:crosshair;display:block}#build-panel{pointer-events:auto;width:250px;max-height:58vh;top:240px;left:16px;overflow-y:auto}.build-entry{cursor:pointer;border:1px solid #3ff2ff29;grid-template-columns:1fr auto;gap:2px 10px;margin:4px 0;padding:7px 8px;transition:border-color .12s;display:grid}.build-entry:hover{border-color:#3ff2ff80}.build-entry.selected{border-color:#3ff2ff;box-shadow:0 0 10px #3ff2ff40}.build-entry .be-name{color:#bfe9f5}.build-entry .be-cost{color:#4ba7ba;font-size:10px}.build-entry .be-cost b.m{color:#9adcff;font-weight:400}.build-entry .be-cost b.g{color:#7dffa8;font-weight:400}.build-entry .be-count{color:#33606e;font-size:10px}#build-hint{color:#4ba7ba;text-transform:none;margin-top:8px;font-size:10px;line-height:1.7}#queues .job{margin-top:8px;padding-right:16px;position:relative}#queues .job-label{color:#bfe9f5;font-size:11px}#queues .job-eta{float:right;color:#ffd75e;margin-right:6px;font-size:11px}#queues .job-x{color:#ff4d4d;cursor:pointer;pointer-events:auto;position:absolute;top:0;right:0}#research-panel{pointer-events:auto;width:300px;max-height:60vh;top:190px;right:290px;overflow-y:auto}.research-track h5{color:#4ba7ba;letter-spacing:.2em;margin:10px 0 4px;font-size:10px;font-weight:400}.research-node{cursor:pointer;border:1px solid #3ff2ff29;grid-template-columns:1fr auto;gap:2px 10px;margin:3px 0;padding:6px 8px;display:grid}.research-node:hover{border-color:#3ff2ff80}.research-node.done{cursor:default;border-color:#7dffa880}.research-node.done .rn-state{color:#7dffa8}.research-node.queued{border-color:#ffd75e99}.research-node.queued .rn-state{color:#ffd75e}.research-node.locked{opacity:.45;cursor:not-allowed}.research-node .rn-name{color:#bfe9f5;font-size:11px}.research-node .rn-cost{color:#4ba7ba;font-size:10px}.research-node .rn-cost b{font-weight:400}.research-node .rn-cost b.m{color:#9adcff}.research-node .rn-cost b.g{color:#7dffa8}.research-node .rn-cost b.x{color:#ff5ad7}.research-node .rn-state{color:#33606e;font-size:10px}#factory-panel{pointer-events:auto;width:300px;max-height:66vh;top:190px;left:16px;overflow-y:auto}#fx-hulls{gap:6px;margin:6px 0;display:flex}.fx-hull{color:#bfe9f5;cursor:pointer;background:0 0;border:1px solid #3ff2ff40;flex:1;padding:6px 0;font-family:inherit;font-size:11px}.fx-hull.sel{color:#3ff2ff;border-color:#3ff2ff;box-shadow:0 0 8px #3ff2ff4d}.fx-hull.locked{opacity:.35;cursor:not-allowed}.fx-opt{cursor:pointer;color:#bfe9f5;border:1px solid #3ff2ff24;grid-template-columns:1fr auto;gap:10px;margin:3px 0;padding:5px 8px;font-size:11px;display:grid}.fx-opt:hover{border-color:#3ff2ff73}.fx-opt.sel{border-color:#3ff2ff}.fx-opt.locked{opacity:.4;cursor:not-allowed}.fx-opt i{color:#33606e;font-style:normal}.fx-sub{color:#4ba7ba;text-transform:none;font-size:10px}.fx-grid{color:#7ea8b8;grid-template-columns:1fr 1fr;gap:2px 12px;margin:8px 0;font-size:11px;display:grid}.fx-grid b{color:#bfe9f5;font-weight:400}.fx-err{color:#ff8a3c;text-transform:none;margin:8px 0;font-size:11px}#fx-build{color:#3ff2ff;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #3ff2ff;width:100%;margin-top:8px;padding:9px 0;font-family:inherit;font-size:12px}#fx-build:disabled{opacity:.35;cursor:not-allowed}#fx-build:hover:not(:disabled){background:#3ff2ff1a}.fx-ship{color:#bfe9f5;border-bottom:1px solid #3ff2ff1f;justify-content:space-between;align-items:center;padding:5px 4px;font-size:11px;display:flex}.fx-slot{color:#7ea8b8;cursor:pointer;background:0 0;border:1px solid #3ff2ff40;width:22px;margin-left:3px;padding:3px 0;font-family:inherit;font-size:10px}.fx-slot.sel{color:#ffd75e;border-color:#ffd75e}#debug{text-align:right;color:#4ba7ba;text-transform:none;letter-spacing:.04em;text-shadow:0 1px 2px #000;font-size:11px;line-height:1.65;position:absolute;top:16px;right:16px}#debug b{color:#bfe9f5;font-weight:400}#name-modal{z-index:30;pointer-events:auto;background:#020409d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#name-modal .nm-box{text-align:center;background:#06080ef0;border:1px solid #3ff2ff80;padding:42px 64px;box-shadow:0 0 40px #3ff2ff2e}#name-modal h1{color:#3ff2ff;letter-spacing:.3em;text-shadow:0 0 16px #3ff2ffcc;margin-bottom:18px;font-size:26px}#name-modal p{color:#7ea8b8;font-size:12px;line-height:1.9}#name-modal .nm-err{color:#ff8a8a;min-height:18px;margin-top:6px}#name-modal input{color:#bfe9f5;letter-spacing:.08em;text-align:center;background:#0a101ae6;border:1px solid #3ff2ff66;outline:none;width:240px;margin:22px auto 0;padding:10px 14px;font-family:inherit;font-size:15px;display:block}#name-modal input:focus{border-color:#3ff2ff;box-shadow:0 0 14px #3ff2ff59}#name-modal button{color:#3ff2ff;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #3ff2ff;margin-top:26px;padding:12px 44px;font-family:inherit;font-size:14px;transition:all .15s}#name-modal button:hover{background:#3ff2ff1f;box-shadow:0 0 18px #3ff2ff66}#hint{color:#33606e;letter-spacing:.14em;font-size:10px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#bars{pointer-events:none;z-index:8;position:fixed;inset:0}.fx-slotrow{flex-wrap:wrap;align-items:center;gap:4px;margin:5px 0;display:flex}.fx-slottitle{color:#4ba7ba;width:62px;font-size:10px}.fx-slotbtn{color:#7ea8b8;cursor:pointer;background:0 0;border:1px dashed #3ff2ff4d;flex:1;min-width:64px;padding:5px 4px;font-family:inherit;font-size:10px}.fx-slotbtn.filled{color:#bfe9f5;border-style:solid;border-color:#3ff2ff}.fx-slotbtn.w.filled{border-color:#ff8a3c}.fx-slotbtn.d.filled{border-color:#7dffa8}.fx-slotbtn.s.filled{border-color:#ff5ad7}#interior-panel{pointer-events:auto;width:380px;max-height:70vh;top:130px;left:50%;overflow-y:auto;transform:translate(-50%)}#in-tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.in-tab{color:#7ea8b8;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #3ff2ff40;padding:4px 7px;font-family:inherit;font-size:9px}.in-tab.sel{color:#3ff2ff;border-color:#3ff2ff}.in-tab.locked{opacity:.4}.in-gridbox{gap:5px;margin:8px 0;display:grid}.in-cell{aspect-ratio:1;color:#bfe9f5;cursor:pointer;background:#3ff2ff0a;border:1px dashed #3ff2ff4d;padding:2px;font-family:inherit;font-size:9px}.in-cell:hover{border-color:#3ff2ffb3}.in-cell.filled{color:#ffd75e;cursor:default;border-style:solid;border-color:#ffd75e}#nav{color:#4ba7ba;letter-spacing:.18em;font-size:11px;position:absolute;top:52px;left:50%;transform:translate(-50%)}#home-hud{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040a12b8;border:1px solid #3ff2ff59;gap:18px;padding:6px 16px;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}#home-hud.under-attack{border-color:#ff4d4dbf;box-shadow:0 0 18px #ff4d4d59}.hh-cell{flex-direction:column;align-items:center;gap:1px;display:flex}.hh-cell i{color:#4ba7ba;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-style:normal}.hh-cell b{color:#bfe9f5;font-size:13px}.hh-cell.warn b{color:#ffd75e}.hh-cell.danger b{color:#ff4d4d}.port .port-art{height:34px;margin:2px 0 3px}.port .port-art img{object-fit:contain;filter:drop-shadow(0 0 5px #3ff2ff40);width:100%;height:100%}.port.no-art .port-art{display:none}.fx-hull-img{object-fit:contain;pointer-events:none;width:100%;height:34px;margin-bottom:2px;display:block}.port.docked{opacity:.62;border-color:#3ff2ff80}#fleet-launch{color:#bfe9f5;font:inherit;letter-spacing:.18em;cursor:pointer;background:#3ff2ff1a;border:1px solid #3ff2ff80;padding:0 18px;font-size:12px;transition:border-color .12s,background .12s}#fleet-engaged{color:#ffb0b0;font:inherit;letter-spacing:.14em;cursor:pointer;background:#ff4d4d24;border:1px solid #ff4d4db3;padding:0 14px;font-size:11px;animation:1.6s ease-in-out infinite engaged-pulse}#fleet-engaged:hover{background:#ff4d4d47;border-color:#ff4d4d}@keyframes engaged-pulse{0%,to{box-shadow:0 0 4px #ff4d4d4d}50%{box-shadow:0 0 16px #ff4d4da6}}#fleet-launch:disabled{color:#ff8a8a;cursor:not-allowed;background:#ff4d4d14;border-color:#ff4d4d99}#fleet-launch:hover:not(:disabled){background:#3ff2ff33;border-color:#3ff2ff;box-shadow:0 0 12px #3ff2ff40}#nav b{color:#bfe9f5;text-shadow:0 0 8px #3ff2ff80;font-weight:400}#nav i{color:#33606e;font-style:normal}#building-panel,#city-panel,#fleet-panel{pointer-events:auto;width:272px;padding:0 0 12px;top:190px;right:16px;overflow:hidden}.fp-rows{max-height:46vh;padding:6px 12px 2px;overflow-y:auto}.fp-row{border-bottom:1px solid #3ff2ff14;grid-template-columns:34px 52px 1fr auto;align-items:center;gap:8px;padding:4px 0;display:grid}.fp-art img{image-rendering:auto;width:30px;height:30px;display:block}.fp-cls{color:#bfe9f5;letter-spacing:.12em;font-size:11px}.fp-bars .bar{background:#ffffff14;height:4px;margin:2px 0;display:block}.fp-bars .bar>span{background:#7dffa8;height:100%;display:block}.fp-bars .bar.shield>span{background:#3ff2ff}.fp-repair{color:#ffd75e;font-size:10px}.bp-head{background:linear-gradient(#3ff2ff24,#3ff2ff05);border-bottom:1px solid #3ff2ff40;align-items:center;gap:10px;padding:12px 12px 10px;display:flex}.bp-glyph{color:#3ff2ff;text-shadow:0 0 12px #3ff2ff99;text-align:center;width:34px;font-size:26px}.bp-title h4{border:none;margin:0;padding:0}.bp-title i{color:#7ea8b8;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-style:normal}.bp-x{color:#7ea8b8;cursor:pointer;margin-left:auto;padding:2px 6px}.bp-x:hover{color:#ff4d4d}.bp-tag{color:#7ea8b8;padding:8px 12px 4px;font-size:11.5px;font-style:italic;line-height:1.45}#building-panel .meter{margin:8px 12px}.bp-rows{padding:2px 12px}.bp-row{color:#9fc4d0;border-bottom:1px dashed #3ff2ff1a;justify-content:space-between;gap:10px;padding:4px 0;font-size:12px;display:flex}.bp-row b{color:#dff9ff;text-align:right;font-weight:600}.bp-row.dim b{color:#7ea8b8;font-weight:400}.bp-row.warn b{color:#ffd75e}.bp-row.ok b{color:#7dffa8}.bp-actions{flex-direction:column;gap:6px;padding:10px 12px 0;display:flex}.bp-btn{color:#bfe9f5;font:inherit;cursor:pointer;text-align:center;background:#3ff2ff14;border:1px solid #3ff2ff59;padding:7px 10px;font-size:12px;transition:border-color .12s,background .12s}.bp-btn:disabled{opacity:.55;cursor:not-allowed}.bp-btn:hover:not(:disabled){background:#3ff2ff29;border-color:#3ff2ff;box-shadow:0 0 10px #3ff2ff33}.bp-btn b.m{color:#9fd8ff}.bp-btn b.g{color:#b6ffd0}.bp-btn.danger{color:#ffb3a6;background:#ff4d4d14;border-color:#ff4d4d66}.bp-btn.danger:hover{background:#ff4d4d29;border-color:#ff4d4d;box-shadow:0 0 10px #ff4d4d33}.bp-move-hint{color:#bfe9f573;text-align:center;letter-spacing:.04em;font-size:10px}