:root{color:#d7edf0;font-synthesis:none;--cyan:#41d8e8;--cyan-dim:#1b7280;--amber:#ffad36;--red:#e35645;--panel:#05121ce8;--line:#51cfde61;background:#020710;font-family:Courier New,ui-monospace,monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,select{font:inherit}button{color:#d7edf0;border:1px solid var(--cyan-dim);cursor:pointer;text-transform:uppercase;background:#0a2732;padding:.55rem .75rem}button:hover:not(:disabled),button.active{color:#031015;background:var(--cyan);border-color:#bafaff}button:disabled{opacity:.35;cursor:not-allowed}.app-shell,.game-host{position:absolute;inset:0}.game-host canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:none;display:block}.hud{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);pointer-events:none;z-index:3;font-size:12px;position:fixed}.hud-panel{border:1px solid var(--line);background:linear-gradient(135deg, var(--panel), #030b14b3);padding:.65rem .8rem;position:absolute;box-shadow:inset 0 0 18px #166e821f,0 4px 16px #0008}.status-panel{align-items:center;gap:.7rem;min-width:min(380px,100vw - 24px);display:flex;top:12px;left:12px}.status-panel strong{color:var(--cyan);letter-spacing:.12em;display:block}.status-panel small{color:#85a8ad;margin-top:.15rem;display:block}.status-light{background:var(--amber);width:9px;height:9px;box-shadow:0 0 8px}.status-light.online{background:#5cf2b2}.status-light.offline{background:var(--red)}.players{color:var(--amber);margin-left:auto}.telemetry-panel{gap:.35rem;min-width:250px;display:grid;bottom:12px;left:12px}.telemetry-panel label{color:#7fa7ac}.telemetry-panel b{color:#efffff}.telemetry-panel button{pointer-events:auto;margin-top:.25rem;padding:.35rem;font-size:11px}.cargo-panel{width:280px;top:12px;right:12px}.panel-heading{color:var(--cyan);justify-content:space-between;display:flex}.meter{background:#071219;border:1px solid #23444c;height:6px;margin-top:.5rem}.meter i{background:var(--cyan);height:100%;box-shadow:0 0 6px var(--cyan);display:block}.meter.hot i{background:var(--amber);box-shadow:0 0 6px var(--amber)}.cargo-chips{flex-wrap:wrap;gap:.3rem;margin-top:.45rem;display:flex}.cargo-chips span{color:#aac6ca;background:#0b222a;padding:.15rem .3rem}.mining-panel{gap:.35rem;width:230px;display:grid;bottom:12px;right:12px}.mining-panel b{color:var(--amber)}.diagnostics-panel{color:#70959b;top:12px;left:50%;transform:translate(-50%)}.station-action{pointer-events:auto;border-color:var(--amber);color:var(--amber);letter-spacing:.12em;background:#1b1208dd;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.touch-controls{z-index:4;pointer-events:none;touch-action:none;position:fixed;inset:0}.touch-controls.blocked{display:none}.joystick,.mine-button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.joystick{aspect-ratio:1;width:clamp(112px,24vh,176px);left:calc(env(safe-area-inset-left) + 4vw);bottom:calc(env(safe-area-inset-bottom) + 4vh);background:radial-gradient(circle,#18404d55 0 12%,#06141bbb 13% 55%,#23617055 56%);border:2px solid #3b8b9999;border-radius:50%}.joystick i{border:1px solid var(--cyan);border-radius:50%;position:absolute;inset:34%;box-shadow:0 0 12px #41d8e855}.mine-button{aspect-ratio:1;width:clamp(90px,19vh,140px);right:calc(env(safe-area-inset-right) + 5vw);bottom:calc(env(safe-area-inset-bottom) + 5vh);color:var(--amber);background:radial-gradient(circle,#642d17aa,#1a0d08dd 65%);border:2px solid #cb742b;border-radius:50%}.base-overlay{z-index:10;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#01060bd9;place-items:center;display:grid;position:fixed;inset:0}.base-window{border:2px solid var(--cyan-dim);background:#06121bf5;grid-template-rows:auto auto 1fr auto;width:min(1180px,100%);height:min(760px,100%);display:grid;box-shadow:0 0 50px #000,inset 0 0 50px #0b3a4726}.base-window>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.base-window h1{color:var(--cyan);letter-spacing:.14em;margin:.1rem 0 0;font-size:1.35rem}.base-window small{color:#6f9499}.base-window nav{border-bottom:1px solid var(--line);display:flex}.base-window nav button{border-width:0 1px 0 0;flex:1}.base-window main{min-height:0;padding:1rem;overflow:auto}.base-window footer{border-top:1px solid var(--line);color:var(--amber);justify-content:space-between;padding:.65rem 1rem;display:flex}.error{color:var(--red)}.storage-layout{grid-template-columns:1fr 140px 1fr;gap:.8rem;height:100%;display:grid}.resource-grid-panel{min-width:0}.resource-grid-panel h2,.economy-list h2{color:var(--cyan);letter-spacing:.1em;margin:0 0 .7rem;font-size:.9rem}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.resource-card{background:#081820;border:1px solid #233e46;grid-template-columns:48px 1fr;align-items:center;gap:.55rem;min-height:74px;padding:.4rem;display:grid}.resource-card strong,.resource-card small{display:block}.resource-card small{color:#6f9297;font-size:9px}.resource-card b{color:var(--amber);font-size:1.05rem}.resource-icon{object-fit:contain;width:44px;height:44px;image-rendering:pixelated;color:var(--cyan);background:#10242a;place-items:center;display:grid}.mini-actions{grid-column:1/-1;gap:.25rem;display:flex}.mini-actions button{flex:1;padding:.25rem;font-size:9px}.transfer-column{text-align:center;color:#62878d;align-content:center;gap:.8rem;display:grid}.transfer-column button{color:var(--amber);border-color:#83541d}.economy-list{gap:.5rem;display:grid}.economy-list article{background:#081820;border:1px solid #24444c;align-items:center;gap:.65rem;padding:.7rem;display:flex}.economy-list article div{flex:1}.economy-list strong,.economy-list small{display:block}.economy-list small{color:#799ba0;margin-top:.25rem}.hangar{grid-template-columns:280px 1fr;gap:1rem;display:grid}.ship-blueprint{border:1px solid var(--line);text-align:center;padding:1rem}.ship-glyph{color:var(--cyan);text-shadow:0 0 24px #41d8e877;font-size:8rem;transform:scaleX(.7)}.slot-list{gap:.4rem;display:grid}.slot-list label{border:1px solid #233e46;align-items:center;gap:1rem;padding:.5rem .65rem;display:flex}.slot-list label>span{flex:1}.slot-list strong,.slot-list small{display:block}.slot-list select{color:#d9f5f7;border:1px solid var(--cyan-dim);background:#081820;width:min(280px,48%);padding:.5rem}.apply-build{color:var(--amber);border-color:#83541d;padding:.8rem}.resource-feedback{z-index:12;color:var(--amber);text-align:center;background:#140d06e8;border:1px solid #a76522;padding:.7rem 1.2rem;position:fixed;top:20%;left:50%;transform:translate(-50%);box-shadow:0 0 24px #ff8a2133}@media (pointer:fine){.joystick{opacity:.22;width:112px}.mine-button{opacity:.35;width:90px}}@media (width<=760px),(height<=500px){.hud{font-size:10px}.status-panel{min-width:220px;max-width:55vw;padding:.4rem;top:5px;left:5px}.cargo-panel{width:210px;padding:.4rem;top:5px;right:5px}.telemetry-panel{min-width:180px;padding:.4rem;bottom:5px;left:5px}.mining-panel{width:170px;padding:.4rem;bottom:5px;right:5px}.diagnostics-panel,.cargo-chips{display:none}.station-action{bottom:10px}.base-window{height:100%}.base-window>header{padding:.5rem}.base-window h1{font-size:1rem}.base-window main{padding:.5rem}.storage-layout{grid-template-columns:1fr 1fr}.transfer-column{display:none}.resource-grid{grid-template-columns:1fr}.resource-card{grid-template-columns:36px 1fr;min-height:58px}.resource-icon{width:32px;height:32px}.hangar{grid-template-columns:160px 1fr}.ship-glyph{font-size:5rem}.slot-list{font-size:10px}.economy-list article{padding:.4rem}}