:root{color-scheme:dark;--bg:#050505;--panel:#111;--border:#2b2b2b;--text:#f3f3f3;--muted:#8f8f8f;--accent:#5fd58a;--special:#78a8ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}button,select,input{font:inherit}.shell{width:min(1500px,100%);margin:0 auto;padding:26px 34px 24px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:20px}.eyebrow{font-size:13px;letter-spacing:.18em;font-weight:800;color:var(--muted)}h1{margin:3px 0 0;font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.04em}.status{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:15px;padding-bottom:6px}.dot{width:10px;height:10px;border-radius:50%;background:#777}.dot.live{background:var(--accent);box-shadow:0 0 14px rgba(95,213,138,.5)}.tabs{display:flex;gap:8px;margin:24px 0 12px}.tab,.controls button,.controls select,.fallback button,.fallback input{border:1px solid #333;background:#141414;color:var(--text);border-radius:999px;padding:11px 18px}.tab{font-weight:800;letter-spacing:.06em;cursor:pointer}.tab.active{background:#eee;color:#050505;border-color:#eee}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.controls label{display:flex;align-items:center;gap:8px;color:var(--muted)}.controls button,.fallback button{cursor:pointer;font-weight:700}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.summary>div{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px 18px;display:flex;align-items:baseline;gap:8px}.summary strong{font-size:26px}.summary span{color:var(--muted);font-size:13px}.fallback{border:1px solid #514326;background:#1d180e;border-radius:16px;padding:16px;margin-bottom:16px}.fallback-copy{color:#f2d08d;margin-bottom:10px}.fallback-fields{display:flex;gap:10px;flex-wrap:wrap}.fallback label{display:flex;align-items:center;gap:8px;color:var(--muted)}.fallback input{border-radius:10px;padding:10px 12px;width:160px}.hidden{display:none!important}.view{display:none}.view.active{display:block}.aircraft-list{display:grid;grid-template-columns:1fr;gap:12px}.aircraft-card{background:linear-gradient(145deg,#161616,#0d0d0d);border:1px solid var(--border);border-radius:20px;padding:20px 22px;display:grid;grid-template-columns:minmax(300px,1.35fr) minmax(420px,1.65fr);grid-template-areas:"main metrics" "meta meta";column-gap:28px;align-items:center}.aircraft-card.close{border-color:rgba(95,213,138,.5)}.aircraft-card.special{border-color:rgba(120,168,255,.58)}.aircraft-main{grid-area:main;display:flex;justify-content:space-between;align-items:center;gap:24px}.identity{display:flex;align-items:baseline;gap:10px}.callsign{font-size:30px;font-weight:850;letter-spacing:-.02em}.type{font-size:14px;color:var(--special);font-weight:800}.registration{color:var(--muted);font-size:14px;margin-top:2px}.route{font-size:20px;font-weight:750;margin-top:8px;letter-spacing:.01em}.route:empty{display:none}.distance{font-size:34px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}.metrics{grid-area:metrics;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:0;border-left:1px solid #242424}.metrics span{border-top:0;border-right:1px solid #242424;padding:12px 18px;font-size:16px;font-weight:650;white-space:nowrap}.metrics span:last-child{border-right:0}.meta{grid-area:meta;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:14px;padding-top:12px;border-top:1px solid #202020}.empty{grid-column:1/-1;border:1px solid var(--border);border-radius:18px;padding:28px;color:var(--muted);text-align:center}.special-note{color:var(--muted);font-size:13px;margin:2px 0 12px}.radar-wrap{display:grid;grid-template-columns:minmax(0,560px) minmax(380px,1fr);gap:22px;align-items:start;justify-content:start}#radar{width:min(100%,560px);height:auto;max-height:56vh;justify-self:start;background:radial-gradient(circle,#111 0,#090909 60%,#050505 100%);border:1px solid var(--border);border-radius:24px}.radar-ring,.cross{fill:none;stroke:#2d2d2d;stroke-width:2}.radar-ring.outer{stroke:#3d3d3d}.cross{stroke-width:1.4}.compass{fill:#757575;font-size:28px;text-anchor:middle}.you{fill:var(--accent)}.radar-aircraft{fill:#eee;stroke:#050505;stroke-width:2}.radar-aircraft.special{fill:var(--special)}.radar-key{fill:#fff;font-size:27px;font-weight:900;paint-order:stroke;stroke:#050505;stroke-width:6px;stroke-linejoin:round}.radar-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:56vh;overflow:auto}.legend-item{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:12px;min-height:58px}.legend-key{width:30px;height:30px;flex:0 0 30px;border-radius:8px;background:#eee;color:#050505!important;display:grid;place-items:center;font-weight:900;font-size:14px}.legend-item strong{display:block;font-size:14px;line-height:1.2}.legend-item div>span{color:var(--muted);font-size:12px;line-height:1.25;display:block;margin-top:3px}footer{display:flex;justify-content:space-between;gap:14px;margin-top:18px;color:var(--muted);font-size:12px}@media(max-width:1180px){.radar-wrap{grid-template-columns:minmax(0,520px) minmax(340px,1fr)}#radar{width:min(100%,520px);max-height:52vh}.radar-legend{grid-template-columns:1fr;max-height:52vh}}@media(max-width:1050px){.aircraft-card{grid-template-columns:1fr;grid-template-areas:"main" "metrics" "meta"}.metrics{margin-top:16px;border-left:0;border-top:1px solid #242424}.metrics span{padding:12px 10px}.radar-wrap{grid-template-columns:minmax(0,500px) minmax(300px,1fr)}#radar{width:min(100%,500px)}}@media(max-width:820px){.radar-wrap{grid-template-columns:1fr}#radar{width:min(100%,500px);max-height:none;justify-self:center}.radar-legend{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}@media(max-width:650px){.shell{padding:20px 15px}.summary{grid-template-columns:1fr}.aircraft-card{padding:17px}.aircraft-main{align-items:flex-start}.callsign{font-size:26px}.distance{font-size:27px}.route{font-size:17px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics span:nth-child(2){border-right:0}.metrics span:nth-child(-n+2){border-bottom:1px solid #242424}.radar-legend{grid-template-columns:1fr}}