/* Mobile scroll-performance safeguard for Leaflet markers.
   Keep outage/restored markers visible without continuously animating ~1,000 DOM nodes. */
html body .marker-wrap[data-pulse] .marker-ring {
  animation: none !important;
  opacity: 0.32 !important;
  transform: translate(-50%, -50%) scale(1) !important;
  will-change: auto !important;
}

html body .marker-highlight .marker-ring {
  animation: none !important;
  opacity: 0.55 !important;
  transform: translate(-50%, -50%) scale(1.35) !important;
  will-change: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .marker-ring {
    animation: none !important;
    will-change: auto !important;
  }
}