:root{color:#e9f0f3;background:#151b24;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:#151b24}.game-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100vh}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .9rem;padding:.7rem 1rem;background:#202a35;border-bottom:1px solid #36434d}.brand{margin:0;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase}.status{display:flex;align-items:center;gap:.5rem;margin-left:auto;color:#b8c9cf}.status strong{color:#fff4ad;font-variant-numeric:tabular-nums}.status [data-message]{max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status.warning strong,.status.warning [data-message]{color:#ffc3ad}.news-ticker{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:.35rem;min-width:0;margin-top:.35rem;padding:.25rem .35rem;color:#e6e9cf;background:#17212a;border:1px solid #53636d;font:.68rem/1.2 Courier New,monospace}.news-ticker-label{color:#fff4ad;text-transform:uppercase;letter-spacing:.08em}.news-ticker-track{min-width:0;overflow:hidden;white-space:nowrap}.news-ticker-track [data-news-text]{display:inline-block;min-width:100%;animation:news-ticker-scroll 18s linear infinite}.news-ticker-track [data-news-text][hidden]{display:none}.news-ticker[data-news-paused=true] .news-ticker-track [data-news-text]{animation-play-state:paused}@keyframes news-ticker-scroll{0%{transform:translate(0)}12%{transform:translate(0)}to{transform:translate(-100%)}}.news-ticker-actions{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:flex-end}.news-ticker-actions button{padding:.16rem .3rem;color:#e9f0f3;background:#2f414e;border:1px solid #5a6d77;border-radius:.2rem;font:inherit;cursor:pointer}.news-ticker-actions button:disabled{cursor:not-allowed;opacity:.6}.news-ticker-actions button:hover,.news-ticker-actions button:focus-visible{border-color:#fff4ad;background:#40525d;outline:none}.news-ticker-history{grid-column:1 / -1;max-height:7rem;overflow-y:auto;padding:.25rem .35rem;color:#d6e5dd;background:#1d2832;border-top:1px solid #50636e}.news-ticker-history ol{margin:.2rem 0 0;padding-left:1.25rem}.news-ticker-history li{padding:.08rem 0}.news-ticker-history[hidden]{display:none}.hud-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;color:#b8c9cf;font-size:.78rem;font-variant-numeric:tabular-nums}.hud-metrics strong{color:#fff4ad}.tax-control{display:inline-flex;align-items:center;gap:.25rem}.tax-control input{width:4.5rem;accent-color:#fff4ad}.demand{display:inline-flex;align-items:center;gap:.25rem}.demand i{display:inline-block;width:3.4rem;height:.42rem;overflow:hidden;border:1px solid #53636d;border-radius:.3rem;background:#151b24}.demand i b{display:block;width:50%;height:100%;background:#91cf77;transition:width .12s ease}.demand i b.negative{background:#d47762}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.toolbar button,.toolbar label,.toolbar select{font:inherit}.toolbar button,.toolbar label,.toolbar select{padding:.4rem .62rem;border:1px solid #53636d;border-radius:.3rem;color:#e9f0f3;background:#2b3945;cursor:pointer}.toolbar button:hover,.toolbar button[aria-pressed=true],.toolbar label:hover{border-color:#fff4ad;background:#40525d}.toolbar .danger[aria-pressed=true]{border-color:#f19b7e;color:#ffd8cb}.toolbar select{min-width:9rem}.toolbar input[type=file]{width:.1px;height:.1px;overflow:hidden;position:absolute;opacity:0}.canvas-wrap{position:relative;min-width:0;min-height:0;overflow:hidden}canvas{display:block;width:100%;height:100%;min-height:22rem;cursor:crosshair;image-rendering:pixelated}.economy-overlay{color:#d2e0e1;font-variant-numeric:tabular-nums}.water-status{color:#9de4e3;font-size:.72rem}.water-status[hidden]{display:none}.loan-button{padding:.1rem .5rem;font-size:.75rem}.loan-button.is-alert{color:#2b1408;background:#f1c95c;border-color:#fff4ac;font-weight:700;animation:loan-pulse 1.2s steps(2) infinite}.loan-button:disabled{opacity:.6;cursor:not-allowed}@keyframes loan-pulse{50%{background:#d89a3a}}.loan-info{color:#f1c95c}.diagnostic{position:absolute;left:8rem;bottom:calc(.6rem + var(--below-fold, 0px));max-width:min(40rem,calc(100% - 35.5rem));min-height:1.4rem;padding:.35rem .55rem;color:#fff4ad;background:#151b24d1;border-radius:.3rem;font-size:.78rem;pointer-events:none}.help{display:flex;align-items:flex-start;gap:.4rem;position:absolute;left:8rem;bottom:calc(3rem + var(--below-fold, 0px));max-width:min(40rem,calc(100% - 35.5rem));padding:.35rem .55rem;color:#e4eeee;background:#151b24d9;border-radius:.3rem;font-size:.72rem;line-height:1.3;pointer-events:none}.help-toggle{flex:0 0 auto;min-width:1.4rem;height:1.4rem;padding:0;color:#e4eeee;background:#2f414e;border:1px solid #5a6d77;border-radius:.2rem;font:700 .8rem/1 Courier New,monospace;cursor:pointer;pointer-events:auto}.help-toggle:hover,.help-toggle:focus-visible{border-color:#fff4ad;background:#40525d;outline:none}.help[data-collapsed=true]{padding:.15rem;background:transparent}.help[data-collapsed=true] .help-text{display:none}.tool-palette{--palette-edge: #77786f;--palette-dark: #292d31;--palette-face: #9a9a8f;--palette-light: #d9d7c3;position:absolute;z-index:4;top:.85rem;left:.85rem;display:grid;grid-template-columns:6.4rem;align-content:start;width:6.4rem;color:#252a2c;background:var(--palette-face);border:2px solid var(--palette-dark);box-shadow:inset 1px 1px 0 var(--palette-light),inset -1px -1px #5e5e59,4px 5px #0a101459;-webkit-user-select:none;user-select:none}.tool-palette.is-dragging{cursor:grabbing;opacity:.94}.tool-palette-handle{display:flex;align-items:center;justify-content:center;gap:.3rem;height:1.45rem;color:#f0edcf;background:#41484b;border-bottom:2px solid #252a2c;font:700 .66rem/1 Courier New,monospace;letter-spacing:.08em;cursor:grab}.tool-palette-grip{color:#bfc0b4;letter-spacing:-.25em}.tool-palette-hud{display:grid;gap:.16rem;padding:.35rem .34rem .4rem;background:#5f625e;border-bottom:2px solid #494c4c;box-shadow:inset 1px 1px #acae9d}.tool-hud-row{display:flex;align-items:baseline;justify-content:space-between;gap:.18rem;color:#ecead6;font-size:.6rem;line-height:1.15;white-space:nowrap;min-width:0}.tool-hud-row>span,.tool-hud-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.tool-hud-row strong{color:#fff1a5;font:700 .62rem/1.1 Courier New,monospace;text-shadow:1px 1px #2b2e2d;text-align:right}.tool-speed{display:grid;grid-template-columns:repeat(4,1fr);gap:.14rem;margin-top:.16rem}.tool-speed-button,.tool-category-button,.tool-variant-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:#242a2c;background:#a8a99c;border:1px solid #464b4b;border-top-color:#e0deca;border-left-color:#d2d0bc;border-radius:.12rem;box-shadow:inset -1px -1px #73766e;cursor:pointer}.tool-speed-button{min-width:0;min-height:40px;padding:.2rem .05rem;font:700 .6rem/1 Courier New,monospace}.tool-speed-button:hover,.tool-speed-button[aria-pressed=true]{color:#201f18;background:#f0dd78;border-color:#fff4b0}.tool-speed-button[aria-pressed=true]{box-shadow:inset 1px 1px #8a7c34,inset -1px -1px #fff2a2}.tool-category-rail{display:grid;gap:.23rem;padding:.38rem .34rem .45rem}@media(max-height:980px){.tool-category-rail{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:.38rem}.tool-category-rail .tool-clear-button{grid-column:1 / -1}}.tool-category-button{position:relative;display:grid;place-items:center;min-width:40px;min-height:40px;padding:.24rem;color:#33383a}.tool-category-button:before{position:absolute;inset:.18rem auto .18rem .1rem;width:.18rem;background:var(--category-accent);content:""}.tool-clear-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-items:center;min-width:40px;min-height:32px;padding:.1rem;font:700 .95rem/1 Courier New,monospace;color:#6e1d17;background:#c9b9a6;border:1px solid #464b4b;border-top-color:#e0deca;border-left-color:#d2d0bc;border-radius:.12rem;box-shadow:inset -1px -1px #73766e;cursor:pointer}.tool-clear-button small{font-size:.42rem;color:#3f4544}.tool-clear-button:hover:not(:disabled){background:#f0c0a8;border-color:#fff4b0}.tool-clear-button:disabled{opacity:.45;cursor:default}.tool-category-button:hover,.tool-category-button.is-open,.tool-category-button.is-active{background:#d4cfab;border-color:var(--category-accent)}.tool-category-button.is-active{box-shadow:inset 0 0 0 1px var(--category-accent),0 0 0 1px #393e3e}.tool-category-button .tool-icon svg{width:32px;height:32px}.tool-category-shortcut{position:absolute;right:.12rem;bottom:.08rem;color:#3f4544;font:700 .45rem/1 Courier New,monospace}.tool-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.tool-icon svg,.tool-icon img{display:block;width:32px;height:32px;shape-rendering:crispEdges;image-rendering:pixelated}.tool-tooltip{position:fixed;z-index:20;display:grid;gap:.18rem;min-width:9rem;max-width:19rem;padding:.42rem .52rem;color:#f8f2c9;background:#252c31;border:2px solid #e5d87f;box-shadow:3px 3px #0a10148c,inset 1px 1px #647077;font:.68rem/1.2 Courier New,monospace;pointer-events:none}.tool-tooltip[hidden]{display:none}.tool-tooltip-title{color:#fff4a9;font-size:.76rem}.tool-tooltip-row{color:#d8e4d8}.tool-tooltip-help b{color:#fff4a9}.tool-tooltip-disabled{color:#ffb49e;text-transform:uppercase}.tool-submenu{position:absolute;top:-2px;left:calc(100% + .55rem);z-index:1;width:max-content;min-width:14rem;max-width:calc(100vw - 8rem);padding:.56rem;color:#252b2e;background:#aaa99b;border:2px solid #292d31;box-shadow:inset 1px 1px #e3e0c8,inset -1px -1px #636660,4px 5px #0a101459}.tool-submenu-title{margin:0;padding:0 0 .35rem;color:#262c2d;font:700 .82rem/1.1 Courier New,monospace;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #5e625e}.tool-submenu-hint{display:block;margin:.27rem 0 .42rem;color:#535855;font-size:.62rem}.tool-variants{display:grid;grid-template-columns:repeat(var(--menu-cols, 1),12.88rem);gap:.25rem}.tool-variant-picker{position:absolute;top:-2px;left:calc(100% + .55rem);width:14rem;padding:.56rem;color:#252b2e;background:#aaa99b;border:2px solid #292d31;box-shadow:inset 1px 1px #e3e0c8,inset -1px -1px #636660,4px 5px #0a101459}.tool-variant-picker[hidden]{display:none}.tool-variant-options{display:grid;gap:.25rem;margin-top:.4rem}.tool-variant-option{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:.42rem;padding:.2rem .34rem;text-align:left}.tool-variant-option .tool-variant-thumbnail{width:64px;height:43px;image-rendering:pixelated}.tool-variant-option .tool-variant-copy strong{font-size:.68rem}.tool-variant-option:hover,.tool-variant-option[aria-checked=true]{color:#1f2525;background:#eadc86;border-color:#fff4ac}.tool-variant-option[aria-checked=true]{box-shadow:inset 1px 1px #827638,inset -1px -1px #fff5b0}.tool-variant-button{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:.42rem;min-width:40px;min-height:40px;padding:.23rem .34rem;text-align:left}.tool-variant-button:hover:not(:disabled),.tool-variant-button[aria-pressed=true]{color:#1f2525;background:#eadc86;border-color:#fff4ac}.tool-variant-button[aria-pressed=true]{box-shadow:inset 1px 1px #827638,inset -1px -1px #fff5b0}.tool-variant-button:disabled{color:#696b65;background:#8d8e84;border-color:#7a7b73;box-shadow:none;cursor:not-allowed;opacity:.72}.tool-variant-button:disabled .tool-icon{opacity:.55}.tool-variant-copy{display:grid;gap:.11rem;min-width:0}.tool-variant-copy strong{overflow-wrap:anywhere;white-space:normal;line-height:1.1;font-size:.68rem}.tool-variant-copy small{color:#262b29;font:.66rem/1 Courier New,monospace}.tool-variant-button:disabled .tool-variant-copy small{color:#3b403d}@media(max-width:560px){.tool-palette{left:.45rem}.tool-submenu{left:calc(100% + .35rem);width:min(14rem,calc(100vw - 6rem))}.help{left:5.8rem;right:.5rem}}@media(max-width:720px){.status{margin-left:0;width:100%}.canvas-wrap{min-height:calc(100vh - 13rem)}}.map-legends{position:absolute;z-index:4;left:8rem;bottom:calc(7.2rem + var(--below-fold, 0px));display:flex;flex-direction:column;gap:.4rem;pointer-events:none}.coverage-legend,.quality-legend{position:static;display:grid;gap:.2rem;padding:.4rem .55rem;color:#263035;background:#9d9e92f2;border:2px solid #292d31;font:.68rem/1.2 Courier New,monospace}.view-filter-legend{position:fixed;z-index:25;right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));display:grid;gap:.2rem;width:min(20rem,calc(100vw - 1.5rem));max-height:calc(100vh - 1.5rem);overflow:auto;padding:.4rem .55rem;color:#263035;background:#9d9e92f2;border:2px solid #292d31;font:.68rem/1.2 Courier New,monospace}.view-filter-legend[hidden]{display:none}.view-filter-legend span{display:flex;align-items:center;gap:.35rem}.view-filter-legend i{display:inline-block;width:.8rem;height:.8rem;border:1px solid #292d31}.coverage-legend[hidden],.quality-legend[hidden]{display:none}.coverage-legend span,.quality-legend span{display:flex;align-items:center;gap:.35rem}.coverage-legend i,.quality-legend i{display:inline-block;width:.8rem;height:.8rem;border:1px solid #292d31}.disaster-banner{position:absolute;z-index:6;top:.6rem;left:50%;transform:translate(-50%);padding:.4rem 1rem;color:#fff4d0;background:#a92e2e;border:2px solid #f1c95c;box-shadow:3px 4px #0a101466;font:700 .85rem/1.2 Courier New,monospace;letter-spacing:.04em;animation:disaster-pulse 1.2s steps(2) infinite}.disaster-banner[hidden],.disaster-hud[hidden],.disaster-summary[hidden]{display:none}@keyframes disaster-pulse{50%{background:#7d1f1f}}.disaster-hud{display:inline-flex;align-items:center;gap:.5rem}.disaster-wind{display:inline-flex;align-items:center;gap:.25rem;color:#ffb06a}.disaster-wind[hidden]{display:none}.disaster-wind-arrow{color:#ffb06a}.disaster-random,.disaster-history-button{padding:.1rem .4rem;font-size:.72rem}.disaster-random[aria-pressed=true]{color:#25291e;background:#eadc86}.disaster-summary{position:absolute;z-index:7;left:50%;top:4rem;transform:translate(-50%);display:grid;gap:.35rem;width:min(26rem,calc(100% - 2rem));padding:.6rem .75rem;color:#263035;background:#9d9e92fa;border:2px solid #292d31;box-shadow:4px 5px #0a101466;font:.75rem/1.3 Courier New,monospace}.disaster-summary header{display:flex;justify-content:space-between;align-items:center}.disaster-summary p{margin:0}.disaster-summary-row.is-contained{color:#14431f;font-weight:700}.disaster-summary-row.is-lost{color:#7a1818;font-weight:700}.emergency-toggle{padding:.1rem .5rem;font-size:.75rem}.emergency-toggle strong{color:inherit}.topbar.hud-metrics{position:relative;z-index:20;display:block;padding:.45rem .7rem .5rem;color:#d9e3e3;background:#202a35;border-bottom:1px solid #36434d;font-size:.76rem}.hud-grid{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(9rem,1fr) minmax(16rem,1.8fr) minmax(15rem,1.6fr) minmax(13rem,1.3fr) minmax(13rem,1.35fr) minmax(14rem,1.5fr) minmax(8rem,.85fr);gap:.4rem;align-items:start;width:100%}.hud-group{position:relative;min-width:0;padding:.3rem .4rem .35rem;background:#263542;border:1px solid #3e4d58;border-radius:.25rem;box-shadow:inset 0 1px #ffffff0f}.hud-group-file{align-self:stretch}.hud-group h2{margin:0 0 .25rem;color:#fff4ad;font:700 .62rem/1 Courier New,monospace;letter-spacing:.08em;text-transform:uppercase}.hud-group-content{min-width:0}.hud-city-content{display:grid;gap:.22rem}.hud-city-name{display:block;overflow:hidden;color:#f4f0cf;font-size:.86rem;font-weight:700;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.hud-date{color:#bdd0d0;font:.7rem/1.1 Courier New,monospace}.hud-stat-grid{display:grid;gap:.22rem}.hud-stat{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem;min-width:0}.hud-stat>span{overflow:hidden;color:#b7c8ca;text-overflow:ellipsis;white-space:nowrap}.hud-stat strong{color:#fff4ad;font:700 .77rem/1.1 Courier New,monospace;white-space:nowrap}.hud-economy-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .45rem;align-items:center}.hud-economy-content .economy-overlay,.hud-economy-content .economy-breakdown{grid-column:1 / -1}.hud-economy-content>.hud-stat,.hud-economy-content>.loan-button{grid-column:1 / -1}.hud-group button,.hud-group select,.hud-group input,.hud-group label.file-import{min-width:0;font:inherit}.hud-group button,.hud-group select,.hud-group label.file-import{padding:.22rem .35rem;color:#e9f0f3;background:#2f414e;border:1px solid #5a6d77;border-radius:.22rem;cursor:pointer}.hud-group button:hover,.hud-group button:focus-visible,.hud-group select:hover,.hud-group select:focus-visible,.hud-group label.file-import:hover,.hud-group label.file-import:focus-within{border-color:#fff4ad;background:#40525d;outline:none}.hud-group button:disabled{cursor:not-allowed;opacity:.6}.economy-overlay{overflow:hidden;color:#d2e0e1;font-size:.66rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.economy-overlay.warning{color:#ffc3ad}.economy-breakdown{display:grid;gap:.15rem;padding:.3rem;color:#d6e5dd;background:#1d2832;border:1px solid #50636e;font:.65rem/1.15 Courier New,monospace}.economy-breakdown[hidden]{display:none}.tax-control{display:inline-flex;align-items:center;gap:.2rem;min-width:0;white-space:nowrap}.tax-control input{width:3.1rem;accent-color:#fff4ad}.tax-control strong{color:#fff4ad}.loan-button{overflow:hidden;padding-inline:.3rem;text-overflow:ellipsis;white-space:nowrap}.loan-button.is-alert{color:#2b1408;background:#f1c95c;border-color:#fff4ac;font-weight:700}.loan-info{grid-column:1 / -1;color:#f1c95c;font-size:.65rem}.loan-info[hidden]{display:none}.demand-grid{display:grid;gap:.16rem}.demand{display:grid;grid-template-columns:minmax(5.2rem,1fr) 4.2rem auto;align-items:center;gap:.25rem;min-width:0}.demand-label{overflow:hidden;color:#d7e5dc;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.demand strong{color:#f1e7a5;font:700 .7rem/1 Courier New,monospace;white-space:nowrap}.demand-meter{position:relative;display:block;width:4.2rem;height:.47rem;overflow:hidden;border:1px solid #576873;border-radius:.25rem;background:#15212a}.demand-meter:after{position:absolute;top:-1px;bottom:-1px;left:50%;width:1px;background:#e3e4ca;content:"";opacity:.8}.demand-meter b{position:absolute;top:0;left:50%;display:block;width:0;height:100%;background:#55c878;transition:width .12s ease,left .12s ease,right .12s ease}.demand[data-demand-c] .demand-meter b{background:#5d9fe8}.demand[data-demand-i] .demand-meter b{background:#e7c552}.demand-meter b.negative{background:#d86f61}.demand-hint{color:#b4c6ca;font-size:.68rem}.hud-view-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem}.hud-view-content button{white-space:nowrap}.hud-view-content .view-row{grid-column:1 / -1;display:flex;align-items:center;gap:.2rem;min-width:0}.hud-view-content .view-row-label{flex:0 0 3.3rem;color:#c9d9d9;font-size:.64rem;letter-spacing:.04em;text-transform:uppercase}.hud-view-content .view-switch{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden}.hud-view-content .view-switch [data-view-option]{padding:.1rem .2rem;text-align:center;opacity:.55}.hud-view-content .view-switch [data-view-option].is-active{opacity:1;font-weight:700;color:#201f18;background:#f0dd78;box-shadow:inset 0 0 0 1px #8a7c34}.hud-view-content [data-action=rotate-view]{flex:0 0 auto}.hud-view-content .map-overlay-control,.hud-view-content .render-quality-control{grid-column:1 / -1}.hud-view-content .render-quality-half{grid-column:auto}.map-overlay-control,.render-quality-control{display:flex;align-items:center;gap:.25rem;min-width:0;color:#bdd0d0;font-size:.66rem;white-space:nowrap}.map-overlay-control select,.render-quality-control select{flex:1 1 auto;width:auto;min-width:0}.hud-emergency-content{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.emergency-toggle{padding:.22rem .4rem;font-size:.7rem}.emergency-toggle[aria-pressed=true]{background:#eadc86;color:#25291e}.emergency-toggle.is-alert strong{color:#a92e2e}.disaster-hud{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.25rem}.disaster-random,.disaster-history-button{padding:.22rem .35rem;font-size:.65rem}.file-menu-toggle{white-space:nowrap}.file-menu{position:absolute;z-index:30;top:calc(100% + .25rem);right:0;display:grid;gap:.35rem;width:min(24rem,calc(100vw - 1.4rem));padding:.55rem;color:#dfe8e7;background:#263542;border:2px solid #667984;box-shadow:3px 4px #0a101473}.file-menu[hidden]{display:none}.file-menu>label{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:.35rem}.file-menu>label select{width:100%}.file-actions{display:flex;flex-wrap:wrap;gap:.25rem}.file-actions button,.file-actions .file-import{flex:1 1 4.6rem;text-align:center}.file-import{position:relative;display:inline-block}.file-import input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.status{display:flex;align-items:center;min-height:1.1rem;margin-top:.35rem;color:#b8c9cf}.status [data-message]{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status.warning,.status.warning [data-message]{color:#ffc3ad}.hud-tooltip{position:fixed;z-index:100;display:grid;gap:.14rem;width:min(21rem,calc(100vw - 1rem));padding:.48rem .58rem;color:#e5eee9;background:#1b252d;border:2px solid #e5d87f;box-shadow:3px 4px #0a10148c,inset 1px 1px #647077;font:.68rem/1.25 Courier New,monospace;pointer-events:none}.hud-tooltip[hidden]{display:none}.hud-tooltip-title{color:#fff4a9;font-size:.76rem}.hud-tooltip-part{margin:0}.hud-tooltip-part strong{color:#bfe4bb}@media(max-width:1680px){.hud-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.hud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-economy-content{grid-template-columns:1fr}.hud-economy-content .economy-overlay,.hud-economy-content .economy-breakdown,.loan-info{grid-column:auto}.hud-view-content{grid-template-columns:1fr}.demand{grid-template-columns:minmax(4.8rem,1fr) 3.7rem auto}.demand-meter{width:3.7rem}}.resources-content{display:grid;gap:.2rem}.hud-resource{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:.25rem;min-width:0;font-size:.69rem}.hud-resource>span{color:#d7e5dc}.hud-resource strong{font:700 .7rem/1.15 Courier New,monospace;color:#8fe0a4}.hud-resource small{grid-column:1 / -1;color:#c9d9d0;font:.68rem/1.1 Courier New,monospace}.hud-resource[data-tone=warn] strong{color:#f1c95c}.hud-resource[data-tone=bad] strong,.hud-resource[data-tone=bad] small{color:#ff8d7a}.indicators-toggle{padding:.1rem .5rem;font-size:.75rem}.indicators-toggle[aria-pressed=true]{background:#eadc86;color:#25291e}.indicators-panel{position:absolute;z-index:6;left:8rem;top:.6rem;display:flex;flex-direction:column;gap:.4rem;width:min(24rem,calc(100% - 8.6rem));max-height:calc(100% - 1.2rem - var(--below-fold, 0px));overflow:hidden;padding:.6rem .75rem;color:#263035;background:#9d9e92fa;border:2px solid #292d31;box-shadow:4px 5px #0a101466;font:.75rem/1.3 Courier New,monospace}.indicators-panel[hidden]{display:none}.indicators-panel header{display:flex;align-items:baseline;gap:.5rem}.indicators-panel h2{margin:0;font-size:.85rem}.indicators-panel h3{margin:.3rem 0 .15rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.indicators-period{margin-left:auto;font-weight:700}.indicators-close{padding:0 .4rem}.indicators-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.indicators-banner{margin:0;padding:.25rem .4rem;background:#eadc86;color:#25291e;border:1px solid #292d31}.indicators-banner[hidden]{display:none}.indicators-note{margin:0 0 .2rem;font-size:.74rem}.indicators-row{display:grid;grid-template-columns:1fr auto;column-gap:.5rem;align-items:baseline;padding:.05rem 0;border-bottom:1px dotted rgba(41,45,49,.35)}.indicators-value.is-empty{font-weight:400;font-style:italic;opacity:.75}.indicators-trend{grid-column:1 / -1;font-size:.72rem}.history-chart{flex:none;padding:.3rem 0 .4rem;border-bottom:2px solid #292d31}.history-toggle{cursor:pointer;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.history-chart[open]>.history-toggle{margin-bottom:.25rem}.history-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.3rem}.history-series{flex:1 1 8rem;min-width:0;font:inherit;color:inherit;background:#c9cabb;border:1px solid #292d31}.history-ranges{display:inline-flex;gap:.2rem}.history-ranges button{padding:0 .35rem;font:inherit}.history-ranges button[aria-pressed=true]{background:#292d31;color:#e7e8dc}.history-plot{display:block;width:100%;height:6.5rem}.history-plot[hidden]{display:none}.history-frame{fill:#d6d7c8;stroke:#292d31;stroke-width:1;vector-effect:non-scaling-stroke}.history-zero{stroke:#6b6f63;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.history-line{stroke:#1f5f8b;stroke-width:2;stroke-linejoin:round}.history-dot{fill:#1f5f8b}.history-empty{margin:.2rem 0;font-style:italic;opacity:.8}.history-empty[hidden],.history-caption[hidden],.history-range-labels[hidden]{display:none}.history-caption{display:flex;flex-wrap:wrap;gap:.2rem .7rem;margin-top:.2rem}.history-caption span:first-child{font-weight:700}.history-range-labels{display:flex;justify-content:space-between;font-size:.7rem;opacity:.8}.topbar.hud-metrics{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.5rem;align-items:center;padding:.3rem .6rem .25rem}.topbar.hud-metrics>.hud-grid{grid-column:1 / -1}.topbar.hud-metrics>.news-ticker{grid-column:2;grid-row:2;margin-top:.2rem}.topbar.hud-metrics>.status{grid-column:1;grid-row:2;margin:.2rem 0 0;max-width:26rem}.hud-economy-content{grid-template-columns:repeat(6,minmax(0,1fr));gap:.15rem .45rem}.hud-economy-content>.hud-stat{grid-column:span 3}.hud-economy-content>.tax-control{grid-column:span 2}.hud-economy-content>.loan-button{grid-column:span 4}.hud-group button,.hud-group select,.hud-group label.file-import{padding-block:.12rem}.news-ticker{padding-block:.15rem}.status [data-message]{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.economy-overlay.warning{white-space:normal}.hud-group{padding:.22rem .4rem .28rem}.hud-group h2{margin-bottom:.15rem}@media(max-width:1680px)and (min-width:721px){.hud-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.3rem}.hud-group-city,.hud-group-population{grid-column:span 2}.hud-group-economy,.hud-group-demand{grid-column:span 4}.hud-group-resources{grid-column:span 3}.hud-group-view{grid-column:span 5}.hud-group-emergency,.hud-group-file{grid-column:span 2}.hud-view-content{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.5rem}.hud-view-content .view-row,.hud-view-content .map-overlay-control,.hud-view-content .render-quality-half{grid-column:auto}}.bridge-crossing-dialog{width:min(34rem,calc(100vw - 2rem));max-width:none;padding:1rem;color:#252b2e;background:#aaa99b;border:2px solid #292d31;box-shadow:inset 1px 1px #e3e0c8,inset -1px -1px #636660,5px 6px #0a101466;font-family:Courier New,monospace}.bridge-crossing-dialog::backdrop{background:#0a1014a3}.bridge-crossing-dialog h2,.bridge-crossing-dialog h3{margin:0;text-transform:uppercase}.bridge-crossing-dialog h2{padding-bottom:.5rem;border-bottom:1px solid #5e625e;font-size:1.05rem}.bridge-crossing-dialog h3{margin:.8rem 0 .4rem;font-size:.8rem}.bridge-crossing-costs{display:grid;gap:.25rem;margin:.65rem 0 0;padding:0;list-style:none}.bridge-crossing-costs li{display:flex;justify-content:space-between;gap:1rem;font-size:.76rem}.bridge-crossing-total{margin:.5rem 0 0;padding-top:.45rem;border-top:1px solid #5e625e;text-align:right;font-size:.85rem;font-weight:700}.bridge-crossing-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.bridge-crossing-choice{display:grid;justify-items:center;gap:.25rem;min-height:4.2rem;padding:.3rem;font:700 .72rem/1.1 Courier New,monospace}.bridge-crossing-choice img{width:72px;height:48px;image-rendering:pixelated}.bridge-crossing-choice small{font-size:.62rem;font-weight:400}.bridge-crossing-choice:hover,.bridge-crossing-choice[aria-checked=true]{color:#1f2525;background:#eadc86;border-color:#fff4ac}.bridge-crossing-choice[aria-checked=true]{box-shadow:inset 1px 1px #827638,inset -1px -1px #fff5b0}.bridge-crossing-actions{display:flex;justify-content:flex-end;gap:.45rem;margin-top:.8rem}.bridge-crossing-actions button{min-height:2rem;padding:.2rem .55rem}.bridge-crossing-confirm{color:#1d2421;background:#eadc86}.bridge-crossing-dialog button:focus-visible{outline:2px solid #f7e86f;outline-offset:2px}@media(max-width:420px){.bridge-crossing-dialog{padding:.7rem}.bridge-crossing-choice img{width:56px;height:38px}.bridge-crossing-costs li{font-size:.68rem}}
