html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;background:#071a26}body{min-height:100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overscroll-behavior:none}canvas{display:block;touch-action:none}.mobile-controls-toggle{display:none;position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:50;min-width:96px;height:40px;padding:0 14px;border:1.5px solid rgba(255,255,255,.8);border-radius:14px;background:#052f3ceb;color:#fff;font:inherit;font-size:11px;font-weight:800;letter-spacing:.05em;box-shadow:0 3px 12px #0000003d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);touch-action:manipulation;user-select:none;-webkit-user-select:none}.mobile-controls-toggle:active{transform:scale(.96)}.mobile-controls{display:none;position:fixed;inset:0;z-index:40;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mobile-controls.is-open{display:block}.mobile-controls__steer,.mobile-controls__trim,.mobile-controls__utility{position:absolute;display:flex;gap:12px;pointer-events:auto}.mobile-controls__steer{left:max(18px,env(safe-area-inset-left));bottom:max(24px,calc(env(safe-area-inset-bottom) + 14px))}.mobile-controls__trim{right:max(18px,env(safe-area-inset-right));bottom:max(24px,calc(env(safe-area-inset-bottom) + 14px))}.mobile-controls__utility{left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));transform:translate(-50%);align-items:center}.mobile-controls__hint{position:absolute;left:50%;bottom:max(104px,calc(env(safe-area-inset-bottom) + 94px));transform:translate(-50%);width:max-content;max-width:76vw;padding:5px 9px;border-radius:999px;background:#052f3cb8;color:#dff8ffe6;font-size:10px;font-weight:700;letter-spacing:.04em;text-align:center;pointer-events:none}.touch-control{appearance:none;border:1.5px solid rgba(255,255,255,.72);background:#052f3cc7;color:#fff;font:inherit;font-weight:800;box-shadow:0 3px 12px #00000038;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);touch-action:none;pointer-events:auto;transition:transform 70ms ease,background 70ms ease,border-color 70ms ease}.touch-control--round{width:84px;height:84px;border-radius:50%;font-size:34px}.touch-control--trim{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.touch-control__arrow{font-size:30px;line-height:.95}.touch-control__caption{font-size:9px;letter-spacing:.06em}.touch-control--small{width:48px;height:48px;border-radius:14px;font-size:24px}.touch-control--wide{min-width:62px;height:48px;padding:0 12px;border-radius:14px;font-size:11px;letter-spacing:.04em}.touch-control.is-pressed{transform:scale(.93);background:#106f87f5;border-color:#fffffff5}body.touch-capable .mobile-controls-toggle{display:block}@media(max-width:1100px){.mobile-controls-toggle{display:block}}@media(max-width:640px){.mobile-controls-toggle{min-width:88px;height:38px;padding:0 11px;font-size:10px}.touch-control--round{width:72px;height:72px;font-size:30px}.touch-control__arrow{font-size:26px}.mobile-controls__steer,.mobile-controls__trim{gap:8px}.mobile-controls__utility{bottom:max(110px,calc(env(safe-area-inset-bottom) + 100px));gap:7px}.mobile-controls__hint{display:none}.touch-control--small{width:42px;height:42px;border-radius:12px}.touch-control--wide{height:42px;min-width:56px;padding:0 9px}}