.prototype-shell{max-width:1504px}.context-link{font-size:12px;color:#53654f}.matrix-section{padding:20px 0 24px;--led:#a5d4bc;--amber:#f4c579;--dark:#0b1715;--sub:#96aaa2;color:var(--ink)}.matrix-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.matrix-heading h1{margin-top:9px}.prototype-tag{font:10px monospace;letter-spacing:1.5px;color:#778274}.demo-notice{display:flex;align-items:center;gap:15px;padding:12px 0 16px;font-size:12px;color:#687563}.demo-notice strong{background:#ebe3cc;color:#665529;padding:6px 8px;font:700 10px monospace;letter-spacing:1px;white-space:nowrap}.demo-notice button{margin-left:auto;background:none;border:0;color:#56654f;font-size:11px;padding:8px}.matrix-instrument{border-radius:14px;overflow:hidden;background:#101e1b;border:1px solid #24362e;box-shadow:0 14px 35px -22px #14221fc0;color:#dbe4dc}.instrument-toolbar{padding:18px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2b3b34;gap:12px;background:#17251f}.instrument-title{font:11px monospace;letter-spacing:1.5px;display:flex;align-items:center;gap:9px}.instrument-version{color:#96a79b;margin-left:4px}.status-light{width:5px;height:5px;background:var(--amber);box-shadow:0 0 5px #f4c57933}.matrix-controls{display:flex;gap:20px;align-items:center}.matrix-controls label{font:10px monospace;color:#a8b8ad}.matrix-section select{color:inherit;background:#1b2c25;font:12px monospace;border:1px solid #425147;border-radius:5px;margin-left:7px;padding:8px}.matrix-section option{background:#16251f}.matrix-section button:focus-visible,.matrix-section select:focus-visible{outline:3px solid #c5903d}.matrix-controls button,.selection-bar button{background:transparent;color:#d3ddcf;border:1px solid #455446;border-radius:5px;padding:9px 12px;font:11px monospace;min-height:36px}.matrix-body{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}.matrix-map-panel{padding:20px 22px 17px;border-right:1px solid #2b3b34;min-width:0;background:#0b1715}.map-topline,.map-bottomline{display:flex;justify-content:space-between;gap:8px;color:#a1b6aa;font:9px monospace;letter-spacing:1px}.map-topline{padding-bottom:10px}.map-bottomline{padding-top:12px;font-size:8px;letter-spacing:.5px}.legend-dot{display:inline-block;width:4px;height:4px;background:var(--led);margin:0 4px 1px 10px}.legend-dot:first-child{margin-left:0}.selected-dot{background:var(--amber)}.ground-dot{background:#7d8c85}#matrix-map{display:block;width:100%;height:auto;aspect-ratio:181/151;touch-action:pan-y}.matrix-flight-panel{padding:20px 26px 18px;min-width:0;background:radial-gradient(ellipse at 50% 35%,#1b2d23,#101e1b 70%)}.selection-bar{display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#a5b6a7;gap:8px}.selection-bar button{padding:7px 8px;letter-spacing:0;font-size:10px}.carrier-row{display:flex;gap:11px;align-items:center;margin-top:20px;font-size:12px;color:#c0cebf}.carrier-badge{background:var(--brand,#46564c);color:#fff;display:grid;place-items:center;width:37px;height:31px;font:bold 14px monospace;clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%)}.carrier-sub{font:9px monospace;color:#a2b4a7;margin-top:4px;letter-spacing:1px}.flight-identity{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px;gap:15px}.pixel-title{max-width:100%;height:31px;width:auto;color:var(--amber);display:block}.identity-label{font:9px monospace;color:#a3b8a7;margin-bottom:9px;letter-spacing:1px}.distance-reading{text-align:right;white-space:nowrap;font:23px monospace;color:var(--amber)}.distance-reading small{font-size:11px}.distance-reading span{display:block;font:8px monospace;color:#acbdaf;margin-top:6px;letter-spacing:1px}.aircraft-hero{display:flex;align-items:center;gap:20px;padding:6px 0 16px}.hero-plane{width:132px;height:72px;color:#a8cbb2;flex-shrink:0}.aircraft-name{font:13px/1.6 monospace}.aircraft-name small{display:block;font:10px/1.6 monospace;color:#a7b9ac}.interest-badge{display:inline-block;font:8px monospace;padding:4px 6px;border:1px solid #53614b;color:#c1d1ac;letter-spacing:1px;margin-top:5px}.route-strip{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding:16px 0;border-block:1px solid #354339;align-items:center}.route-strip strong{font:24px monospace;letter-spacing:2px;color:#d7e5cf}.route-strip small{display:block;font:10px/1.5 monospace;color:#a4b5a8;margin-top:5px}.route-strip>div:last-child{text-align:right}.route-arrow{color:#819b88;font-size:24px}.telemetry{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:18px 0}.telemetry div{min-width:0}.telemetry dt{font:8px monospace;letter-spacing:1px;color:#a9baac;margin-bottom:7px}.telemetry dd{font:20px monospace;margin:0;color:#d6e3d0}.telemetry dd small{font-size:9px;color:#9dae9e}.vertical-rate{font:10px monospace;color:#b4cbb8;margin:10px 0 16px}.approach{background:#203026;border-left:2px solid var(--amber);padding:12px;font:11px/1.6 monospace;color:#d4dfc8}.approach small{display:block;font-size:8px;letter-spacing:1px;color:#b6c3ac;margin-bottom:4px}.instrument-status{padding:12px 22px;border-top:1px solid #314034;display:flex;justify-content:space-between;gap:12px;font:9px monospace;letter-spacing:1px;color:#a8b9aa;background:#14221c}.traffic-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 0 13px;gap:12px}.traffic-heading h2{font:500 16px 'Space Grotesk',sans-serif;margin:0;letter-spacing:-.3px}.traffic-heading>div{display:flex;align-items:center;gap:16px;font:10px monospace;color:#697565}.traffic-heading label{display:flex;gap:5px;align-items:center}.matrix-traffic{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.traffic-button{padding:14px 12px;background:#eff0e8;border:1px solid #d9dfd1;border-radius:6px;text-align:left;min-width:0;color:#52614d;min-height:92px}.traffic-button[aria-pressed=true]{background:#e8e2d1;border-color:#a68a51;box-shadow:inset 0 2px #a68a51}.traffic-button strong{display:block;font:700 13px monospace;letter-spacing:.5px;margin-bottom:8px}.traffic-button span{display:block;font:10px/1.6 monospace}.traffic-button small{font:9px monospace;color:#68775f}.matrix-explainer{font-size:10px;line-height:1.8;color:#75816f;margin:16px 0}.prototype-tools{font-size:12px;color:#64715e;border-top:1px solid #d9dfd1;padding-top:15px;line-height:1.7}.prototype-tools summary{cursor:pointer}.prototype-tools p{max-width:850px}.prototype-tools a{color:inherit}.state-controls{display:flex;align-items:center;gap:25px;margin-top:12px}.state-controls select{color:#344431;background:#eee}.matrix-empty{min-height:380px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:15px;color:#c5d3c2}.matrix-empty p{font:12px/1.8 monospace;color:#a2b69e}.matrix-section [hidden]{display:none!important}.prototype-context .sky-section{display:none}.prototype-context .matrix-section{padding-top:48px}
@media(min-width:1400px){.matrix-flight-panel{padding:24px 30px}.carrier-row{margin-top:25px}.flight-identity{margin-top:24px}.aircraft-hero{padding-bottom:22px}.route-strip{padding:20px 0}.telemetry{margin:24px 0}.approach{margin-top:20px}}
@media(max-width:1000px){.instrument-version{display:none}.matrix-flight-panel{padding:17px}.matrix-map-panel{padding:17px 12px}.aircraft-hero{gap:8px}.hero-plane{width:100px}.matrix-traffic{grid-template-columns:repeat(3,minmax(0,1fr))}.matrix-controls{gap:10px}.map-topline{font-size:8px;letter-spacing:0}.flight-identity{gap:7px}.pixel-title{height:26px}.telemetry dd{font-size:18px}.carrier-row{margin-top:14px}}
@media(max-width:700px){.prototype-shell{padding-inline:16px}.matrix-section{padding-top:12px}.matrix-heading{margin-bottom:15px;align-items:start}.prototype-tag{font-size:8px;max-width:84px;text-align:right;line-height:1.8}.demo-notice{flex-wrap:wrap;gap:9px;font-size:11px}.demo-notice>span{flex:1;line-height:1.6}.demo-notice button{margin:0 0 0 auto}.instrument-toolbar{padding:13px 12px;flex-wrap:wrap}.instrument-title{font-size:10px}.matrix-controls{width:100%;justify-content:space-between}.matrix-controls button{font-size:10px}.matrix-body{grid-template-columns:1fr}.matrix-map-panel{border-right:0;border-bottom:1px solid #2b3b34;padding:16px 12px}.map-topline{font-size:9px}.map-bottomline{font-size:7px}#matrix-map{max-height:370px}.matrix-flight-panel{padding:18px}.flight-identity{margin-top:22px}.pixel-title{height:30px}.aircraft-hero{gap:18px;padding-block:10px 18px}.hero-plane{width:125px}.route-strip{padding:18px 0}.telemetry{margin:22px 0}.telemetry dd{font-size:21px}.instrument-status{font-size:8px;letter-spacing:0;padding-inline:12px}.traffic-heading{align-items:start}.traffic-heading>div{flex-direction:column;align-items:end;gap:7px;font-size:9px}.matrix-traffic{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-button{min-height:98px}.state-controls{display:block}.context-link{font-size:10px}.matrix-empty{min-height:260px}.prototype-context .matrix-section{padding-top:30px}}

.carrier-badge .pixel-title{height:17px;max-width:27px;color:white}.route-strip small{font-size:11px}.aircraft-name small{font-size:11px}.carrier-sub{font-size:10px}.telemetry dt{font-size:10px}.approach small{font-size:9px}
.data-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font:10px monospace;margin:0 0 18px;color:#5e6e57}.data-toolbar #live-access{display:flex;align-items:center;gap:14px}.data-toolbar select{background:#e8ece0;color:#344734;border-color:#c6d0bb}.data-toolbar button{border:1px solid #c6d0bb;background:transparent;border-radius:5px;padding:8px 11px;font:11px monospace;min-height:36px}.data-toolbar a{margin-left:auto;color:#566b4d;font-size:11px}.matrix-explainer a{color:inherit}.aircraft-hero .hero-plane{width:170px;height:100px;filter:drop-shadow(0 0 2px #9ed5bb22)}.matrix-traffic{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.aircraft-name{overflow-wrap:anywhere}.data-toolbar button:disabled{opacity:.5;cursor:wait}@media(max-width:1000px){.aircraft-hero .hero-plane{width:125px;height:90px}}@media(max-width:700px){.data-toolbar{gap:12px;font-size:9px}.data-toolbar #live-access{gap:10px;flex-wrap:wrap}.data-toolbar a{margin-left:0}.aircraft-hero .hero-plane{width:145px;height:100px}.matrix-traffic{grid-template-columns:repeat(2,minmax(0,1fr))}.matrix-instrument{border-radius:12px}.traffic-button strong{overflow-wrap:anywhere}}