.city-view-open{border:1px solid #bdae94!important;background:#faf5e8ed!important;color:#3e493d!important;border-radius:12px;padding:10px 14px;cursor:pointer;font:600 12px system-ui;min-height:40px;touch-action:manipulation}
.city-view-dialog{box-sizing:border-box!important;width:min(820px,94vw)!important;max-width:94vw!important;max-height:88dvh!important;padding:30px!important;border:1px solid #d9cfba!important;border-radius:24px!important;background:#f9f6ee!important;color:#253b31!important;overflow-y:auto!important;box-shadow:0 24px 100px #071d2360}.city-view-dialog::backdrop{background:#09232999;backdrop-filter:blur(5px)}
.city-view-close{position:absolute;right:16px;top:14px;width:36px;height:36px;min-height:36px;border:1px solid #d5cbb6;border-radius:50%;background:#fffaf0;color:#314936;font-size:17px;cursor:pointer}
.city-view-chooser{font-family:system-ui,sans-serif;min-width:0}.city-view-eyebrow{display:block;font-size:10px!important;letter-spacing:.12em;color:#8b7550!important;font-weight:700}.city-view-chooser h2{font:500 clamp(23px,3vw,33px)/1.12 Georgia,serif;margin:12px 30px 12px 0!important;letter-spacing:-.025em}.city-view-description{font-size:13px;line-height:1.55;color:#5a685d;max-width:600px;margin:0 0 20px}
.city-view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.city-view-card{display:flex;min-width:0;flex-direction:column;gap:7px;text-align:left;padding:0 0 14px!important;border:2px solid #ded9c9!important;border-radius:15px!important;background:#fffdf8!important;color:#304332!important;overflow:hidden;cursor:pointer;position:relative;box-shadow:none;touch-action:manipulation}.city-view-card img{width:100%;height:132px;object-fit:cover;background:#d2d9d2;display:block}.city-view-card strong{padding:4px 13px 0;font:600 16px system-ui}.city-view-card span{padding:0 13px;font:11px/1.4 system-ui;color:#697164}.city-view-card[aria-pressed=true]{border-color:#3d6550!important;box-shadow:0 0 0 2px #3d65501c;background:#f0f4e8!important}.city-view-card[aria-pressed=true]:after{content:'✓';position:absolute;top:10px;right:10px;background:#2e5541;color:#fff;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:15px}.city-view-card:focus-visible,.city-view-open:focus-visible{outline:3px solid #cc9f51;outline-offset:3px}.city-view-card:disabled{opacity:.7;cursor:wait}
.city-view-status{font:12px/1.6 system-ui!important;min-height:38px;margin:15px 0 10px!important;color:#435a46!important}.city-view-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.city-view-save{padding:12px 17px;border:0;border-radius:12px;background:#2b503d;color:#fff;font:600 12px system-ui;cursor:pointer;min-height:44px}.city-view-save:disabled{opacity:.5;cursor:default}.city-view-own-link{font:12px system-ui;color:#476149;text-decoration:underline;text-underline-offset:3px;line-height:1.8}.city-view-credits{margin-top:23px;border-top:1px solid #ded9c9;padding-top:13px;color:#697365;font:11px/1.6 system-ui}.city-view-credits summary{cursor:pointer}.city-view-credits a{color:#506a50}.city-view-owner{margin-top:22px}.city-view-owner .city-view-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.city-view-owner .city-view-card img{height:110px}
[hidden].city-view-save,[hidden].city-view-own-link{display:none!important}
@media(max-width:700px){.city-view-dialog{padding:22px 17px!important;max-height:90dvh!important;border-radius:19px!important}.city-view-grid{gap:10px}.city-view-card img{height:103px}.city-view-card strong{font-size:14px;padding-left:10px}.city-view-card span{font-size:10px;padding:0 10px}.city-view-owner .city-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-view-open{font-size:10px;padding:8px 10px;min-height:36px}.city-view-actions{gap:10px}.city-view-save{width:100%}}