#city-directory[hidden],#settlement-legend[hidden]{display:none}
#city-directory{background:#1a281c;border:2px solid #495b38;margin:0 4px 8px;padding:10px 12px;font-size:12px}#city-directory summary{cursor:pointer;color:#e5cc98;min-height:24px;line-height:24px}#city-count{float:right;color:#a5b892}.city-directory-filters{display:flex;gap:8px;margin:12px 0}#city-search,#city-tier{min-width:0;background:#111e17;border:2px inset #506145;color:#e7e2b7;padding:8px;font:14px var(--pixel-font)}#city-search{flex:1;width:50%}#city-tier{width:128px}#city-results{max-height:230px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#city-results button{display:grid;grid-template-columns:auto 1fr;text-align:left;gap:4px 8px;min-width:0;padding:8px;background:#293b26;border:1px solid #526742;box-shadow:none;color:#e5dcb5;font-size:13px}#city-results button:hover{background:#455033;border-color:#d3b76e}#city-results button small{grid-column:2;font-size:11px;color:#a9bb96}#city-directory p{font-size:12px;line-height:1.8;color:#aebd9a;margin-bottom:0}.tier-badge{display:inline-block;white-space:nowrap;font-size:11px;line-height:1.7;border:1px solid currentColor;padding:1px 5px;font-weight:400}.tier-badge.metro,.settlement-legend .metro{color:#edba70}.tier-badge.medium,.settlement-legend .medium{color:#b8d091}.tier-badge.small,.settlement-legend .small{color:#83b5ac}.settlement-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;padding:7px 10px 10px;background:#1b291d}.atlas-city.small text{fill:#add1c2}.atlas-city.medium text{fill:#c6d99f}.atlas-city.metro text{fill:#f4c584}.place-type .tier-badge{margin-right:5px}#map .atlas-city:focus-visible>rect{stroke:#ffeaa7;stroke-width:2}
@media(max-width:700px){#city-directory{margin:0 0 6px;padding:9px}#city-results{grid-template-columns:1fr;max-height:200px}.settlement-legend{gap:8px;font-size:11px;padding:7px 5px}}