.panel-info{flex:none;display:inline-grid;place-items:center;width:18px;height:18px;margin:0 0 0 var(--s2u-space-1);padding:0;border:1px solid var(--s2u-panel-edge);border-radius:50%;background:transparent;color:var(--s2u-text-dim);font:var(--s2u-type-readout-caption);line-height:1;cursor:help;vertical-align:middle}.panel-info:hover,.panel-info[aria-expanded=true]{color:var(--s2u-gold);border-color:var(--s2u-gold)}.panel-info:focus-visible{outline:2px solid var(--s2u-focus);outline-offset:2px}@media(pointer:coarse){.panel-info{width:44px;height:44px;margin:-13px -13px -13px calc(var(--s2u-space-1) - 13px);border-color:transparent;background:radial-gradient(circle,transparent 8px,var(--s2u-panel-edge) 8px 9px,transparent 9px)}}.panel-info__tip{padding:var(--s2u-space-1) var(--s2u-space-2);border-left:2px solid var(--s2u-gold)}.panel-info-row{display:flex;align-items:center;gap:var(--s2u-space-1);min-width:0}.panel-info-row>.s2u-field__label{margin:0}#experimental-settings .exp-cat{margin-top:var(--s2u-space-2)}#experimental-settings .exp-cat>.section{padding-top:var(--s2u-space-2)}#experimental-settings .exp-group{display:grid;gap:var(--s2u-space-1);min-width:0}:root{--mobile-controls-height: 160px}.mobile-game-frame,.touch.is-walking:not(.pad-on){--mobile-picture-height: calc(100dvh - 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%}body:has(#menu-touch.touch.is-walking:not([hidden]))>.mu-touch-menu{top:auto;bottom:calc(var(--tw-b, 0px) + var(--mobile-controls-height) - 60px);left:50%;transform:translate(-50%)}.touch.is-walking{--mobile-hud-height: calc(100dvh - var(--tw-t, 0px) - var(--tw-b, 0px));--mobile-menu-top: calc(var(--tw-t, 0px) + var(--mobile-hud-height) * 158 / 448 + 6px);--mobile-menu-right: calc(var(--tw-r, 0px) + var(--mobile-hud-height) * 75 / 448)}body.touch.is-walking .mu-touch-menu{top:var(--mobile-menu-top);bottom:auto;left:auto;right:var(--mobile-menu-right);transform:translate(50%)}.touch.is-walking #fullscreen{top:calc(var(--mobile-menu-top) + 48px);bottom:auto;left:auto;right:var(--mobile-menu-right);transform:translate(50%)}.mobile-fullscreen{display:none;touch-action:manipulation}.touch.is-walking:not(.pad-on):not(.armory-open):not(.is-taunts-open) #fullscreen.mobile-fullscreen{display:grid;width:36px;height:36px;z-index:1002}.mobile-fullscreen-status{position:fixed;top:calc(64px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);padding:8px 12px;border-radius:6px;z-index:1003;background:#102528;color:#fff;font:14px sans-serif;pointer-events:none}.mobile-fullscreen-status[hidden]{display:none}@media(pointer:coarse)and (orientation:landscape)and (max-height:500px){body.test-room.touch:not(.is-walking):not(.pad-on)>.mu-touch-menu{top:auto;bottom:calc(var(--tw-b, 0px) + var(--mobile-controls-height) - 60px);left:calc(50% + 8px);transform:none}}@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}@media(orientation:landscape)and (max-height:340px){.touch.is-walking #tw-r1,.touch.is-walking #tw-r2{bottom:calc(var(--tw-face-floor) + 2 * var(--tw-d) + var(--tw-f) + 6px + var(--tw-b))}.touch.is-walking #tw-r2{right:calc(24px + var(--tw-stick) + var(--tw-r))}.touch.is-walking #tw-r1{right:calc(30px + var(--tw-stick) + var(--tw-u) + var(--tw-r))}}
