.beacon-rig span {
  width: min(150px, 72%);
  aspect-ratio: 1;
  border: 1px solid rgba(197, 248, 42, 0.45);
  border-radius: 50%;
  background:
    radial-gradient(circle, var(--lime) 0 8%, transparent 9%),
    repeating-radial-gradient(circle, rgba(78, 205, 196, 0.22) 0 8%, transparent 8% 18%);
  box-shadow: 0 0 calc(12px + var(--signal, 0%) / 2) rgba(197, 248, 42, 0.36);
  animation: beacon-ping 1.8s ease-in-out infinite;
}

@keyframes beacon-ping {
  50% { transform: scale(1.08); opacity: 0.78; }
}