:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7ecf3;-webkit-font-smoothing:antialiased;background:#10141a;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}@supports (height:100dvh){html,body,#app{height:100dvh}}.scene{touch-action:none;position:fixed;inset:0}.scene canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;z-index:5;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.speed-panel{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));background:#10141ab3;border-radius:10px;align-items:baseline;gap:8px;padding:10px 14px;display:flex;position:absolute}.speed-value{font-variant-numeric:tabular-nums;text-align:right;color:#eaf1ff;min-width:64px;font-size:34px;font-weight:650}.speed-unit{color:#9aa7b8;font-size:14px}.actions{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));flex-direction:column;align-items:stretch;gap:8px;max-width:60vw;display:flex;position:absolute}.hud button{pointer-events:auto;color:#eaf1ff;cursor:pointer;background:#2e63c7;border:none;border-radius:8px;padding:10px 18px;font-size:15px;transition:background .15s}.hud button.secondary{background:#35414f}.hud button.secondary:hover{background:#46556a}.hud button:hover{background:#3b78e2}.hud button:active{background:#24509f}.hud .hint{bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));color:#9aa7b8;background:#10141ab3;border-radius:8px;margin:0;padding:8px 12px;font-size:13px;position:absolute}.settings{pointer-events:auto;background:#10141aeb;border:1px solid #2c3440;border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.settings-row{color:#c4cedd;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.settings-row input[type=checkbox]{accent-color:#2e63c7;width:18px;height:18px}.debug-panel{top:calc(max(16px, env(safe-area-inset-top)) + 76px);left:max(16px, env(safe-area-inset-left));z-index:7;pointer-events:none;color:#cde3ff;white-space:nowrap;background:#060a10c7;border:1px solid #2c3440;border-radius:8px;max-width:min(92vw,460px);padding:8px 10px;font-family:ui-monospace,Cascadia Mono,Source Code Pro,Menlo,monospace;font-size:11px;line-height:1.55;position:absolute;overflow:hidden}.segmented{border:1px solid #2c3440;border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{color:#9aa7b8;background:#1a2029;border-radius:0;padding:6px 10px;font-size:13px;transition:none}.segmented button:hover{background:#232b37}.segmented button.active-seg{color:#eaf1ff;background:#2e63c7}.touch-controls{pointer-events:none;z-index:6;position:fixed;inset:0}.tc{bottom:max(14px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;gap:14px;display:flex;position:absolute}.tc-left{left:max(14px, env(safe-area-inset-left));align-items:flex-end}.tc-right{right:max(14px, env(safe-area-inset-right));align-items:flex-end}.tc-stack{flex-direction:column;align-items:center;gap:14px;display:flex}.touch-btn{color:#dfe8f5;touch-action:none;-webkit-tap-highlight-color:transparent;background:#35414fbf;border:1px solid #7a8ca066;border-radius:16px;place-items:center;width:64px;height:64px;padding:0;transition:background .1s,transform .1s;display:grid}.touch-btn svg{width:32px;height:32px}.touch-btn.big{border-radius:20px;width:80px;height:80px}.touch-btn.big svg{width:40px;height:40px}.touch-btn.small{border-radius:14px;width:56px;height:56px}.handbrake-label{font-size:22px;font-weight:700}.touch-btn.active{background:#2e63c7d9;border-color:#6c9bff;transform:scale(.96)}.portrait-hint{left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 152px);color:#c4cedd;white-space:nowrap;background:#10141acc;border-radius:999px;max-width:92vw;padding:8px 14px;font-size:13px;display:none;position:absolute;transform:translate(-50%)}@media (orientation:portrait) and (pointer:coarse){.portrait-hint{display:block}}.overlay{z-index:10;text-align:center;background:#10141a;place-content:center;justify-items:center;gap:16px;padding:24px;display:grid;position:fixed;inset:0}.overlay p{color:#9aa7b8;margin:0}.overlay.error h1{margin:0;font-size:22px}.overlay.error p{color:#ff9a9a;max-width:520px;line-height:1.5}.spinner{border:3px solid #2c3440;border-top-color:#4f8ff7;border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.hud button{padding:8px 12px;font-size:13px}.speed-panel{padding:8px 10px}.speed-value{min-width:48px;font-size:26px}}@media (height<=420px){.hud button{padding:6px 10px;font-size:12px}.actions{gap:6px}.settings{gap:6px;padding:8px 10px}.settings-row{font-size:12px}.segmented button{padding:4px 8px;font-size:12px}}