:root{color:#18201d;background:#dce4df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;overflow:hidden}body{margin:0;min-width:320px}button,select,input{font:inherit}button{border:1px solid #435047;border-radius:6px;background:#f8faf5;color:#151b18;cursor:pointer;padding:.42rem .65rem}button:hover:not(:disabled){border-color:#1b7c72}button:disabled{cursor:not-allowed;opacity:.55}input{min-width:0;border:1px solid #758178;border-radius:6px;padding:.35rem .45rem;background:#fff;color:#151b18}.app{height:100dvh;overflow:hidden}.game-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(180deg,#ffffff3d,#fff0),#dce4df}.game-shell__hud,.game-shell__context-strip{min-width:0}.game-shell__body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,28vw,420px);gap:.75rem;padding:.75rem}.game-shell__map,.game-shell__command-pane{min-width:0;min-height:0}.status-hud{position:relative;z-index:10;display:grid;grid-template-columns:minmax(120px,184px) minmax(0,1fr) auto;gap:.55rem;align-items:center;padding:.4rem .6rem;border-bottom:1px solid #303833;background:#202521;color:#f3f7f1;box-shadow:0 6px 18px #151b1829}.status-hud__identity{min-width:0;display:flex;gap:.34rem;align-items:baseline}.status-hud__city-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem}.status-hud__turn,.status-hud__metric-label,.status-hud__metric-suffix{color:#c7d1ca;font-size:.72rem}.status-hud__metrics{display:grid;grid-template-columns:repeat(4,minmax(126px,1fr));gap:.3rem;min-width:0}.status-hud__group{min-width:0;min-height:2.55rem;display:grid;gap:.12rem;padding:.3rem .4rem;border:1px solid #3d4841;border-radius:6px;background:#2a302b;color:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.status-hud__group--active{border-color:#6fd0bb;background:#233a35;box-shadow:inset 0 -2px #6fd0bb}.status-hud__group:hover,.status-hud__group:focus-visible{border-color:#6a8378;background:#314039;outline:none}.status-hud__group-label{color:#c7d1ca;font-size:.66rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.status-hud__group-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;align-items:center;min-width:0}.status-hud__group-value{min-width:0;display:grid;gap:.05rem}.status-hud__group-value span{color:#c7d1ca;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem}.status-hud__group-value strong{color:#fff;font-size:.86rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-hud__group-panel{position:absolute;z-index:25;top:calc(100% + .3rem);left:min(13.5rem,18vw);right:4.4rem;display:grid;grid-template-columns:minmax(172px,.8fr) minmax(240px,1.45fr);gap:.5rem;align-items:start;padding:.45rem .55rem;border:1px solid #5b7c72;border-radius:6px;background:#e9f3eb;color:#17211d;box-shadow:inset 0 1px #ffffff94}.status-hud__panel-title,.status-hud__panel-helper,.status-hud__panel-list,.status-hud__panel-list dd,.status-hud__panel-explanation p,.status-hud__panel-explanation ul{margin:0}.status-hud__panel-title{display:block;margin-bottom:.16rem;font-size:.8rem;font-weight:800}.status-hud__panel-helper{margin-bottom:.36rem;color:#3f4b44;font-size:.72rem;line-height:1.25}.status-hud__panel-list{display:grid;gap:.22rem}.status-hud__panel-row{display:grid;grid-template-columns:minmax(74px,.55fr) minmax(0,1fr);gap:.42rem;align-items:center}.status-hud__panel-row dt{color:#59665e;font-size:.72rem;font-weight:800}.status-hud__panel-row dd{display:flex;gap:.35rem;align-items:center;justify-content:space-between;min-width:0;font-size:.78rem;font-weight:800}.status-hud__panel-action{min-height:1.38rem;padding:.06rem .38rem;border-color:#7b8a82;border-radius:4px;background:#fff;color:#18201d;font-size:.68rem;font-weight:800}.status-hud__panel-action:hover:not(:disabled),.status-hud__panel-action:focus-visible{border-color:#176f67;outline:none}.status-hud__panel-explanations{display:grid;gap:.36rem}.status-hud__panel-explanation{display:grid;gap:.14rem}.status-hud__panel-explanation strong{font-size:.78rem}.status-hud__panel-explanation p,.status-hud__panel-explanation ul{font-size:.74rem;line-height:1.18}.status-hud__panel-explanation ul{display:grid;gap:.1rem;padding-left:1rem}.status-hud__menu{position:relative;display:inline-flex;gap:.3rem;align-items:center}.status-hud__menu-button{min-height:2.2rem;border-color:#607069;background:#2f3831;color:#f3f7f1;font-weight:800;box-shadow:inset 0 1px #ffffff14}.status-hud__menu-button:hover:not(:disabled){border-color:#8bb8a4;background:#38423a}.status-hud__menu-popover{position:absolute;right:0;top:calc(100% + .45rem);width:min(280px,88vw);display:grid;gap:.5rem;padding:.75rem;border:1px solid #9aa59d;border-radius:8px;background:#f8faf5;color:#18201d;box-shadow:0 16px 32px #151b1838}.status-hud__field{display:grid;gap:.25rem;font-size:.8rem}.command-pane{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #8b998e;border-radius:8px;background:#edf2ed;box-shadow:0 10px 24px #151b181a}.command-pane__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.45rem;border-bottom:1px solid #bac5bd;background:#d3ddd5}.command-pane__tab-group{min-width:0;display:grid;gap:.25rem}.command-pane__tab-group-label{color:#526058;font-size:.68rem;font-weight:800;text-transform:uppercase}.command-pane__tab-group-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.2rem,1fr));gap:.25rem}.command-pane__tab{min-width:0;padding:.38rem .28rem;border-color:#a7b3aa;background:#f7f9f4;font-size:.78rem;white-space:nowrap}.command-pane__tab--active{border-color:#176f67;background:#dff1ed;color:#0d4f49;font-weight:800}.command-pane__body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.pane-stack{display:grid;gap:.65rem;padding:.65rem}.command-pane__body>.panel,.pane-stack>.panel{border:0;border-radius:0;background:transparent;padding:.65rem;box-shadow:none}.context-strip{min-height:6.1rem;max-height:10rem;display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(220px,1fr) minmax(190px,1.1fr) auto;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:.6rem;align-items:stretch;padding:.6rem .75rem;border-top:1px solid #303833;background:#232923;color:#eef4ee;overflow:hidden}.context-strip__summary,.context-strip__guidance,.context-strip__outlook,.context-strip__actions{min-width:0;border:1px solid #3b453d;border-radius:6px;background:#2e362f;padding:.45rem .55rem}.context-strip__summary{display:grid;align-content:start;gap:.18rem;overflow:auto}.context-strip__outlook{display:grid;align-content:start;gap:.18rem}.context-strip__summary span,.context-strip__guidance,.context-strip__outlook,.context-strip__notice,.context-strip__error{font-size:.78rem}.context-strip__summary span{color:#d2ddd5;overflow-wrap:anywhere}.context-strip__summary ul{display:grid;gap:.08rem}.context-strip__summary li{overflow-wrap:anywhere;font-size:.74rem;line-height:1.22}.context-strip__guidance ul,.context-strip__outlook ul,.context-strip__summary ul{margin:0;padding-left:1rem}.context-strip__guidance li,.context-strip__outlook li,.context-strip__summary li{margin:0 0 .18rem;color:#d2ddd5}.context-strip__actions{display:grid;gap:.35rem;align-content:center}.context-strip__button{min-height:2rem;border-color:#607069;background:#38423a;color:#f3f7f1;font-size:.8rem;font-weight:800;box-shadow:inset 0 1px #ffffff14}.context-strip__button:hover:not(:disabled){border-color:#8bb8a4;background:#435047}.context-strip__button--primary{border-color:#7fb19f;background:#176f67}.context-strip__button--primary:hover:not(:disabled){border-color:#b5d6c9;background:#1d8077}.context-strip__button--secondary{border-color:#7f8b82}.context-strip__button:disabled{border-color:#4a544d;background:#2f3731;color:#87928a;opacity:1}.context-strip__error{grid-column:1 / span 2;margin:-.2rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-strip__error{color:#ffb8af}.warning-stack{min-width:0;display:grid;gap:.35rem;overflow:hidden}.warning-stack__item{min-width:0;border:1px solid #485249;border-left-width:4px;border-radius:6px;padding:.38rem .45rem;background:#303831}.warning-stack__item--critical{border-left-color:#d55345}.warning-stack__item--warning{border-left-color:#c48a2b}.warning-stack__item--info{border-left-color:#3b8dce}.warning-stack__header{display:flex;justify-content:space-between;gap:.4rem}.warning-stack__title,.warning-stack__tone,.warning-stack__detail,.warning-stack__action{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warning-stack__title{font-size:.78rem}.warning-stack__tone{color:#c7d1ca;font-size:.68rem;text-transform:uppercase}.warning-stack__detail,.warning-stack__action{margin:.14rem 0 0;color:#d2ddd5;font-size:.72rem}.map-panel{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #95a198;border-radius:8px;background:#eef4ee;box-shadow:0 10px 24px #151b181a}.map-panel-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;border-bottom:1px solid #c0cbc3;background:#f7faf4}.map-panel-header h2,.map-panel-header span{margin:0}.map-panel-header span{color:#526058;font-size:.8rem}.map-board{min-height:0;display:grid;place-items:center;overflow:hidden;padding:.65rem;background:linear-gradient(rgba(31,42,36,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(31,42,36,.05) 1px,transparent 1px),#e4ece6;background-size:24px 24px}.map-grid{position:relative;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:2px;width:min(100%,calc((100dvh - 13rem)*2));aspect-ratio:2 / 1}.district-label{position:absolute;z-index:2;transform:translate(-50%,-50%);max-width:11rem;padding:.12rem .36rem;border:1px solid rgba(255,255,255,.26);border-radius:4px;background:linear-gradient(180deg,#f8faf56b,#f8faf533);color:#18201d80;font-size:.6rem;font-weight:800;letter-spacing:0;line-height:1.1;text-align:center;text-transform:uppercase;pointer-events:none;box-shadow:inset 0 1px #ffffff57,0 1px 4px #151b180a;text-shadow:0 1px 0 rgba(248,250,245,.55)}.tile{position:relative;z-index:1;aspect-ratio:1;min-width:0;border:1px solid rgba(21,27,24,.2);border-radius:3px;padding:0;display:grid;place-items:center;overflow:hidden;color:#14211b;font-size:.62rem;font-weight:800}.tile.selected{outline:0;box-shadow:inset 0 0 0 3px #126c66,0 0 0 2px #126c662e}.tile.disabled-building{filter:grayscale(.85)}.northbank{background:#bfe2c4}.old-market{background:#e6d87d}.riverside{background:#b9deed}.midtown{background:#d5cbe7}.southworks{background:#e3b0a2}.greenhill{background:#cadf92}.panel{border:1px solid #c5d0c8;border-radius:8px;background:#f7faf4;padding:.9rem}.panel h2,.panel h3{margin:0 0 .55rem}.panel p{margin-top:0}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.split{display:flex;justify-content:space-between;gap:.7rem}.muted{color:#5f6d64}.list{display:grid;gap:.5rem}.item{border:1px solid #d2ddd5;border-radius:8px;padding:.6rem;background:#ffffff85}.panel-title-row{display:flex;justify-content:space-between;gap:.65rem;align-items:flex-start;margin-bottom:.6rem}.panel-title-row h2,.panel-title-row p{margin:0}.icon-button{width:2.4rem;height:2rem;display:grid;place-items:center;padding:0;font-size:.78rem;font-weight:800}.icon-button.danger{border-color:#aa4038;color:#aa4038;background:#fff2ef}.plain-row{width:100%;border:0;background:transparent;padding:0;display:flex;justify-content:space-between;gap:.7rem;text-align:left}.build-panel__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-bottom:.65rem}.build-panel__tab{display:flex;justify-content:space-between;align-items:center;gap:.4rem;min-width:0;padding:.35rem .45rem;border-color:#b7c4ba;background:#ffffffb3;font-size:.82rem;font-weight:700}.build-panel__tab span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-panel__tab--active{border-color:#176f67;background:#e3f3ef}.build-panel__tab-count{color:#5f6d64;font-size:.78rem}.build-panel__category-list{gap:.45rem}.build-panel__item{display:block;width:100%;padding:.55rem .6rem;text-align:left;cursor:pointer}.build-panel__item:focus-visible{outline:2px solid #176f67;outline-offset:2px}.build-panel__item--restricted{border-color:#c9d4cb;background:#f7faf4eb}.build-panel__option{align-items:flex-start}.build-panel__option-headline{display:grid;gap:.14rem}.build-panel__option-price{font-weight:700;white-space:nowrap}.build-panel__option-description{margin:.35rem 0 0}.build-panel__option-stats{margin:.2rem 0 0}.expanded-action{margin-top:.55rem;display:grid;gap:.4rem;cursor:default}.expanded-action p{margin:0}button.item{display:block;width:100%;text-align:left}.selected-action{border-color:#176f67;background:#e3f3ef}.panel-actions{margin-top:.75rem}.compact-panel{padding:.75rem}.compact-panel h2{margin-bottom:.4rem}.compact-stack,.compact-list{display:grid;gap:.35rem}.group-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.compact-details{border:1px solid #d2ddd5;border-radius:8px;padding:.5rem .6rem;background:#ffffff75}.compact-details summary{cursor:pointer;display:flex;justify-content:space-between;gap:.75rem;align-items:center}.compact-details p{margin:.42rem 0 0}.policy-option-grid{display:grid;gap:.4rem;margin-top:.5rem}.policy-option{display:grid;gap:.22rem;text-align:left}.policy-option.current{border-color:#176f67;background:#e3f3ef}.district-grid,.chronicle-grid{display:grid;grid-template-columns:1fr;gap:.55rem}.chronicle-columns{display:grid;gap:.75rem}.section-title-with-info{display:flex;align-items:center;gap:.45rem;margin-bottom:.6rem}.section-title-with-info h2{margin:0}.info-popover{position:relative}.info-popover summary{width:1.45rem;height:1.45rem;display:grid;place-items:center;border:1px solid #607069;border-radius:50%;cursor:pointer;font-weight:700;color:#176f67}.info-popover p{position:absolute;z-index:5;top:calc(100% + .35rem);left:0;width:min(340px,80vw);margin:0;padding:.75rem;border:1px solid #aab7ae;border-radius:8px;background:#f7faf4;box-shadow:0 10px 24px #151b182e}.district-name{font-weight:800;cursor:text}.district-name-input{width:100%}.northbank-text{color:#216339}.old-market-text{color:#685714}.riverside-text{color:#216274}.midtown-text{color:#544277}.southworks-text{color:#844238}.greenhill-text{color:#4b6417}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.45rem}.metric{min-width:0;border:1px solid #d2ddd5;border-radius:6px;padding:.4rem;background:#ffffff94}.metric span{display:block;color:#5f6d64;font-size:.75rem}.metric strong{display:block;font-size:.96rem}.alert{border-left:4px solid #c64539;background:#fff0ee;padding:.55rem .75rem}.warning{border-left:4px solid #bd8024;background:#fff7e4;padding:.55rem .75rem}.good{color:#166b35}.bad{color:#aa4038}blockquote{margin:.7rem 0;border-left:4px solid #176f67;padding-left:.8rem}.tooltip{border-bottom:1px dotted currentColor}.guide-pane{display:grid;gap:.8rem;padding:.75rem}.guide-pane__header h2,.guide-pane__header p,.guide-pane__section h3{margin:0}.guide-pane__header p{color:#5f6d64}.guide-pane__section{display:grid;gap:.45rem}.guide-pane__list{display:grid;gap:.45rem;margin:0;padding-left:1.2rem}.guide-pane__list li{color:#5f6d64}.guide-pane__list strong,.guide-pane__list span{display:block}.guide-pane__list strong{color:#18201d}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#151b18a3}.modal{max-width:640px;width:min(640px,100%);max-height:calc(100dvh - 2rem);overflow-y:auto;border-radius:8px;background:#f7faf4;padding:1rem;box-shadow:0 18px 40px #151b183d}.modal-header{position:sticky;top:-1rem;z-index:1;display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:-1rem -1rem .75rem;padding:1rem;border-bottom:1px solid #d2ddd5;background:#f7faf4}.modal-header h2{margin:0}.close-button{width:2rem;height:2rem;display:grid;place-items:center;padding:0;border-color:#758178;font-weight:800;line-height:1}.wide-modal{max-width:760px;width:min(760px,100%)}.finance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.55rem}.finance-chart{width:100%;height:auto;min-height:240px;max-height:360px;margin:.75rem 0;border:1px solid #d2ddd5;border-radius:8px;background:#fbfdf8}.finance-chart polyline{fill:none;stroke-width:3}.chart-axis{stroke:#758178;stroke-width:1.5}.axis-label,.tick-label,.legend-label{fill:#27302a;font-size:.75rem}.tick-label{fill:#5f6d64}.cash-label{fill:#176f67}.revenue-label{fill:#9b4f32}.cash-line{stroke:#176f67}.revenue-line{stroke:#9b4f32}.hover-line{stroke:#758178;stroke-dasharray:4 4;stroke-width:1}.chart-point{stroke:#f7faf4;stroke-width:1.5}.cash-point{fill:#176f67}.revenue-point{fill:#9b4f32}.point-hover{display:none;pointer-events:none}.chart-data-point:hover .point-hover,.chart-data-point:focus .point-hover,.chart-data-point:focus-within .point-hover{display:block}.chart-data-point:hover .chart-point,.chart-data-point:focus .chart-point,.chart-point.active{stroke:#151b18;stroke-width:2}.chart-hit-area{fill:transparent;cursor:crosshair;outline:none}.chart-data-point:focus{outline:none}.chart-data-point:focus .chart-hit-area{stroke:#151b18;stroke-width:2}.chart-tooltip rect{fill:#f8faf5;stroke:#758178;filter:drop-shadow(0 4px 8px rgba(21,27,24,.18))}.chart-tooltip text{fill:#151b18;font-size:.75rem;font-weight:700}.education-bars{display:grid;gap:.5rem}.bar{height:.65rem;overflow:hidden;border-radius:4px;background:#dde7df}.bar span{display:block;height:100%;background:#176f67}.election-result{display:grid;gap:.55rem;margin:.9rem 0;padding:.75rem;border:1px solid #d2ddd5;border-radius:8px;background:#f8faf5}.election-result h3,.election-result p{margin:0}.vote-row{display:grid;grid-template-columns:5.5rem 1fr 3rem;gap:.5rem;align-items:center}.vote-track{height:.9rem;overflow:hidden;border-radius:4px;background:#dde7df}.vote-track span{display:block;height:100%;border-radius:4px;background:#176f67;transition:width 80ms linear}.vote-row:nth-of-type(2) .vote-track span{background:#9b4f32}@media(max-width:1100px){.game-shell__body{grid-template-columns:1fr;grid-template-rows:minmax(240px,1fr) minmax(220px,42dvh)}.status-hud{grid-template-columns:minmax(104px,142px) minmax(0,1fr) auto;gap:.38rem}.status-hud__metrics{grid-template-columns:repeat(4,minmax(112px,1fr))}.status-hud__group-panel{left:.65rem;right:.65rem}.context-strip{grid-template-columns:1fr auto;max-height:10rem}.warning-stack,.context-strip__guidance,.context-strip__outlook{display:none}.command-pane__tabs{grid-template-columns:repeat(3,minmax(9.5rem,1fr));overflow-x:auto}.map-grid{width:min(100%,calc((58dvh - 11rem)*2))}}@media(max-width:640px){.status-hud{grid-template-columns:minmax(88px,110px) minmax(0,1fr) auto;gap:.3rem;padding:.36rem .45rem}.status-hud__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.status-hud__group-panel{grid-template-columns:1fr;left:.5rem;right:.5rem}.game-shell__body{padding:.5rem;gap:.5rem}.context-strip{min-height:4.5rem;grid-template-columns:1fr}.context-strip__actions{grid-template-columns:1fr 1fr}.map-panel-header span{display:none}.build-panel__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}