:root{--ui-bg:#1b2226;--ui-card:#232c31;--ui-line:#34424a;--ui-text:#e6ecee;--ui-muted:#93a4ab;--ui-accent:#7fb7c9;--ui-accent-text:#0e1a1f;--font:-apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ui-bg);height:100%;color:var(--ui-text);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}.menu{padding:max(20px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:radial-gradient(1200px 600px at 15% -10%, #7fb7c924, transparent 60%), radial-gradient(900px 500px at 110% 110%, #7fb7c914, transparent 60%), repeating-linear-gradient(0deg, #ffffff06 0 1px, transparent 1px 40px), repeating-linear-gradient(90deg, #ffffff06 0 1px, transparent 1px 40px), var(--ui-bg);flex-direction:column;gap:22px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.menu-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-logo{width:54px;height:54px;color:var(--ui-accent)}.menu h1{letter-spacing:.01em;margin:0;font-size:28px}.menu-sub{color:var(--ui-muted);margin:2px 0 0;font-size:15px}.modes{border:1px solid var(--ui-line);background:#00000040;border-radius:14px;gap:6px;padding:4px;display:flex}.mode{min-height:42px;color:var(--ui-muted);font:600 15px var(--font);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 18px}.mode.active{background:var(--ui-accent);color:var(--ui-accent-text)}.mode:disabled{opacity:.6;cursor:default}.soon{background:var(--ui-line);color:var(--ui-text);text-transform:uppercase;letter-spacing:.05em;border-radius:6px;margin-left:8px;padding:2px 7px;font-size:11px;font-weight:600}.cards{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-content:start;gap:20px;display:grid}.card{border:1px solid var(--ui-line);background:#cfcfcf;border-radius:20px;flex-direction:column;justify-content:flex-end;min-height:clamp(480px,60vh,600px);transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059}.card.selected{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-accent), 0 22px 48px #00000073}.card-preview{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.card.preview .card-preview{filter:grayscale(.2)contrast(.95)}.card-shade{pointer-events:none;background:linear-gradient(#0f15191f 0%,#0f151900 18% 30%,#0f1519d1 46%,#0f1519f7 56%,#151c20 100%);position:absolute;top:0;bottom:0;left:0;right:0}.card-top{justify-content:space-between;gap:8px;display:flex;position:absolute;top:14px;left:14px;right:14px}.badge{font:700 12px var(--font);letter-spacing:.04em;color:var(--ui-text);-webkit-backdrop-filter:blur(6px);background:#0f1519c7;border-radius:999px;padding:5px 10px}.badge.status{color:var(--ui-muted)}.badge.status.live{color:#7be0a1}.card-body{color:var(--ui-text);flex-direction:column;gap:10px;padding:20px;display:flex;position:relative}.card-body h2{margin:0;font-size:26px}.card-sub{color:var(--ui-muted);margin:-6px 0 0;font-size:15px}.facts{flex-wrap:wrap;gap:6px;display:flex}.facts span{color:#c9d3d6;background:#ffffff14;border:1px solid #ffffff14;border-radius:8px;padding:4px 9px;font-size:13px}.card-runways{color:var(--ui-muted);margin:0;font-size:13px}.menu-foot{color:var(--ui-muted);text-align:center;font-size:13px}.btn{border:1px solid var(--ui-line);min-height:50px;color:var(--ui-text);font:600 17px var(--font);cursor:pointer;background:#2b363c;border-radius:12px;padding:0 20px}.btn:active{transform:scale(.98)}.btn.primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-accent-text)}.btn:disabled{opacity:.45;cursor:default}.segmented{background:#00000059;border-radius:12px;gap:6px;padding:4px;display:flex}.seg{min-height:42px;color:var(--ui-muted);font:600 15px var(--font);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1}.seg.active{color:var(--ui-text);background:#33424a}.radar{position:absolute;top:0;bottom:0;left:0;right:0;overflow:clip}.scope{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.topbar{z-index:5;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));color:#3f3f3f;pointer-events:none;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.bar-info{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.bar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.stats{gap:6px;display:flex}.bar-btn{color:#2f2f2f;min-width:44px;min-height:40px;font:600 15px var(--font);cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#ffffffb8;border:1px solid #00000024;border-radius:10px;padding:0 14px;box-shadow:0 1px 3px #00000014}.chip{min-height:30px;font:600 13px var(--font);color:#3f3f3f;font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff9;border:1px solid #00000014;border-radius:8px;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.chip.position{color:#e6ecee;letter-spacing:.03em;background:#1b2226;border-color:#1b2226}.chip.stat b{font-weight:800}.chip.stat.warn{background:#fff1cf;border-color:#e8c66a}.chip.stat.bad{color:#8b1a12;background:#ffd9d6;border-color:#e58b84}.rwy{color:#555;font-size:13px;font-weight:600}.preview-banner{z-index:5;left:50%;bottom:max(16px, env(safe-area-inset-bottom));color:#e6ecee;font:600 14px var(--font);pointer-events:none;background:#1b2226e0;border-radius:12px;padding:10px 18px;position:absolute;transform:translate(-50%)}@media (max-width:900px){.rwy,.stats .chip:nth-child(n+3){display:none}}.sidebar{z-index:5;right:max(12px, env(safe-area-inset-right));flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.panel{-webkit-backdrop-filter:blur(8px);background:#ffffff9e;border:1px solid #0000001a;border-radius:14px;flex-direction:column;gap:6px;width:92px;padding:8px;display:flex;box-shadow:0 4px 14px #0000001a}.panel-title{font:700 10px var(--font);letter-spacing:.08em;text-transform:uppercase;color:#6a6a6a;text-align:center}.sel-cs{text-align:center;color:#111;white-space:nowrap;text-overflow:ellipsis;padding:2px 0;font:700 13px Menlo,DejaVu Sans Mono,monospace;overflow:hidden}.side-btn{color:#2f2f2f;width:100%;min-height:44px;font:700 14px var(--font);cursor:pointer;background:#fff;border:1px solid #00000024;border-radius:10px}.side-btn.wide{padding:2px 4px;font-size:12px;line-height:1.15}.side-btn.on{color:#f2f2f2;background:#2f2f2f;border-color:#2f2f2f}.side-btn:disabled{opacity:.4;cursor:default}.tags{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:clip}.tag{white-space:pre;pointer-events:auto;touch-action:none;cursor:grab;will-change:transform;border-radius:3px;padding:1px 14px 1px 3px;font:13px/1.25 Menlo,DejaVu Sans Mono,monospace;position:absolute;top:0;left:0}.tag .x{display:none}.tag.expanded .x{display:inline}.tag.expanded .tag-row.x{display:block}.tag-plus{text-align:center;color:#6a6a6a;cursor:pointer;width:13px;font-size:13px;line-height:15px;position:absolute;top:-1px;right:0}.tag,.tag .c-black,.tag .c-grey,.tag .c-si,.tag .c-sqi{color:#1f56d0}.tag.assumed .c-black{color:#000}.tag.assumed .c-grey{color:gray}.tag.assumed .c-si{color:#1f56d0}.tag.assumed .c-sqi{color:#8a8a00}.tag.rwy-set [data-f=arwy]{color:#0b6b2e}.tag.dragging{cursor:grabbing;background:#ffffff80}.tag-cs{font-weight:700}.tag-hdg{margin:-3px -5px;padding:3px 5px}.tag.assumed .tag-hdg{cursor:crosshair}.tag.vectoring .tag-hdg{background:#0000001a;border-radius:3px}.tag.conflict [data-f],.tag.conflict .tag-plus{color:#d01818!important}.stats{font-variant-numeric:tabular-nums;margin-right:6px}.picker-backdrop{z-index:20;position:absolute;top:0;bottom:0;left:0;right:0}.picker{background:#f4f4f4;border:1px solid #8a8a8a;border-radius:8px;flex-direction:column;width:112px;font:15px Menlo,DejaVu Sans Mono,monospace;display:flex;position:absolute;overflow:hidden;box-shadow:0 6px 20px #00000040}.picker-title{font:600 11px var(--font);color:#555;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #c8c8c8;padding:6px 8px;overflow:hidden}.picker-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.picker-row{color:#000;width:100%;height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e0e0e0;display:block}.picker-row:active{background:#dcdcdc}.picker-row.selected{color:#fff;background:#000}.picker-fixed{background:#e6e6e6;border-top:1px solid #8a8a8a;border-bottom:0;flex:none;font-weight:700}.tag.selected{outline-offset:1px;background:#ffffff59;outline:1px solid #0000008c}