.live-city-frame{height:400px;overflow:hidden;touch-action:pan-y}@media (min-width:768px){.live-city-frame{height:480px}}.live-city-frame .maplibregl-ctrl-attrib,.live-city-frame .maplibregl-ctrl-logo{display:none!important}.live-city-veil{background:rgba(255,255,255,.14)}.dark .live-city-veil{background:rgba(8,47,73,.28)}.live-area-name,.live-city-empty,.live-city-overlay,.live-city-veil{pointer-events:none}.live-area-name{position:absolute;z-index:1;max-width:8rem;transform:translate(-50%,-50%);text-align:center;font-size:.78rem;font-weight:800;line-height:1.35;color:#14532d;text-shadow:0 0 6px rgba(255,255,255,.95),0 0 2px rgba(255,255,255,.95)}.dark .live-area-name{color:#bbf7d0;text-shadow:0 0 8px rgba(2,6,23,.95),0 0 2px rgba(2,6,23,.95)}.live-pop{position:absolute;z-index:2;width:0;height:0;pointer-events:none}.live-pop.is-open{z-index:5}.live-particle,.live-pulse{position:absolute;left:0;top:0;border-radius:999px;pointer-events:none}.live-pulse{width:14px;height:14px;margin:-7px 0 0 -7px;background:rgba(13,148,136,.45);animation:live-pulse 1.15s ease-out both}.live-particle{width:4px;height:4px;margin:-2px 0 0 -2px;background:rgba(255,255,255,.9);opacity:0;animation:live-particle 1.1s ease-out 3.6s both}.live-particle:nth-child(2){animation-delay:3.72s}.live-particle:nth-child(3){animation-delay:3.84s}.live-particle:nth-child(4){animation-delay:3.9s}.live-pop:not(.live-pop--still){animation:live-pop-life linear both}.live-stack{position:absolute;left:0;bottom:0;display:flex;width:var(--card-w,9.75rem);max-width:var(--card-w,9.75rem);transform:translateX(calc(-50% + var(--nudge-x, 0px))) translateY(-10px);flex-direction:column;align-items:stretch;gap:.28rem;animation:live-rise .72s cubic-bezier(.2,.7,.2,1) .12s both}.live-pop--below .live-stack{bottom:auto;top:0;flex-direction:column-reverse;transform:translateX(calc(-50% + var(--nudge-x, 0px))) translateY(8px);animation-name:live-rise-down}.live-icon{display:flex;align-self:center;height:1.7rem;width:1.7rem;align-items:center;justify-content:center;border-radius:999px;color:white;box-shadow:0 8px 18px rgba(15,23,42,.18)}.live-icon svg{height:1rem;width:1rem}.live-card{pointer-events:auto;width:100%;border-radius:.7rem;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.55);backdrop-filter:blur(8px);padding:.32rem .45rem .36rem;text-align:right;color:rgb(15 23 42);box-shadow:0 8px 18px rgba(15,23,42,.1);animation:live-card-in .4s ease .32s both}.dark .live-card{border-color:rgba(186,230,253,.16);background:rgba(8,47,73,.5);color:rgb(240 249 255)}.live-card strong,.live-detail strong{font-size:.68rem;font-weight:700;line-height:1.45}.live-card em,.live-card strong,.live-detail strong{display:block;white-space:normal;overflow-wrap:anywhere}.live-card em{margin-top:.08rem;font-size:.6rem;font-style:normal;font-weight:500;line-height:1.4;color:rgb(71 85 105)}.dark .live-card em,.dark .live-detail em{color:rgb(186 230 253)}.live-detail em{display:block;margin-top:.12rem;font-size:.6rem;font-style:normal;font-weight:500;line-height:1.4;color:rgb(71 85 105);white-space:normal;overflow-wrap:anywhere}.live-detail{pointer-events:auto;width:100%;border-radius:.7rem;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.62);backdrop-filter:blur(8px);padding:.4rem .48rem .45rem;text-align:right;color:rgb(15 23 42);box-shadow:0 10px 22px rgba(15,23,42,.12)}.dark .live-detail{border-color:rgba(125,211,252,.2);background:rgba(8,47,73,.58);color:white}.live-detail a{display:inline-flex;margin-top:.35rem;border-radius:.5rem;background:rgb(15 118 110);padding:.22rem .48rem;font-size:.62rem;font-weight:700;line-height:1.4;color:white}.live-city-locate{pointer-events:auto;position:absolute;bottom:.7rem;right:.7rem;z-index:4;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:rgba(255,255,255,.92);padding:.3rem .7rem;font-size:.72rem;font-weight:700;color:rgb(15 23 42)}.dark .live-city-locate{border-color:rgba(125,211,252,.2);background:rgb(8 47 73);color:white}.live-pop--still,.live-pop--still .live-card,.live-pop--still .live-particle,.live-pop--still .live-pulse,.live-pop--still .live-stack{animation:none}.live-city-frame.is-paused .live-card,.live-city-frame.is-paused .live-particle,.live-city-frame.is-paused .live-pop,.live-city-frame.is-paused .live-pulse,.live-city-frame.is-paused .live-stack{animation-play-state:paused}.live-badge-dot{height:.45rem;width:.45rem;border-radius:999px;background:rgb(16 185 129);box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:live-dot 1.8s ease-out infinite}@keyframes live-pulse{0%{transform:scale(.4);opacity:.7}to{transform:scale(4.2);opacity:0}}@keyframes live-pop-life{0%,74%{opacity:1}to{opacity:0}}@keyframes live-rise{0%{opacity:0;transform:translateX(calc(-50% + var(--nudge-x, 0px))) translateY(6px)}to{opacity:1;transform:translateX(calc(-50% + var(--nudge-x, 0px))) translateY(-10px)}}@keyframes live-rise-down{0%{opacity:0;transform:translateX(calc(-50% + var(--nudge-x, 0px))) translateY(-4px)}to{opacity:1;transform:translateX(calc(-50% + var(--nudge-x, 0px))) translateY(8px)}}@keyframes live-card-in{0%{opacity:0}to{opacity:1}}@keyframes live-particle{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:.85}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}@keyframes live-dot{0%{box-shadow:0 0 0 0 rgba(16,185,129,.45)}to{box-shadow:0 0 0 7px rgba(16,185,129,0)}}@media (prefers-reduced-motion:reduce){.live-badge-dot,.live-card,.live-particle,.live-pop,.live-pulse,.live-stack{animation:none}}.live-particle:first-child{--dx:-10px;--dy:-28px}.live-particle:nth-child(2){--dx:12px;--dy:-24px}.live-particle:nth-child(3){--dx:-2px;--dy:-34px}.live-particle:nth-child(4){--dx:8px;--dy:-18px}