/* Radial gradient utility for radar effects */
.bg-gradient-radial {
  background: radial-gradient(circle, var(--tw-gradient-stops));
}

/* Radar sweep animation */
@keyframes radar-sweep {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.animate-radar-sweep {
  animation: radar-sweep 4s linear infinite;
}

/* Radar blip animation */
@keyframes radar-blip {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}

.animate-radar-blip {
  animation: radar-blip 0.3s ease-out;
}

/* Radar grid lines */
.radar-grid {
  background-image:
    radial-gradient(circle at 50% 50%, rgba(34, 197, 94, 0.2) 1px, transparent 1px),
    conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(34, 197, 94, 0.1) 45deg, transparent 90deg, rgba(34, 197, 94, 0.1) 135deg, transparent 180deg, rgba(34, 197, 94, 0.1) 225deg, transparent 270deg, rgba(34, 197, 94, 0.1) 315deg, transparent 360deg);
  background-size: 30px 30px, 100% 100%;
}