.touch-controls[data-movement],.touch-controls[data-movement] *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}
.touch-controls .touch-joystick{position:relative;width:112px;height:112px;border:1px solid #d8ece653;border-radius:50%;background:radial-gradient(circle,#203b47bf,#10212bd9);box-shadow:0 3px 14px #0004;overflow:visible}
.touch-joystick-guides{position:absolute;inset:0;display:grid;place-items:center;font:88px/1 Arial,sans-serif;color:#bed8ce38;pointer-events:none}
.touch-joystick-thumb{position:absolute;left:35px;top:35px;width:40px;height:40px;background:#c2ddd6d9;border:1px solid #effff5a1;border-radius:50%;box-shadow:0 3px 8px #0005;pointer-events:none;will-change:transform}
.touch-controls .touch-vertical-controls{display:flex;gap:6px;margin-top:6px}.touch-controls .touch-vertical-controls button{flex:1;min-width:0;width:auto;height:40px;min-height:40px;margin:0;padding:0 5px;border-radius:18px;font-size:11px;background:#132832e8;color:#e1ece7}.touch-controls .touch-vertical-controls button.is-held{background:#badfd1;color:#13252b}.touch-controls .touch-vertical-controls [hidden]{display:none}.touch-controls[data-noclip=true] .touch-vertical-controls{gap:4px}
.touch-controls[data-movement=joystick]{width:112px}
.touch-controls .touch-arrow-pad button.is-held{background:#badfd1;color:#13252b}
@media(pointer:coarse){.touch-controls[data-movement]{left:max(14px,env(safe-area-inset-left));bottom:176px}.touch-look{display:none!important}}
@media(pointer:coarse) and (max-height:560px){.touch-controls[data-movement]{bottom:75px}.touch-controls .touch-joystick{width:96px;height:96px}.touch-controls[data-movement=joystick]{width:96px}.touch-joystick-thumb{left:27px;top:27px}}