/* Shared dark radar compass (component: src/components/RadarDial.tsx).
   Same values as the /radar hero dial in radar.css (.radar-root scoped), unscoped so other pages (home) can reuse it. */
.radar-dial{display:block;width:100%;height:100%;overflow:visible}
.radar-dial .radar-dial-grid{stroke:#3a4352;stroke-width:1;opacity:.85}
.radar-dial .radar-dial-sweep{transform-origin:60px 60px;transform-box:view-box;animation:radar-dial-scan 10s linear infinite}
.radar-dial .radar-dial-wedge{stroke:none}
.radar-dial .radar-dial-beam{stroke:#7fd0ff;stroke-width:1.3;stroke-linecap:round;filter:drop-shadow(0 0 2px #38b6ff)}
.radar-dial .radar-dial-dot{fill:#8fdcff;stroke:none;opacity:.08;transform-box:fill-box;transform-origin:center;animation:radar-dial-blip 10s linear infinite;filter:drop-shadow(0 0 2.5px #38b6ff)}
.radar-dial .radar-dial-drift{animation:radar-dial-drift0 9s ease-in-out infinite alternate}
.radar-dial .radar-dial-drift.dr1{animation-name:radar-dial-drift1;animation-duration:11s}
.radar-dial .radar-dial-drift.dr2{animation-name:radar-dial-drift2;animation-duration:13s}
.radar-dial .radar-dial-core{fill:#7fd0ff;stroke:none;filter:drop-shadow(0 0 2px #38b6ff)}
@keyframes radar-dial-scan{to{transform:rotate(360deg)}}
@keyframes radar-dial-blip{0%{opacity:1;transform:scale(1.35)}12%{opacity:.85;transform:scale(1)}70%{opacity:.15}100%{opacity:.08;transform:scale(1)}}
@keyframes radar-dial-drift0{to{transform:translate(3px,-2px)}}@keyframes radar-dial-drift1{to{transform:translate(-3px,2px)}}@keyframes radar-dial-drift2{to{transform:translate(2px,3px)}}
.radar-dial .radar-dial-dot.c-y{fill:#FACC15;filter:drop-shadow(0 0 2.5px #FACC15)}.radar-dial .radar-dial-dot.c-r{fill:#EF4444;filter:drop-shadow(0 0 2.5px #EF4444)}.radar-dial .radar-dial-dot.c-g{fill:#22C55E;filter:drop-shadow(0 0 2.5px #22C55E)}
@media(prefers-reduced-motion:reduce){.radar-dial :is(.radar-dial-sweep,.radar-dial-dot,.radar-dial-drift){animation:none}.radar-dial .radar-dial-dot{opacity:.75}}