.joystick-container{pointer-events:none;opacity:0}.joystick-container.visible{opacity:1}.joystick{position:absolute;transform:translate(-50%,-50%);border-radius:10000px;z-index:5}.joystick.position{width:15vmin;height:15vmin;border:2px solid white;z-index:10;box-shadow:0 0 8px #0000007f}.joystick.origin{width:40vmin;height:40vmin;border:2px solid white;box-shadow:0 0 8px #0000007f}@media (min-width:641px){.joystick.position{width:8vmin;height:8vmin;border:2px solid white;z-index:10;box-shadow:0 0 8px #0000007f}.joystick.origin{width:20vmin;height:20vmin;border:2px solid white;box-shadow:0 0 8px #0000007f}}h3{text-align:center;color:#fff;font-family:Nunito,monospace;text-shadow:0px 0px 5px rgba(0,0,0,.5);z-index:10;position:absolute;bottom:0vh;left:50%;transform:translate(-50%)}#recenterBtn{position:absolute;z-index:5;left:1vh;bottom:1vh;max-width:12vw;rotate:-90deg}h2{font-size:1.3em;text-align:center;font-family:monospace}.pulse-once{animation:pulse-once .2s cubic-bezier(.785,.135,.15,.86) both}@keyframes pulse-once{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}#cta{z-index:2;position:absolute;right:6vh;left:5.5vh;top:40vh;font-family:Nunito,sans-serif;color:#fff;font-weight:600;text-decoration:none;padding:.8em 1.6em;border-radius:50px;text-transform:uppercase;letter-spacing:1px;text-align:center;background:linear-gradient(90deg,#7611b7,#c86dd7)}:xr-overlay{padding-left:45px!important;padding-right:45px!important}