:root{--mobile-controls-height: 160px}.mobile-game-frame,.touch.is-walking:not(.pad-on){--mobile-picture-height: calc(100dvh - var(--mobile-controls-height) - var(--tw-b, 0px) - var(--tw-t, 0px))}canvas.mobile-game-frame,.touch.is-walking:not(.pad-on)>canvas{top:env(safe-area-inset-top,0px)}body.touch.is-walking:not(.pad-on) #view{position:fixed;top:var(--tw-t, 0px);left:var(--tw-l, 0px);width:calc(100vw - var(--tw-l, 0px) - var(--tw-r, 0px));height:var(--mobile-picture-height)}body.touch.is-walking.ps2-look:not(.pad-on) #view{left:calc(var(--tw-l, 0px) + (100vw - var(--tw-l, 0px) - var(--tw-r, 0px)) / 2);top:calc(var(--tw-t, 0px) + var(--mobile-picture-height) / 2);width:min(calc(100vw - var(--tw-l, 0px) - var(--tw-r, 0px)),calc(var(--mobile-picture-height) * 4 / 3));height:min(var(--mobile-picture-height),calc((100vw - var(--tw-l, 0px) - var(--tw-r, 0px)) * 3 / 4))}.touch.is-walking{--tw-u: clamp(36px, 6vmin, 44px);--tw-f: clamp(40px, 7vmin, 44px);--tw-stick: clamp(72px, 20vmin, 88px);--tw-d: calc(var(--tw-f) + 4px);--tw-s: calc(var(--tw-u) + 2px);--tw-low: 12px;--tw-stick-floor: 12px;--tw-dpad-floor: 12px;--tw-face-floor: 12px;--tw-dpad-x: calc(24px + var(--tw-stick) + var(--tw-l))}.touch.is-walking #stick-zone,.touch.is-walking #aim-zone{top:auto;bottom:calc(var(--tw-stick-floor) + var(--tw-b));width:var(--tw-stick);height:var(--tw-stick)}.touch.is-walking #stick-zone{left:calc(12px + var(--tw-l));right:auto}.touch.is-walking #aim-zone{right:calc(12px + var(--tw-r));left:auto}.touch.is-walking #aim-rest{top:auto;right:calc(12px + var(--tw-r));bottom:calc(var(--tw-stick-floor) + var(--tw-b))}.touch.is-walking #tw-l1,.touch.is-walking #tw-l2,.touch.is-walking #tw-r1,.touch.is-walking #tw-r2{top:auto;bottom:calc(24px + var(--tw-stick) + var(--tw-b));width:var(--tw-u)}.touch.is-walking #tw-l1{left:calc(18px + var(--tw-u) + var(--tw-l))}.touch.is-walking #tw-r1{right:calc(18px + var(--tw-u) + var(--tw-r))}.touch.is-walking #tw-cross,.touch.is-walking #tw-triangle{right:calc(24px + var(--tw-stick) + var(--tw-d) + var(--tw-r))}.touch.is-walking #tw-circle{right:calc(24px + var(--tw-stick) + var(--tw-r))}.touch.is-walking #tw-square{right:calc(24px + var(--tw-stick) + 2 * var(--tw-d) + var(--tw-r))}.touch.is-walking #stick-base,.touch.is-walking #aim-base{width:var(--tw-stick);height:var(--tw-stick);margin:calc(var(--tw-stick) / -2) 0 0 calc(var(--tw-stick) / -2)}.touch.is-walking #stick-knob,.touch.is-walking #aim-knob{width:62%;height:62%}.touch.is-walking:not(.pad-on) .mu-touch-menu,body:has(.touch.is-walking:not(.pad-on):not([hidden]))>.mu-touch-menu{top:auto;bottom:calc(var(--tw-b, 0px) + var(--mobile-controls-height) - 60px);left:50%;transform:translate(-50%)}@media(orientation:portrait){:root{--mobile-controls-height: 300px}.touch.is-walking{--tw-stick-floor: 62px;--tw-dpad-floor: 150px;--tw-face-floor: 150px;--tw-dpad-x: calc(12px + var(--tw-l))}.touch.is-walking #tw-l1,.touch.is-walking #tw-l2{left:calc(24px + var(--tw-stick) + var(--tw-l))}.touch.is-walking #tw-r1,.touch.is-walking #tw-r2{right:calc(24px + var(--tw-stick) + var(--tw-r))}.touch.is-walking #tw-l1,.touch.is-walking #tw-r1{bottom:calc(62px + var(--tw-b))}.touch.is-walking #tw-l2,.touch.is-walking #tw-r2{bottom:calc(106px + var(--tw-b))}.touch.is-walking #tw-cross,.touch.is-walking #tw-triangle{right:calc(12px + var(--tw-d) + var(--tw-r))}.touch.is-walking #tw-circle{right:calc(12px + var(--tw-r))}.touch.is-walking #tw-square{right:calc(12px + 2 * var(--tw-d) + var(--tw-r))}}html body #original-loading{bottom:auto;height:100dvh}html body #original-loading canvas{height:min(100dvh,70vw)}html body.ps2-look #view{top:50dvh}