.badge.live {
  background: #d91732;
  color: #fff;
  box-shadow: 0 0 0 0 rgba(217, 23, 50, .62), 0 0 14px rgba(217, 23, 50, .8);
  animation: live-glow 1.35s ease-in-out infinite;
}

@keyframes live-glow {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(217, 23, 50, .65), 0 0 10px rgba(217, 23, 50, .55);
  }
  50% {
    box-shadow: 0 0 0 5px rgba(217, 23, 50, 0), 0 0 22px rgba(217, 23, 50, .95);
  }
}

@media (prefers-reduced-motion: reduce) {
  .badge.live { animation: none; }
}