:root{--hud:#ffffffeb;--hud-dim:#fff9;--glass:#0a142461;--glass-strong:#0a1424c7;--accent:#ffcf6e;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--hud);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#0b1a2e;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#scene{width:100vw;height:100vh;touch-action:none;cursor:grab;height:100dvh;display:block;position:fixed;inset:0}#scene:active{cursor:grabbing}#hud{pointer-events:none;text-shadow:0 1px 3px #00000073;position:fixed;inset:0}#hud [hidden]{display:none!important}#hud>*{transition:opacity .3s}.readout{top:calc(12px + var(--safe-top));left:calc(14px + var(--safe-left));font-variant-numeric:tabular-nums;background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:6px 12px;font-size:15px;font-weight:600;line-height:1.5;position:absolute}.label{color:var(--hud-dim);letter-spacing:.08em;margin-right:4px;font-size:11px}.compass{top:calc(12px + var(--safe-top));background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;width:min(320px,44vw);height:38px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.compass-tape{white-space:nowrap;will-change:transform;font-size:12px;font-weight:700;position:absolute;top:3px;left:50%}.compass-tape span{text-align:center;width:60px;margin-left:-30px;display:inline-block}.compass-tape span.minor{color:var(--hud-dim);font-weight:400}.compass-mark{background:var(--accent);width:2px;height:6px;position:absolute;top:0;left:50%;transform:translate(-1px)}.compass-heading{text-align:center;color:var(--hud-dim);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;bottom:1px;left:0;right:0}.buttons{top:calc(12px + var(--safe-top));right:calc(14px + var(--safe-right));pointer-events:auto;gap:8px;display:flex;position:absolute}.icon-btn{background:var(--glass);width:40px;height:40px;color:var(--hud);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;border-radius:10px;font-size:18px}.icon-btn:hover{background:var(--glass-strong)}.side{pointer-events:auto;flex-direction:column;align-items:center;gap:6px;width:56px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.side.right{right:calc(12px + var(--safe-right))}.side.left{left:calc(12px + var(--safe-left))}.side-label{letter-spacing:.1em;color:var(--hud-dim);font-size:10px}.side-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:600}.hold-check{cursor:pointer;color:var(--hud);align-items:center;gap:4px;display:flex}.hold-check input{width:14px;height:14px;margin:0}.vslider{touch-action:none;cursor:ns-resize;width:44px;height:min(42vh,280px);position:relative}.vslider-track{background:var(--glass-strong);border-radius:5px;width:10px;margin-left:-5px;position:absolute;top:0;bottom:0;left:50%;overflow:hidden}.vslider-fill{position:absolute;bottom:0;left:0;right:0}.throttle-fill{background:linear-gradient(to top, #6fd0ff, var(--accent) 70%, #ff7a59)}.hold-fill{background:linear-gradient(#d9ecff,#7fd0ff 40%,#58c46b)}.vslider-thumb{background:#fff;border-radius:7px;width:30px;height:14px;margin-top:-7px;margin-left:-15px;position:absolute;left:50%;box-shadow:0 1px 6px #0006}.side.hold-off .hold-fill{opacity:.25}.side.hold-off .side-value{color:var(--hud-dim);text-decoration:line-through}.fps{top:calc(84px + var(--safe-top));left:calc(14px + var(--safe-left));font-variant-numeric:tabular-nums;color:var(--hud-dim);background:var(--glass);border-radius:6px;padding:2px 8px;font-size:11px;position:absolute}.fps:empty,.buttons.reveal-only>:not(#btn-menu){display:none}.buttons.reveal-only #btn-menu{animation:.25s ease-out reveal}@keyframes reveal{0%{opacity:0;transform:scale(.85)}}.drag-dot{border:2px solid #ffffff73;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:0;left:0}.drag-dot.current{background:#ffffff80;border:0;width:22px;height:22px;margin:-11px 0 0 -11px}.overlay{background:radial-gradient(#08101e40,#08101e99);place-items:center;padding:16px;transition:opacity .5s;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay.fading{opacity:0;pointer-events:none}.card{text-align:center;background:var(--glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;width:100%;max-width:460px;padding:26px 24px;box-shadow:0 10px 40px #00000059}h1{letter-spacing:.02em;margin:0 0 6px;font-size:clamp(28px,7vw,40px)}.tagline{color:var(--hud-dim);margin:0 0 20px}.primary{background:var(--accent);color:#1b1b1b;cursor:pointer;border:0;border-radius:999px;padding:12px 44px;font-size:18px;font-weight:700}.hint{color:var(--hud-dim);margin:18px 0 0;font-size:13px;line-height:1.6}.hint.ios{color:var(--accent)}kbd{font:inherit;background:#ffffff24;border-radius:4px;padding:1px 5px;font-size:11px}.touch-only{display:none}@media (pointer:coarse){.touch-only{display:block}.desktop-only{display:none}}.menu .card{text-align:left;max-height:calc(100dvh - 32px);overflow-y:auto}.menu header{justify-content:space-between;align-items:center;display:flex}.menu h2{margin:0;font-size:20px}.menu h3{letter-spacing:.08em;text-transform:uppercase;color:var(--hud-dim);margin:18px 0 8px;font-size:12px}.row{flex-wrap:wrap;gap:8px;display:flex}.row input{flex:120px;min-width:0}input,.menu button:not(.icon-btn){font:inherit;color:var(--hud);background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;padding:8px 12px;font-size:14px}.menu button:not(.icon-btn){cursor:pointer}.menu button.link{color:var(--accent);background:0 0;border:0;padding:8px 0 0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button.active{background:var(--accent);color:#1b1b1b;border-color:#0000;font-weight:700}.muted{color:var(--hud-dim);margin:8px 0 0;font-size:12px}.check{align-items:center;gap:8px;font-size:14px;display:flex}.check input{width:18px;height:18px}@media (max-width:640px){.readout{padding:4px 10px;font-size:13px}.compass{top:calc(64px + var(--safe-top));width:min(260px,70vw);height:34px}.icon-btn{width:36px;height:36px;font-size:16px}.vslider{height:min(34vh,240px)}.fps{top:calc(104px + var(--safe-top))}}.sliders{gap:10px;margin-top:12px;display:grid}.slider-row{grid-template-columns:1fr auto;align-items:center;gap:2px 10px;font-size:13px;display:grid}.slider-row input[type=range]{width:100%;accent-color:var(--accent);background:0 0;border:0;grid-column:1/-1;padding:0}.slider-check{margin-top:-4px;font-size:13px}.slider-row input[type=range]:disabled{opacity:.4}.slider-row output{font-variant-numeric:tabular-nums;color:var(--hud-dim)}.checks{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 12px;margin-top:10px;display:grid}.checks.disabled{opacity:.45}