:root{color-scheme:dark;font-family:Consolas,'Courier New',monospace;background:#070d18;color:#d9e7fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#142841 0,transparent 48%),#070d18}header,footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid #26384c}.brand{font-size:21px;font-weight:bold;letter-spacing:3px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#7e9ab5;margin-top:5px}.star{color:#6ce9d4}.online{border:1px solid #45546b;padding:7px 12px;font-size:11px;letter-spacing:2px;color:#9aacc3}.online.connected{color:#7be4b7;border-color:#33785c}main{max-width:1248px;padding:32px 24px;margin:auto}.intro{margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:3px;color:#6ce9d4}.intro h1{font-size:clamp(28px,4vw,48px);letter-spacing:-2px;margin:8px 0}.intro>p:last-child{color:#9db1c7;font-size:14px;line-height:1.6}.dashboard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:18px}.side{display:flex;flex-direction:column;gap:18px}.panel{border:1px solid #2a4056;background:#0e1a2a;box-shadow:0 8px 30px #0004;min-width:0}.panelhead{padding:14px 17px;border-bottom:1px solid #2a4056;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.2px;color:#78d8e8}.panelhead span+span{color:#7b8da5;font-size:10px}.terminal{display:flex;flex-direction:column;min-height:580px}.login{padding:22px}.login label{display:block;font-size:12px;color:#7bcfdf;margin-bottom:10px}.join{display:flex;gap:8px}.warning,.hint{font-size:11px;color:#879ab1;line-height:1.6}.warning{max-width:460px}.output{flex:1;min-height:320px;max-height:480px;overflow:auto;padding:16px 20px;white-space:pre-wrap;overflow-wrap:anywhere;color:#c0e8d1;font-size:13px;line-height:1.65}.output .system{color:#80bde9}.output .user{color:#e8d4a0}.output .error{color:#ffaaa5}.commandline{display:flex;align-items:center;gap:10px;padding:13px;border-top:1px solid #2a4056}.commandline label{color:#6ce9d4;font-weight:bold}input{background:#091321;color:#e0f4ff;border:1px solid #38506a;border-radius:2px;padding:12px;font:inherit;min-width:0;flex:1}input:focus{outline:1px solid #69cfe3}button{cursor:pointer;border:1px solid #3c7080;background:#163346;color:#b3f3ed;font:inherit;font-size:11px;letter-spacing:1px;padding:12px}button:hover{background:#24536a}button:disabled{opacity:.5;cursor:wait}.quick{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid #2a4056}.quick button{padding:7px;font-size:10px}.telemetry{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.telemetry p{grid-column:span 2;color:#849cb5}.metric{border-left:2px solid #2e6c7c;padding-left:10px}.metric b{display:block;font-size:20px;margin-top:6px;color:#e3f6ff}.metric small{color:#819bb5;font-size:10px}.mapwrap{padding:12px}canvas{width:100%;height:auto;background:#081322;border:1px solid #243c52;cursor:crosshair}.hint{margin:0 14px 10px}.sectorinfo{padding:12px 16px 16px;color:#aec6d8;font-size:12px;line-height:1.6;min-height:60px}.small{padding:6px 9px}.discoveries{margin-top:18px}.discoveries>div:last-child{padding:18px;color:#aec1d3;font-size:12px;line-height:1.8}.discovery{border-bottom:1px solid #26384c;padding:9px 0}footer{margin-top:30px;border-top:1px solid #26384c;border-bottom:0;color:#678199;font-size:10px;letter-spacing:1px}@media(max-width:850px){.dashboard{grid-template-columns:1fr}.terminal{min-height:500px}header,footer{padding:16px 22px}.brand{font-size:17px}footer span{display:none}}@media(max-width:500px){main{padding:20px 12px}.join{flex-direction:column}.intro h1{letter-spacing:-1px}.telemetry{padding:14px}}
/* v0.4 observatory and responsive mobile command deck */
.login input{display:block;width:100%;margin-bottom:12px}.login label{display:block;margin-bottom:6px}.observatory{margin-top:18px}.observatoryLayout{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:16px;padding:16px}.observatoryLayout svg{width:100%;min-height:240px;background:#081322;border:1px solid #243c52}.celestial{cursor:pointer;outline:none}.celestial:hover circle:nth-child(2),.celestial:focus circle:nth-child(2){stroke:#7effd4;stroke-width:3}.entityActions{padding:12px;border:1px solid #243c52;background:#0a1726;min-height:180px}.entityActions h3{margin-top:0;color:#a4ffd2}.entityActions button{margin:4px}.shipwrap{padding:8px 20px 0}.shipwrap svg{width:100%;height:110px}.dashboard .terminal{grid-row:1}.dashboard .side{grid-row:1}.mapPanel{order:1}.side .panel:not(.mapPanel){order:2}
@media(max-width:850px){.dashboard{display:flex;flex-direction:column}.dashboard .side{display:contents}.dashboard .terminal{order:1;min-height:400px}.dashboard .mapPanel{order:2}.dashboard .side .panel:not(.mapPanel){order:3}.observatoryLayout{grid-template-columns:1fr}.observatoryLayout svg{min-height:200px}.terminal .output{min-height:200px;max-height:360px}}
[hidden]{display:none!important}