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