.tile.svelte-1s833i5{position:relative;background:var(--c);color:#0009;perspective:550px}.tile.svelte-1s833i5 span:where(.svelte-1s833i5){position:relative;display:inline-block;line-height:1;transform-style:preserve-3d;text-shadow:1px 4px 6px var(--c),0 0 0 rgba(0,0,0,.3),1px 4px 6px var(--c)}.tile.svelte-1s833i5 .learned:where(.svelte-1s833i5){position:absolute;right:4px;top:4px;width:1.1rem;height:1.1rem;border-radius:999px;background:var(--ink, #fff);color:var(--c);font-size:.7rem;font-weight:900;line-height:1.1rem;text-align:center}.tile.svelte-1s833i5 span:where(.svelte-1s833i5):before,.tile.svelte-1s833i5 span:where(.svelte-1s833i5):after{content:attr(data-letter);position:absolute;top:0;right:0;bottom:0;left:0;line-height:inherit;transition:transform .3s}.tile.svelte-1s833i5 span:where(.svelte-1s833i5):before{color:#0000001f;text-shadow:none}.tile.svelte-1s833i5 span:where(.svelte-1s833i5):after{color:var(--ink, #fff)}.fold-left.svelte-1s833i5 span:where(.svelte-1s833i5):before,.fold-left.svelte-1s833i5 span:where(.svelte-1s833i5):after{transform-origin:0 50%}.fold-left.svelte-1s833i5 span:where(.svelte-1s833i5):before{transform:scaleX(1.08) skew(0,1deg)}.fold-left.svelte-1s833i5 span:where(.svelte-1s833i5):after{text-shadow:-1px 0 0 rgba(255,255,255,.1),3px 0 1px rgba(0,0,0,.4);transform:rotateY(-15deg)}.fold-left.svelte-1s833i5:hover span:where(.svelte-1s833i5):before,.fold-left.svelte-1s833i5:active span:where(.svelte-1s833i5):before{transform:scaleX(.85) skew(0,20deg)}.fold-left.svelte-1s833i5:hover span:where(.svelte-1s833i5):after,.fold-left.svelte-1s833i5:active span:where(.svelte-1s833i5):after{transform:rotateY(-40deg)}.fold-right.svelte-1s833i5 span:where(.svelte-1s833i5):before,.fold-right.svelte-1s833i5 span:where(.svelte-1s833i5):after{transform-origin:100% 50%}.fold-right.svelte-1s833i5 span:where(.svelte-1s833i5):before{transform:scaleX(.85) skew(0,1deg)}.fold-right.svelte-1s833i5 span:where(.svelte-1s833i5):after{text-shadow:1px 0 0 rgba(255,255,255,.1),-3px 0 1px rgba(0,0,0,.4);transform:rotateY(15deg)}.fold-right.svelte-1s833i5:hover span:where(.svelte-1s833i5):before,.fold-right.svelte-1s833i5:active span:where(.svelte-1s833i5):before{transform:scaleX(.85) skew(0,-20deg)}.fold-right.svelte-1s833i5:hover span:where(.svelte-1s833i5):after,.fold-right.svelte-1s833i5:active span:where(.svelte-1s833i5):after{transform:rotateY(40deg)}.fold-top.svelte-1s833i5 span:where(.svelte-1s833i5):before,.fold-top.svelte-1s833i5 span:where(.svelte-1s833i5):after{transform-origin:50% 100%}.fold-top.svelte-1s833i5 span:where(.svelte-1s833i5):before{transform:scaleY(.95) skew(-4deg)}.fold-top.svelte-1s833i5 span:where(.svelte-1s833i5):after{text-shadow:0 1px 0 rgba(255,255,255,.1),0 -3px 1px rgba(0,0,0,.4);transform:rotateX(-15deg)}.fold-top.svelte-1s833i5:hover span:where(.svelte-1s833i5):before,.fold-top.svelte-1s833i5:active span:where(.svelte-1s833i5):before{transform:translateY(-.05em) scaleY(.55) skew(-10deg)}.fold-top.svelte-1s833i5:hover span:where(.svelte-1s833i5):after,.fold-top.svelte-1s833i5:active span:where(.svelte-1s833i5):after{transform:translateY(-.035em) rotateX(-40deg)}.fold-bottom.svelte-1s833i5 span:where(.svelte-1s833i5):before,.fold-bottom.svelte-1s833i5 span:where(.svelte-1s833i5):after{transform-origin:50% 0}.fold-bottom.svelte-1s833i5 span:where(.svelte-1s833i5):before{transform:scaleY(1.05) skew(4deg)}.fold-bottom.svelte-1s833i5 span:where(.svelte-1s833i5):after{text-shadow:0 -1px 0 rgba(255,255,255,.1),0 3px 1px rgba(0,0,0,.4);transform:rotateX(15deg)}.fold-bottom.svelte-1s833i5:hover span:where(.svelte-1s833i5):before,.fold-bottom.svelte-1s833i5:active span:where(.svelte-1s833i5):before{transform:translateY(-.035em) scaleY(1.2) skew(10deg)}.fold-bottom.svelte-1s833i5:hover span:where(.svelte-1s833i5):after,.fold-bottom.svelte-1s833i5:active span:where(.svelte-1s833i5):after{transform:translateY(.045em) rotateX(40deg)}