.city-page{--cb-text:#e3edeb;--cb-muted:#9bb4bf;--cb-line:#355263;--cb-gold:#d6c396;background:#11283a;color:var(--cb-text)}.cb-wrap{max-width:1360px;padding-top:35px;padding-bottom:42px}.cb-header,.cb-section-head,.cb-map-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.cb-header{margin-bottom:28px}.cb-header>div{min-width:0;overflow-wrap:anywhere}.cb-header>.btn{flex-shrink:0}.cb-eyebrow{color:#b9cecc;font-size:10px;letter-spacing:.17em;font-weight:700}.cb-header h1{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-.04em;margin:9px 0}.cb-header p{margin:0;color:var(--cb-muted)}.cb-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:24px;padding:20px 0;border-block:1px solid var(--cb-line)}.cb-stats>div{padding-inline-start:20px;border-inline-start:1px solid var(--cb-line);min-width:0}.cb-stats>div:first-child{border:0;padding:0}.cb-stats span{display:block;font-size:12px;color:var(--cb-muted)}.cb-stats strong{display:block;font-size:clamp(20px,2.7vw,29px);font-variant-numeric:tabular-nums;margin-top:6px;overflow-wrap:anywhere}.cb-stats>div:first-child strong{color:var(--cb-gold)}.cb-layout{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(270px,1fr);gap:18px;align-items:start}.cb-map-panel,.cb-panel{background:#1b3547;border:1px solid var(--cb-line);border-radius:13px;min-width:0;overflow:hidden}.cb-panel{padding:22px}.cb-map-head{padding:20px 22px;border-bottom:1px solid var(--cb-line);flex-wrap:wrap}.cb-map-head h2{font-size:18px;margin:6px 0 0}.cb-map-actions{display:flex;gap:9px}.cb-map-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-color:#658697 #192f42}.cb-map-scroll svg{display:block;width:100%;height:auto;direction:ltr}.cb-map-scroll.zoomed svg{width:150%;max-width:none}.cb-tile{cursor:pointer;outline:none}.cb-tile .cb-ground{stroke:#799889;stroke-width:.9;stroke-opacity:.38}.cb-tile.selected .cb-ground,.cb-tile:focus-visible .cb-ground{stroke:#ffe0a0;stroke-opacity:1;stroke-width:3}.cb-tile .cb-marker{fill:#c3d1ab;stroke:#264454;stroke-width:1.5}.cb-tile.offline .cb-marker{fill:#e1a279}.cb-structure{pointer-events:none}.cb-map-footer{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--cb-line);font-size:11px;color:var(--cb-muted)}.cb-inspector h2{font-size:23px;margin:17px 0 8px}.cb-status{font-size:11px;color:#b4d6ba;background:#254650;padding:5px 9px;border-radius:5px;display:inline-block}.cb-status.warning{color:#edbf96;background:#4b4943}.cb-field{display:block;font-size:12px;color:var(--cb-muted)}.cb-field>span{display:block;margin-bottom:7px}.city-page select{width:100%;max-width:100%;background:#132c3e;border:1px solid #4c7181;color:var(--cb-text);border-radius:7px;padding:10px;min-height:44px;font:inherit}.city-page .btn{background:#294958;border:1px solid #4b6b78;color:var(--cb-text);min-height:42px;border-radius:7px;white-space:normal;line-height:1.35}.city-page .btn:hover:enabled{background:#365e6c;border-color:#a2bdc2}.city-page .cb-primary{background:#d6c396;border-color:#d6c396;color:#163043;font-weight:700}.city-page .cb-primary:hover:enabled{background:#edddb5}.city-page :focus-visible{outline:2px solid #f1d69c;outline-offset:3px}.city-page .btn:disabled{opacity:.4;cursor:not-allowed}.cb-buildings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:17px 0}.cb-buildings .btn{font-size:10px;padding:10px 3px;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:65px}.cb-buildings .btn[aria-pressed=true]{border-color:#ecd1a0;background:#405b63}.cb-swatch{display:block;width:15px;height:15px;border-radius:3px;background:var(--building);transform:rotate(-12deg);box-shadow:3px 3px #102b3c77}.cb-muted{font-size:12px;line-height:1.8;color:var(--cb-muted)}.cb-preview{font-size:12px;line-height:1.8;color:#c5d5d5;padding:12px 0;border-top:1px solid var(--cb-line);margin-top:10px;min-height:58px}.cb-inspector>.btn{width:100%;margin-top:8px}.city-page .cb-demolish{background:transparent;color:#c6afa2;font-size:11px}.cb-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.cb-section-head{margin-bottom:19px;align-items:flex-start}.cb-section-head h2{font-size:16px;margin:0}.cb-section-head>span,.cb-section-head>strong{font-size:11px;color:var(--cb-gold);text-align:end}.cb-economy{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:22px}.cb-metric{padding:13px;background:#142e40;border:1px solid #355162;border-radius:7px;min-width:0}.cb-metric span{display:block;color:var(--cb-muted);font-size:11px;margin-bottom:6px}.cb-metric strong{font-size:17px;font-variant-numeric:tabular-nums}.cb-metric small{display:block;font-size:10px;color:var(--cb-muted);margin-top:4px}.cb-metric.warning strong{color:#e8b191}.cb-goal{display:grid;grid-template-columns:1fr auto;gap:9px;padding:14px 0;border-bottom:1px solid var(--cb-line);font-size:12px}.cb-goal:first-child{padding-top:0}.cb-goal small{color:var(--cb-gold);text-align:end}.cb-goal p{font-size:10px;color:var(--cb-muted);margin:0;grid-column:1/-1;line-height:1.7}.cb-goal.done{opacity:.65}.city-page progress{appearance:none;width:100%;height:6px;border:0;border-radius:5px;grid-column:1/-1;background:#102a3c;overflow:hidden}.city-page progress::-webkit-progress-bar{background:#102a3c}.city-page progress::-webkit-progress-value{background:#9bc6b1;border-radius:5px}.city-page progress::-moz-progress-bar{background:#9bc6b1}.cb-guide{margin-top:18px}.cb-guide summary{font-weight:600;font-size:14px;cursor:pointer}.cb-guide p{font-size:12px;color:var(--cb-muted);line-height:1.9;margin-bottom:0}.cb-footer{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;color:var(--cb-muted);font-size:12px}.cb-footer #cb-guest{flex-basis:100%;color:#cebd94}.cb-wind{transform-box:fill-box;transform-origin:center;animation:cb-spin 10s linear infinite}.city-page.paused .cb-wind{animation-play-state:paused}.cb-inspector .cb-muted{margin-block:10px;min-height:2em}#cb-relief{margin-top:13px}.cb-map-scroll:focus-visible{outline-offset:-3px}
@keyframes cb-spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.cb-layout{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr)}.cb-panel{padding:18px}.cb-map-head{padding:16px}.cb-map-scroll svg{min-width:530px}.cb-map-scroll.zoomed svg{min-width:795px}}@media(max-width:720px){.cb-wrap{padding-top:22px}.cb-header{align-items:flex-start}.cb-header h1{font-size:32px}.cb-header p{font-size:12px}.cb-header>.btn{font-size:12px;padding:9px}.cb-stats{grid-template-columns:repeat(3,1fr);gap:18px 10px}.cb-stats>div:nth-child(4){padding:0;border:0}.cb-stats>div{padding-inline-start:10px}.cb-layout,.cb-bottom{grid-template-columns:1fr}.cb-map-scroll svg{min-width:0}.cb-map-scroll.zoomed svg{min-width:640px}.cb-map-head{padding:15px}.cb-map-actions .btn{font-size:11px;padding:8px 12px}.cb-inspector{padding:18px}.cb-buildings{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.cb-buildings .btn{font-size:10px;padding:9px 2px;overflow-wrap:anywhere}.cb-economy{gap:10px}.cb-goal{font-size:11px}.cb-eyebrow{font-size:9px}.cb-map-footer{padding:12px 15px}}
@media(prefers-reduced-motion:reduce){.city-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.cb-tile.influence .cb-ground{stroke:#d3e5b4;stroke-opacity:.8;stroke-width:2}.cb-tile.influence.pollution .cb-ground{stroke:#e5ac88}.cb-tile.selected .cb-ground,.cb-tile:focus-visible .cb-ground{stroke:#ffe0a0;stroke-width:3}.cb-metric small{line-height:1.6}