html,body{margin:0;padding:0;background:#2f3136;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#game-root{width:100vw;height:100dvh}#game-root canvas{display:block;margin:0 auto;touch-action:none;user-select:none;-webkit-user-select:none}.sb-touch{position:fixed;inset:0;z-index:20;display:none;align-items:flex-end;justify-content:space-between;box-sizing:border-box;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));pointer-events:none}.sb-touch__side{display:flex;gap:16px;pointer-events:none}.sb-touch__steer{pointer-events:auto;width:clamp(210px,30vw,300px);height:96px;padding:13px 20px 15px;box-sizing:border-box;border:2px solid rgba(255,255,255,.6);border-radius:24px;background:#1f2227b8;color:#fff;font-family:var(--sb-font, system-ui, sans-serif);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.sb-touch__steer-label{display:block;margin-bottom:11px;font-size:11px;font-weight:750;letter-spacing:.11em;text-align:center;opacity:.86}.sb-touch__steer-rail{height:12px;border-radius:999px;background:#ffffff3b;position:relative}.sb-touch__steer-rail:before{content:"";position:absolute;left:50%;top:-4px;width:2px;height:18px;background:#ffffff7a}.sb-touch__steer-knob{position:absolute;left:calc(50% - 28px);top:-22px;width:56px;height:56px;border:3px solid rgba(255,255,255,.82);border-radius:50%;background:var(--sb-primary, #f47a20);box-shadow:0 5px 14px #0000004d;transition:transform 70ms linear}.sb-touch__steer.is-active .sb-touch__steer-knob{filter:brightness(1.12);transition:none}.sb-touch__btn{pointer-events:auto;width:88px;height:88px;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.55);border-radius:50%;background:#2f31368c;color:#fff;font-family:var(--sb-font, system-ui, sans-serif);font-size:26px;font-weight:700;line-height:1;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.sb-touch__btn--primary{width:108px;height:108px;font-size:22px;background:var(--sb-primary, #f47a20);border-color:#ffffffbf}.sb-touch__btn--brake{font-size:15px;letter-spacing:.4px}@media(max-width:560px){.sb-touch{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.sb-touch__side{gap:10px}.sb-touch__steer{width:176px;height:82px;padding:10px 16px 12px}.sb-touch__steer-label{margin-bottom:8px}.sb-touch__steer-knob{left:calc(50% - 23px);top:-18px;width:46px;height:46px}.sb-touch__btn{width:70px;height:70px;border-width:2px}.sb-touch__btn--primary{width:88px;height:88px;font-size:18px}.sb-touch__btn--brake{font-size:12px}}.sb-touch__btn.is-active{transform:scale(.94);filter:brightness(1.18)}@media(orientation:landscape)and (max-height:480px){.sb-touch{padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.sb-touch__steer{width:clamp(170px,27vw,230px);height:68px;padding:8px 15px 10px}.sb-touch__steer-label{margin-bottom:6px;font-size:9px}.sb-touch__steer-knob{left:calc(50% - 20px);top:-15px;width:40px;height:40px}.sb-touch__btn{width:62px;height:62px;font-size:19px}.sb-touch__btn--primary{width:76px;height:76px;font-size:17px}}