.touch-controls{display:none;position:fixed;left:var(--viewport-left, 0px);top:var(--viewport-top, 0px);width:var(--viewport-width, 100vw);height:var(--viewport-height, 100dvh);z-index:5;pointer-events:none;--control-size: clamp(48px, calc(var(--viewport-height, 100dvh) * .11), 70px)}html[data-input-mode=touch] .touch-controls:not(.is-paused){display:block}.pause-controls{position:fixed;left:var(--viewport-left, 0px);top:var(--viewport-top, 0px);width:var(--viewport-width, 100vw);height:var(--viewport-height, 100dvh);z-index:6;pointer-events:none}.pause-controls button{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));min-width:64px;min-height:44px;border:2px solid #ffffffb0;border-radius:12px;color:#fff;background:#152338c0;font:700 16px sans-serif;touch-action:none;pointer-events:auto}.pause-message{display:none;position:absolute;top:0;right:0;bottom:0;left:0;place-items:center;background:#0008;color:#fff;font:700 28px sans-serif}.pause-controls.is-paused .pause-message{display:grid}.touch-stick,.touch-actions{position:absolute;bottom:max(14px,env(safe-area-inset-bottom))}.touch-stick{left:max(18px,env(safe-area-inset-left));width:clamp(104px,calc(var(--viewport-height, 100dvh) * .27),150px);aspect-ratio:1;border-radius:50%;border:2px solid #ffffff90;background:#15233880;pointer-events:auto;touch-action:none;display:grid;place-items:center}.touch-stick-arrows{color:#ffffffb0;font:700 22px sans-serif;pointer-events:none}.touch-stick-knob{position:absolute;width:42%;height:42%;border-radius:50%;background:#ffffff90;border:2px solid #fff;pointer-events:none}.touch-actions{right:max(18px,env(safe-area-inset-right));display:grid;grid-template-columns:repeat(3,var(--control-size));gap:10px}.touch-actions button{width:var(--control-size);height:var(--control-size);padding:0;border:2px solid #ffffffb0;border-radius:50%;background:#152338b0;color:#fff;font:700 16px sans-serif;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-actions .touch-jump{grid-column:span 2;width:auto;border-radius:32px;background:#267b39b0}.touch-actions .is-pressed{background:#e6b342dd;transform:scale(.94)}