.joystick-wrapper.svelte-148hvd2{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.joystick-base.svelte-148hvd2{position:absolute;width:100%;height:100%}.joystick-center.svelte-148hvd2{position:absolute;width:30%;height:30%;cursor:grab;transition:transform .1s ease}.btn-up.svelte-148hvd2,.btn-down.svelte-148hvd2,.btn-left.svelte-148hvd2,.btn-right.svelte-148hvd2{position:absolute;width:20%;height:20%;cursor:pointer}.btn-up.svelte-148hvd2{top:0;left:50%;transform:translate(-50%)}.btn-down.svelte-148hvd2{bottom:0;left:50%;transform:translate(-50%)}.btn-left.svelte-148hvd2{left:0;top:50%;transform:translateY(-50%)}.btn-right.svelte-148hvd2{right:0;top:50%;transform:translateY(-50%)}@media (max-width: 768px){.joystick-wrapper.svelte-148hvd2{width:4rem;height:4rem}.joystick-base.svelte-148hvd2,.joystick-center.svelte-148hvd2{width:100%;height:100%}.joystick-center.svelte-148hvd2{width:30%;height:30%}.btn-up.svelte-148hvd2,.btn-down.svelte-148hvd2,.btn-left.svelte-148hvd2,.btn-right.svelte-148hvd2{width:20%;height:20%}}