body.city{min-height:100vh}.city-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:var(--panel);border-bottom:1px solid var(--line)}.city-top .brand{font-size:21px}.city-top .brand img{width:30px;height:30px}.city-top nav{display:flex;gap:2px;justify-content:flex-end}.city-top nav a{padding:5px 9px;border-radius:8px;color:var(--dim);font-weight:800;font-size:13px;text-decoration:none}.city-top nav a:hover,.city-top nav a:focus-visible,.city-top nav a[aria-current]{color:var(--ink);background:var(--line);outline:none}.city-main{max-width:760px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-right)) 32px max(16px,env(safe-area-inset-left))}.city-hero{position:relative;margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-2);background:var(--panel);aspect-ratio:1200 / 630}.city-hero img{display:block;width:100%;height:100%;object-fit:cover}.city-main h1{margin:18px 0 4px;font-size:clamp(26px,6vw,36px);font-weight:900;line-height:1.1}.city-main .kicker{margin:0 0 14px;color:var(--yellow);font-weight:800;font-size:15px}.play-big{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;margin:6px 0 22px;border-radius:14px;background:linear-gradient(180deg,#ffd36a,#f0b24a 55%,#f08a2a);color:#1b2430;font-weight:900;font-size:21px;text-decoration:none;box-shadow:0 4px #a85a17}.play-big:hover,.play-big:focus-visible{filter:brightness(1.06);outline:2px solid var(--ink);outline-offset:2px}.play-big svg{width:22px;height:22px;fill:#1b2430}.city-main h2{margin:26px 0 8px;font-size:20px;font-weight:900;color:var(--orange)}.city-main p,.city-main li{font-size:16px;line-height:1.6;color:#dfe5ec}.city-main ul{padding-left:20px}.city-main a:not(.play-big){color:var(--orange)}.city-main .en{margin-top:26px;padding-top:14px;border-top:1px solid var(--line)}.city-main .en p{color:var(--dim)}.other-cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px}.other-cities a{display:block;border-radius:var(--radius);overflow:hidden;border:2px solid var(--line-2);background:var(--panel);text-decoration:none;color:var(--ink)}.other-cities a:hover,.other-cities a:focus-visible{border-color:var(--orange);outline:none}.other-cities img{display:block;width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover}.other-cities span{display:block;padding:8px 10px;font-weight:900;font-size:15px}.city-foot{margin-top:28px;color:var(--dim);font-size:13px;line-height:1.5}.city-foot a{color:var(--dim)}@media(max-width:420px){.city-top .brand{font-size:18px}.city-top nav a{padding:5px 6px;font-size:12.5px}}