/* Balayage radar : une ligne nette et une traînée rouge progressive. */
.radar b {
  position: absolute;
  width: 50%;
  height: 4px;
  left: 0;
  top: calc(50% - 2px);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(209, 11, 36, .6), var(--red) 84%);
  box-shadow: 0 0 10px rgba(209, 11, 36, .32);
  transform-origin: 100% 50%;
  transform: rotate(25deg);
  animation: radar-sweep 4.8s linear infinite;
  z-index: 2;
}

.radar b::before {
  content: "";
  position: absolute;
  width: 116%;
  height: 50px;
  left: -16%;
  top: 50%;
  z-index: -1;
  border-radius: 100% 0 0 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(209, 11, 36, .03) 37%, rgba(209, 11, 36, .26) 100%);
  filter: blur(10px);
  opacity: .82;
  transform: translateY(-50%);
}

@keyframes radar-sweep {
  from { transform: rotate(25deg); }
  to { transform: rotate(385deg); }
}

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