:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dbe4f0;background:#06090f;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:13px}html,body,#root{height:100%;margin:0;overflow:hidden}.app{position:fixed;inset:0}.map{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.bar{z-index:30;padding:max(8px, env(safe-area-inset-top)) 12px 8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#06090fcc;flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex;position:absolute;top:0;left:0;right:0}.dim{opacity:.55}.conn.open{color:#9ccc65}.conn.connecting,.conn.busy{color:#ffca28}.stats{font-variant-numeric:tabular-nums;opacity:.8}.conn.closed{color:#ef5350}.panel{background:#0a0e16d9;border-radius:8px;width:220px;max-width:calc(100vw - 16px);padding:8px 10px;position:absolute;top:64px;right:8px}.toggles{gap:12px;margin-bottom:6px;display:flex}.legend{grid-template-columns:1fr 1fr;gap:2px 8px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.legend i{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.card{border-top:1px solid #ffffff1a;grid-template-columns:auto 1fr;gap:2px 8px;margin:8px 0 0;padding-top:8px;font-family:ui-monospace,Menlo,monospace;font-size:11px;display:grid}.card dt{opacity:.55}.card dd{margin:0}.events{pointer-events:none;background:#0a0e16bf;border-radius:8px;max-width:calc(100vw - 16px);padding:6px 10px;font-family:ui-monospace,Menlo,monospace;font-size:11px;position:absolute;bottom:30px;left:8px}.events:empty{display:none}.attrib{padding:4px 8px max(4px, env(safe-area-inset-bottom));opacity:.6;text-align:center;font-size:10px;position:absolute;bottom:0;left:0;right:0}.attrib a{color:inherit}@media (width<=600px){.panel{top:auto;bottom:170px}}.loading.v2{color:#66727e;background:linear-gradient(#edf1f4 0%,#dfe7ec 100%)}.loading{color:#8aa0bd;letter-spacing:.2em;text-transform:uppercase;place-items:center;font-size:12px;display:grid;position:fixed;inset:0}.canvas3d{touch-action:none;inset:0;position:absolute!important}.bar a{color:inherit}.presets{z-index:30;flex-wrap:wrap;gap:6px;max-width:calc(100vw - 16px);display:flex;position:absolute;top:46px;left:8px}.presets button,.presets .btn{font:inherit;color:#dbe4f0;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1420cc;border:1px solid #7896c840;border-radius:999px;padding:6px 12px;font-size:12px;text-decoration:none}.presets button.on{background:#3c6ec88c;border-color:#8cb4ff99}@media (width<=600px){.presets{top:auto;bottom:34px}}.plabel{color:#e6eefa;white-space:nowrap;background:#080c14b3;border:1px solid #8caadc40;border-radius:4px;padding:1px 5px;font:600 11px ui-monospace,Menlo,monospace;transform:translateY(-14px)}.plabel.sel{color:#fff;border-color:#9fd0ff}.card3d{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f19eb;border:1px solid #7896c840;border-radius:12px;width:300px;max-width:calc(100vw - 16px);max-height:calc(100vh - 140px);padding:12px 14px;position:absolute;top:90px;right:8px;overflow:auto}.card3d figure{margin:-12px -14px 10px}.card3d img{aspect-ratio:16/9;object-fit:cover;border-radius:12px 12px 0 0;width:100%;display:block}.card3d figcaption{opacity:.6;padding:3px 14px 0;font-size:10px}.card3d figcaption a,.card3d a{color:inherit}.card3d h2{letter-spacing:.04em;margin:0;font-size:20px}.card3d .airline{opacity:.75;margin:2px 0 6px}.card3d .route{margin:0 0 8px;font-weight:600}.card3d .route span{opacity:.5;font-weight:400}.card3d dl{grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:12px;display:grid}.card3d dt{opacity:.55}.card3d dd{margin:0}.card3d .close{z-index:1;color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;width:28px;height:28px;position:absolute;top:8px;right:8px}.card3d .actions{gap:6px;margin-top:10px;display:flex}.card3d .actions button,.toggles3d label{font:inherit;color:#dbe4f0;cursor:pointer;background:#1e2d46cc;border:1px solid #7896c84d;border-radius:999px;padding:5px 12px;font-size:12px}.card3d .actions button.on{background:#3c6ec899}.card3d .fine{opacity:.45;margin:8px 0 0;font-size:10px}.toggles3d{z-index:30;gap:6px;display:flex;position:absolute;top:46px;right:8px}.toggles3d label{background:#0e1420cc;align-items:center;gap:4px;display:flex}.toggles3d input{margin:0}@media (width<=600px){.card3d{width:auto;max-height:38vh;padding:10px 12px;inset:auto 8px 78px}.card3d img{aspect-ratio:3}.card3d h2{font-size:17px}.card3d dl{grid-template-columns:auto 1fr auto 1fr}.card3d .fine{display:none}.presets{scrollbar-width:none;flex-wrap:nowrap;right:8px;overflow-x:auto}.presets button,.presets .btn{flex:none}.toggles3d{top:76px;left:8px;right:auto}}.presets button:disabled{opacity:.4;cursor:default}.ticker{z-index:25;flex-direction:column;gap:2px;max-width:min(520px,100vw - 16px);display:flex;position:absolute;bottom:26px;left:8px}.tick{all:unset;cursor:pointer;color:#dbe4f0;white-space:nowrap;text-overflow:ellipsis;opacity:.75;background:#080c14b8;border-radius:6px;padding:3px 8px;font:12px ui-monospace,Menlo,monospace;overflow:hidden}.tick.newest{opacity:1;animation:.6s ease-out tick-in}.tick .tag{color:#9fb6d8;min-width:2.6em;margin-right:6px;font-size:10px;font-weight:700;display:inline-block}.tick .when{opacity:.55}.k-landed .tag,.k-vacated .tag{color:#4fc3f7}.k-took_off .tag{color:#ff8a65}.k-pushback .tag{color:#ffca28}.k-holding_short .tag{color:#ff5252}.k-parked .tag{color:#90a4ae}@keyframes tick-in{0%{opacity:0;transform:translateY(6px)}}@media (width>=601px){.ticker{flex-direction:column-reverse}}@media (width<=600px){.ticker{bottom:120px;right:8px}.tick:not(.newest){display:none}}
