/* Layout only: all ring, button and skill artwork comes from NativeUI/image_gen. */
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions{display:block;width:244px;height:210px;right:calc(max(12px,env(safe-area-inset-right)) + var(--touch-offset-x))!important;bottom:calc(max(14px,env(safe-area-inset-bottom)) + var(--touch-offset-y))!important;pointer-events:none}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions button{position:absolute;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;padding:9px 8px 20px;width:64px;height:70px;background-size:100% calc(100% - 12px)!important;pointer-events:auto;touch-action:none;transform:none;border:0;box-shadow:none;border-radius:0}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions .touch-icon{width:34px;height:34px;margin:0;pointer-events:none}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions .touch-label{bottom:0;font-size:11px;line-height:13px;pointer-events:none}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-status{bottom:17px;font-size:10px;line-height:11px;pointer-events:none}
.native-ui.touch-ui #touch-controls.mobile-controls .cooling .touch-status{bottom:30px;font-size:17px;line-height:18px}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions [data-action=attack]{left:78px;top:118px;width:84px;height:90px;padding-top:14px;background-image:var(--native-touch)!important}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions [data-action=attack] .touch-icon{width:42px;height:42px}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions [data-action=ultimate]{left:166px;top:74px;width:78px;height:88px;padding-top:14px;background-image:var(--native-ultimate)!important}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions [data-action=ultimate] .touch-icon{width:40px;height:40px}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions [data-action=dash]{left:6px;top:128px;width:70px;height:72px;padding:3px 6px 18px;background:none!important}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions [data-action=dash] .touch-icon{width:54px;height:54px}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions [data-action=skill]{left:45px;top:45px}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions [data-action=nova]{left:113px;top:0;width:62px;height:68px}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions [data-action=interact]{left:0;top:-22px;width:60px;height:60px;padding:0 3px 12px;background:none!important}
.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions [data-action=interact] .touch-icon{width:40px;height:40px}
.native-ui.touch-ui #touch-controls.mobile-controls .is-pressed{filter:brightness(1.22);translate:0 2px}
.native-ui.touch-ui #touch-controls.mobile-controls #joystick{width:108px;height:108px;opacity:.66;pointer-events:auto;touch-action:none;left:calc(max(20px,env(safe-area-inset-left)) + var(--touch-offset-x))!important;bottom:calc(max(25px,env(safe-area-inset-bottom)) + var(--touch-offset-y))!important}
.native-ui.touch-ui #touch-controls.mobile-controls #joystick::after{content:'TOQUE E MOVA';position:absolute;top:100%;left:-10px;right:-10px;font:10px/13px var(--pixel);text-align:center;color:#e0eadf;text-shadow:1px 1px #112234;pointer-events:none}
.native-ui.touch-ui #touch-controls.mobile-controls #joystick.is-floating{position:fixed;left:var(--floating-x)!important;top:var(--floating-y)!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%) scale(var(--touch-scale));transform-origin:center;opacity:.94;pointer-events:none}
.native-ui.touch-ui #touch-controls.mobile-controls #joystick.is-floating::after{content:none}
.native-ui.touch-ui #touch-controls.mobile-controls #stick{width:45px;height:45px;left:calc(50% - 22.5px);top:calc(50% - 22.5px)}
.native-ui.touch-ui.touch-left-handed #touch-controls.mobile-controls .touch-actions{right:auto!important;left:calc(max(12px,env(safe-area-inset-left)) + var(--touch-offset-x))!important}
.native-ui.touch-ui.touch-left-handed #touch-controls.mobile-controls #joystick{left:auto!important;right:calc(max(20px,env(safe-area-inset-right)) + var(--touch-offset-x))!important}
.native-ui.touch-ui.touch-left-handed #touch-controls.mobile-controls #joystick.is-floating{left:var(--floating-x)!important;right:auto!important}
.native-ui.touch-ui.touch-left-handed #touch-controls.mobile-controls #joystick::after{content:'TOQUE E MOVA'}
.native-ui.touch-ui.touch-left-handed #touch-controls.mobile-controls #joystick.is-floating::after{content:none}
/* The connection badge used to intercept the target-lock button on phones. */
.native-ui.touch-ui.in-game #online-status{left:max(14px,env(safe-area-inset-left));right:auto;top:104px;bottom:auto;min-height:28px;min-width:110px;padding:7px 12px;font-size:9px}
@media(max-width:379px) and (orientation:portrait){.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions{transform:scale(calc(var(--touch-scale)*.88))}}
@media(max-width:359px){.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions{right:calc(max(8px,env(safe-area-inset-right)) + var(--touch-offset-x))!important}.native-ui.touch-ui #touch-controls.mobile-controls #joystick{width:94px;height:94px;left:calc(max(4px,env(safe-area-inset-left)) + var(--touch-offset-x))!important}.native-ui.touch-ui.touch-left-handed #touch-controls.mobile-controls .touch-actions{left:calc(max(4px,env(safe-area-inset-left)) + var(--touch-offset-x))!important;right:auto!important}.native-ui.touch-ui.touch-left-handed #touch-controls.mobile-controls #joystick{left:auto!important;right:calc(max(4px,env(safe-area-inset-right)) + var(--touch-offset-x))!important}}
@media(max-height:370px) and (orientation:landscape){.native-ui.touch-ui #touch-controls.mobile-controls .touch-actions{transform:scale(calc(var(--touch-scale)*.9));bottom:calc(max(8px,env(safe-area-inset-bottom)) + var(--touch-offset-y))!important}}
@media(max-width:700px) and (orientation:landscape){.native-ui.touch-ui .game-screen #capture-hud.capture-compact{left:calc(50% - 36px)!important;width:min(190px,calc(100vw - 398px))!important}}
@media(max-width:599px) and (max-height:370px) and (orientation:landscape){.native-ui.touch-ui .game-screen .experience-controls{left:182px;right:182px;top:54px;width:auto;max-width:none;justify-content:center}}