:root{--bg-panel: #e0e4e8;--bg-map: #c8d8e8;--instrument-face: #f4f6f8;--instrument-border: #b0b4b8;--needle: #b06000;--needle-dim: #7a4400;--accent: #0077aa;--accent-dim: #005577;--text: #0d0d0d;--text-dim: #555;--red: #cc0000;--white: #ffffff;--face-bg: #f0f2f4;--face-border: #b0b4b8;--bezel-bg: #d0d4d8;--bezel-border: #a0a4a8;--inner-bg: #e8ecee;--compass-tick-major: #222;--compass-tick-minor: #777;--compass-label: #111;--compass-north: #cc0000;--knob-bg: #c8cccc;--knob-border: #909498;--knob-inner-bg: #d8dcdc;--knob-center-bg: #b8bcbc;--knob-indicator: #333;--knob-label: #444;--ref-mark: #666;--flag-bg: #e8e8e8;--nav2-color: #cc6600;--vor3-color: #007700;--adf-color: #7700aa;--font-readout: "Share Tech Mono", monospace;--font-label: "Rajdhani", sans-serif}[data-theme=dark]{--bg-panel: #1a1c1e;--bg-map: #12181f;--instrument-face: #222426;--instrument-border: #333638;--needle: #f5c842;--needle-dim: #a08820;--accent: #00e5ff;--accent-dim: #007a8a;--text: #e0e0e0;--text-dim: #888;--red: #ff4444;--face-bg: #1c1e20;--face-border: #333;--bezel-bg: #2a2c2e;--bezel-border: #3a3c3e;--inner-bg: #111;--compass-tick-major: #bbb;--compass-tick-minor: #666;--compass-label: #ccc;--compass-north: #ff6666;--knob-bg: #1c1e20;--knob-border: #3a3c3e;--knob-inner-bg: #252729;--knob-center-bg: #161618;--knob-indicator: #888;--knob-label: #555;--ref-mark: #555;--flag-bg: #1a1a1a;--nav2-color: #ff9f43;--vor3-color: #39ff14;--adf-color: #cc44ff}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-panel: #1a1c1e;--bg-map: #12181f;--instrument-face: #222426;--instrument-border: #333638;--needle: #f5c842;--needle-dim: #a08820;--accent: #00e5ff;--accent-dim: #007a8a;--text: #e0e0e0;--text-dim: #888;--red: #ff4444;--face-bg: #1c1e20;--face-border: #333;--bezel-bg: #2a2c2e;--bezel-border: #3a3c3e;--inner-bg: #111;--compass-tick-major: #bbb;--compass-tick-minor: #666;--compass-label: #ccc;--compass-north: #ff6666;--knob-bg: #1c1e20;--knob-border: #3a3c3e;--knob-inner-bg: #252729;--knob-center-bg: #161618;--knob-indicator: #888;--knob-label: #555;--ref-mark: #555;--flag-bg: #1a1a1a;--nav2-color: #ff9f43;--vor3-color: #39ff14;--adf-color: #cc44ff}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}@media (max-width: 900px){html,body,#root{height:auto;overflow:visible}}:root{--instrument-size: 240px;--instrument-gap: 16px;--instrument-panel-padding: 16px}@media (max-width: 600px){:root{--instrument-size: 150px;--instrument-gap: 8px;--instrument-panel-padding: 8px}}@media (min-width: 601px) and (max-width: 900px){:root{--instrument-size: 190px;--instrument-gap: 12px;--instrument-panel-padding: 12px}}.app-root{display:flex;flex-direction:column}@media (min-width: 901px){.app-root{display:grid;grid-template-columns:1fr 540px;grid-template-rows:auto 1fr auto;height:100vh;overflow:hidden}.app-root .map-row{grid-column:1;grid-row:1 / -1;max-height:none;height:100%}.top-toolbar{grid-column:2;grid-row:1;border-left:2px solid var(--bezel-bg)}.instruments-panel{grid-column:2;grid-row:2;border-left:2px solid var(--bezel-bg);overflow-y:auto;align-content:start}.app-disclaimer{grid-column:2;grid-row:3;border-left:2px solid var(--bezel-bg)}}.top-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;padding:6px 12px;background:var(--bg-panel);border-bottom:1px solid var(--bezel-bg);flex-shrink:0}.map-row{flex:1;min-height:0;max-height:40vh}@media (max-width: 600px){.map-row{flex:0 0 33vh;min-height:33vh;max-height:33vh}}@media (min-width: 601px) and (max-width: 900px){.map-row{flex:0 0 30vh;min-height:30vh;max-height:30vh}}.instruments-panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--instrument-gap);padding:var(--instrument-panel-padding);justify-items:center}button,[data-touch-item]{touch-action:manipulation}body{background:var(--bg-panel);color:var(--text);font-family:var(--font-label)}button{cursor:pointer;font-family:var(--font-label)}