.city-screen{color:#eee8d6;max-width:1450px;margin:auto;padding:28px 24px}.city-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.city-heading h1{margin:8px 0;font:700 clamp(30px,4vw,52px) Georgia,serif}.city-heading p{color:#b2c2c4}.city-heading strong{color:#edc56c}.city-wallet{background:#142731;border:1px solid #8c7548;flex-wrap:wrap;align-items:center;gap:28px;margin:24px 0;padding:20px;display:flex;box-shadow:inset 0 0 0 3px #243b40}.city-wallet b{color:#ffd578;font-size:25px}.city-wallet small{color:#b7c6c1;margin-left:auto}.city-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px;display:grid}.city-map{aspect-ratio:1000/650;background:#365b50;border:3px solid #817c59;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #202f31}.city-map>svg{width:100%;height:100%;position:absolute;inset:0}.city-map-title{letter-spacing:2px;color:#dedac5;background:#132a35df;border-left:3px solid #d0af67;padding:12px 18px;font-size:11px;position:absolute;top:20px;left:22px}.city-map-title strong{letter-spacing:0;margin-top:5px;font:22px Georgia,serif;display:block}.city-plot{background:0 0;border:0;width:24%;max-width:185px;padding:0;position:absolute;transform:translate(-50%,-50%)}.city-plot svg{filter:drop-shadow(0 9px #153a3655);width:100%;height:auto}.city-plot span{background:#142931ee;border:1px solid #839480;padding:8px 4px;font:700 13px Georgia,serif;display:block}.city-plot small{color:#c3c4a6;margin-top:4px;font:11px system-ui;display:block}.city-plot.selected span{border-color:#f8cb70;box-shadow:0 0 0 2px #bc8b4144}.city-plot:hover{filter:brightness(1.15)}.city-building,.city-bottom>section{background:#0c1c29;border:1px solid #335054;padding:22px}.city-building p{color:#acbfc0;font-size:14px;line-height:1.6}.city-building dl{grid-template-columns:1fr auto;gap:14px;margin:24px 0;font-size:13px;display:grid}.city-building dd{color:#f8ce75;margin:0;font-weight:700}.city-building .primary-button{justify-content:center;width:100%;min-height:48px}.city-bottom{grid-template-columns:1.3fr 1fr;gap:18px;margin-top:18px;display:grid}.city-mission{border-top:1px solid #30474b;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.city-mission h3{margin:0;font-size:16px}.city-mission p,.city-bottom p{color:#b1c2be;font-size:13px;line-height:1.6}.city-mission button{color:#eee8cf;background:#254644;border:1px solid #789879;min-height:44px;padding:8px 12px}.city-screen [role=alert]{color:#ffe0d2;background:#502d30;padding:12px}.city-heading progress{accent-color:#d4b363;max-width:180px}@media (width<=900px){.city-layout{grid-template-columns:1fr}.city-building dl{grid-template-columns:1fr auto}.city-bottom{grid-template-columns:1fr}.city-screen{padding:16px 12px}.city-wallet{gap:12px;padding:12px}.city-wallet b{font-size:19px}.city-wallet small{margin:0}.city-heading{align-items:flex-start}.city-heading>div:last-child{max-width:110px;font-size:11px}.city-map-title{padding:6px;font-size:8px;top:8px;left:8px}.city-map-title strong{font-size:16px}.city-plot span{padding:5px 2px;font-size:10px}.city-plot small{font-size:9px}.city-heading progress{max-width:100px}}