/* City actions reuse the contextual parchment and the existing green/gold UI. */
.map-context-menu.city-building-menu{width:288px}
.city-building-menu .map-context-menu-content{padding:0 var(--space,8px) calc(var(--space,8px)/2)}
.city-building-menu .map-context-menu-heading{margin-bottom:calc(var(--space,8px)/2)}
.city-building-menu .map-context-menu-heading>div{flex:1;min-width:0}
.city-building-menu .map-context-menu-heading h3{padding-bottom:0}
.city-building-menu .city-building-menu-level{margin:0;font:12px/1.3 var(--sans);color:var(--antique-muted)}
.city-building-menu-progress{margin:0 0 var(--space,8px);font:12px/1.4 var(--sans);color:var(--green)}
.city-building-menu .city-building-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--space,8px)*8),1fr));gap:calc(var(--space,8px)/2);padding-top:0}
.city-building-menu .city-building-actions:has(> :nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
.city-building-menu .city-building-action{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-width:44px;min-height:64px;margin:0;border:0;background:none;box-shadow:none;text-shadow:none;padding:0 calc(var(--space,8px)/2);color:var(--antique-ink);font:700 15px/1.15 var(--serif);text-align:center;white-space:normal;overflow-wrap:anywhere}
.city-building-menu .city-building-action:only-child{flex-direction:row;justify-content:center;gap:var(--space,8px);min-height:44px}
.city-building-action-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;color:var(--gold-light)}
.city-building-action-icon .icon{width:24px;height:24px}
.city-building-menu .city-building-action:hover{filter:brightness(1.12)}
.city-building-menu .city-building-action:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.city-building-menu .city-building-action[disabled]{opacity:.57;cursor:default}
.action-sheet:is([data-view='city-upgrade'],[data-view='city-healing']){top:auto;left:var(--space,8px);right:var(--space,8px);bottom:var(--space,8px);width:min(460px,calc(100% - var(--space,8px)*2));max-height:calc(100% - var(--space,8px)*2);margin-inline:auto}
.action-sheet:is([data-view='city-upgrade'],[data-view='city-healing']) .sheet-content{min-height:0;padding:var(--space,8px) calc(var(--space,8px)*1.5) calc(var(--space,8px)*2);scroll-padding-block:var(--space,8px)}
.action-sheet:is([data-view='city-upgrade'],[data-view='city-healing']) :is(.primary-button,.secondary-button){min-height:44px;white-space:normal;overflow-wrap:anywhere}
.city-upgrade-panel{min-width:0}
.city-upgrade-overview{display:flex;align-items:center;gap:var(--space,8px);margin-bottom:calc(var(--space,8px)*2)}
.city-upgrade-levels{display:flex;align-items:center;justify-content:center;gap:calc(var(--space,8px)*2);flex:1;min-width:0}
.city-upgrade-levels>div{display:grid;gap:calc(var(--space,8px)/2);text-align:center;min-width:0}
.city-upgrade-levels>div>span{font:12px/1.3 var(--sans);color:var(--antique-muted)}
.city-upgrade-levels strong{font:700 32px/1 var(--serif);color:var(--green)}
.city-upgrade-arrow .icon{width:24px;height:24px;color:var(--antique-gold)}
.city-upgrade-panel h3{margin:0 0 var(--space,8px);font:700 21px/1.15 var(--serif);color:var(--green)}
.city-upgrade-benefits,.city-upgrade-duration,.city-upgrade-panel .building-requirements,.city-upgrade-job{margin-bottom:calc(var(--space,8px)*2)}
.city-upgrade-panel .building-comparison{margin:0}
.city-upgrade-panel .building-comparison-row{grid-template-columns:minmax(0,1fr) minmax(44px,auto) minmax(44px,auto)}
.city-upgrade-panel .building-comparison-row>*{min-width:0;overflow-wrap:anywhere}
.city-upgrade-purchase>.primary-button,.city-upgrade-job>.primary-button{width:100%}
.city-upgrade-maximum{display:flex;align-items:center;justify-content:center;gap:var(--space,8px);margin:0;color:var(--green);font:700 20px/1.25 var(--serif)}
.city-upgrade-maximum .icon{width:24px;height:24px;flex:none}
.action-sheet[data-view='city-healing'] .healing-batch{margin-block:var(--space,8px);padding-block:var(--space,8px)}
.action-sheet[data-view='city-healing'] .troop-treatment-heading{min-width:0}
@media(max-width:359px){.city-building-menu .city-building-action{font-size:14px}.city-upgrade-levels{gap:var(--space,8px)}}
@media(forced-colors:active){.city-building-menu .city-building-action{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}.city-building-action-icon,.city-upgrade-levels strong,.city-upgrade-panel h3,.city-upgrade-maximum{color:CanvasText}.city-building-menu .city-building-action:focus-visible{outline-color:Highlight}}