/* Shared live-card polish. Keep the existing dashboard geometry and palette. */
.wind-card .pointer-arrow{border-left-width:6px!important;border-right-width:6px!important;border-top:12px solid var(--wind-gust-color,#86868b)!important;color:var(--wind-gust-color,#86868b);filter:drop-shadow(0 0 3px currentColor)!important}
.wind-card .pointer-arrow::after{left:-9px;top:-16px;width:18px;height:18px;background:radial-gradient(circle,currentColor 0%,transparent 70%);opacity:.22}
.wind-card .wind-flow{position:absolute;inset:16%;border-radius:50%;overflow:hidden;pointer-events:none;z-index:2;transition:transform .72s cubic-bezier(.22,.75,.28,1)}
.wind-card .wind-flow[hidden]{display:none}
.wind-card .wind-flow i{position:absolute;top:0;left:22%;height:18%;width:1.2px;border-radius:2px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.68));opacity:0;animation:canik-wind-flow var(--wind-flow-duration,5.5s) linear infinite}
.wind-card .wind-flow i:nth-child(2){left:40%;animation-delay:calc(var(--wind-flow-duration,5.5s)*-.25)}
.wind-card .wind-flow i:nth-child(3){left:62%;animation-delay:calc(var(--wind-flow-duration,5.5s)*-.5)}
.wind-card .wind-flow i:nth-child(4){left:80%;animation-delay:calc(var(--wind-flow-duration,5.5s)*-.75)}
/* North source starts at the top and flows south; rotating the parent handles all bearings. */
@keyframes canik-wind-flow{0%{top:-18%;opacity:0}18%{opacity:.72}72%{opacity:.6}100%{top:100%;opacity:0}}
#liveView #dynamic-weather-icon{--sky-breath-scale:1.045;animation:canik-sky-breathe 5.8s ease-in-out infinite!important;transform-origin:center;will-change:auto}
@keyframes canik-sky-breathe{0%,100%{opacity:.76;scale:.985;filter:brightness(.94) drop-shadow(0 0 1px rgba(255,255,255,.05))}50%{opacity:1;scale:var(--sky-breath-scale,1.045);filter:brightness(1.12) drop-shadow(0 0 4px rgba(255,255,255,.16))}}
#liveView .icon-left .night-sky-combo.night-cloud-heavy .night-cloud-layer{font-size:25px;right:-2px;bottom:1px}
#liveView .icon-left .night-sky-combo.night-cloud-heavy .night-moon-phase{opacity:.78}
@media(min-width:1000px){#liveView .icon-left .night-sky-combo.night-cloud-heavy .night-cloud-layer{font-size:29px;right:-2px;bottom:2px}}
/* Explicitly requested subtle local motion: reduce its scale instead of hiding it.
   This does not change the device preference or any other animation. */
@media(prefers-reduced-motion:reduce){#liveView #dynamic-weather-icon{--sky-breath-scale:1.015;animation-duration:7s!important}.wind-card .compass-pointer,.wind-card .wind-flow{transition:none!important}}

/* Map owns the screen, including its forecast timeline. */
body.station-map-open #zirvekentBottomNav{display:none!important;visibility:hidden!important;pointer-events:none!important}