/* Flights: a night-shift radar room. Deep navy screen, phosphor-green sweep rings, planes as small arrows pointing where
   they fly. Always dark: radar is read in the dark. */
:root { --page: #0d1b2a; --card: #13263a; --ink: #e8f1f7; --soft: #9fb4c6; --line: #24405a; --field: #0a1622; --act: #7ee2a8; --on-act: #062414; --stop: #ff8a80; --phos: #7ee2a8; color-scheme: dark; }
a { color: var(--phos); }
.radar { background: radial-gradient(circle, #10314a, #0a1622 70%); border: 1px solid var(--line); border-radius: 50%; aspect-ratio: 1; width: min(100%, 420px); justify-self: center; }
.radar svg { width: 100%; height: 100%; display: block; }
.ring { fill: none; stroke: rgb(126 226 168 / .28); stroke-width: .006; } .axis { stroke: rgb(126 226 168 / .15); stroke-width: .004; }
.lbl { fill: rgb(126 226 168 / .6); font-size: .055px; font-family: ui-monospace, monospace; }
.plane { fill: var(--phos); } .plane.sel { fill: #ffd166; } .me { fill: #fff; }
.flights li { cursor: pointer; } .flights li b { font-family: ui-monospace, Menlo, monospace; }
.flights li small { display: block; color: var(--soft); font-size: 14px; }
.flights li.sel { background: rgb(255 209 102 / .1); }
.route, .flights li small.route { color: #ffd166; font-weight: 700; }