body{margin:0}#canvasR3F{width:100vw;height:100vh;background-color:#000}@media(max-width:1024px){.vJ-label{display:none}.joystick{width:8vw;height:8vw;max-width:120px;max-height:120px;min-width:80px;min-height:80px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;touch-action:none;display:flex;align-items:center;justify-content:center}.joystick-knob{width:35%;height:35%;background:#fff9;border-radius:50%;transition:transform .05s linear}.posJoystick{position:fixed;bottom:-45vh;left:50%;transform:translate(-50%)}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.overlay-form{background-color:#000;padding:2rem;border-radius:8px;display:flex;flex-direction:column;gap:1rem;min-width:300px}.overlay-form input{padding:.5rem;font-size:.8rem}.overlay-form button{padding:.55rem;text-align:center;justify-content:center;font-size:1rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}.overlay-form button:hover{background-color:#555}@media(max-width:1024px){.HUDbackground{display:none}}.HUDbackground{position:fixed;bottom:0;left:0;margin:5px;padding:0 10px;background-color:#0003}.HUDinstructions{display:flex;align-items:center;justify-content:flex-start;color:#000}.HUDimage{padding-left:10px;padding-right:10px}