:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151816;--panel:#3a4741;--panel-strong:#26312d;--panel-soft:#43544c;--text:#f3f1dc;--muted:#bec5b6;--border:#0b0f0d;--accent:#8fd044;--accent-2:#f0cf62;--warning:#df704f;--info:#79a7d8;--radius:3px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{height:100%}body{min-width:320px;height:100dvh;color:var(--text);background:#151816;margin:0;overflow:hidden}button{font:inherit}.app-shell{grid-template-rows:auto auto 1fr;height:100dvh;min-height:0;display:grid}.top-bar{border-bottom:2px solid var(--border);background:#2c3934;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:6px 12px;display:flex;box-shadow:inset 0 1px #ffffff2e,inset 0 -2px #0000005c}.brand{align-items:center;gap:8px;display:flex}.brand-mark{background:linear-gradient(135deg, transparent 43%, #101615 44% 56%, transparent 57%), linear-gradient(135deg, var(--accent-2), var(--accent));border-radius:2px;width:28px;height:28px;box-shadow:inset 0 0 0 1px #ffffff21}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(.95rem,1.2vw,1.12rem);line-height:1.05}.version-pill{border:1px solid var(--border);color:#101615;background:var(--accent-2);vertical-align:1px;border-radius:2px;align-items:center;min-height:17px;margin-left:6px;padding:1px 5px;font-size:.62rem;font-weight:800;display:inline-grid}h2{font-size:1rem;line-height:1.2}.subtle{color:var(--muted);margin-top:1px;font-size:.68rem;display:block}.time-controls,.speed-group,.save-group{align-items:center;gap:6px;display:flex}.control-button,.speed-button,.tab-button{border:2px solid var(--border);color:var(--text);background:var(--panel-strong);cursor:pointer;transition:background .14s,border-color .14s,color .14s;box-shadow:inset 1px 1px #fff3,inset -2px -2px #00000059}.control-button,.speed-button{border-radius:2px;min-height:28px;padding:0 8px;font-size:.74rem;font-weight:650}.control-button:hover,.speed-button:hover,.tab-button:hover{background:var(--panel-soft);border-color:#587062}.control-button.is-paused,.speed-button.is-active,.tab-button.is-active{color:#102017;background:var(--accent);border-color:#0b0f0d;box-shadow:inset -1px -1px #ffffff2e,inset 2px 2px #00000052}.ops-strip{z-index:120;border-bottom:2px solid var(--border);background:#1e2824;grid-template-columns:minmax(220px,2.35fr) repeat(10,minmax(44px,.72fr));gap:0;padding:3px 10px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14}.weather-overview{grid-template-columns:minmax(74px,1.45fr) repeat(4,minmax(34px,.68fr));gap:0;min-width:0;display:grid}.weather-main>span:not(.weather-icon){display:none}.weather-compact{grid-template-columns:16px minmax(0,1fr);align-items:center;gap:4px}.weather-icon{place-self:center;width:14px;height:14px;display:inline-block;position:relative}.weather-icon-wind:before,.weather-icon-wind:after,.weather-icon-rain:before,.weather-icon-rain:after,.weather-icon-water:before,.weather-icon-sun:before,.weather-icon-condition:before{content:"";display:block;position:absolute}.weather-icon-wind:before{border-top:2px solid #cfe3ff;border-bottom:2px solid #cfe3ff;height:2px;inset:3px 0 auto}.weather-icon-wind:after{border:2px solid #cfe3ff;border-left:0;border-radius:0 8px 8px 0;width:5px;height:5px;top:1px;right:0}.weather-icon-sun:before{background:#f0cf62;border:2px solid #ffe071;border-radius:50%;inset:2px;box-shadow:0 0 0 2px #f0cf622e}.weather-icon-rain:before{background:#cfe3ff;border-radius:8px;width:12px;height:7px;top:1px;left:1px}.weather-icon-rain:after{background:#4c9fd7;width:2px;height:5px;top:9px;left:3px;box-shadow:4px 0 #4c9fd7,8px 0 #4c9fd7}.weather-icon-water:before{background:linear-gradient(#0000 35%,#4c9fd7 36%);border:2px solid #4c9fd7;border-radius:0 0 8px 8px;height:8px;bottom:2px;left:1px;right:1px}.weather-icon-condition:before{background:linear-gradient(135deg,#ffe071 0 45%,#4c9fd7 46% 100%);border:1px solid #101615;border-radius:2px;inset:2px}.ops-metric{background:0 0;border-left:1px solid #00000080;border-radius:0;align-content:center;gap:2px;min-width:0;min-height:34px;padding:3px 6px;display:grid}.ops-metric span,.ops-metric small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;line-height:1.15;overflow:hidden}.ops-metric strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.72rem,.76vw,.84rem);line-height:1.12;overflow:hidden}.ops-metric.weather-main strong,.ops-metric.bank strong{color:var(--accent-2)}.ops-metric.positive strong{color:var(--accent)}.ops-metric.negative strong,.ops-metric.is-negative strong{color:var(--warning)}.loss-metric strong{color:var(--accent-2)}.production-mix-metric,.finance-hover-metric{z-index:130;position:relative}.mix-bar{background:#101615;border-radius:999px;height:4px;display:flex;overflow:hidden}.mix-bar i{min-width:2px}.mix-tooltip{z-index:180;border:1px solid var(--border);background:#111816;border-radius:2px;width:260px;padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 32px #0000005c}.production-mix-metric:hover .mix-tooltip,.production-mix-metric:focus-within .mix-tooltip,.finance-hover-metric:hover .mix-tooltip,.finance-hover-metric:focus-within .mix-tooltip{gap:7px;display:grid}.finance-tooltip{width:285px;left:auto;right:0}.mix-tooltip strong{color:var(--text);font-size:.86rem}.mix-tooltip>span{color:var(--muted);font-size:.72rem}.mix-tooltip ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.mix-tooltip li{color:var(--muted);grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:7px;font-size:.74rem;display:grid}.mix-tooltip li i{border-radius:2px;width:8px;height:8px}.mix-tooltip li b{color:var(--text);font-weight:750}.mix-tooltip li em{color:var(--accent-2);font-style:normal;font-weight:750}.game-layout{grid-template-columns:minmax(0,1fr) 320px;gap:0;min-height:0;padding:0 0 0 70px;display:grid;overflow:hidden}.map-panel,.side-panel{border:2px solid var(--border);border-radius:var(--radius);background:var(--panel);min-height:0;box-shadow:inset 1px 1px #ffffff29,inset -3px -3px #00000057}.map-panel{grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}#gameCanvas{width:100%;height:100%;min-height:0;image-rendering:pixelated;display:block}.map-footer{border-top:2px solid var(--border);background:#24302b;gap:5px;padding:6px 8px;display:grid}.map-layer-controls{align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.map-layer-button{color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;background:#2d3a34;border:2px solid #111815;padding:3px 8px;font-size:.68rem}.map-layer-button.is-active{background:var(--accent);color:#101615}.cell-summary{display:none}.legend{color:var(--muted);flex-wrap:wrap;gap:5px 9px;font-size:.7rem;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.terrain{border-radius:3px;width:12px;height:12px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff2e}.plain{background:#6f8f54}.forest{background:#2f6b47}.mountain{background:#8d8a78}.river{background:#4c9fd7}.city{background:#d9d2c3}.residential{background:#c8be9e}.commercial{background:#c9a76f}.industry{background:#b96f4c}.data-center{background:#7d91d6}.protected{background:#1d5b42}.permit-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:8px;display:grid}.permit-actions span{color:var(--muted);grid-column:1/-1;font-size:.72rem}.side-panel{z-index:40;border-top:0;border-bottom:0;border-right:0;border-radius:0;grid-template-rows:auto auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.hud-grid{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;display:grid}.metric{background:var(--panel-strong);border:1px solid #0b0f0d;border-radius:2px;min-width:0;padding:4px 5px;box-shadow:inset 1px 1px #ffffff17,inset -1px -1px #00000052}.metric span{color:var(--muted);font-size:.6rem;line-height:1.2;display:block}.metric strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:clamp(.7rem,.78vw,.82rem);line-height:1.15;display:block;overflow:hidden}.advisor-panel{border-bottom:2px solid var(--border);background:#1c2521;gap:4px;padding:5px;display:none}.advisor-main{background:var(--panel-strong);border:2px solid #0b0f0d;border-radius:2px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px;display:grid;box-shadow:inset 1px 1px #ffffff1a,inset -2px -2px #00000047}.advisor-main.danger{border-color:#e37b5180}.advisor-main.warning{border-color:#e5be5573}.advisor-main.info{border-color:#7fa9f073}.advisor-main span{color:var(--accent-2);text-transform:uppercase;font-size:.6rem;font-weight:800;display:block}.advisor-main strong{color:var(--text);margin-top:2px;font-size:.82rem;line-height:1.15;display:block}.advisor-main p{color:var(--muted);margin-top:4px;font-size:.78rem;line-height:1.35;display:none}.advisor-main button,.advisor-action{color:#102017;background:var(--accent);cursor:pointer;border:2px solid #0b0f0d;border-radius:2px;min-height:24px;padding:0 8px;font-size:.68rem;font-weight:800}.advisor-actions{gap:4px;display:flex}.advisor-action{color:var(--text);background:var(--panel-strong);border-color:var(--border)}.tab-bar{border-bottom:2px solid var(--border);background:#25322d;flex-wrap:wrap;gap:4px;padding:5px 6px;display:flex}.tab-button{border-radius:2px;min-height:24px;padding:0 6px;font-size:.68rem;font-weight:650}.tab-content{z-index:170;background:#17211d;border:2px solid #0b0f0d;border-radius:2px;width:min(500px,100vw - 430px);min-width:340px;min-height:0;padding:30px 8px 8px;position:fixed;top:116px;bottom:96px;right:340px;overflow:auto;box-shadow:12px 18px 38px #00000080,inset 1px 1px #ffffff1a,inset -3px -3px #0000004d}.tab-content[hidden]{display:none}.tab-content.is-open{display:block}.management-popup-close{border-radius:2px;min-height:21px;padding:0 8px;font-size:.6rem;font-weight:900;position:absolute;top:6px;right:7px}.tile-inspector{border-bottom:2px solid var(--border);background:#17211d;align-content:start;gap:6px;min-height:0;padding:6px;display:grid;overflow:auto}.tile-inspector-header,.tile-inspector-empty,.tile-card{background:var(--panel-strong);border:2px solid #0b0f0d;border-radius:2px;gap:5px;padding:7px;display:grid;box-shadow:inset 1px 1px #ffffff14,inset -2px -2px #0000003d}.tile-inspector-header span,.tile-inspector-empty span,.tile-card-title span{color:var(--accent-2);text-transform:uppercase;font-size:.62rem;font-weight:800}.tile-inspector-header strong,.tile-inspector-empty strong,.tile-card-title strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1.15;overflow:hidden}.tile-inspector-empty p,.tile-note{color:var(--muted);font-size:.68rem;line-height:1.25}.tile-note.is-ok{color:var(--accent)}.tile-note.is-warning{color:var(--accent-2)}.tile-card-title{gap:2px;min-width:0;display:grid}.tile-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.tile-facts.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-facts p{background:#1d2925;border:1px solid #0b0f0d;gap:2px;min-width:0;padding:5px;display:grid}.tile-facts span,.tile-list span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.tile-facts strong,.tile-list strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.15;overflow:hidden}.tile-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.tile-list li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.danger-action,.secondary-action{color:#fff4e7;cursor:pointer;background:#8d3f30;border:2px solid #0b0f0d;border-radius:2px;min-height:26px;padding:0 9px;font-size:.72rem;font-weight:800;box-shadow:inset 1px 1px #ffffff1f,inset -2px -2px #00000047}.danger-action:hover{background:var(--warning)}.secondary-action{color:#102017;background:var(--accent-2)}.secondary-action:hover{background:#ffe071}.wide-action{width:100%;margin:2px 0}.loan-card{background:#1d2925;border:1px solid #0b0f0d;border-radius:2px;gap:6px;padding:7px;display:grid}.loan-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.secondary-action:disabled{color:#809189;cursor:not-allowed;background:#1b2521}.upgrade-menu{background:#1d2925;border:1px solid #0b0f0d}.upgrade-menu summary{color:#102017;background:var(--accent-2);cursor:pointer;align-items:center;min-height:28px;padding:0 8px;font-size:.72rem;font-weight:850;display:grid}.upgrade-options{gap:4px;padding:6px;display:grid}.upgrade-options button{color:var(--text);background:var(--panel-strong);cursor:pointer;text-align:left;border:1px solid #0b0f0d;border-radius:2px;gap:2px;padding:6px;display:grid}.upgrade-options button:disabled{color:#829087;cursor:not-allowed;opacity:.72}.upgrade-options button span{color:var(--muted);font-size:.64rem}.capacity-upgrade-card{background:#1d2925;border:1px solid #0b0f0d;border-radius:2px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;display:grid}.capacity-upgrade-card strong,.capacity-upgrade-card span,.capacity-upgrade-card small{display:block}.capacity-upgrade-card strong{color:var(--accent-2);text-transform:uppercase;font-size:.72rem}.capacity-upgrade-card span{color:var(--text);font-size:.7rem;font-weight:800}.capacity-upgrade-card small{color:var(--muted);font-size:.62rem;line-height:1.2}.capacity-upgrade-card button{color:#102017;background:var(--accent-2);cursor:pointer;border:2px solid #0b0f0d;border-radius:2px;min-width:68px;min-height:30px;font-size:.72rem;font-weight:900}.capacity-upgrade-card button:disabled{color:#809189;cursor:not-allowed;background:#1b2521}.supply-bar{background:#111816;border:1px solid #0b0f0d;border-radius:2px;height:8px;display:flex;overflow:hidden}.supply-bar i{min-width:0}.supply-bar .player{background:var(--accent)}.supply-bar .competitor{background:var(--info)}.supply-bar .missing{background:var(--warning)}.county-health-list{gap:5px;display:grid}.county-switch-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.county-switch{background:var(--panel-strong);color:var(--text);text-align:left;border:1px solid #0b0f0d;border-radius:2px;padding:6px}.county-switch strong,.county-switch span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.county-switch span{color:var(--muted);font-size:11px}.county-switch.is-active{border-color:var(--accent);background:#8fd0442e}.county-health{background:var(--panel-strong);border:1px solid #0b0f0d;border-radius:2px;gap:5px;padding:6px;display:grid}.county-health strong{color:var(--text);font-size:.74rem;line-height:1.15;display:block}.county-health span{color:var(--muted);font-size:.64rem;line-height:1.2;display:block}.county-health i{background:#101615;border:1px solid #0b0f0d;height:7px;overflow:hidden}.county-health b{background:var(--accent);height:100%;display:block}.county-health.is-ok b{background:var(--accent-2)}.county-health.is-bad b{background:var(--warning)}.stability-chart{background:var(--panel-strong);border:1px solid #0b0f0d;border-radius:2px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px;display:grid}.stability-chart svg{background-color:#101615;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:100% 20px,36px 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #0b0f0d;width:100%;height:62px}.stability-chart path{fill:none;stroke-width:2.5px}.stability-chart .demand-line{stroke:var(--accent-2)}.stability-chart .delivered-line{stroke:var(--accent)}.stability-chart span,.stability-chart strong{font-size:.66rem;line-height:1.2;display:block}.stability-chart span{color:var(--muted)}.stability-chart strong{color:var(--text)}.stability-chart.is-empty{color:var(--muted);grid-template-columns:1fr;font-size:.66rem}.grid-loss-card{background:var(--panel-strong);border:1px solid #0b0f0d;gap:5px;padding:6px;display:grid}.grid-loss-line{background:#101615;border:1px solid #0b0f0d;height:7px;display:flex;overflow:hidden}.grid-loss-line i{min-width:2px}.grid-loss-line .delivered{background:var(--accent)}.grid-loss-line .lost{background:var(--warning)}.grid-loss-card span{color:var(--muted);font-size:.64rem;line-height:1.25}.panel{padding:6px 7px;display:none}.panel.is-active{display:block}.build-dock,.build-dock.is-active{z-index:35;border:2px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:#303d38;border-bottom:0;align-content:center;gap:0;width:auto;padding:5px 6px 6px;display:grid;position:fixed;bottom:0;left:70px;right:320px;box-shadow:10px 12px 28px #00000057,inset 1px 1px #ffffff29,inset -3px -3px #00000057}.build-dock h2{display:none}.build-dock #buildPanelContent{grid-template-rows:auto;grid-template-columns:32px minmax(0,1fr) minmax(190px,260px);align-items:stretch;gap:6px;min-height:0;margin-top:0;display:grid}.build-icon-rail{grid-template-rows:repeat(3,1fr);grid-auto-flow:row;align-content:center;gap:2px;display:grid}.build-category-icon{width:30px;height:20px;color:var(--text);background:var(--panel-strong);cursor:pointer;border:2px solid #0b0f0d;border-radius:2px;grid-template-columns:minmax(0,1fr) auto;place-items:center;gap:1px;display:grid;box-shadow:inset 1px 1px #ffffff29,inset -2px -2px #00000052}.build-category-icon span{font-size:.72rem;font-weight:900;line-height:1}.build-category-icon small{color:var(--muted);font-size:.42rem;line-height:1}.build-category-icon.is-active,.build-category-icon:hover,.build-category-icon:focus-visible{color:#102017;background:var(--accent)}.build-tool-tray{background:#1d2925;border:2px solid #0b0f0d;border-radius:2px;gap:4px;min-width:0;padding:5px;display:grid}.build-tray-header{color:var(--muted);justify-content:space-between;gap:10px;font-size:.62rem;display:none}.build-tray-header strong{color:var(--accent-2)}.build-tool-row{gap:5px;padding:1px 2px 3px;display:flex;overflow-x:auto}.build-tool-button{width:124px;min-width:124px;min-height:42px;color:var(--text);background:var(--panel-strong);cursor:pointer;text-align:left;border:2px solid #0b0f0d;border-radius:2px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:5px;padding:4px 5px;display:grid;position:relative}.build-tool-button:disabled{cursor:not-allowed;opacity:.55}.build-tool-button.is-active{color:#102017;background:var(--accent-2)}.build-tool-button .tool-icon{width:24px;height:24px;color:var(--accent-2);background:#111816;border:1px solid #0b0f0d;place-items:center;font-weight:900;display:grid}.build-tool-button .tool-icon svg,.build-tool-button .tool-icon img{width:21px;height:21px;display:block}.build-tool-button .tool-copy{gap:1px;min-width:0;display:grid}.build-tool-button strong{text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;line-height:1.1;overflow:hidden}.build-feedback-card{min-height:42px;color:var(--text);background:#17221e;border:2px solid #0b0f0d;align-content:center;gap:2px;padding:5px 7px;font-size:.66rem;line-height:1.15;display:grid}.build-feedback-card strong{color:var(--accent-2);font-size:.68rem}.build-feedback-card span{color:var(--muted)}.build-feedback-card.ok strong{color:var(--accent)}.build-feedback-card.warning strong{color:var(--warning)}.build-tool-button em{color:var(--muted);font-size:.58rem;font-style:normal}.build-tool-flyout{z-index:120;width:220px;color:var(--text);background:#111816;border:2px solid #0b0f0d;border-radius:2px;gap:4px;padding:8px;display:none;position:fixed;bottom:82px;left:200px;box-shadow:8px 12px 22px #00000061}.build-tool-button:hover .build-tool-flyout,.build-tool-button:focus-visible .build-tool-flyout{display:grid}.build-tool-flyout b{color:var(--accent-2);font-size:.72rem}.build-tool-flyout span,.build-tool-flyout small{color:var(--muted);font-size:.64rem;line-height:1.25}.build-status-chip,.mitigation-flyout,.build-confirm-card{background:var(--panel-strong);border:1px solid #0b0f0d;border-radius:2px;width:auto;min-height:32px}.build-status-chip{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:5px;min-width:160px;padding:5px;display:grid;position:relative}.build-status-chip.is-armed{border-color:var(--accent-2);background:#2f2c1e}.build-status-chip strong{width:auto;color:var(--accent-2);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;display:block;overflow:hidden}.build-status-chip.is-armed strong{color:#ffe071;width:auto;font-size:.72rem}.build-status-chip span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:.6rem;line-height:1.2;display:block;overflow:hidden}.build-status-chip.is-armed span{color:#f5edb9}.build-status-chip button{border-radius:2px;grid-area:1/2/3;align-self:center;min-height:22px;margin-top:0;padding:0 8px;font-size:.62rem;font-weight:900}.build-confirm-card{z-index:180;border-color:var(--accent-2);background:#2f2c1e;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 6px;width:min(380px,100vw - 32px);min-width:190px;padding:5px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 42px #00000085,inset 1px 1px #ffffff24,inset -2px -2px #00000059}.build-confirm-card.is-blocked{background:#35231f;border-color:#df704fb8}.build-error-card{width:min(440px,100vw - 32px)}.build-confirm-card strong{color:#ffe071;grid-column:1;font-size:.68rem}.build-confirm-card span,.build-confirm-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:.59rem;line-height:1.18;overflow:hidden}.build-confirm-card small{color:#ffb09a}.build-confirm-actions{flex-direction:column;grid-area:1/2/4;gap:4px;display:flex}.build-confirm-actions button{border-radius:2px;flex:1;min-height:22px;padding:0 6px;font-size:.61rem;font-weight:900}.mitigation-flyout{width:92px;position:relative}.mitigation-flyout summary{min-height:32px;color:var(--accent-2);cursor:pointer;place-items:center;font-size:.58rem;font-weight:900;list-style:none;display:grid}.mitigation-flyout[open]{width:300px;padding:6px}.mitigation-flyout[open] summary{min-height:auto;margin-bottom:6px;display:block}.build-dock-context{grid-row:1/3;align-content:start;gap:4px;min-height:0;padding-right:2px;display:grid;overflow:auto}.build-dock-controls{grid-template-columns:minmax(190px,.28fr) minmax(0,1fr);align-items:end;gap:6px;min-width:0;display:grid}.build-dock .build-category-tabs{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.mitigation-summary{color:var(--muted);margin-top:4px;font-size:.64rem;line-height:1.2}.build-tool-strip{gap:6px;min-height:0;padding:1px 2px 5px;display:flex;overflow:auto hidden}.build-dock .action-row{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) 58px;align-items:center;width:226px;min-width:226px;min-height:74px}.build-dock .action-row button{align-self:stretch;width:auto;min-height:0;padding:0 6px}.build-dock .action-row small{-webkit-line-clamp:1}.tile-context-menu{z-index:190;background:#1d2925;border:2px solid #0b0f0d;border-radius:2px;gap:2px;min-width:150px;padding:4px;display:grid;position:fixed;box-shadow:10px 14px 24px #0000005c}.tile-context-menu[hidden]{display:none}.tile-context-menu button{min-height:28px;color:var(--text);background:var(--panel-strong);cursor:pointer;text-align:left;border:1px solid #0b0f0d;font-size:.72rem;font-weight:750}.context-menu-item{position:relative}.context-menu-parent{min-height:28px;color:var(--text);background:var(--panel-strong);border:1px solid #0b0f0d;justify-content:space-between;align-items:center;gap:18px;padding:0 7px;font-size:.72rem;font-weight:750;display:flex}.context-menu-parent b{color:var(--accent-2);font-size:.74rem}.context-submenu{background:#1d2925;border:2px solid #0b0f0d;border-radius:2px;gap:2px;width:280px;max-height:390px;padding:4px;display:none;position:absolute;top:-4px;left:calc(100% - 1px);overflow:auto;box-shadow:10px 14px 24px #0000005c}.tile-context-menu.opens-left .context-submenu{left:auto;right:calc(100% - 1px)}.context-menu-item:hover .context-submenu,.context-menu-item:focus-within .context-submenu{display:grid}.context-submenu button{gap:2px;min-height:34px;padding:4px 7px;display:grid}.context-submenu small,.context-submenu-empty{color:var(--muted);font-size:.6rem;line-height:1.2}.context-submenu-empty{padding:8px;display:block}.tile-context-menu button:disabled{cursor:not-allowed;opacity:.45}.panel-stack{gap:5px;margin-top:5px;display:grid}.status-line,.detail-line{color:var(--muted);font-size:.9rem;line-height:1.45}.status-line strong{color:var(--text)}.detail-line{color:#90a198}.detail-line.tight{font-size:.78rem;line-height:1.25}.cell-details{gap:8px;margin:0;display:grid}.cell-details.compact{gap:4px}.cell-details div{border-bottom:1px solid #ffffff12;grid-template-columns:110px minmax(0,1fr);gap:8px;padding:8px 0;display:grid}.cell-details dt{color:var(--muted);font-size:.78rem}.cell-details dd{color:var(--text);margin:0;font-size:.88rem}.section-label{color:var(--accent-2);letter-spacing:0;text-transform:uppercase;font-size:.64rem;font-weight:800}.section-header{color:var(--accent-2);text-transform:uppercase;justify-content:space-between;align-items:center;gap:6px;font-size:.64rem;font-weight:800;display:flex}.section-header small{color:var(--muted);text-transform:none;font-size:.62rem}.context-card,.how-card{background:var(--panel-strong);border:1px solid #0b0f0d;border-radius:2px;gap:3px;padding:5px;display:grid;box-shadow:inset 1px 1px #ffffff14}.context-card.is-warning{background:#27281e;border:1px solid #e5be5573}.context-card strong,.how-card strong{color:var(--text);font-size:.78rem}.context-card span,.how-card li{color:var(--muted);font-size:.68rem;line-height:1.22}.how-card ol{gap:2px;margin:0;padding-left:18px;display:grid}.chip-row{flex-wrap:wrap;gap:4px;display:flex}.chip-button{border:2px solid var(--border);min-height:24px;color:var(--text);background:var(--panel-strong);cursor:pointer;border-radius:2px;padding:0 7px;font-size:.68rem;font-weight:700}.chip-button.is-active{color:#102017;background:var(--accent);border-color:#0000}.price-control{background:var(--panel-strong);border:1px solid #0b0f0d;border-radius:2px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px;display:grid}.price-control>div{gap:2px;display:grid}.price-control span{color:var(--muted);font-size:.68rem}.price-control strong{color:var(--text);font-size:.86rem}.price-control input{grid-column:1/-1;width:100%}.price-control button{color:#102017;background:var(--accent);cursor:pointer;border:2px solid #0b0f0d;border-radius:2px;min-height:24px;padding:0 8px;font-size:.68rem;font-weight:800}.market-note{color:var(--text);background:var(--panel-strong);border:1px solid #0b0f0d;border-radius:2px;margin:0;padding:6px;font-size:.72rem;line-height:1.25}.market-note.is-good{border-color:#8fd0446b}.market-note.is-ok{border-color:#e5be556b}.market-note.is-bad{border-color:#e37b5173}.option-list{gap:8px;display:grid}.action-list{gap:7px;display:grid}.build-dock .build-tool-strip{display:flex}.action-row{background:var(--panel-strong);border:2px solid #0b0f0d;border-radius:2px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px;display:grid;box-shadow:inset 1px 1px #ffffff14,inset -2px -2px #0000003d}.action-row.is-disabled{opacity:.6}.build-card-main{gap:3px;min-width:0;display:grid}.build-card-title{justify-content:space-between;align-items:baseline;gap:6px;min-width:0;display:flex}.build-card-title b{color:var(--accent-2);white-space:nowrap;flex:none;font-size:.72rem;line-height:1.1}.action-row strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;line-height:1.2;display:block;overflow:hidden}.action-row span,.action-row small{min-width:0;color:var(--muted);text-overflow:ellipsis;font-size:.68rem;line-height:1.2;overflow:hidden}.action-row span{white-space:nowrap}.action-row small{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.action-row button{color:#102017;background:var(--accent);cursor:pointer;border:2px solid #0b0f0d;border-radius:2px;min-width:54px;min-height:26px;padding:0 8px;font-size:.7rem;font-weight:800}.action-row button:disabled{color:#809189;cursor:not-allowed;background:#1b2521}.two-stat{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.two-stat p{background:var(--panel-strong);border:1px solid #0b0f0d;border-radius:2px;gap:3px;padding:6px;display:grid}.two-stat span{color:var(--muted);font-size:.72rem}.two-stat strong{color:var(--text);font-size:.9rem}.weather-card{background:var(--panel-strong);border:1px solid #0b0f0d;border-radius:2px;gap:6px;padding:7px;display:grid}.weather-card>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.weather-card span,.weather-card small{color:var(--muted);font-size:.72rem}.weather-card strong{color:var(--text);font-size:.84rem}.weather-card small{line-height:1.3}.weather-readout{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.weather-readout p{background:#111816;border-radius:2px;gap:2px;margin:0;padding:5px;display:grid}.option-card{background:var(--panel-strong);border:1px solid #ffffff14;border-radius:2px;gap:8px;padding:10px;display:grid}.option-card.is-disabled{opacity:.62}.option-card.is-complete{border-color:#77d18e6b}.option-card strong{color:var(--text);font-size:.88rem;line-height:1.25;display:block}.option-card span,.option-card p{color:var(--muted);font-size:.78rem;line-height:1.35}.option-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.option-footer button{border:1px solid var(--border);color:#102017;background:var(--accent);cursor:pointer;border-radius:2px;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:800}.option-footer button:disabled{color:#809189;cursor:not-allowed;background:#1b2521}.progress-track{background:#111816;border-radius:999px;height:7px;overflow:hidden}.progress-track i{background:var(--accent);height:100%;display:block}.progress-track.grid-utilization i{background:linear-gradient(90deg,#5fb46f,#e5bd4f 70%,#cf5f53)}.progress-track.condition-track i{background:var(--accent)}.progress-track.condition-track.is-warning i{background:var(--accent-2)}.progress-track.condition-track.is-danger i{background:var(--warning)}.accounting-modal{z-index:60;background:#070a09b8;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}.accounting-modal.is-open{display:flex}.accounting-dialog{border:2px solid var(--border);border-radius:var(--radius);background:#303d38;gap:12px;width:min(880px,100vw - 32px);max-height:min(680px,100dvh - 32px);padding:14px;display:grid;position:relative;overflow:auto;box-shadow:0 24px 64px #00000085,inset 1px 1px #ffffff29,inset -3px -3px #00000057}.modal-close{border:2px solid var(--border);color:#102017;background:var(--accent-2);cursor:pointer;border-radius:2px;min-height:28px;padding:0 10px;font-weight:850;position:absolute;top:10px;right:10px}.accounting-header span,.accounting-dialog h3{color:var(--muted);text-transform:uppercase;font-size:.72rem}.accounting-header h2{margin-top:3px;padding-right:80px}.accounting-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.accounting-summary p{background:#1d2925;border:1px solid #0b0f0d;gap:2px;padding:8px;display:grid}.accounting-summary span{color:var(--muted);font-size:.68rem}.accounting-summary strong{font-size:.88rem}.accounting-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.accounting-list{gap:5px;margin:5px 0 0;padding:0;list-style:none;display:grid}.accounting-list li{background:#1d2925;border:1px solid #0b0f0d;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px;display:grid}.accounting-list strong,.accounting-list span{display:block}.accounting-list strong{color:var(--text);font-size:.78rem}.accounting-list span{color:var(--muted);font-size:.66rem}.accounting-list b{white-space:nowrap;font-size:.78rem}.positive-value{color:var(--accent)}.negative-value{color:var(--warning)}.meter-row{grid-template-columns:1fr auto;align-items:center;gap:6px 10px;display:grid}.meter-row span,.meter-row strong{font-size:.82rem}.meter-row span{color:var(--muted)}.meter-row i{background:#111816;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.meter-row b{background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--warning));height:100%;display:block}.compact-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.compact-list li{background:var(--panel-strong);border:1px solid #0b0f0d;border-radius:2px;gap:3px;padding:6px;display:grid}.compact-list li.demand-node-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.compact-list li.demand-node-row button{color:#102017;background:var(--accent-2);cursor:pointer;border:2px solid #0b0f0d;border-radius:2px;min-height:28px;padding:0 8px;font-size:.72rem;font-weight:800}.compact-list li.demand-node-row button:disabled{color:#809189;cursor:not-allowed;background:#1b2521}.compact-list strong{color:var(--text);font-size:.82rem}.compact-list span{color:var(--muted);font-size:.76rem}.event-list{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.event-list li{background:var(--panel-strong);border:2px solid #0b0f0d;border-radius:2px;gap:4px;padding:10px;display:grid}.event-list .mail-row{color:#171714;background:linear-gradient(#fff8d7,#e7dca9);grid-template-columns:74px minmax(0,1fr) auto;align-items:start;gap:8px}.event-list .mail-row.is-read{opacity:.82;background:#d6d1bd}.event-list .mail-row div{gap:3px;min-width:0;display:grid}.event-list .mail-row strong{color:#151813;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;display:flex;overflow:hidden}.event-list .mail-row button{border-radius:2px;min-height:24px;padding:0 7px;font-size:.66rem}.event-list .mail-row span{color:#24251f}.mail-actions{justify-items:end;gap:5px;display:grid}.unread-dot{background:#d33f30;border:1px solid #0b0f0d;flex:none;width:8px;height:8px;box-shadow:1px 1px #0b0f0d}.mail-empty{color:var(--muted)}.event-list .event-divider{color:var(--muted);text-transform:uppercase;background:0 0;border:0;padding:4px 0 0;font-size:.68rem;font-weight:800}.event-list time{color:var(--accent-2);font-size:.76rem;font-weight:700}.event-list span{color:var(--text);font-size:.86rem;line-height:1.35}@media (width<=980px){body{height:auto;min-height:100dvh;overflow:auto}.app-shell{height:auto;min-height:100dvh}.top-bar,.time-controls{align-items:flex-start}.top-bar{flex-direction:column}.ops-strip{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.weather-overview{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr))}.game-layout{grid-template-columns:1fr;overflow:visible}.build-dock,.build-dock.is-active{grid-template-rows:1fr;grid-template-columns:auto minmax(0,1fr);align-items:center;width:auto;inset:auto 0 0}.build-dock #buildPanelContent{grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr);align-items:center}.build-icon-rail{grid-auto-flow:row;overflow:hidden}.build-tool-tray{grid-area:2/1/auto/-1}.build-tool-flyout{width:min(260px,100vw - 28px);bottom:120px;left:14px}.build-status-chip{grid-column:1/-1;min-width:130px}.mitigation-flyout[open]{width:min(82vw,300px)}.map-panel,.side-panel{min-height:520px}}@media (width<=560px){.game-layout{padding:8px}.ops-strip{grid-template-columns:1fr 1fr;padding:6px 8px}.weather-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-main{grid-column:1/-1}.hud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-controls{flex-wrap:wrap;width:100%}.speed-group{flex-wrap:wrap}.control-button,.speed-button{min-width:58px}.cell-details div{grid-template-columns:1fr}}