.arcade-joystick{position:absolute;left:18px;bottom:max(18px,env(safe-area-inset-bottom));width:120px;height:132px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;color:#dffbff}
.arcade-joystick[hidden]{display:none!important}
.arcade-joystick.is-inline{position:relative;left:auto;bottom:auto;flex:0 0 120px}
.arcade-joystick-ring{width:112px;height:112px;position:relative;border:2px solid #b2eef678;border-radius:50%;background:radial-gradient(circle,#203d578f,#0a1429b3);box-shadow:inset 0 0 0 15px #95edff09,0 5px 22px #0004;display:grid;place-items:center}
.arcade-joystick-ring:after{content:'';position:absolute;inset:21px;border:1px solid #b2eef62a;border-radius:50%;pointer-events:none}
.arcade-joystick-knob{position:relative;width:45px;height:45px;border:2px solid #c7faffbb;border-radius:50%;background:linear-gradient(145deg,#58c7d9cc,#246d99e6);box-shadow:0 3px 12px #0007;will-change:transform;pointer-events:none;z-index:1}
.arcade-joystick.is-active .arcade-joystick-knob{background:linear-gradient(145deg,#94f5ef,#399abf);box-shadow:0 0 14px #55e7ed44}
.arcade-joystick-label{font:800 11px Rubik,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;margin-top:5px;line-height:14px;text-shadow:0 1px 3px #000}
.arcade-joystick.is-disabled{opacity:.45;pointer-events:none}
.friends-controls:not(.is-touch) .arcade-joystick{display:none}
.friends-controls .friends-actions{max-width:calc(100% - 132px)}
@media(max-height:550px){.arcade-joystick{width:102px;height:112px;bottom:max(10px,env(safe-area-inset-bottom));left:12px}.arcade-joystick.is-inline{left:auto;bottom:auto;flex-basis:102px}.arcade-joystick-ring{width:94px;height:94px}.arcade-joystick-knob{width:39px;height:39px}.friends-controls .friends-actions{max-width:calc(100% - 110px)}}