.local-city-hero{min-width:0;align-self:center;margin-top:25px}.local-city-scene{height:465px;position:relative;overflow:hidden;border-radius:75px 20px 20px 20px;border:1px solid #86a3b9;background:#16384f;box-shadow:0 24px 55px #00142866}.local-city-scene>[data-city-current],.local-city-scene>[data-city-next]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50%;display:block}.local-city-scene>[data-city-next]{opacity:0;transition:opacity .8s ease-in-out}.local-city-scene>[data-city-next].city-fade-in{opacity:1}.city-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#10203812 40%,#071d32dc);pointer-events:none}.city-crest{position:absolute;right:20px;top:20px;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border:1px solid #ceba8888;border-radius:13px;background:#091d32ee;box-shadow:0 9px 25px #00172b66}.city-crest>img{width:76px;height:76px;object-fit:contain}.city-crest>span{font-size:.76rem;line-height:1.6;color:#caddE9;letter-spacing:.04em}.city-crest b{font-weight:500;color:#e9c584}.city-caption{position:absolute;left:27px;bottom:28px;right:20px;color:#edf4f8}.city-caption>span:first-child{font-size:.75rem;letter-spacing:.11em;color:#c5d8e5}.city-caption>strong{display:block;font:600 3.35rem/1.1 var(--display);color:#f5d292;margin:10px 0 6px}.city-caption>span:last-child{font-size:1.02rem;line-height:1.4}.city-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:9px;align-items:end;margin-top:18px}.city-controls button{height:46px;min-width:44px;border:1px solid #7798ae;border-radius:8px;background:#14354e;color:#edc98f;font:500 1.1rem var(--body);cursor:pointer}.city-controls button:disabled{opacity:.55;cursor:default}.city-select{min-width:0}.city-select-label{display:block;font-size:.85rem;color:#b7d3e5;margin-bottom:7px}.city-select select{height:46px;width:100%;min-width:0;border:1px solid #829fb3;border-radius:7px;padding:8px 11px;font:500 1rem var(--body);background:#173d58;color:#e8d2ac;cursor:pointer}.city-controls :is(button,select):focus-visible{outline:2px solid #f5d797;outline-offset:3px}.city-image-note{font-size:.85rem!important;line-height:1.5;color:#abc9de!important;margin-top:13px}.city-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.local-city-scene{height:410px}.city-crest{right:12px;top:15px;padding:9px;gap:8px}.city-crest>img{width:60px;height:60px}.city-crest>span{font-size:.65rem}.city-controls{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.city-controls [data-city-pause]{grid-column:2;justify-self:center;width:90px}.city-caption{left:22px}.city-caption>strong{font-size:2.8rem}}
@media(max-width:760px){.local-city-hero{margin-top:38px}.local-city-scene{height:365px;border-top-left-radius:65px}.city-crest>img{width:65px;height:65px}.city-crest>span{font-size:.68rem}.city-caption{bottom:22px}.city-caption>strong{font-size:2.9rem}.city-select select{font-size:1rem;padding-inline:9px}.city-controls [data-city-pause]{width:90px}.city-image-note{font-size:.85rem!important}}
html[data-motion=off] .local-city-scene>[data-city-next]{transition:none}@media(prefers-reduced-motion:reduce){.local-city-scene>[data-city-next]{transition:none}}