:root{color:#d8e7f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080a0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}#app{grid-template-columns:minmax(680px,960px) minmax(360px,420px);justify-content:center;align-items:start;gap:16px;width:100%;min-height:100svh;padding:24px;display:grid}#play-surface{gap:10px;min-width:0;display:grid}#game-header{background:#101722;border:1px solid #26313f;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}#game-header div{min-width:0;display:grid}#game-header strong,#game-header span{overflow-wrap:anywhere;min-width:0}#game-header strong{color:#fff;font-size:15px;line-height:1.2}#game-header span{color:#93a9bd;font-size:12px}#game-header a{color:#d8e7f0;background:#172231;border:1px solid #314154;flex:none;padding:6px 10px;font-size:12px;text-decoration:none}#game-header a:hover{border-color:#00d4ff}#controls-root{background:#101722;border:1px solid #26313f;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px;display:flex}.control-group,.control-cluster,.segmented-control,.status-strip{align-items:center;gap:8px;display:flex}.control-group{flex-wrap:wrap;flex:620px}.control-cluster{border-right:1px solid #26313f;flex-wrap:wrap;padding-right:8px}.control-cluster:last-child{border-right:0;padding-right:0}#controls-root button{color:#d8e7f0;min-width:64px;max-width:128px;min-height:30px;font:inherit;cursor:pointer;white-space:normal;background:#172231;border:1px solid #314154;padding:0 10px;font-size:12px;line-height:1.1}#controls-root button:hover{border-color:#00d4ff}#controls-root button[aria-pressed=true]{color:#fff;background:#26313f;border-color:#fbbf24}.destination-control{flex-wrap:wrap;gap:6px;display:flex}#controls-root .destination-control button{min-width:92px;max-width:120px}#controls-root .destination-control button[data-destination-status=connected]{color:#5eead4;cursor:default;opacity:.7;border-color:#14b8a6}.control-status{color:#93a9bd;flex:320px;gap:6px;font-size:12px;line-height:1.35;display:grid}.status-strip{flex-wrap:wrap;justify-content:flex-end}.status-strip span{color:#d8e7f0;background:#0c121b;border:1px solid #26313f;min-height:24px;padding:4px 8px}.status-strip [data-stat]{align-items:center;gap:5px;display:inline-flex}.control-status p{color:#93a9bd;text-align:right;margin:0}.control-status span,.control-status summary{overflow-wrap:anywhere}.control-status [data-demand-event]{color:#fbbf24}.economy-details{color:#7e93a8;text-align:right;justify-self:end;max-width:min(620px,100%)}.economy-details summary{cursor:pointer}.economy-details span{margin-top:4px;display:block}.tooltip{vertical-align:middle;display:inline-flex;position:relative}#controls-root .tooltip button{color:#93a9bd;background:#0c121b;border-color:#3d536a;border-radius:50%;place-items:center;width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;padding:0;font-size:10px;line-height:1;display:inline-grid}.tooltip [role=tooltip]{z-index:20;color:#d8e7f0;text-align:left;background:#080f18;border:1px solid #3d536a;width:min(260px,70vw);padding:8px 10px;font-size:12px;line-height:1.35;display:none;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000059}.tooltip:hover [role=tooltip],.tooltip:focus-within [role=tooltip]{display:block}.goal-panel,.route-panel,.expansion-panel,.phase-two-panel{background:#0c121b;border:1px solid #26313f;flex:100%;padding:10px}.goal-panel-header,.route-panel-header,.expansion-panel-header,.phase-two-panel-header{color:#d8e7f0;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.goal-panel-header span,.route-panel-header span,.expansion-panel-header span,.phase-two-panel-header span{color:#93a9bd;font-size:12px}.phase-two-panel{background:#0b1715;border-color:#2d4d43}.phase-two-panel p{color:#93a9bd;margin:0 0 10px;font-size:13px;line-height:1.4}.phase-two-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.phase-two-panel dl div{background:#101722;border:1px solid #26313f;padding:8px}.phase-two-panel dt,.phase-two-panel dd{overflow-wrap:anywhere;min-width:0;margin:0}.phase-two-panel dt{color:#7e93a8;font-size:11px}.phase-two-panel dd{color:#d8e7f0;font-size:16px}.phase-two-panel dd[data-reserve-state=low]{color:#fca5a5}.phase-two-panel dd[data-reserve-state=safe]{color:#5eead4}.expansion-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.signal-reveal{background:#0b1720;border:1px solid #264052;gap:4px;margin-bottom:10px;padding:10px;display:grid}.signal-reveal p{color:#d8e7f0;margin:0;font-size:13px;line-height:1.4}.signal-reveal p+p{color:#93a9bd}.expansion-subheader{color:#93a9bd;text-transform:uppercase;margin-bottom:8px;font-size:12px}#controls-root .expansion-options button{text-align:left;gap:6px;min-width:0;max-width:none;min-height:104px;padding:10px;display:grid}.expansion-options strong,.expansion-options span{overflow-wrap:anywhere;min-width:0}.expansion-options strong{color:#fff;font-size:13px}.expansion-options span{color:#93a9bd;font-size:12px;line-height:1.35}#controls-root .expansion-options button[aria-pressed=true]{background:#102621;border-color:#14b8a6}.goal-panel ol,.route-panel ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.goal-panel ol{grid-template-columns:repeat(5,minmax(0,1fr))}.route-panel ol{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.goal-panel li{background:#101722;border:1px solid #26313f;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:8px;min-width:0;padding:8px;display:grid}.goal-panel li>span{color:#93a9bd;text-transform:uppercase;border:1px solid #314154;align-self:start;padding:2px 5px;font-size:10px;line-height:1.2}.goal-panel li[data-goal-status=active]{border-color:#fbbf24}.goal-panel li[data-goal-status=active]>span{color:#fbbf24;border-color:#fbbf24}.goal-panel li[data-goal-status=complete]>span{color:#5eead4;border-color:#14b8a6}.goal-panel strong,.goal-panel small{overflow-wrap:anywhere;min-width:0;display:block}.goal-panel strong{color:#fff;font-size:12px;line-height:1.25}.goal-panel small{color:#7e93a8;margin-top:4px;font-size:11px;line-height:1.3}.route-panel li{background:#101722;border:1px solid #26313f;min-width:0;padding:8px}.route-panel li[data-route-status=bottleneck]{border-color:#fbbf24}.route-panel li[data-route-status=flowing]{border-color:#14b8a6}.route-panel li[data-route-status=idle]{opacity:.78}.route-panel .empty-route{color:#7e93a8;font-size:12px}.route-main{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.route-main strong,.route-main span{overflow-wrap:anywhere;min-width:0}.route-main strong{color:#fff;font-size:12px;line-height:1.25}.route-main span{color:#93a9bd;text-transform:uppercase;font-size:10px;line-height:1.2}.route-meter{background:#080a0f;border:1px solid #26313f;height:6px;margin:8px 0;overflow:hidden}.route-meter span{width:var(--route-fill);background:#00d4ff;height:100%;display:block}.route-panel li[data-route-status=bottleneck] .route-meter span{background:#fbbf24}.route-panel dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;display:grid}.route-panel dl div{min-width:0}.route-panel dt,.route-panel dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:11px;line-height:1.25}.route-panel dt{color:#7e93a8}.route-panel dt .tooltip{margin-left:3px}.route-panel dt .tooltip [role=tooltip]{left:0;right:auto}.route-panel dd{color:#d8e7f0}.route-guidance{color:#93a9bd;margin:8px 0 0;font-size:11px;line-height:1.3}.route-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}#controls-root .route-actions button{min-width:0;max-width:none;padding:0 6px}#controls-root .route-actions button:disabled{cursor:not-allowed;opacity:.45}#game-root{background:#080a0f;border:1px solid #26313f;width:100%;min-width:0;overflow:hidden}#game-root canvas{max-width:100%;display:block}#debug-root{align-self:stretch;min-width:0;min-height:0}.panel{color:#d8e7f0;background:#101722;border:1px solid #26313f;max-height:calc(100svh - 48px);padding:16px;font-size:13px;overflow:auto}.debug-panel:not([open]){min-height:0}.debug-panel[open]{min-height:min(620px,100svh - 48px)}.panel-header{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;list-style:none;display:flex}.debug-panel[open]>.panel-header{margin-bottom:12px}.panel-header::-webkit-details-marker{display:none}.panel-header:after{content:"Open";color:#93a9bd;border:1px solid #314154;padding:3px 8px;font-size:11px}.debug-panel[open]>.panel-header:after{content:"Collapse"}.panel h1,.panel h2{margin:0;font-size:16px;font-weight:650}.panel h2{margin-bottom:10px;font-size:14px}.debug-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.debug-card{background:#0c121b;border:1px solid #26313f;min-width:0;padding:10px}.debug-card span,.debug-card small{color:#7e93a8;overflow-wrap:anywhere;font-size:11px;line-height:1.25;display:block}.debug-card strong{color:#fff;margin:4px 0;font-size:18px;line-height:1;display:block}.panel-section,.panel details{border-top:1px solid #26313f;padding:12px 0}.selected-section{background:#111b28;border:1px solid #314154;margin:0 -8px;padding:12px 8px}.selected-section+.panel-section,.selected-section+details{margin-top:12px}.compact-section dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.compact-section dl div{grid-template-columns:minmax(82px,42%) minmax(0,1fr)}.panel summary{cursor:pointer;color:#93a9bd}.panel dl{gap:6px;margin:10px 0 0;display:grid}.panel dl div{grid-template-columns:minmax(92px,34%) minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.panel dt{color:#7e93a8}.panel dd{overflow-wrap:anywhere;min-width:0;margin:0}.summary-list{padding-bottom:8px}.muted{color:#7e93a8}@media (width<=1100px){#app{grid-template-columns:minmax(0,960px);align-items:stretch}#debug-root,#controls-root{width:min(960px,100%)}.panel{min-height:360px;max-height:none}}@media (width<=720px){#app{padding:12px}#controls-root,.control-group{align-items:stretch}.status-strip,.control-status{text-align:left;justify-content:flex-start}.economy-details{text-align:left;justify-self:stretch}.control-cluster{border-bottom:1px solid #26313f;border-right:0;width:100%;padding-bottom:8px;padding-right:0}.control-cluster:last-child{border-bottom:0;padding-bottom:0}#controls-root button{flex:96px}.debug-cards,.compact-section dl,.goal-panel ol,.route-panel ol,.expansion-options,.phase-two-panel dl{grid-template-columns:1fr}}