.keyboard.svelte-1lsokxf{--key-gap: .25rem;container-type:inline-size}.keyboard-rows.svelte-1lsokxf{display:flex;flex-direction:column;gap:var(--key-gap)}.keyboard-row.svelte-1lsokxf{display:flex;justify-content:center;gap:var(--key-gap);width:100%;min-width:0}.key-btn.svelte-1lsokxf{width:clamp(1.5rem,calc((100cqw - 2rem - 9 * var(--key-gap)) / 10),3.5rem);height:clamp(2.75rem,calc((100cqw - 2rem - 9 * var(--key-gap)) / 10 * 1.22),3.875rem);display:inline-flex;align-items:center;justify-content:center;font-size:clamp(.875rem,calc((100cqw - 2rem - 9 * var(--key-gap)) / 10 * .46),1.25rem);line-height:1;box-sizing:border-box;flex:0 0 auto;text-align:center}@media(min-width:640px){.key-btn.svelte-1lsokxf{width:clamp(1.5rem,calc((100cqw - 4rem - 9 * var(--key-gap)) / 10),3.5rem);height:clamp(2.75rem,calc((100cqw - 4rem - 9 * var(--key-gap)) / 10 * 1.22),3.875rem);font-size:clamp(.875rem,calc((100cqw - 4rem - 9 * var(--key-gap)) / 10 * .46),1.25rem)}}.key-btn--wide.svelte-1lsokxf{width:calc(clamp(1.5rem,calc((100cqw - 2rem - 9 * var(--key-gap)) / 10),3.5rem)*1.5)}@media(min-width:640px){.key-btn--wide.svelte-1lsokxf{width:calc(clamp(1.5rem,calc((100cqw - 4rem - 9 * var(--key-gap)) / 10),3.5rem)*1.5)}}button.svelte-1lsokxf{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tile-container.svelte-9e286u{perspective:1000px}.tile-inner.svelte-9e286u{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.tile-inner.flipped.svelte-9e286u{transform:rotateX(180deg)}.tile-face.svelte-9e286u{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:.125rem}.tile-back.svelte-9e286u{transform:rotateX(180deg);border:2px solid transparent}