:root{color-scheme:dark;font-family:Bahnschrift,Arial Narrow,system-ui,sans-serif;background:#03070a;color:#ccdde0;--panel: rgba(5, 16, 21, .94);--line: rgba(75, 178, 196, .25);--cyan: #55dff3;--amber: #dba54d;--red: #ef726e}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#03070a}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.game-shell{width:100vw;min-width:0;height:100vh;display:grid;grid-template:68px minmax(0,1fr) 62px / 108px minmax(0,1fr) 300px;background:#03070a}.topbar{grid-column:1 / -1;display:flex;align-items:center;border-bottom:1px solid var(--line);background:var(--panel);padding:0 22px;gap:32px;z-index:4}.system-switcher{display:grid;gap:2px;min-width:150px}.system-switcher span{color:#648087;font-size:8px;letter-spacing:.14em}.system-switcher select{min-width:150px;border:0;border-bottom:1px solid rgba(85,223,243,.28);background:#07171c;color:var(--cyan);padding:3px 18px 3px 0;font:11px Bahnschrift,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.system-switcher select:disabled{color:#71878c;cursor:default}.identity{display:grid;min-width:260px}.identity strong{color:#edf7f7;letter-spacing:.08em;font-size:17px}.eyebrow,.economy span{color:#719299;font-size:10px;letter-spacing:.16em}.economy{display:grid;margin-left:auto;text-align:right}.economy strong{color:var(--amber);font-size:18px}.live-state{display:flex;align-items:center;gap:8px;min-width:118px;font-size:11px;letter-spacing:.12em}.live-state i{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px currentColor}.live-state[data-state=live]{color:#68e0a0}.live-state[data-state=live] i{background:#68e0a0}.live-state[data-state=stale]{color:var(--amber)}.live-state[data-state=offline]{color:var(--red)}.live-state[data-state=offline] i{background:var(--red)}.view-rail{grid-row:2;grid-column:1;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px 8px;gap:8px;z-index:3}.view-rail button,.tool-strip button,.workspace-dock button,.building-palette button,.inspector button{border:1px solid transparent;background:transparent;padding:11px 8px;cursor:pointer;letter-spacing:.08em;font-size:11px}.view-rail button{display:grid;gap:4px;text-align:left;color:#779097}.view-rail button span{color:#496169;font-size:9px}.view-rail button.active,.view-rail button:hover{color:var(--cyan);border-color:var(--line);background:#207b8d1f}.viewport{grid-row:2;grid-column:2;position:relative;min-width:0;min-height:0;overflow:hidden}#world-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#world-canvas[data-view=system]{cursor:grab}#world-canvas[data-panning=true]{cursor:grabbing}.map-zoom[data-view=system]{top:auto;bottom:18px}.map-zoom button:disabled{opacity:.4;cursor:default}#world-canvas[data-interaction=place],#world-canvas[data-interaction=route],#world-canvas[data-interaction=destination]{cursor:crosshair}.viewport-heading{position:absolute;z-index:2;top:18px;left:22px;pointer-events:none}.viewport-heading span{font-size:10px;letter-spacing:.18em;color:var(--cyan)}.viewport-heading h1{margin:3px 0;font-size:21px;letter-spacing:.08em;font-weight:500;color:#edf5f5}.fleet-tracker{position:absolute;z-index:3;top:16px;right:16px;width:min(390px,calc(100% - 280px));max-height:180px;overflow:auto;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 32px #0008}.fleet-tracker header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#07171c;border-bottom:1px solid rgba(75,178,196,.16)}.fleet-tracker header button{border:0;background:transparent;color:#729ba4;padding:2px;font-size:9px;letter-spacing:.1em;cursor:pointer}.fleet-tracker header button:hover{color:var(--cyan)}.fleet-tracker-list{display:grid}.fleet-tracker-card{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid rgba(75,178,196,.13);background:#030c10b3}.fleet-tracker-card.active{background:#26859729;box-shadow:inset 3px 0 var(--cyan)}.ship-locate{min-width:0;display:grid;grid-template-columns:11px minmax(80px,.7fr) minmax(120px,1.3fr);align-items:center;gap:8px;border:0;background:transparent;padding:9px 10px;text-align:left;cursor:pointer}.ship-locate>i{width:8px;height:8px;transform:rotate(45deg);background:var(--cyan);box-shadow:0 0 9px #55dff3cc}.ship-locate>span{min-width:0;display:grid;gap:2px}.ship-locate strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9eaec;font-size:10px;letter-spacing:.04em}.ship-locate small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718c92;font-size:8px;letter-spacing:.06em}.ship-location{border-left:1px solid rgba(75,178,196,.14);padding-left:9px}.ship-location strong{color:var(--cyan)}.ship-move{align-self:stretch;border:0;border-left:1px solid rgba(75,178,196,.16);background:#144d592e;color:var(--cyan);padding:0 11px;font-size:9px;letter-spacing:.1em;cursor:pointer}.ship-move:disabled{color:#52676c;background:transparent;cursor:not-allowed}.zone-navigator{position:absolute;z-index:3;top:76px;left:16px;width:286px;max-height:220px;overflow:auto;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 32px #0008}.zone-navigator[hidden]{display:none}.zone-navigator header{display:grid;gap:3px;padding:9px 11px;border-bottom:1px solid rgba(75,178,196,.16);background:#07171c}.zone-navigator header small{color:#5f7b81;font-size:8px;letter-spacing:.1em}.zone-navigator>div{display:grid}.zone-navigator button{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 8px;border:0;border-bottom:1px solid rgba(75,178,196,.13);background:#030c10b8;padding:9px 10px;text-align:left;cursor:pointer}.zone-navigator button:hover,.zone-navigator button.active{background:#26859726;box-shadow:inset 3px 0 var(--cyan)}.zone-navigator button>strong{color:#d5e6e8;font-size:10px}.zone-navigator button>small{grid-column:2;color:#6f898f;font-size:8px}.zone-navigator button>b{grid-row:1 / 3;grid-column:3;color:var(--cyan);font-size:8px;letter-spacing:.1em;font-weight:500}.zone-kind{grid-row:1 / 3;min-width:48px;padding:4px;border:1px solid rgba(85,223,243,.3);color:var(--cyan);font-size:7px;letter-spacing:.08em;text-align:center}.zone-kind.orbital{color:var(--amber);border-color:#dba54d59}.network-legend{position:absolute;z-index:3;top:308px;left:16px;width:286px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 32px #0008}.network-legend[hidden]{display:none}.network-legend header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid rgba(75,178,196,.14)}.network-legend header strong{color:#72dda2;font-size:8px;font-weight:500;letter-spacing:.08em}.network-toggles{display:grid}.network-toggles button{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;min-width:0;border:0;border-bottom:1px solid rgba(75,178,196,.12);background:#030c109e;padding:8px 9px;text-align:left;cursor:pointer}.network-toggles button:hover{background:#26859721}.network-toggles button[aria-checked=false]{opacity:.56}.network-toggles button>span{min-width:0;display:grid;gap:2px;color:#d2e3e5;font-size:8px;letter-spacing:.07em}.network-toggles button>span strong{font-weight:600}.network-toggles button>span small{color:#658087;font-size:7px;letter-spacing:.05em}.network-swatch{width:9px;height:2px;background:#687e83}.network-swatch.flowing{background:var(--amber);box-shadow:0 0 6px #dba54db3}.network-swatch.powered{background:var(--cyan);box-shadow:0 0 6px #55dff3a6}.network-swatch.materials{height:9px;border-radius:50%;background:#c99361;box-shadow:0 0 6px #c993618c}.network-switch{position:relative;width:27px;height:14px;border:1px solid #36535a;border-radius:10px;background:#101c20}.network-switch i{position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:#61757a;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.network-toggles button[aria-checked=true] .network-switch{border-color:#327c8b;background:#236f7d40}.network-toggles button[aria-checked=true] .network-switch i{transform:translate(13px);background:var(--cyan);box-shadow:0 0 6px #55dff38c}.network-status{display:grid;grid-template-columns:1fr 1fr;gap:0}.network-status span{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:5px;padding:7px 8px;border-bottom:1px solid rgba(75,178,196,.1);color:#789298;font-size:7px;letter-spacing:.05em}.network-status span i{width:8px;height:2px;background:#687e83}.network-status span i.waiting,.network-status span i.constrained{background:var(--red);box-shadow:0 0 6px #ef726ea6}.network-status span i.powered{background:var(--cyan);box-shadow:0 0 6px #55dff3a6}.network-status span b{color:#c5d8da;font-weight:500}.network-legend footer{display:grid;grid-template-columns:1fr 1fr}.network-legend footer button{border:0;border-right:1px solid rgba(75,178,196,.15);background:#0c272e80;color:#86a1a6;padding:8px;font-size:8px;letter-spacing:.08em;cursor:pointer}.network-legend footer button:hover{color:var(--cyan);background:#1c5b683d}.onboarding-guide{position:absolute;z-index:3;top:205px;right:16px;width:min(390px,calc(100% - 280px));background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 32px #0008}.onboarding-guide[hidden]{display:none}.onboarding-guide header{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-bottom:1px solid rgba(75,178,196,.16)}.onboarding-guide header button,.guide-summary{border:0;background:transparent;color:var(--cyan);font:inherit;cursor:pointer}.onboarding-guide header button,.guide-summary{display:none}.onboarding-guide header strong{color:var(--cyan);font-size:9px}.onboarding-guide>div{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:9px 11px;border-bottom:1px solid rgba(75,178,196,.1);opacity:.52}.guide-steps>div{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:9px 11px;border-bottom:1px solid rgba(75,178,196,.1);opacity:.52}.guide-steps>div.current{opacity:1;background:#2685971f}.guide-steps>div.done{opacity:.76}.guide-steps>div>i{display:grid;place-items:center;width:20px;height:20px;border:1px solid #42626a;color:#87a3a8;font-size:9px;font-style:normal}.guide-steps>div.done>i{border-color:#3f8c69;color:#72dda2}.guide-steps>div>span{display:grid;gap:3px}.guide-steps>div strong{color:#d2e2e3;font-size:10px}.guide-steps>div small{color:#789096;font-size:9px;line-height:1.3}@media(max-width:900px){.onboarding-guide{position:absolute;top:auto;right:10px;bottom:126px;width:min(280px,calc(100% - 72px));box-shadow:0 8px 24px #0009}.onboarding-guide .guide-summary{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;text-align:left}.guide-summary span{display:grid;gap:2px;min-width:0}.guide-summary small{color:#789096;font-size:7px;letter-spacing:.1em}.guide-summary strong{overflow:hidden;color:#d2e2e3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.guide-summary b{color:var(--cyan);font-size:9px;white-space:nowrap}.onboarding-guide:not([data-expanded=true]) header,.onboarding-guide:not([data-expanded=true]) .guide-steps{display:none}.onboarding-guide[data-expanded=true]{position:fixed;z-index:15;inset:0;width:auto;background:#061014;overflow:auto}.onboarding-guide[data-expanded=true] .guide-summary{display:none}.onboarding-guide[data-expanded=true] header{display:flex;position:sticky;top:0;min-height:54px;background:#08171b}.onboarding-guide[data-expanded=true] header button{display:block;padding:10px 6px;font-size:10px;letter-spacing:.08em}.onboarding-guide[data-expanded=true] .guide-steps{display:grid;padding:12px}.onboarding-guide[data-expanded=true] .guide-steps>div{padding:16px 12px}.onboarding-guide[data-expanded=true] .guide-steps>div strong{font-size:13px}.onboarding-guide[data-expanded=true] .guide-steps>div small{font-size:11px;line-height:1.5}}.map-zoom{position:absolute;z-index:3;right:16px;top:108px;display:flex;align-items:stretch;background:var(--panel);border:1px solid var(--line)}.map-zoom[hidden]{display:none}.map-zoom button{border:0;border-right:1px solid rgba(75,178,196,.15);background:transparent;color:#8aa3a8;padding:8px 10px;font-size:9px;letter-spacing:.08em;cursor:pointer}.map-zoom button:hover{color:var(--cyan);background:#26859724}.map-zoom span{display:grid;place-items:center;min-width:82px;padding:0 9px;color:var(--cyan);font-size:9px;letter-spacing:.1em}.tool-strip{position:absolute;z-index:2;left:50%;bottom:18px;transform:translate(-50%);display:flex;background:var(--panel);border:1px solid var(--line);padding:4px}.tool-strip[hidden]{display:none}.tool-strip button{color:#829da3;min-width:96px}.tool-strip button.active{background:#103039;color:var(--cyan);border-color:#286878}.material-legend{position:absolute;z-index:3;right:16px;bottom:74px;width:244px;background:#081417f0;border:1px solid var(--line);box-shadow:0 12px 32px #0008;pointer-events:none}.material-legend[hidden]{display:none}.material-legend header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid rgba(75,178,196,.14)}.material-legend header strong{color:#d6b17e;font-size:8px;font-weight:500;letter-spacing:.08em}.material-readings{display:grid;grid-template-columns:1fr 1fr}.material-readings span{display:grid;grid-template-columns:9px 1fr;gap:2px 7px;align-items:center;min-width:0;padding:7px 8px;border-right:1px solid rgba(75,178,196,.1);border-bottom:1px solid rgba(75,178,196,.1)}.material-readings i{grid-row:1 / 3;width:9px;height:5px;transform:rotate(27deg) skew(-18deg);background:var(--material-color);box-shadow:0 0 7px color-mix(in srgb,var(--material-color),transparent 30%)}.material-readings b{overflow:hidden;color:#d7e3e2;font-size:8px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.material-readings small{color:#789096;font-size:7px;letter-spacing:.04em}.material-legend p{margin:0;padding:11px;color:#91a5a8;font-size:9px;line-height:1.4}.interaction-guide{position:absolute;z-index:2;left:calc(50% + 120px);bottom:75px;transform:translate(-50%);display:grid;grid-template-columns:auto minmax(240px,1fr);align-items:center;gap:10px;width:min(600px,calc(100% - 360px));padding:8px 11px;border:1px solid rgba(75,178,196,.22);background:#051015e6;pointer-events:none}.interaction-guide[hidden]{display:none}.interaction-guide strong{color:var(--cyan);font-size:9px;letter-spacing:.1em;white-space:nowrap}.interaction-guide span{color:#8ca4a9;font-size:9px;line-height:1.35}.building-palette{position:absolute;z-index:3;left:16px;bottom:74px;width:280px;max-height:39vh;overflow:auto;background:var(--panel);border:1px solid var(--line);padding:10px}.building-palette[hidden]{display:none}.building-palette>span{display:block;color:#769097;font-size:9px;letter-spacing:.14em;padding:7px}.building-palette button{display:grid;text-align:left;width:100%;border-top-color:#4bb2c41f}.building-palette button:hover,.building-palette button.active{background:#102a31;color:var(--cyan)}.building-palette small{color:#6f898f}.construction-context{display:grid;gap:4px;margin:-2px -2px 8px;padding:10px;border:1px solid rgba(219,165,77,.25);background:#271d0c6b}.construction-context>strong{color:#e8f0f1;font-size:12px}.construction-context>small{color:var(--amber);font-size:9px}.construction-context p{margin:3px 0 0;color:#8fa5aa;font-size:9px;line-height:1.4}.inspector{grid-row:2;grid-column:3;min-width:0;z-index:3;background:var(--panel);border-left:1px solid var(--line);padding:22px 18px;overflow:auto}.inspector h2,.shipping-board h2{color:#e7f1f2;font-size:19px;font-weight:500;letter-spacing:.06em;margin:7px 0 4px}.inspector h3{color:var(--amber);font-size:10px;letter-spacing:.12em;margin:18px 0 4px}.inspector p{color:#91a7ac;line-height:1.45}.inspector dl{display:grid;grid-template-columns:1fr auto;gap:0;margin:18px 0;border-top:1px solid var(--line)}.inspector dt,.inspector dd{margin:0;padding:8px 0;border-bottom:1px solid rgba(75,178,196,.13);font-size:11px}.inspector dt{color:#718b91;text-transform:uppercase}.inspector dd{color:#d5e2e4;text-align:right;max-width:150px;overflow:hidden;text-overflow:ellipsis}.material-fact-swatch{display:inline-block;width:9px;height:6px;margin-right:7px;transform:skew(-18deg);background:var(--material-color);box-shadow:0 0 6px color-mix(in srgb,var(--material-color),transparent 35%)}.inspector button{width:100%;border-color:var(--line);margin-top:7px}.inspector button.primary{color:var(--cyan);background:#196e7e2e}.inspector button.danger{color:#ef8d88;border-color:#ef726e6b;background:#221216}.route-material-list{display:grid;margin:14px 0;border-top:1px solid var(--line)}.route-material-list>div{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:10px;min-width:0;padding:8px 0;border-bottom:1px solid rgba(75,178,196,.13)}.route-material-list span{display:grid;gap:3px;min-width:0}.route-material-list strong{color:#d5e2e4;font-size:11px;font-weight:500}.route-material-list small{overflow:hidden;color:#718b91;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.inspector .route-delete{display:grid;place-items:center;width:32px;height:32px;margin:0;padding:7px;color:#ef8d88;border-color:#ef726e52}.route-delete svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}.route-removal-confirmation{margin-top:12px;padding:11px;border:1px solid rgba(239,114,110,.38);background:#40121657}.route-removal-confirmation h3{margin-top:0;color:#ef9a93}.route-removal-confirmation p{font-size:11px}.choice-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.inspector .choice-chips button{width:auto;margin:0;padding:7px 9px;border-color:#4bb2c440;color:#90a9ae}.inspector .choice-chips button.active{color:var(--cyan);border-color:var(--cyan);background:#1a687840}.location-callout{display:grid;gap:4px;margin:14px 0;padding:11px;border:1px solid rgba(85,223,243,.28);background:#11434c33}.location-callout span{color:#719299;font-size:9px;letter-spacing:.14em}.location-callout strong{color:var(--cyan);font-size:12px;font-weight:500}.location-callout small{color:#819ba1;font-size:9px;line-height:1.35}.progress{height:4px;background:#18282c;margin:14px 0}.progress i{display:block;height:100%;background:#65dda0}.shipping-board{position:absolute;z-index:3;top:276px;right:318px;width:260px;max-height:34vh;overflow:auto;background:var(--panel);border:1px solid var(--line);padding:12px}.shipping-board[hidden]{display:none}.shipping-board h2{font-size:12px;color:var(--amber);margin:0 0 8px}.shipment{display:grid;gap:4px;padding:10px;border-top:1px solid rgba(219,165,77,.22);cursor:grab}.shipment.active{background:#dba54d1f;outline:1px solid rgba(219,165,77,.55)}.shipment strong{font-size:11px}.shipment span{color:#99aeb2;font-size:10px}.shipment small{color:var(--amber);font-size:8px;letter-spacing:.1em}.workspace-dock{grid-row:3;grid-column:1 / -1;min-width:0;max-width:100vw;display:flex;align-items:stretch;overflow-x:auto;background:var(--panel);border-top:1px solid var(--line);padding-left:108px;z-index:5}.workspace-dock button{min-width:105px;color:#779097;border-right-color:#4bb2c421}.workspace-dock button:hover{color:var(--cyan);background:#0d242b}.workspace-dock button>span{display:block}.workspace-dock button>small{display:block;margin-top:4px;color:#668188;font-size:8px;letter-spacing:.04em;text-transform:none}.workspace-dock [data-workspace=tech]{position:relative;overflow:hidden;border-color:#b799ff47;background:linear-gradient(135deg,#20718029,#4e357e29);color:#b9ecf3}.workspace-dock [data-workspace=tech]:after{content:"";position:absolute;top:9px;right:10px;width:10px;height:10px;border:1px solid rgba(183,153,255,.58);border-radius:50%;box-shadow:0 0 0 5px #55dff30a,0 0 12px #b799ff66}.workspace-dock [data-workspace=tech]:hover{background:linear-gradient(135deg,#2071804d,#4e357e47)}.workspace-dock .workspace-forfeit{display:grid;gap:3px;margin-left:auto;color:#d6847f;border-left:1px solid rgba(239,114,110,.28)}.workspace-forfeit small{color:#8f6d6d;font-size:8px;letter-spacing:.08em}.forfeit-confirmation{max-width:680px;margin:0 auto}.forfeit-warning{margin:18px 0;padding:12px;border-left:2px solid var(--red);background:#5c1a1e33;color:#e4aaa5;font-size:12px;line-height:1.5}.forfeit-confirmation .action-field{margin:18px 0}.forfeit-confirmation .action-field input{width:min(360px,100%);margin-top:8px}.muted{color:#73898e!important}#modal{position:fixed;z-index:15;inset:80px auto auto 124px;width:min(650px,calc(100vw - 458px));height:calc(100vh - 154px);max-width:none;max-height:none;margin:0;overflow:hidden;border:1px solid rgba(85,223,243,.3);background:#051015f7;color:#cddfe1;padding:0;box-shadow:18px 0 48px #00000094}#modal::backdrop{background:transparent;pointer-events:none}.workspace-modal{position:relative;height:100%;padding:22px;overflow:auto;scrollbar-color:#285966 #071217}.workspace-modal h2{margin:5px 38px 4px 0;color:var(--cyan);font-size:23px;font-weight:500;letter-spacing:.04em}.workspace-modal .close{position:sticky;float:right;z-index:8;right:0;top:0;width:34px;height:34px;border:1px solid rgba(75,178,196,.2);background:#07171c;color:#8ca1a5;font-size:22px;cursor:pointer}.workspace-story{color:#9bb0b4;max-width:70ch;margin:8px 0 14px;line-height:1.45;font-size:12px}.workspace-status{color:#67c8d8;border-left:2px solid #317989;background:#071b21cc;padding:8px 10px;margin:10px 0 14px;font-size:9px;letter-spacing:.08em}.workspace-status button{margin-left:8px;padding:8px 12px;border:1px solid var(--line);background:var(--panel);cursor:pointer}.workspace-filter{display:grid;gap:6px;margin:18px 0 12px;color:#a7c2c9;font-size:13px}.workspace-filter[hidden]{display:none}.workspace-filter input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);background:#061217;color:#d7e7ea;font:inherit}.workspace-more{display:block;margin:12px;min-height:44px;padding:10px 16px;border:1px solid var(--line);background:#12303a;color:#bcebf3;cursor:pointer}.workspace-overview{display:grid;gap:10px}.workspace-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.workspace-kpi{min-width:0;display:grid;gap:3px;padding:10px;border:1px solid rgba(75,178,196,.17);background:#030b0ec7}.workspace-kpi span,.workspace-kpi small{color:#6f898f;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.workspace-kpi strong{color:#d8e8ea;font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.workspace-kpi.ok strong{color:#72dda2}.workspace-kpi.warning strong{color:var(--amber)}.workspace-kpi.danger strong{color:var(--red)}.workspace-guidance{margin:0;padding:10px 12px;border:1px solid rgba(219,165,77,.2);background:#2a1d0a45;color:#b6a986;font-size:10px;line-height:1.45}.workspace-actions,.record-actions,.action-buttons{display:flex;flex-wrap:wrap;gap:7px}.workspace-actions{margin:11px 0 2px}.workspace-actions button,.record-actions button,.action-buttons button{border:1px solid var(--line);background:#0a1c22;color:#a9c1c5;padding:8px 10px;font:9px Bahnschrift,sans-serif;letter-spacing:.08em;cursor:pointer}.workspace-actions button:hover,.record-actions button:hover{color:var(--cyan);border-color:#38798a}.workspace-actions button.workspace-map-action,.record-actions button.locate-action{color:var(--cyan);border-color:#55dff361;background:#16586538}.workspace-actions button.danger,.record-actions button.danger,.action-buttons button.danger{color:#ef8d88;border-color:#ef726e6b;background:#221216}.record-group{margin-top:12px;border:1px solid rgba(75,178,196,.15);background:#02090c57}.record-group>summary{list-style:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:11px 12px;cursor:pointer;background:#07171cd1}.record-group>summary::-webkit-details-marker{display:none}.record-group>summary>span{display:grid;gap:3px}.record-group>summary strong{color:#c9dcdf;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.record-group>summary small{color:#6e888e;font-size:9px;line-height:1.35}.record-group>summary b{min-width:28px;padding:4px 7px;border:1px solid rgba(75,178,196,.2);color:var(--cyan);font-size:9px;text-align:center}.record-group[open]>summary{border-bottom:1px solid rgba(75,178,196,.15)}.workspace-empty{margin:9px;padding:12px;border:1px dashed rgba(75,178,196,.18);color:#789197;font-size:10px;line-height:1.4}.record-card{display:block;padding:12px;margin:9px;background:#040b0e;border:1px solid rgba(75,178,196,.16);border-left:3px solid #35565e}.record-card.focused{border-color:#55dff3b8;box-shadow:0 0 0 2px #55dff324}.record-card.ok{border-left-color:#3d9f6c}.record-card.warning{border-left-color:var(--amber)}.record-card.danger{border-left-color:var(--red)}.record-card.accent{border-left-color:var(--cyan)}.record-card>header{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px}.record-card>header>i{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(85,223,243,.28);color:var(--cyan);font-style:normal}.record-card>header>span{min-width:0;display:grid;gap:2px}.record-card>header strong{color:#d6e5e7;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-card>header small{color:#728b91;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-status{max-width:150px;padding:4px 6px;color:#91a7ac;border:1px solid rgba(117,145,151,.25);font-size:8px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-align:right}.record-status.ok{color:#72dda2;border-color:#72dda24d}.record-status.warning{color:var(--amber);border-color:#dba54d59}.record-status.danger{color:var(--red);border-color:#ef726e61}.record-flow{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;gap:9px;margin-top:11px;padding:9px;background:#11343c47}.record-flow>span{padding:7px;border:1px solid rgba(85,223,243,.24);color:#d3e3e5;font-size:9px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-flow>i{position:relative;display:grid;place-items:center;color:var(--amber);font-style:normal}.record-flow>i:before{content:"";position:absolute;left:0;right:0;height:1px;background:#dba54d7a}.record-flow>i small{z-index:1;padding:1px 5px;background:#0b1a1e;color:var(--amber);font-size:8px}.record-flow>i b{z-index:1;margin-top:2px;color:var(--amber);font-weight:400}.record-meter{height:4px;margin:11px 0 2px;background:#17272b;overflow:hidden}.record-meter i{display:block;height:100%;background:linear-gradient(90deg,#2c9caf,var(--cyan))}.record-facts{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,1.6fr);gap:0 12px;margin:9px 0 0}.record-facts dt,.record-facts dd{margin:0;padding:6px 0;border-top:1px solid rgba(75,178,196,.1);font-size:9px}.record-facts dt{color:#6f898f;text-transform:uppercase}.record-facts dd{color:#cedfe1;text-align:right;overflow-wrap:anywhere}.record-facts dd[data-tone=ok]{color:#72dda2}.record-facts dd[data-tone=warning]{color:var(--amber)}.record-facts dd[data-tone=danger]{color:var(--red)}.record-actions{border-top:1px solid rgba(75,178,196,.12);margin-top:10px;padding-top:9px}.action-editor{position:sticky;top:-22px;z-index:9;display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px 14px;background:#0a181d;border:1px solid #357080;box-shadow:0 16px 48px #000b;padding:16px;margin:-6px -6px 18px}.action-editor h3,.action-editor p,.action-editor .action-buttons{grid-column:1 / -1;margin:0}.action-editor h3{color:var(--cyan);font-size:12px;letter-spacing:.1em}.action-editor p{color:#9ab0b4;font-size:11px;line-height:1.4}.action-field{display:grid;gap:5px;color:#789399;font-size:10px;text-transform:uppercase}.action-field input,.action-field select{min-width:0;border:1px solid rgba(75,178,196,.3);background:#03090c;color:#d3e3e5;padding:8px;font:11px Bahnschrift,sans-serif}.action-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--cyan)}.action-field small{color:#647c82;text-transform:none}.action-buttons button.primary{color:var(--cyan);border-color:#397e8e;background:#10313a}.query-result{margin:16px 0;padding:12px;border:1px solid rgba(219,165,77,.32);background:#1f170c80}.query-result h3,.query-result h4{color:var(--amber);font-size:10px;letter-spacing:.1em}#toasts{position:fixed;right:20px;bottom:82px;z-index:20;display:grid;gap:8px;pointer-events:none}.toast{width:min(390px,80vw);padding:12px 14px;background:#0b252b;border:1px solid #377887;color:#d8edef;font-size:12px;box-shadow:0 10px 30px #0008}.toast.error{background:#291316;border-color:#8f4040;color:#f2c5c2}.fatal{position:fixed;inset:40% auto auto 50%;transform:translate(-50%,-50%);z-index:30;width:min(520px,90vw);background:#281317;border:1px solid var(--red);padding:24px}@media(max-width:980px){.game-shell{grid-template-columns:78px 1fr}.inspector{position:absolute;right:0;top:68px;bottom:62px;width:270px}.shipping-board{right:286px}.fleet-tracker{width:min(330px,calc(100% - 160px))}.workspace-dock{padding-left:78px}#modal{left:88px;right:286px;width:auto}}@media(max-width:720px){#modal{inset:76px 12px 70px 84px;width:auto}.workspace-kpis,.action-editor{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.globe-key{width:13px;height:13px;vertical-align:-3px;fill:none;stroke-width:1.25;stroke:#acd8d3}.globe-key.attention{stroke:#f17d70}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sidebar{grid-row:2;grid-column:3;display:flex;flex-direction:column;min-height:0;min-width:0;z-index:3;background:var(--panel);border-left:1px solid var(--line)}.sidebar .inspector{position:static;flex:1;min-height:0;width:auto;border-left:0}.game-shell.build-mode{grid-template-columns:108px minmax(0,1fr) 368px}.build-mode .sidebar .inspector{flex:0 0 auto;max-height:32%;padding:16px 18px;border-top:1px solid var(--line)}.build-mode .inspector h2{font-size:18px;margin:5px 0 9px}.build-mode .inspector p{font-size:12px;margin:8px 0}.build-mode .inspector dl{margin:12px 0}.build-mode .inspector dd{max-width:190px;text-align:right;overflow-wrap:anywhere}.build-mode .inspector button:disabled{opacity:.45;cursor:not-allowed}.building-palette{position:static;display:flex;flex-direction:column;flex:1 1 0;min-height:180px;width:auto;max-height:none;overflow:hidden;padding:0;border:0;background:linear-gradient(155deg,#10252b,#071317 70%)}.build-header{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 12px}.build-header h2{margin:5px 0 0;color:#edf5f2;font-size:23px;font-weight:500;letter-spacing:-.02em}.building-palette .build-header button{display:block;width:32px;height:32px;padding:0;border:1px solid #355057;border-radius:4px;color:#aac1c4;font-size:23px;text-align:center}.build-context{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 18px 14px;font-size:10px}.build-context span{color:#94adb1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-context strong{color:#e4b976;font-weight:500;white-space:nowrap}.build-search{display:block;padding:0 18px 12px}.build-search input{width:100%;border:1px solid #2c454c;border-radius:4px;background:#08161b;padding:10px 12px;color:#dfecee;font-family:inherit;font-size:12px;outline-offset:2px}.build-search input:focus{outline:1px solid var(--cyan)}.build-search input::placeholder{color:#789499}.build-categories{flex-shrink:0;display:flex;gap:6px;overflow:auto;padding:0 18px 12px;scrollbar-width:thin}.building-palette .build-categories button{display:block;width:auto;flex-shrink:0;border:1px solid #2c4249;border-radius:4px;padding:7px 9px;text-transform:capitalize;font-size:10px;letter-spacing:.02em;color:#96afb4}.building-palette .build-categories button.active{color:#a5f6d3;border-color:#477c70;background:#153c34}.build-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;padding:2px 18px 18px;overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#36525a transparent}.building-palette .building-card{position:relative;display:grid;grid-template-rows:106px auto;min-width:0;min-height:200px;padding:0;border:1px solid #2b454d;border-radius:6px;overflow:hidden;background:#101f25;letter-spacing:0}.building-palette .building-card:hover:not(:disabled){border-color:#80b5ab;background:#142d31}.building-palette .building-card.active{border-color:#69dfae;background:#15372f;box-shadow:inset 0 0 0 1px #69dfae}.building-card.active:after{content:"✓";position:absolute;top:7px;right:8px;color:#8ff7c2;font-size:13px}.building-card .building-tier{position:absolute;top:7px;left:8px;z-index:1;padding:2px 5px;border-radius:3px;font-style:normal;font-size:8px;letter-spacing:.12em;color:#0d1b1f;background:#9fb6bb}.building-card .building-tier[data-tier="2"]{background:#8fd7c2}.building-card .building-tier[data-tier="3"]{background:#e8bc7d}.building-card .building-tier[data-tier="4"]{background:#e39ab0}.building-card:disabled .building-tier{opacity:.6}.building-art{display:flex;justify-content:center;align-items:center;width:100%;height:106px;background:radial-gradient(ellipse at 50% 85%,#2c4846 0,#11272c88 44%,transparent 72%)}.building-art img{width:100%;height:100%;object-fit:contain;padding:6px 9px 0;pointer-events:none}.building-art-fallback{font-size:52px;color:#708e92}.building-card-info{display:grid;gap:5px;padding:10px 11px 12px;width:100%;border-top:1px solid #29454b}.building-card strong{color:#dbe9e9;font-size:12px;line-height:1.25;font-weight:500;min-height:30px}.building-card .building-cost{color:#e8bc7d;font-size:12px;font-variant-numeric:tabular-nums}.building-card small{font-size:10px;line-height:1.3;color:#8fa8ad}.construction-materials{display:grid;gap:5px;margin-top:5px;padding-top:7px;border-top:1px solid rgba(113,154,161,.22);text-align:left}.construction-materials>strong,.building-card .construction-materials>strong{min-height:0;color:#79969b;font-size:8px;font-weight:500;letter-spacing:.09em}.construction-materials ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.construction-materials li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;color:#b9cccf;font-size:10px;line-height:1.25}.construction-materials li span{min-width:0;overflow-wrap:anywhere}.construction-materials li b{color:#d9bd8e;font-weight:500;font-variant-numeric:tabular-nums}.construction-materials li small{grid-column:1 / -1;color:#759096}.construction-materials li.missing b,.construction-materials li.missing small{color:#ef9a93}.construction-materials.empty{grid-template-columns:1fr auto}.inspector .construction-materials{margin:10px 0;padding:9px;border:1px solid rgba(113,154,161,.22);background:#07161b80}.inspector .construction-materials>strong{font-size:9px}.inspector .construction-materials li{font-size:11px}.building-palette .building-card:disabled{cursor:not-allowed;border-color:#29373c;background:#101a1e}.building-card:disabled .building-art{filter:grayscale(1);opacity:.38}.building-card:disabled strong,.building-card:disabled .building-cost{color:#87969a}.building-card:disabled small{color:#a8a4a1}.build-empty{grid-column:1 / -1;padding:20px 0;color:#9cb2b6;font-size:13px}.build-legend{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 18px;border-top:1px solid #2b4146;color:#93abaa;font-size:9px}.build-legend span{display:flex;align-items:center;gap:5px}.build-legend i{width:6px;height:6px;border-radius:50%;background:#63efa6}.build-legend i.blocked{background:#ff726f}kbd{font-family:inherit;font-size:9px;border:1px solid #486067;border-radius:3px;padding:1px 4px;opacity:.8}.tool-strip kbd{margin-left:5px}.build-specs{display:flex;flex-wrap:wrap;gap:6px 12px;color:#9db4b6;font-size:10px}.placement-status{border-left:2px solid #63828b;padding:7px 10px;background:#10242a}.placement-status[data-state=valid]{color:#8decbc;border-color:#63efa6;background:#122d25}.placement-status[data-state=invalid]{color:#f4b1ad;border-color:#ff726f;background:#302225}.placement-status[data-state=checking]{color:#ebc78d;border-color:#e9bb67}.build-mode .interaction-guide{left:50%;width:min(530px,calc(100% - 32px));grid-template-columns:auto 1fr}@media(max-width:1100px){.game-shell.build-mode{grid-template-columns:78px minmax(0,1fr) 320px}.build-mode .zone-navigator,.build-mode .network-legend{display:none}}@media(max-width:980px){.sidebar{position:absolute;right:0;top:68px;bottom:62px;width:270px}.build-mode .sidebar{position:static;width:auto}}@media(max-width:720px){.game-shell.build-mode{grid-template-columns:56px minmax(0,1fr) 252px}.build-header{padding:12px}.build-header h2{font-size:19px}.build-context{padding:0 12px 10px;flex-wrap:wrap;gap:4px}.build-search,.build-categories{padding-left:12px;padding-right:12px}.build-catalog{padding:2px 10px 12px;gap:7px}.building-art{height:82px}.building-palette .building-card{grid-template-rows:82px auto;min-height:170px}.building-card-info{padding:8px}.build-mode .interaction-guide{display:none}.build-mode .tool-strip button{min-width:0;padding:10px 5px;font-size:9px}.build-mode .tool-strip{bottom:8px}.build-mode .map-zoom{top:78px;right:6px;flex-wrap:wrap;max-width:calc(100% - 12px)}}@media(max-width:540px){.game-shell.build-mode{grid-template:56px minmax(180px,1fr) minmax(250px,46vh) 50px / 50px minmax(0,1fr)}.build-mode .fleet-tracker{display:none}.build-mode .viewport-heading{top:12px;left:12px}.build-mode .viewport-heading h1{font-size:17px}.build-mode .map-zoom{top:62px}.build-mode .map-zoom [data-map-zoom=full],.build-mode .map-zoom [data-map-zoom=local],.build-mode .map-zoom [data-map-zoom=planet]{display:none}.build-mode .topbar{grid-row:1;padding:0 10px;gap:8px}.build-mode .identity{min-width:0}.build-mode .identity strong{font-size:11px}.build-mode .live-state{min-width:0;font-size:8px}.build-mode .economy strong{font-size:12px}.build-mode .sidebar{grid-column:1 / -1;grid-row:3;border-top:1px solid var(--line)}.build-mode .view-rail{grid-row:2;padding:6px 2px}.build-mode .view-rail button{font-size:8px;padding:8px 4px}.build-mode .workspace-dock{grid-row:4;padding-left:4px}.build-mode .build-header{padding:8px 12px}.build-mode .build-header h2{font-size:17px}.build-mode .build-header .eyebrow,.build-mode .build-search,.build-mode .build-context,.build-mode .build-legend{display:none}.build-mode .build-categories{padding-bottom:7px}.build-mode .build-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.build-mode .sidebar .inspector{display:none}}.build-connections{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px;color:#91a7ac}.build-connections [data-connected=true]{color:#83dfb0}.build-connections [data-connected=false]{color:#e1a19a}@media(max-width:540px){.build-mode .sidebar .inspector{display:block;flex:0 0 auto;max-height:82px;padding:7px 12px}.build-mode .inspector .eyebrow,.build-mode .inspector h2,.build-mode .inspector .build-specs,.build-mode .inspector .build-hint{display:none}.build-mode .inspector p{margin:0 0 4px;padding:3px 6px;font-size:10px}}.fleet-tracker-card:has(.ship-call){grid-template-columns:minmax(0,1fr) auto auto}.ship-call{align-self:center;margin:4px 8px 4px 0;padding:8px;font-size:10px;color:#b9e2d1;border:1px solid #436e63;background:#19312a99;cursor:pointer}.ship-call:disabled{opacity:.4;cursor:default}[data-surface-cargo-form] label{display:grid;gap:5px;margin:10px 0;color:#9cb3af;font-size:11px}[data-surface-cargo-form] select,[data-surface-cargo-form] input{width:100%;box-sizing:border-box;background:#0c1b20;color:#dce9e7;border:1px solid #36525a;border-radius:4px;padding:9px}.surface-cargo-actions{display:flex;flex-wrap:wrap;gap:6px}.surface-unit-status{color:#bddfce}@media(max-width:540px){.ship-call{padding:8px 4px;margin-right:4px}.fleet-tracker-card:has(.ship-call) .ship-move{display:none}.fleet-tracker-card:has(.ship-call){grid-template-columns:minmax(0,1fr) auto}}[hidden]{display:none!important}.login-shell{min-height:100dvh;height:100%;overflow-y:auto;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 83% 25%,#49302680,transparent 42%),radial-gradient(ellipse at 20% 90%,#0a3f4980,transparent 45%),#03080b}.login-card{width:min(100%,480px);padding:38px;border:1px solid var(--line);border-radius:12px;background:#061017ec;box-shadow:0 28px 120px #0008}.login-card h1{font-size:clamp(30px,6vw,44px);line-height:1.08;letter-spacing:-.025em;color:#eff6f4;margin:26px 0 18px}.login-card p{line-height:1.6;color:#a5b8bc}.company-label{display:block;margin:26px 0 9px;font-size:13px}.company-label small{color:#78949b;margin-left:8px}.login-card input{width:100%;padding:13px;border:1px solid #32545e;border-radius:5px;background:#030a10;color:#e6f6f5;font:inherit}.login-card input:focus{outline:2px solid var(--cyan);outline-offset:2px}.google-sign-in{margin-top:24px;min-height:44px;display:flex;justify-content:center}.login-card .login-message{min-height:1.5em;color:var(--amber);font-size:13px}.login-card .login-note{font-size:13px;border-top:1px solid var(--line);padding-top:20px}.login-card .login-privacy{font-size:11px;color:#78949b}.login-retry,#sign-out{border:1px solid var(--line);border-radius:4px;padding:8px 12px;background:#0b2029;cursor:pointer;font-size:11px}.login-card a{color:var(--cyan)}@media(max-width:500px){.login-card{padding:25px 18px}.topbar{gap:10px}#sign-out{padding:6px}}.first-gig-card{width:min(960px,calc(100vw - 32px))}.first-gig-options{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:24px 0;text-align:left}.first-gig-options article{border:1px solid rgba(120,210,220,.25);background:#071114b8;padding:22px;display:flex;flex-direction:column;gap:12px}.first-gig-options article>span{color:#7ee5ef;font:600 11px/1.2 Bahnschrift,sans-serif;letter-spacing:.16em}.first-gig-options h2,.first-gig-options p{margin:0}.first-gig-options dl{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin:4px 0 8px}.first-gig-options dt{color:#7c9398}.first-gig-options dd{margin:0;text-align:right;color:#dbe9e8}.first-gig-options button{margin-top:auto}.starter-sector-card{width:min(1100px,calc(100vw - 32px));height:min(760px,calc(100dvh - 48px));padding:24px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px}.starter-sector-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.starter-sector-card>header h1{margin:6px 0 0;font-size:32px}.starter-sector-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid rgba(120,210,220,.22);background:#030a0eb3}.starter-globe{position:relative;min-width:0;min-height:430px;overflow:hidden;border-right:1px solid rgba(120,210,220,.18);background:#03080b}#starter-world-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#starter-world-canvas[data-panning=true]{cursor:grabbing}.starter-globe>span{position:absolute;left:14px;right:14px;bottom:12px;text-align:center;color:#718b90;font-size:10px;letter-spacing:.06em;pointer-events:none}#sector-map-message{position:absolute;inset:0;display:grid;place-items:center;margin:0;background:#03080b9e;color:#a9c1c3;font-size:12px;letter-spacing:.08em;pointer-events:none}#sector-map-message[hidden]{display:none}.starter-sector-choice{padding:24px;display:flex;flex-direction:column;gap:14px;background:#071114c7}.starter-sector-choice h2,.starter-sector-choice p{margin:0}.starter-sector-choice h2{color:#edf6f4;font-size:22px}.starter-sector-choice>label{margin-top:6px;color:#879da1;font-size:11px;letter-spacing:.08em}.starter-sector-choice select{width:100%;min-height:44px;border:1px solid #32545e;border-radius:4px;background:#030a10;color:#dbe9e8;padding:10px;font:inherit}.starter-sector-choice dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:4px 0}.starter-sector-choice dt{color:#7c9398}.starter-sector-choice dd{margin:0;text-align:right;color:#dbe9e8}.starter-sector-choice>button{margin-top:auto;min-height:48px;border:1px solid rgba(85,223,243,.5);background:#18616e59;color:var(--cyan);cursor:pointer;letter-spacing:.08em}.starter-sector-choice>button:disabled{border-color:#677d8240;background:#141e2166;color:#65797d;cursor:default}@media(max-width:700px){.first-gig-options{grid-template-columns:1fr}.first-gig-card{margin:16px auto}.starter-sector-shell{display:block;padding:16px}.starter-sector-card{width:100%;height:auto;min-height:calc(100dvh - 32px);padding:18px}.starter-sector-layout{grid-template-columns:1fr}.starter-globe{height:52dvh;min-height:330px;border-right:0;border-bottom:1px solid rgba(120,210,220,.18)}.starter-sector-choice{min-height:380px;padding:20px}}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--app-height: 100dvh;--app-top: 0px}html,body,#app{width:100%;min-width:0;height:100%}.game-shell{width:100%;height:100dvh}.mobile-nav,.mobile-panel-heading,.mobile-map-tools,.mobile-map-actions,.mt-mobile-sections,.cc-detail-back{display:none}:where(button,input,select,textarea,summary){touch-action:manipulation}:where(input,select,textarea,summary,a):focus-visible{outline:2px solid var(--cyan);outline-offset:2px}:where(.workspace-modal,.inspector,.mt-terminal,.cc-layout,.picker-popup){overscroll-behavior:contain}:where(.workspace-modal,.record-card,.record-facts,.action-editor,.cc-detail,.mt-ticket){overflow-wrap:anywhere}@media(min-width:901px){.game-shell,.game-shell.build-mode{grid-template:68px minmax(0,1fr) 62px / 108px minmax(0,1fr)}.viewport,.build-mode .viewport{grid-column:2}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(110px,180px));justify-content:center;grid-row:3;grid-column:1 / -1;z-index:12;padding:5px;background:#07151b;border-top:1px solid #29454c}.mobile-nav button{display:grid;grid-template-columns:24px auto;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:transparent;color:#8da7ae;cursor:pointer}.mobile-nav button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.mobile-nav button[aria-pressed=true]{color:var(--cyan);border-color:var(--line);background:#12303a}.mobile-map-tools{display:contents}.mobile-tools-toggle{display:none}.mobile-map-actions{position:absolute;z-index:4;top:64px;left:18px;display:flex;gap:6px}.mobile-map-actions button{border:1px solid var(--line);background:var(--panel);padding:9px 12px;cursor:pointer}.game-shell :is(.sidebar,.fleet-tracker,.zone-navigator,.network-legend,.shipping-board,.workspace-dock){display:none;position:fixed;z-index:10;inset:126px 0 62px;width:auto;height:auto;max-width:none;max-height:none;margin:0;border:0;border-radius:0;background:#07151b;overflow:auto}.game-shell[data-mobile-panel=details] .sidebar{display:flex}.game-shell[data-mobile-panel=fleet] .fleet-tracker,.game-shell[data-mobile-panel=sectors] .zone-navigator:not([hidden]),.game-shell[data-mobile-panel=layers] .network-legend:not([hidden]),.game-shell[data-mobile-panel=freight] .shipping-board{display:block}.game-shell[data-mobile-panel=manage] .workspace-dock{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-content:start;gap:10px;padding:18px max(24px,calc((100vw - 1100px)/2)) 24px}.game-shell[data-mobile-panel=manage] .workspace-dock button{min-height:72px;border:1px solid var(--line);text-align:left}.game-shell[data-mobile-panel=manage] .workspace-dock .workspace-forfeit{grid-column:1 / -1;width:100%;margin:16px 0 0;border-color:#ef726e59}.game-shell:not([data-mobile-panel=map]) .mobile-panel-heading{position:fixed;z-index:11;top:68px;left:0;right:0;height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#102630;border-bottom:1px solid #31505a}.mobile-panel-heading button{width:44px;height:44px;border:0;background:transparent;font-size:28px;cursor:pointer}.sidebar .inspector{width:min(880px,100%);margin:0 auto;padding:28px}.game-shell[data-mobile-panel=details] .building-palette{padding-top:0}.game-shell[data-mobile-panel=details].build-mode .sidebar .inspector{margin-top:0}.fleet-tracker header,.zone-navigator header,.network-legend header,.shipping-board h2{margin-top:0}}#modal,#modal[data-workspace]{inset:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;background:#07151b}#modal::backdrop{background:#03070a;pointer-events:auto}#modal .workspace-modal{width:min(1180px,100%);margin:0 auto;padding:28px max(22px,4vw)}#modal .workspace-modal .close{position:sticky;width:44px;height:44px}@media(min-width:901px)and (max-width:1200px)and (min-height:601px){.game-shell,.game-shell.build-mode{grid-template-columns:78px minmax(0,1fr) 290px}.sidebar,.build-mode .sidebar{position:static;width:auto}.topbar{padding:0 16px;gap:18px}.system-switcher{min-width:120px}.system-switcher select{min-width:120px;max-width:170px}.identity{min-width:0;flex:1}.identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fleet-tracker{width:min(320px,calc(100% - 24px));top:76px;right:12px;max-height:145px}.zone-navigator{top:230px;width:250px;max-height:100px}.map-zoom{top:auto;bottom:136px;right:12px}.network-legend{top:auto;bottom:130px;width:250px}.interaction-guide{left:12px;right:12px;width:auto;transform:none;grid-template-columns:auto minmax(0,1fr)}#modal:not([data-workspace=markets]):not([data-workspace=couriers]){inset:80px 306px 74px 88px;width:auto;height:auto}.workspace-dock{padding-left:78px}.record-facts{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.action-editor{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px),(max-width:1200px)and (max-height:600px){:root{--mobile-nav-height: calc(58px + var(--safe-bottom));--mobile-panel-top: max(calc(var(--app-top) + var(--safe-top) + 100px), calc(var(--app-top) + var(--app-height) * .42));--focused-panel-top: calc(var(--app-top) + var(--safe-top) + 100px)}.game-shell,.game-shell.build-mode{position:fixed;inset:var(--app-top) 0 auto;height:var(--app-height);grid-template:calc(60px + var(--safe-top)) 40px minmax(0,1fr) var(--mobile-nav-height) / minmax(0,1fr)}.topbar,.build-mode .topbar{grid-row:1;padding:var(--safe-top) max(12px,var(--safe-right)) 0 max(12px,var(--safe-left));gap:10px;min-width:0}.system-switcher{min-width:0;margin-left:auto}.system-switcher span{display:none}.system-switcher select{min-width:92px;max-width:120px;font-size:9px}.identity,.build-mode .identity{min-width:0;flex:1}.identity strong,.build-mode .identity strong{font-size:14px;letter-spacing:.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity .eyebrow{font-size:9px}.economy{flex:none;margin:0}.economy strong,.build-mode .economy strong{font-size:15px;white-space:nowrap}.economy span{font-size:8px}.live-state,.build-mode .live-state{min-width:0;width:8px;gap:0}.live-state i{flex:none}.live-state span{position:absolute;right:12px;top:calc(45px + var(--safe-top));font-size:8px;letter-spacing:.04em}#sign-out{min-height:44px;max-width:54px;padding:6px;font-size:10px}.view-rail,.build-mode .view-rail{grid-row:2;grid-column:1;flex-direction:row;padding:0 max(8px,var(--safe-left));gap:4px;border-right:0;border-bottom:1px solid var(--line)}.view-rail button,.build-mode .view-rail button{flex:1;min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;padding:6px}.view-rail button span{display:none}.viewport,.build-mode .viewport{grid-column:1;grid-row:3}.viewport-heading,.build-mode .viewport-heading{top:16px;left:max(12px,var(--safe-left));right:12px}.viewport-heading h1,.build-mode .viewport-heading h1{font-size:19px;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewport-heading span{font-size:9px}.mobile-map-tools{position:absolute;z-index:4;display:block;top:66px;left:max(12px,var(--safe-left))}.mobile-tools-toggle{display:flex;align-items:center;gap:7px;min-height:40px;border:1px solid var(--line);border-radius:20px;background:#051015e6;color:#a9c1c5;padding:7px 12px;font-size:10px;letter-spacing:.06em;box-shadow:0 6px 18px #0007}.mobile-tools-toggle:before{content:"•••";color:var(--cyan);letter-spacing:1px}.mobile-map-actions{position:absolute;z-index:5;top:46px;left:0;display:none;width:136px;padding:4px;gap:3px;border:1px solid var(--line);border-radius:7px;background:#051015f7;box-shadow:0 12px 28px #000a}.mobile-map-tools[data-expanded=true] .mobile-map-actions{display:grid}.mobile-map-actions button{min-height:44px;border:0;border-bottom:1px solid rgba(75,178,196,.14);border-radius:3px;background:transparent;padding:8px 11px;color:#b8cdd1;text-align:left;font-size:12px}.mobile-map-actions button:last-child{border-bottom:0}[data-mobile-view=system] [data-mobile-panel=sectors],[data-mobile-view=system] [data-mobile-panel=layers],[data-mobile-view=world] [data-mobile-panel=layers],[data-mobile-view=world] [data-mobile-panel=freight],[data-mobile-view=sector] [data-mobile-panel=freight]{display:none}.map-zoom,.map-zoom[data-view=system],.build-mode .map-zoom{top:auto;right:max(12px,var(--safe-right));bottom:12px;left:auto;display:flex;flex-flow:column nowrap;width:44px;max-width:none;padding:2px;border-radius:22px;background:#051015e6;box-shadow:0 6px 18px #0007;overflow:hidden}.map-zoom button{min-width:40px;width:40px;min-height:40px;padding:0;border:0;border-bottom:1px solid rgba(75,178,196,.14);font-size:18px}.map-zoom button:last-child{border-bottom:0}.map-zoom span{display:none}.map-zoom [data-map-zoom=full],.map-zoom [data-map-zoom=local]{font-size:0}.map-zoom [data-map-zoom=full]:before{content:"□";font-size:17px}.map-zoom [data-map-zoom=local]:before{content:"◎";font-size:18px}.map-zoom [data-map-zoom=local]:disabled{display:none}.map-zoom [data-map-zoom=planet]{display:none}.build-mode .map-zoom [data-map-zoom=full],.build-mode .map-zoom [data-map-zoom=local]{display:block}.tool-strip,.build-mode .tool-strip{left:max(12px,var(--safe-left));right:auto;bottom:12px;width:min(228px,calc(100% - 80px));transform:none;padding:3px;border-radius:23px;background:#051015e6;box-shadow:0 6px 18px #0007}.tool-strip button,.build-mode .tool-strip button{flex:1;min-width:0;min-height:40px;padding:7px 5px;border-radius:19px;font-size:10px}.tool-strip kbd{display:none}.material-legend{right:max(66px,var(--safe-right));bottom:62px;width:min(224px,calc(100% - 84px))}.interaction-guide,.build-mode .interaction-guide{display:none}.game-shell[data-mobile-view=sector][data-map-mode=route] .interaction-guide,.game-shell.build-mode .interaction-guide{display:block;width:auto;left:max(12px,var(--safe-left));right:max(68px,var(--safe-right));bottom:62px;transform:none;padding:7px 10px;border-radius:5px;background:#051015d9}.interaction-guide span{font-size:11px;line-height:1.35}.onboarding-guide:not([data-expanded=true]){top:66px;right:max(12px,var(--safe-right));bottom:auto;width:auto;max-width:none;border-radius:20px;background:#051015e6;box-shadow:0 6px 18px #0007}.onboarding-guide:not([data-expanded=true]) .guide-summary{min-height:40px;width:auto;padding:7px 12px}.onboarding-guide:not([data-expanded=true]) .guide-summary span{display:none}.onboarding-guide:not([data-expanded=true]) .guide-summary b{font-size:10px;letter-spacing:.06em}.onboarding-guide:not([data-expanded=true]) .guide-summary b:before{content:"GOAL ";color:#789096;font-weight:400}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-row:4;grid-column:1;z-index:12;background:#07151b;border-top:1px solid #29454c;padding:4px max(8px,var(--safe-right)) var(--safe-bottom) max(8px,var(--safe-left))}.mobile-nav button{display:grid;justify-items:center;align-content:center;gap:2px;min-height:50px;border:0;border-radius:6px;background:transparent;color:#8da7ae;font-size:10px}.mobile-nav button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.mobile-nav button[aria-pressed=true]{color:var(--cyan);background:#12303a}.game-shell :is(.sidebar,.fleet-tracker,.zone-navigator,.network-legend,.shipping-board,.workspace-dock){display:none;position:fixed;z-index:10;inset:calc(var(--focused-panel-top) + 48px) 0 var(--mobile-nav-height);width:auto;height:auto;min-width:0;max-width:none;max-height:none;margin:0;padding-top:0;border:0;border-radius:0;background:#07151b;overflow:auto;overscroll-behavior:contain}.game-shell[data-mobile-panel=details] .sidebar{display:flex;overflow:hidden}.game-shell[data-mobile-panel=fleet] .fleet-tracker,.game-shell[data-mobile-panel=sectors] .zone-navigator:not([hidden]),.game-shell[data-mobile-panel=layers] .network-legend:not([hidden]),.game-shell[data-mobile-panel=freight] .shipping-board{display:block}.game-shell[data-mobile-panel=manage] .workspace-dock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(52px,auto);align-content:start;gap:8px;padding:12px}.workspace-dock button{min-width:0;min-height:52px;padding:12px;text-align:left;white-space:normal;font-size:12px;border:1px solid var(--line);border-radius:5px;color:#bfd2d7}.workspace-dock .workspace-forfeit{grid-column:1 / -1;margin:16px 0 0;border-color:#ef726e59}.game-shell:not([data-mobile-panel=map]) .mobile-panel-heading{position:fixed;display:flex;align-items:center;justify-content:space-between;z-index:11;top:var(--focused-panel-top);left:0;right:0;height:48px;padding:0 6px 0 16px;border:0;border-bottom:1px solid #31505a;border-radius:0;background:#102630}.mobile-panel-heading strong{font-size:14px;font-weight:500}.mobile-panel-heading button{width:44px;height:44px;border:0;background:transparent;font-size:26px}.sidebar .inspector{padding:16px}.inspector h2{font-size:20px;overflow-wrap:anywhere}.inspector p{font-size:13px}.inspector :is(dt,dd){font-size:12px}.inspector dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px}.inspector dd{max-width:none;overflow-wrap:anywhere}.inspector button,.inspector .choice-chips button{min-height:44px;font-size:12px}.fleet-tracker header button,.ship-locate,.ship-move{min-height:44px;font-size:11px}.ship-locate{grid-template-columns:8px minmax(0,1fr) minmax(0,1.2fr);padding:12px}.ship-locate strong{font-size:12px}.ship-locate small{font-size:10px}.zone-navigator button{min-height:60px}.zone-navigator button>strong{font-size:12px}.zone-navigator button>small,.zone-navigator button>b,.zone-kind{font-size:10px}.network-toggles button,.network-legend footer button,.shipment{min-height:52px}.network-toggles button>span,.network-status span,.network-legend footer button{font-size:11px}.network-toggles button>span small{font-size:10px}.building-palette{min-height:0}.build-mode .build-header{padding:10px 12px}.build-mode .build-header h2{font-size:18px}.building-palette .build-header button{width:44px;height:44px}.build-mode .build-search{display:block;padding:0 12px 8px}.build-mode .build-context,.build-mode .build-legend,.build-mode .build-header .eyebrow{display:none}.build-mode .build-categories{padding:0 12px 8px}.building-palette .build-categories button{min-height:44px;font-size:12px}.build-mode .build-catalog{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px}.building-palette .building-card{min-height:150px;grid-template-rows:70px auto}.building-art{height:70px}.build-mode .sidebar .inspector{display:block;flex:0 1 auto;max-height:40%;padding:10px 12px}.build-mode .inspector h2{display:block}.build-mode .inspector .build-specs{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;line-height:1.5;margin-bottom:8px}.build-mode .inspector h2{font-size:16px;margin:0 0 6px}.build-mode .inspector p{font-size:12px;padding:6px}.build-mode .inspector .build-hint{display:none}#modal,#modal[data-workspace=markets],#modal[data-workspace=couriers]{inset:var(--app-top) 0 auto;width:100%;height:var(--app-height);max-height:var(--app-height);border:0;border-radius:0;background:#07151b}.workspace-modal{padding:calc(16px + var(--safe-top)) max(16px,var(--safe-right)) calc(20px + var(--safe-bottom)) max(16px,var(--safe-left))}.workspace-modal h2{font-size:24px;line-height:1.2;margin-right:48px}.workspace-modal .close{position:fixed;width:44px;height:44px;top:calc(var(--app-top) + var(--safe-top) + 8px);right:max(12px,var(--safe-right))}.workspace-story,.workspace-guidance,.workspace-empty{font-size:13px;line-height:1.5}.workspace-status{font-size:11px}.workspace-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-kpi{padding:10px 8px}.workspace-kpi span,.workspace-kpi small{font-size:10px;letter-spacing:.025em}.workspace-kpi strong{font-size:20px;overflow-wrap:anywhere}.workspace-actions button,.record-actions button,.action-buttons button{min-height:44px;padding:10px 12px;font-size:12px;letter-spacing:.025em}.record-group>summary{min-height:60px;padding:12px}.record-group>summary strong{font-size:13px}.record-group>summary small{font-size:11px}.record-card{padding:12px;margin:8px}.record-card>header{grid-template-columns:28px minmax(0,1fr)}.record-card>header strong{font-size:14px;white-space:normal}.record-card>header small{font-size:11px;white-space:normal}.record-status{grid-column:2;justify-self:start;text-align:left;max-width:100%;font-size:10px}.record-facts{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:0 12px}.record-facts dt,.record-facts dd{font-size:12px;padding:9px 0}.record-flow{grid-template-columns:minmax(0,1fr)}.record-flow>span{white-space:normal;font-size:12px}.record-flow>i{min-height:32px}.record-actions button{flex:1 1 auto}.action-editor{position:static;grid-template-columns:minmax(0,1fr);margin:0 0 18px;padding:14px}.action-field,.action-field small,.action-editor p{font-size:12px}.action-editor h3{font-size:15px;padding-right:40px}.action-field{min-width:0}.action-field:has(input[type=checkbox]){min-height:44px}.action-buttons{position:sticky;bottom:0;padding:10px 0;background:#0a181d}.action-buttons button{flex:1}.action-field :is(input,select),.build-search input,.searchable-select .picker-control input{min-height:44px;font-size:16px}.searchable-select .picker-control button{min-width:44px;margin-left:-44px}.searchable-select .picker-control input{padding-right:48px}#toasts{left:12px;right:12px;bottom:calc(var(--mobile-nav-height) + 12px);z-index:60}.toast{width:100%;max-height:28dvh;overflow:auto;font-size:13px}.login-shell{min-height:0;height:var(--app-height);padding:calc(20px + var(--safe-top)) 16px calc(20px + var(--safe-bottom));align-items:safe center}.login-card{padding:26px 20px}.login-card input{font-size:16px;min-height:48px}.login-card .eyebrow{font-size:9px;letter-spacing:.1em}.login-retry,.login-card a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}}@media(max-width:1200px)and (max-height:600px){:root{--mobile-panel-top: calc(var(--app-top) + var(--safe-top) + 8px);--mobile-nav-height: calc(54px + var(--safe-bottom));--focused-panel-top: calc(var(--app-top) + var(--safe-top) + 92px)}.game-shell,.game-shell.build-mode{grid-template-rows:calc(48px + var(--safe-top)) 44px minmax(0,1fr) var(--mobile-nav-height)}.mobile-nav button{min-height:46px}.mobile-nav button svg{width:18px;height:18px}.live-state span{top:calc(36px + var(--safe-top))}.viewport-heading{top:8px}.mobile-map-tools{top:8px;left:auto;right:12px}.mobile-map-actions{right:0;left:auto}.onboarding-guide:not([data-expanded=true]){top:8px;right:116px}.interaction-guide{display:none}.tool-strip,.build-mode .tool-strip{left:12px;right:auto;bottom:8px}.map-zoom,.map-zoom[data-view=system],.build-mode .map-zoom{bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:900px),(max-width:1200px)and (max-height:600px){.build-mode[data-placement-review=true] .building-palette{display:none}.build-mode[data-placement-review=true] .sidebar .inspector{flex:1;max-height:none}}@media(max-width:900px)and (min-height:601px){.game-shell[data-placement-review=true]{--mobile-panel-top: max(calc(var(--app-top) + 120px), calc(var(--app-top) + var(--app-height) - var(--mobile-nav-height) - 292px))}}#modal,#modal[data-workspace],#modal[data-workspace=markets],#modal[data-workspace=couriers]{inset:var(--app-top) 0 auto;width:100%;height:var(--app-height);max-width:none;max-height:var(--app-height);border:0;border-radius:0;background:#07151b}@media(min-width:901px)and (min-height:601px){.game-shell,.game-shell.build-mode{grid-template:68px minmax(0,1fr) 62px / 108px minmax(0,1fr)}.viewport,.build-mode .viewport{grid-column:2}#modal:not([data-workspace=markets]):not([data-workspace=couriers]){inset:0;width:100%;height:100dvh}.workspace-dock{padding-left:0}}