*{margin:0;padding:0}body{overflow:hidden;touch-action:none}#move-freely-btn{position:fixed;top:20px;right:20px;padding:12px 24px;background:rgba(255,255,255,.3);border:2px solid rgba(255,255,255,.5);backdrop-filter:blur(10px);color:#fff;font-size:16px;font-weight:bold;border-radius:8px;cursor:pointer;z-index:1000;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3)}#move-freely-btn:hover:not(:disabled){background:rgba(255,255,255,.4);border-color:#ffffffb3;transform:scale(1.05)}#move-freely-btn:disabled{opacity:.5;cursor:not-allowed}#joystick-container{position:fixed;bottom:40px;right:40px;width:150px;height:150px;z-index:1000}#joystick-base{position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.2);border:3px solid rgba(255,255,255,.4);backdrop-filter:blur(10px)}#joystick-knob{position:absolute;width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.6);border:3px solid rgba(255,255,255,.8);cursor:pointer;transition:all .1s ease;box-shadow:0 4px 8px #0000004d;touch-action:none}@media (max-width: 768px){#move-freely-btn{top:10px;right:10px;padding:10px 20px;font-size:14px}#joystick-container{bottom:20px;right:20px;width:120px;height:120px}#joystick-base{width:120px;height:120px}#joystick-knob{width:50px;height:50px}}