.radar-command-intro { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 20px; align-items: center; }
.radar-activity { width: 72px; height: 72px; position: relative; color: #69d4c6; padding: 0; border: 0; background: transparent; cursor: pointer; flex-shrink: 0; }
.radar-activity:focus-visible { outline: 2px solid #f6d48a; outline-offset: 5px; }
.radar-activity img { display: block; width: 72px; height: 72px; opacity: .65; }
.radar-sweep { position: absolute; inset: 6px; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 265deg, #69d4c650 345deg, #8ce7d6 360deg); opacity: .65; animation: radar-scan 10s linear infinite; pointer-events: none; }
.radar-activity[data-mode="scanning"] .radar-sweep { opacity: 1; animation: radar-scan 2.8s linear infinite; }
.radar-activity[data-mode="scanning"] img { opacity: 1; }
.radar-activity[data-mode="queued"] .radar-sweep { animation-duration: 7s; }
.radar-activity[data-mode="queued"] img { animation: radar-queued 2.2s ease-in-out infinite; }
.radar-activity[data-mode="warning"] { box-shadow: 0 3px 0 #edbc63; }
.radar-activity[data-mode="warning"] .radar-sweep { animation-duration: 16s; opacity: .45; }
.radar-activity[aria-pressed="true"] .radar-sweep, .radar-activity[aria-pressed="true"] img { animation-play-state: paused; }
#radar-activity-label { font-size: 13px; font-weight: 600; }
@keyframes radar-scan { to { transform: rotate(360deg); } }
@keyframes radar-queued { 50% { opacity: .3; } }
@media (max-width: 620px) {
  .radar-command-intro { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; }
  .radar-activity, .radar-activity img { width: 52px; height: 52px; }
  .radar-command-band h2 { font-size: 20px; overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  .radar-activity[data-mode] .radar-sweep, .radar-activity[data-mode] img { animation: none; }
}