html:not([data-input-mode=touch]) #joystick{display:none}html[data-input-mode=touch] .keyboard-help,html[data-input-mode=gamepad] .keyboard-help,html:not([data-input-mode=touch]) .touch-help{display:none}html[data-input-mode=touch] .touch-help{display:inline}#input-device-hint{position:fixed;left:50%;bottom:calc(42px + env(safe-area-inset-bottom,0px));transform:translate(-50%);max-width:90vw;width:max-content;padding:5px 10px;border-radius:8px;color:#fff4d7;background:#132f39dd;font-size:11px;text-align:center;pointer-events:none;z-index:20}#input-device-hint:empty{display:none}html[data-input-mode=gamepad] :focus{outline:3px solid #ffdb73;outline-offset:4px}html[data-input-mode=gamepad] #attack:after{content:"RT"}html[data-input-mode=gamepad] #ability:after{content:"LT"}html[data-input-mode=gamepad] #sprint:after{content:"A"}html[data-input-mode=gamepad] #swap:after{content:"X"}html[data-input-mode=gamepad] :is(#attack,#ability,#sprint,#swap):after{position:absolute;top:-5px;right:-5px;background:#132f39;color:#ffdb73;border:1px solid #ffdb73;border-radius:5px;padding:2px 5px;font:700 12px sans-serif}@media(max-width:600px){#input-device-hint{left:12px;transform:none;max-width:calc(100vw - 190px);font-size:10px}}