/* Living Cities expansion */
.city-live-hero{max-width:1100px;margin:38px auto 20px;padding:36px;border-radius:28px;background:linear-gradient(135deg,rgba(60,35,20,.92),rgba(20,22,38,.92));color:#fff;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.city-live-hero h1{font-size:clamp(2rem,4vw,4rem);margin:.2em 0}.city-live-hero p{max-width:760px;line-height:1.7}.city-live-grid{max-width:1100px;margin:20px auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.city-live-card{border-radius:22px;padding:22px;background:rgba(255,248,235,.92);border:1px solid rgba(120,75,35,.25);box-shadow:0 8px 26px rgba(0,0,0,.12)}.city-live-card h2{margin-top:0}.city-live-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:16px}.city-spot{border:1px solid rgba(120,75,35,.35);border-radius:18px;padding:16px;background:rgba(255,255,255,.66);cursor:pointer;transition:.2s transform,.2s box-shadow}.city-spot:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.16)}.city-spot strong{display:block;margin-bottom:6px}.city-live-panel{max-width:1100px;margin:0 auto 40px;padding:24px;border-radius:24px;background:rgba(25,20,30,.92);color:#fff}.city-route-btn,.city-live-btn{display:inline-block;border:0;border-radius:999px;padding:12px 18px;background:#8f5d2f;color:#fff;text-decoration:none;cursor:pointer;margin:6px 6px 6px 0}.city-route-output{margin-top:14px;padding:16px;border-radius:18px;background:rgba(255,255,255,.1);line-height:1.7}.city-discovery-index{position:fixed;left:14px;bottom:14px;z-index:9998;max-width:280px;background:rgba(22,18,30,.94);color:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 35px rgba(0,0,0,.25);font-size:13px}.city-discovery-index progress{width:100%}.city-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}.city-modal.show{display:flex}.city-modal-card{max-width:560px;background:#fff8eb;color:#24190f;border-radius:24px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.4)}.city-modal-card button{margin-top:16px;border:0;border-radius:999px;padding:10px 16px;background:#8f5d2f;color:white;cursor:pointer}@media(max-width:680px){.city-discovery-index{position:static;margin:18px auto;max-width:calc(100% - 28px)}.city-live-hero{margin:18px 12px}.city-live-grid,.city-live-panel{margin-left:12px;margin-right:12px}}