.sq-board-wrap.svelte-aw6j21{width:min(100%,max(12rem,100dvh - 20rem))}@media (orientation:landscape) and (height<=500px){.sq-board-wrap.svelte-aw6j21{width:max(11rem,100dvh - 9rem)}}.sq-board.svelte-aw6j21{aspect-ratio:1;width:100%}.sq-thumb.svelte-aw6j21{border:3px solid var(--learn-line);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--learn-sunken,#f1f5f9);cursor:pointer;touch-action:manipulation;border-radius:.75rem;flex:none;width:3.5rem;height:3.5rem}.sq-dot.svelte-aw6j21{background:var(--learn-line);border-radius:9999px;width:.7rem;height:.7rem;transition:background .3s,transform .3s;display:inline-block}.sq-dot-on.svelte-aw6j21{background:var(--learn-correct,#22c55e);transform:scale(1.2)}.sq-tile.svelte-aw6j21{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:2px;transition:left .35s,top .35s,padding .6s;position:absolute}.sq-tile.svelte-aw6j21:disabled{cursor:default}.sq-face.svelte-aw6j21{border-radius:.375rem;width:100%;height:100%;transition:transform .2s,box-shadow .3s,border-radius .6s;display:block;box-shadow:inset 0 0 0 2px #00000014}.sq-face.sq-placed.svelte-aw6j21{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--learn-correct) 55%, transparent)}.sq-selected.svelte-aw6j21 .sq-face:where(.svelte-aw6j21){box-shadow:0 0 0 3px var(--learn-accent-2), inset 0 0 0 2px var(--learn-accent-2);transform:scale(.92)}.sq-hint.svelte-aw6j21 .sq-face:where(.svelte-aw6j21){box-shadow:0 0 0 3px var(--learn-warn,#e59f1b), inset 0 0 0 2px var(--learn-warn,#e59f1b);animation:1s ease-in-out infinite svelte-aw6j21-sq-hint-pulse}@keyframes svelte-aw6j21-sq-hint-pulse{0%,to{transform:scale(.95)}50%{transform:scale(1.04)}}.sq-peek.svelte-aw6j21{z-index:5;border:3px solid var(--learn-line);cursor:pointer;background-repeat:no-repeat;background-size:100% 100%;border-radius:.75rem;animation:.25s ease-out both svelte-aw6j21-sq-fade-in;position:absolute;inset:0}@keyframes svelte-aw6j21-sq-fade-in{0%{opacity:0}to{opacity:1}}.sq-solved.svelte-aw6j21 .sq-board:where(.svelte-aw6j21){animation:.8s ease-out both svelte-aw6j21-sq-bounce}.sq-solved.svelte-aw6j21 .sq-tile:where(.svelte-aw6j21){padding:0}.sq-solved.svelte-aw6j21 .sq-face:where(.svelte-aw6j21){box-shadow:none;border-radius:0;transform:none}@keyframes svelte-aw6j21-sq-bounce{0%{transform:scale(1)}35%{transform:scale(1.1)}60%{transform:scale(.97)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sq-tile.svelte-aw6j21,.sq-face.svelte-aw6j21,.sq-dot.svelte-aw6j21,.sq-peek.svelte-aw6j21,.sq-hint.svelte-aw6j21 .sq-face:where(.svelte-aw6j21),.sq-solved.svelte-aw6j21 .sq-board:where(.svelte-aw6j21){transition:none;animation:none}}:root[data-reduced-motion] .sq-tile.svelte-aw6j21,:root[data-reduced-motion] .sq-face.svelte-aw6j21,:root[data-reduced-motion] .sq-dot.svelte-aw6j21,:root[data-reduced-motion] .sq-peek.svelte-aw6j21,:root[data-reduced-motion] .sq-hint.svelte-aw6j21 .sq-face:where(.svelte-aw6j21),:root[data-reduced-motion] .sq-solved.svelte-aw6j21 .sq-board:where(.svelte-aw6j21){transition:none;animation:none}