:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07080a;--bg2:#0e1116;--line:#1f2630;--fg:#e8eaed;--muted:#9aa3ad;--accent:#4ade80;--accent-ink:#052e16;--warn:#fbbf24;--bad:#f87171;--panel:#0c0e12eb;--r:12px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);overscroll-behavior:none;margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body.flying{touch-action:none}#view{width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui .interactive,#ui button,#ui a,#ui input,#ui select,#ui label,#ui summary{pointer-events:auto}h1{margin:0 0 12px;font-size:22px}h2{margin:0 0 10px;font-size:18px}h3{margin:0 0 4px;font-size:16px}.muted{color:var(--muted)}.small{font-size:13px}.ok{color:var(--accent)}.warn{color:var(--warn)}.error{color:var(--bad)}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn{border:1px solid var(--line);background:var(--bg2);min-height:44px;color:var(--fg);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;text-decoration:none;display:inline-flex}.btn:hover{border-color:#334155}.btn:focus-visible,.scene-card:focus-visible,.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.block{width:100%;margin:6px 0;display:flex}.pill{background:var(--accent);color:var(--accent-ink);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px}.screen{padding:max(16px, env(safe-area-inset-top)) 16px 96px;background:linear-gradient(#07080af0,#07080afa);position:absolute;inset:0;overflow:auto}.screen>*{max-width:1100px;margin-left:auto;margin-right:auto}.scene-paste{gap:8px;margin-bottom:6px;display:flex}.scene-input{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--fg);background:#0b0e12;border-radius:10px;flex:1;padding:10px 12px;font-size:16px}.scene-error{min-height:20px;color:var(--bad);font-size:14px}.tabs{flex-wrap:wrap;gap:6px;margin:10px auto;display:flex}.tab{border:1px solid var(--line);min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px}.tab[aria-selected=true]{color:var(--fg);border-color:var(--accent)}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.filters select{background:var(--bg2);min-height:40px;color:var(--fg);border:1px solid var(--line);font:inherit;border-radius:8px;padding:6px 8px}.scene-grid,.drone-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.scene-cell{min-width:0;position:relative}.scene-card{text-align:left;border-radius:var(--r);border:1px solid var(--line);background:var(--bg2);width:100%;color:var(--fg);cursor:pointer;font:inherit;flex-direction:column;gap:4px;padding:0 0 10px;display:flex;overflow:hidden}.scene-card img{aspect-ratio:16/9;object-fit:cover;background:#111;width:100%}.scene-title{padding:0 10px;font-weight:600}.scene-meta{color:var(--muted);padding:0 10px;font-size:13px}.star{color:#9aa3ad;cursor:pointer;background:#0000008c;border:0;border-radius:999px;width:40px;height:40px;font-size:20px;position:absolute;top:8px;right:8px}.star.on{color:var(--warn)}.empty{color:var(--muted)}.drone-card{border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);min-width:0;padding:14px}.drone-card.selected{border-color:var(--accent)}.spec-row{border-bottom:1px dashed var(--line);grid-template-columns:1fr auto;gap:2px 10px;padding:3px 0;font-size:14px;display:grid}.spec-row .src{color:var(--muted);grid-column:1/-1;font-size:11px}.src-estimate{color:var(--warn)!important}.rate-curve{width:100%;max-width:220px;margin:8px 0;display:block}.choice{flex-direction:column;gap:4px;max-width:560px;margin:10px 0;display:flex}.progress{background:var(--line);border-radius:3px;max-width:560px;height:6px;overflow:hidden}.progress>i{background:var(--accent);width:0;height:100%;transition:width .15s;display:block}.wizard-msg{min-height:2.6em;font-size:18px}.stick-anim{border:1px solid var(--line);border-radius:16px;width:120px;height:120px;margin:12px 0;position:relative}.stick-anim:after{content:"";background:var(--accent);border-radius:50%;width:22px;height:22px;margin:-11px;transition:transform .4s;position:absolute;top:50%;left:50%}.stick-anim[data-prompt=throttle]:after{transform:translateY(-40px)}.stick-anim[data-prompt=yaw]:after,.stick-anim[data-prompt=roll]:after{transform:translate(40px)}.stick-anim[data-prompt=pitch]:after{transform:translateY(-40px)}.bars{max-width:560px}.bar-row{grid-template-columns:90px 1fr;align-items:center;gap:8px;margin:4px 0;display:grid}.bar{background:var(--line);border-radius:5px;height:10px;overflow:hidden}.bar>i{background:var(--accent);height:100%;display:block}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.hud{position:absolute;inset:0}.osd{text-shadow:0 1px 2px #000,0 0 4px #000;color:#fff;font:600 15px/1.25 ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute}.osd.tl{top:max(14px, env(safe-area-inset-top));left:44px}.osd.tr{top:max(14px, env(safe-area-inset-top));text-align:right;right:16px}.osd.bl{bottom:14px;left:16px}.osd.br{text-align:right;opacity:.85;font-size:12px;font-weight:500;bottom:14px;right:16px}.osd.frame{font-size:12px;top:44px;left:44px}.hidden{display:none}.osd .armed{color:var(--accent)}.osd .disarmed{color:var(--warn)}.osd .crash,.osd .rec{color:var(--bad)}.gate-msg{color:#fff;text-align:center;background:#0000008c;border-radius:8px;max-width:90vw;padding:6px 12px;font-size:14px;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.gate-msg:empty{display:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);padding:16px;animation:.4s both fadein;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-x{width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border:0;font-size:24px}.set-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;margin:8px 0;display:grid}.set-row input.pid{width:56px;min-height:36px;color:var(--fg);border:1px solid var(--line);background:#0b0e12;border-radius:6px;padding:4px}.set-row select{background:var(--bg2);min-height:40px;color:var(--fg);border:1px solid var(--line);font:inherit;border-radius:8px}details summary{cursor:pointer;align-items:center;min-height:40px;display:flex}.crash-overlay{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(560px,100vw - 32px);padding:16px;animation:.5s both fadein;position:absolute;top:64px;left:50%;transform:translate(-50%)}@keyframes fadein{0%{opacity:0}to{opacity:1}}dl.measure{grid-template-columns:auto 1fr;gap:6px 14px;display:grid}dl.measure dd{margin:0;font-family:ui-monospace,monospace}.replay-row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.banner{color:#fde68a;text-align:center;background:#3b2f0b;padding:8px 16px;font-size:14px;position:absolute;top:0;left:0;right:0}.attribution{color:#d1d5db;text-shadow:0 1px 2px #000;max-width:60vw;font-size:12px;position:absolute;bottom:40px;left:16px}.attribution a{color:#bbf7d0}.bake-box{flex-direction:column;align-items:center;gap:8px;max-width:92vw;display:flex;position:absolute;top:44px;left:50%;transform:translate(-50%)}.bake-box .btn{background:#0c0e12d9}.bake-status{color:#d1d5db;text-shadow:0 1px 2px #000;text-align:center;font-size:13px}.badge-nowalls{border:1px solid var(--warn);color:var(--warn);text-align:center;background:#0c0e12d9;border-radius:999px;max-width:92vw;padding:6px 12px;font-size:13px}.top-actions{top:max(10px, env(safe-area-inset-top));gap:8px;margin-top:28px;display:flex;position:absolute;right:16px}.top-actions .btn{background:#0c0e12b3;min-height:40px;padding:6px 12px}.loading{background:var(--bg);place-items:center;display:grid;position:absolute;inset:0}.loading .bar{background:#1f2937;border-radius:2px;width:min(60vw,360px);height:4px;overflow:hidden}.loading .bar>i{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.center-msg{background:var(--panel);text-align:center;border-radius:12px;max-width:min(92vw,560px);padding:16px 20px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.touch-root{position:absolute;inset:0}#ui .touch-root.interactive{pointer-events:none}#ui .touch-root .touch-pad,#ui .touch-root .touch-arm{pointer-events:auto}.touch-pad{bottom:max(24px, env(safe-area-inset-bottom));touch-action:none;background:#ffffff0f;border:2px solid #ffffff59;border-radius:50%;width:min(40vw,220px);height:min(40vw,220px);position:absolute}.touch-pad.left{left:24px}.touch-pad.right{right:24px}.touch-knob{pointer-events:none;background:#4ade80d9;border-radius:50%;width:48px;height:48px;margin:-24px;position:absolute;top:50%;left:50%}.touch-arm{left:50%;bottom:max(24px, env(safe-area-inset-bottom));border:2px solid var(--warn);min-width:96px;min-height:56px;color:var(--warn);cursor:pointer;background:#0009;border-radius:14px;font:700 18px/1 system-ui;position:absolute;transform:translate(-50%)}.touch-arm.on{border-color:var(--accent);color:var(--accent)}body.touch-on .osd.bl{bottom:calc(min(40vw,220px) + 40px)}body.touch-on .osd.br{display:none}body.touch-on .attribution{max-width:calc(100vw - 32px);top:100px;bottom:auto}.touch-hint{color:#d1d5db;text-shadow:0 1px 2px #000;text-align:center;width:90vw;font-size:12px;position:absolute;top:72px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.panel,.crash-overlay{animation:none}.progress>i,.stick-anim:after{transition:none}}body.clean .top-actions,body.clean .attribution,body.clean .osd.br,body.clean .crash-overlay,body.clean .gate-msg,body.clean .banner{display:none}.cinema-bar{flex-direction:column;align-items:center;gap:6px;max-width:92vw;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.cinema-note{color:#e5e7eb;text-shadow:0 1px 2px #000;text-align:center;font-size:13px}.btn.rec.on{border-color:var(--bad);color:var(--bad)}body.cinema .osd,body.cinema .attribution,body.cinema .badge-nowalls,body.cinema .touch-hint{display:none}.import-text{color:#e5e7eb;border:1px solid var(--line);background:#0b0d11;border-radius:10px;width:100%;min-height:160px;margin:8px 0;padding:8px;font:12px/1.35 ui-monospace,Consolas,monospace}.import-out{margin-top:8px;font-size:13px}.import-warnings{color:var(--warn);margin:6px 0 0 18px;font-size:12px}