/* ========================================
   EARTHQUAKE PULSE ANIMATION
   ======================================== */

@keyframes earthquakePulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }

  100% {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}

.earthquake-pulse-ring {
  position: absolute;
  border-radius: 50%;
  border: 2px solid;
  pointer-events: none;
  animation: earthquakePulse 2s ease-out infinite;
  top: 50%;
  left: 50%;
  transform-origin: center center;
}