:root{--bg: #0b1016;--panel: #141b24;--ink: #e8eef6;--muted: #8a93a1;--amber: #e8b86d;--line: #2a3340;--green: #63c96b;--yellow: #e8b86d;--blue: #5ad1ff;--red: #ff4d6d;--black: #0a0a0a;font-family:ui-monospace,IBM Plex Mono,Cascadia Mono,Menlo,monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden}button,input,select{font:inherit;color:inherit}#boot{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#18202b,#0b1016 62%);z-index:20}#boot .word{font-size:42px;letter-spacing:.28em;color:var(--amber)}#boot .sub{color:var(--muted);margin:8px 0 22px;letter-spacing:.12em}#boot button{background:var(--amber);color:#1b1510;border:0;padding:10px 18px;cursor:pointer}#boot button:focus-visible{outline:2px solid #fff;outline-offset:3px}#boot .hint{color:var(--muted);font-size:12px}#boot[hidden]{display:none}#stage{position:fixed;inset:0;z-index:0}#stage canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none;z-index:5;display:flex;flex-direction:column}#hud *{pointer-events:auto}#webgl-fail{flex:0 0 auto;padding:6px 10px;background:var(--panel);color:var(--amber);border-bottom:1px solid var(--line);font-size:12px}.docks{position:relative;flex:1 1 auto;min-height:0;pointer-events:none}#hud .docks>*{pointer-events:auto}#hud .docks>.tooltip{pointer-events:none}.panel.placed{right:auto;bottom:auto}.topbar{display:flex;gap:8px;align-items:center;padding:8px 10px;flex:0 0 auto;position:relative;z-index:8;background:#141b24;border-bottom:1px solid var(--line)}.alert{display:flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid var(--line);background:var(--panel);min-width:280px}.alert .dot{width:10px;height:10px;border-radius:1px}.alert.green .dot{background:var(--green)}.alert.yellow .dot{background:var(--yellow)}.alert.blue .dot{background:var(--blue)}.alert.red .dot{background:var(--red)}.alert.black{border-color:#fff}.alert.black .dot{background:#fff}.topbar button,.panel button{background:#1c242e;border:1px solid var(--line);padding:4px 8px;cursor:pointer}.topbar button.on,.panel button.on{border-color:var(--amber);color:var(--amber)}.topbar button:focus-visible,.panel button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.seed{margin-left:auto;color:var(--muted);font-size:12px}#debug-chip{margin-left:8px;font-size:11px;letter-spacing:.12em;color:var(--amber);border:1px solid var(--amber);padding:2px 6px}#debug-chip[hidden]{display:none}.speed4{color:var(--red);font-weight:700}#speed-4x.active,#speed-4x.on{color:var(--red);border-color:var(--red)}.panel{position:absolute;width:240px;background:#141b24f0;border:1px solid var(--line);color:var(--ink);max-height:46vh;display:flex;flex-direction:column}#panel-ship{left:10px;top:10px}#panel-crew{left:10px;top:218px}#panel-cargo{right:10px;top:10px;left:auto}#panel-research{right:10px;top:216px;left:auto}#panel-alerts{inset:auto 10px 10px auto}#panel-log{left:260px;bottom:10px;top:auto}#panel-build{left:260px;top:10px}#target{left:12px;bottom:12px;top:auto}.panel h2{margin:0;padding:6px 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:#1c242e;cursor:grab;display:flex;justify-content:space-between}.panel .body{padding:8px;overflow:auto;font-size:12px}.panel.collapsed .body{display:none}.bars{display:grid;gap:4px}.bar{height:6px;background:#0b1016;border:1px solid var(--line)}.bar>i{display:block;height:100%;width:0%;background:var(--amber)}.bar>i[data-fill="0"]{width:0%}.bar>i[data-fill="1"]{width:1%}.bar>i[data-fill="2"]{width:2%}.bar>i[data-fill="3"]{width:3%}.bar>i[data-fill="4"]{width:4%}.bar>i[data-fill="5"]{width:5%}.bar>i[data-fill="6"]{width:6%}.bar>i[data-fill="7"]{width:7%}.bar>i[data-fill="8"]{width:8%}.bar>i[data-fill="9"]{width:9%}.bar>i[data-fill="10"]{width:10%}.bar>i[data-fill="11"]{width:11%}.bar>i[data-fill="12"]{width:12%}.bar>i[data-fill="13"]{width:13%}.bar>i[data-fill="14"]{width:14%}.bar>i[data-fill="15"]{width:15%}.bar>i[data-fill="16"]{width:16%}.bar>i[data-fill="17"]{width:17%}.bar>i[data-fill="18"]{width:18%}.bar>i[data-fill="19"]{width:19%}.bar>i[data-fill="20"]{width:20%}.bar>i[data-fill="21"]{width:21%}.bar>i[data-fill="22"]{width:22%}.bar>i[data-fill="23"]{width:23%}.bar>i[data-fill="24"]{width:24%}.bar>i[data-fill="25"]{width:25%}.bar>i[data-fill="26"]{width:26%}.bar>i[data-fill="27"]{width:27%}.bar>i[data-fill="28"]{width:28%}.bar>i[data-fill="29"]{width:29%}.bar>i[data-fill="30"]{width:30%}.bar>i[data-fill="31"]{width:31%}.bar>i[data-fill="32"]{width:32%}.bar>i[data-fill="33"]{width:33%}.bar>i[data-fill="34"]{width:34%}.bar>i[data-fill="35"]{width:35%}.bar>i[data-fill="36"]{width:36%}.bar>i[data-fill="37"]{width:37%}.bar>i[data-fill="38"]{width:38%}.bar>i[data-fill="39"]{width:39%}.bar>i[data-fill="40"]{width:40%}.bar>i[data-fill="41"]{width:41%}.bar>i[data-fill="42"]{width:42%}.bar>i[data-fill="43"]{width:43%}.bar>i[data-fill="44"]{width:44%}.bar>i[data-fill="45"]{width:45%}.bar>i[data-fill="46"]{width:46%}.bar>i[data-fill="47"]{width:47%}.bar>i[data-fill="48"]{width:48%}.bar>i[data-fill="49"]{width:49%}.bar>i[data-fill="50"]{width:50%}.bar>i[data-fill="51"]{width:51%}.bar>i[data-fill="52"]{width:52%}.bar>i[data-fill="53"]{width:53%}.bar>i[data-fill="54"]{width:54%}.bar>i[data-fill="55"]{width:55%}.bar>i[data-fill="56"]{width:56%}.bar>i[data-fill="57"]{width:57%}.bar>i[data-fill="58"]{width:58%}.bar>i[data-fill="59"]{width:59%}.bar>i[data-fill="60"]{width:60%}.bar>i[data-fill="61"]{width:61%}.bar>i[data-fill="62"]{width:62%}.bar>i[data-fill="63"]{width:63%}.bar>i[data-fill="64"]{width:64%}.bar>i[data-fill="65"]{width:65%}.bar>i[data-fill="66"]{width:66%}.bar>i[data-fill="67"]{width:67%}.bar>i[data-fill="68"]{width:68%}.bar>i[data-fill="69"]{width:69%}.bar>i[data-fill="70"]{width:70%}.bar>i[data-fill="71"]{width:71%}.bar>i[data-fill="72"]{width:72%}.bar>i[data-fill="73"]{width:73%}.bar>i[data-fill="74"]{width:74%}.bar>i[data-fill="75"]{width:75%}.bar>i[data-fill="76"]{width:76%}.bar>i[data-fill="77"]{width:77%}.bar>i[data-fill="78"]{width:78%}.bar>i[data-fill="79"]{width:79%}.bar>i[data-fill="80"]{width:80%}.bar>i[data-fill="81"]{width:81%}.bar>i[data-fill="82"]{width:82%}.bar>i[data-fill="83"]{width:83%}.bar>i[data-fill="84"]{width:84%}.bar>i[data-fill="85"]{width:85%}.bar>i[data-fill="86"]{width:86%}.bar>i[data-fill="87"]{width:87%}.bar>i[data-fill="88"]{width:88%}.bar>i[data-fill="89"]{width:89%}.bar>i[data-fill="90"]{width:90%}.bar>i[data-fill="91"]{width:91%}.bar>i[data-fill="92"]{width:92%}.bar>i[data-fill="93"]{width:93%}.bar>i[data-fill="94"]{width:94%}.bar>i[data-fill="95"]{width:95%}.bar>i[data-fill="96"]{width:96%}.bar>i[data-fill="97"]{width:97%}.bar>i[data-fill="98"]{width:98%}.bar>i[data-fill="99"]{width:99%}.bar>i[data-fill="100"]{width:100%}.row{display:flex;justify-content:space-between;gap:8px;margin:3px 0}.list button{display:block;width:100%;text-align:left;margin:3px 0}.list button[disabled]{opacity:.45}.palette{display:grid;grid-template-columns:1fr 1fr;gap:4px}.palette button{font-size:11px}.palette button .sw{display:inline-block;width:8px;height:8px;margin-right:4px}.pause{position:absolute;inset:0;display:grid;place-items:center;background:#0b1016aa}.pause[hidden]{display:none}.pause .card{width:min(420px,92vw);background:var(--panel);border:1px solid var(--amber);padding:18px}.pause h1{margin:0 0 8px;color:var(--amber);letter-spacing:.2em}.pause p{color:var(--muted)}.pause .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.keys{font-size:12px;color:var(--muted);line-height:1.5}.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:360px;background:var(--panel);border:1px solid var(--amber);padding:14px}.modal[hidden]{display:none}.tooltip{position:absolute;max-width:220px;background:#141b24f2;border:1px solid var(--line);padding:8px;font-size:12px;pointer-events:none}.tooltip[hidden]{display:none}.toast{position:absolute;right:12px;bottom:12px;background:var(--panel);border:1px solid var(--amber);padding:8px 12px;font-size:12px}.toast[hidden]{display:none}.fatal{padding:24px;color:var(--amber)}