.radar{width:min(320px,75vw);aspect-ratio:1;border-radius:50%;border:1px solid var(--line);margin:28px auto;position:relative;background:repeating-radial-gradient(circle,transparent 0 19%,rgba(117,255,101,.12) 20%,transparent 21%),linear-gradient(90deg,transparent 49.6%,var(--line) 50%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,var(--line) 50%,transparent 50.4%);overflow:hidden}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(117,255,101,.3),transparent 22%);animation:sweep 4s linear infinite}.radar-dot{position:absolute;left:62%;top:32%;width:10px;height:10px;background:var(--secondary);border-radius:50%;box-shadow:0 0 18px var(--secondary)}@keyframes sweep{to{transform:rotate(360deg)}}