:root{--panel: rgba(9, 20, 30, .72);--panel-strong: rgba(9, 20, 30, .88);--line: rgba(255, 255, 255, .12);--text: #eef4f7;--muted: #9fb4c2;--accent: #ffb547;--accent-2: #4fd1c5;--danger: #ff6b5b;--radius: 14px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b1620;color:var(--text);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#app canvas{display:block;width:100%;height:100%;touch-action:none}.loading{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#17344a,#0b1620 70%);z-index:50;transition:opacity .6s}.loading.done{opacity:0;pointer-events:none}.loading-card{width:min(420px,86vw);text-align:center}.brand{font-weight:900;letter-spacing:.08em;font-size:30px}.brand span{color:var(--accent)}.loading-sub{color:var(--muted);font-size:13px;margin:8px 0 22px}.bar{height:6px;border-radius:6px;background:#ffffff14;overflow:hidden}.bar>div{height:100%;width:0;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .25s}.loading-text{margin-top:12px;font-size:12px;color:var(--muted);min-height:1.4em}.loading.error .loading-text{color:var(--danger)}.hud{position:fixed;inset:0;pointer-events:none;z-index:10;font-size:13px;user-select:none;-webkit-user-select:none}.hud button,.hud input,.hud a,.hud label,.sheet,.modal.open,.touch-stick,.touch-btns,.touch-look,.help-card{pointer-events:auto}.hud button{font:inherit;color:var(--text);cursor:pointer}.hud-tl{position:absolute;top:max(14px,env(safe-area-inset-top));left:16px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.hud-brand{font-weight:900;letter-spacing:.08em;font-size:15px}.hud-brand span{color:var(--accent)}.hud-brand small{font-size:10px;color:var(--muted);letter-spacing:.04em}.loc{margin-top:4px;color:#dce7ee;font-size:13px;font-weight:600;max-width:46vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-tr{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:70vw}.chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 13px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;gap:6px;align-items:center;white-space:nowrap;transition:background .15s,border-color .15s}.chip:hover{background:var(--panel-strong);border-color:#ffffff4d}.chip.icon{width:38px;justify-content:center;padding:8px 0;font-size:16px}.hud-bl{position:absolute;left:14px;bottom:max(14px,env(safe-area-inset-bottom))}.minimap{width:190px;height:190px;border-radius:50%;border:2px solid rgba(255,255,255,.18);box-shadow:0 8px 30px #00000073;display:block;background:#16231e}.hud-br{position:absolute;right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.gauge{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:12px 18px;min-width:190px;text-align:right;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mode-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:#ffffff14;color:var(--muted)}.mode-badge[data-mode=flying]{background:#4fd1c52e;color:var(--accent-2)}.mode-badge[data-mode=takeoff],.mode-badge[data-mode=landing]{background:#ffb5472e;color:var(--accent)}.speed-value{font-size:54px;font-weight:800;line-height:1;margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.speed-unit{color:var(--muted);font-size:12px;margin-top:-2px}.alt{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.alt-value{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.hud:not(.flying) .alt{opacity:.55}.veh-name{margin-top:6px;font-size:12px;font-weight:600}.veh-name small{display:block;color:var(--muted);font-weight:400;font-size:10px}.flood-warn{position:absolute;top:70px;left:50%;transform:translate(-50%);background:#1e5a8ccc;border:1px solid rgba(140,200,255,.4);padding:6px 14px;border-radius:999px;font-weight:700;transition:opacity .4s;opacity:0}.fps{position:absolute;top:64px;left:16px;margin:0;display:none;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;background:#0000008c;padding:8px 10px;border-radius:8px;color:#b8f5c8}.toast{position:absolute;left:50%;top:22%;transform:translate(-50%,8px);background:var(--panel-strong);border:1px solid var(--line);padding:10px 18px;border-radius:12px;font-weight:600;opacity:0;transition:opacity .25s,transform .25s;max-width:86vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.help-card{position:absolute;left:50%;bottom:120px;transform:translate(-50%);background:var(--panel-strong);border:1px solid var(--line);border-radius:14px;padding:14px 18px;max-width:min(640px,92vw);text-align:center;display:grid;gap:8px;justify-items:center;transition:opacity 1.2s}.help-card.fade{opacity:0}kbd{display:inline-block;min-width:20px;padding:1px 6px;margin:0 2px;border-radius:5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font:600 11px/1.5 ui-monospace,monospace;text-align:center}.sheet{position:absolute;left:50%;bottom:16px;transform:translate(-50%,calc(100% + 40px));width:min(760px,94vw);background:var(--panel-strong);border:1px solid var(--line);border-radius:18px;padding:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:20}.sheet.open{transform:translate(-50%)}.sheet-title{font-weight:800;font-size:16px;margin-bottom:12px}.sheet-title small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:2px}.veh-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.veh-card{text-align:left;background:#ffffff0a;border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:5px;transition:border-color .15s,background .15s}.veh-card:hover{background:#ffffff14}.veh-card.active{border-color:var(--accent);background:#ffb54714}.veh-card b{font-size:14px}.veh-card em{font-style:normal;color:var(--muted);font-size:12px;margin-bottom:4px}.swatch{width:100%;height:6px;border-radius:4px}.stat{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.stat i{height:5px;border-radius:3px;background:linear-gradient(90deg,var(--accent-2) var(--f),rgba(255,255,255,.08) var(--f))}.veh-spec{font-size:11px;color:var(--muted);margin-top:4px}.fineprint{color:var(--muted);font-size:11px;line-height:1.5;margin-top:12px}.fineprint a{color:var(--accent-2)}.wx-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.wx-btn{background:#ffffff0a;border:1px solid var(--line);border-radius:12px;padding:10px 4px;font-size:22px;display:grid;gap:4px;justify-items:center}.wx-btn span{font-size:11px;color:var(--muted)}.wx-btn.active{border-color:var(--accent-2);background:#4fd1c51a}.modal{position:fixed;inset:0;display:none;place-items:center;background:#040a108c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:30}.modal.open{display:grid}.modal-card{width:min(560px,94vw);max-height:88vh;overflow:auto;background:var(--panel-strong);border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;gap:14px}.modal-title{font-size:20px;font-weight:800}.sec{display:grid;gap:8px}.sec-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.seg button,.tp-grid button{background:#ffffff0d;border:1px solid var(--line);border-radius:10px;padding:9px 6px}.seg button.active{border-color:var(--accent);background:#ffb5471f}.tp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.tp-grid button{text-align:left;font-size:12px}.tp-grid button:hover,.seg button:hover{background:#ffffff1a}.row{display:flex;align-items:center;gap:10px}.row input[type=range]{flex:1;accent-color:var(--accent)}.mono{font-family:ui-monospace,monospace;min-width:44px}.check{display:flex;align-items:center;gap:8px;color:var(--text)}.check input{accent-color:var(--accent)}.keys{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:12px;color:#cfdbe3}.primary{background:linear-gradient(90deg,#ffb547,#ff8f47);color:#1b1206!important;border:0;border-radius:12px;padding:12px;font-weight:800!important}.touch-stick{position:absolute;left:22px;bottom:220px;width:130px;height:130px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.2);touch-action:none}.touch-stick .knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px;border-radius:50%;background:#ffffff59}.touch-btns{position:absolute;right:18px;bottom:200px;display:grid;grid-template-columns:repeat(2,64px);gap:10px;touch-action:none}.tbtn{height:64px;border-radius:50%;background:#09141e99;border:2px solid rgba(255,255,255,.25);font-weight:800!important;font-size:16px}.tbtn.down{background:#ffb54780}.tbtn.fly{background:#4fd1c559}.touch-look{position:absolute;right:0;top:70px;width:50%;bottom:0;touch-action:none}.hud.touch .minimap{width:130px;height:130px}.hud.touch .hud-bl{inset:64px 12px auto auto}@media(max-width:720px){.chip span{display:none}.chip{padding:8px 11px}.gauge{min-width:140px;padding:10px 14px}.speed-value{font-size:40px}.minimap{width:140px;height:140px}.veh-cards{grid-template-columns:1fr;max-height:52vh;overflow:auto}.wx-row{grid-template-columns:repeat(3,1fr)}.keys{grid-template-columns:1fr}.loc{max-width:60vw;font-size:12px}}