.joistick.svelte-1syjnga{--_background:var(--clr-shade-300);text-align:center;grid-template-areas:".up.""left center right"".down.";justify-content:center;display:grid}.joistick.svelte-1syjnga>:where(.svelte-1syjnga){aspect-ratio:1;background-color:var(--_background);width:2.5rem;color:var(--clr-background);border:none;justify-content:center;align-items:center;display:flex}.joistick.svelte-1syjnga>button:where(.svelte-1syjnga){border-radius:.5rem 0 0 .5rem;transition:all .2s;position:relative}.joistick.svelte-1syjnga>button:where(.svelte-1syjnga):hover{--_background:color-mix(in srgb, var(--clr-shade-300), black 10%)}.joistick.svelte-1syjnga>button:where(.svelte-1syjnga):active{box-shadow:inset 4px 0 4px #0003}.up.svelte-1syjnga{grid-area:up;rotate:90deg;box-shadow:0 0 4px #0003}.right.svelte-1syjnga{grid-area:right;rotate:180deg;box-shadow:0 -4px 4px #0003,0 0 4px #0003}.down.svelte-1syjnga{grid-area:down;rotate:270deg;box-shadow:-4px 0 4px #0003,0 0 4px #0003}.left.svelte-1syjnga{grid-area:left;box-shadow:0 4px 4px #0003,0 0 4px #0003}.center.svelte-1syjnga{z-index:100;grid-area:center;justify-content:center;align-items:center;display:flex;scale:1.01}.center.svelte-1syjnga:after{content:"";aspect-ratio:1;border-radius:100%;width:85%;display:block;box-shadow:inset 0 0 4px 2px #0003}main.svelte-ho7xw4{margin-bottom:2rem}.controll.svelte-ho7xw4{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:1rem .5rem;display:flex}.controll.svelte-ho7xw4>:where(.svelte-ho7xw4){width:100%;max-width:30rem}.joisticks.svelte-ho7xw4{justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.invisible.svelte-ho7xw4{display:none}