.mobile-controls{position:fixed;inset:0;pointer-events:none;z-index:3}.joystick{position:absolute;left:0;bottom:0;width:min(58vw,760px);height:100%;pointer-events:auto;touch-action:none;overflow:visible;--joystick-x:0px;--joystick-y:0px;--joystick-angle:0deg;--joystick-knob-x:0px;--joystick-knob-y:0px}.joystick-ring,.joystick-knob{position:absolute;left:var(--joystick-x);top:var(--joystick-y);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.joystick-ring{width:136px;height:136px;border-radius:50%;background:transparent;box-shadow:none;transform:translate(-50%,-50%) rotate(var(--joystick-angle));overflow:visible;will-change:transform}.joystick-ring img{width:100%;height:100%;display:block;filter:brightness(0) invert(1);opacity:.65;pointer-events:none}.joystick-knob{display:none}.joystick.is-active .joystick-ring,.joystick.is-active .joystick-knob{opacity:1}.joystick.is-active .joystick-ring,.joystick.is-active .joystick-knob{transition:opacity .06s ease,transform .03s linear}@media(max-height:450px) and (orientation:landscape){.joystick-ring{width:112px;height:112px}.joystick-knob{display:none}}@media(pointer:fine){.mobile-controls{display:none}}