.board-wrap.svelte-1453hwp{width:max(15rem,min(100%,28rem,100dvh - 18rem))}.sp-board.svelte-1453hwp{aspect-ratio:1;background:var(--learn-sunken,#f1f5f9);width:100%;box-shadow:inset 0 0 0 2px var(--learn-line);border-radius:.75rem;position:relative;container-type:inline-size}.play-shell.svelte-1453hwp{container-type:inline-size}@container (width>=40rem){.play-column.svelte-1453hwp{grid-template-rows:repeat(3,auto) 1fr;grid-template-columns:minmax(0,1fr) auto;place-items:center;gap:.5rem 1.25rem;display:grid}.play-column.svelte-1453hwp>*{grid-column:1}.play-column.svelte-1453hwp>.board-wrap:where(.svelte-1453hwp){grid-area:1/2/span 4;align-self:start;width:min(28rem,100svh - 1.5rem,62cqw)}}@media (orientation:landscape) and (height<=540px){.play-column.svelte-1453hwp{grid-template-rows:repeat(3,auto) 1fr;grid-template-columns:minmax(0,1fr) auto;place-items:center;gap:.5rem 1.25rem;display:grid}.play-column.svelte-1453hwp>*{grid-column:1}.play-column.svelte-1453hwp>.board-wrap:where(.svelte-1453hwp){grid-area:1/2/span 4;align-self:start;width:min(28rem,100svh - 1.5rem,62cqw)}}.sp-thumb.svelte-1453hwp{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}.sp-dot.svelte-1453hwp{background:var(--learn-line);border-radius:9999px;width:.7rem;height:.7rem;transition:background .3s,transform .3s;display:inline-block}.sp-dot-on.svelte-1453hwp{background:var(--learn-correct,#22c55e);transform:scale(1.2)}.sp-gap.svelte-1453hwp{box-sizing:border-box;padding:3px;transition:left .2s,top .2s;position:absolute}.sp-gap.svelte-1453hwp:after{content:"";border-radius:.5rem;width:100%;height:100%;display:block;box-shadow:inset 0 2px 6px #0000001f}.sp-tile.svelte-1453hwp{box-sizing:border-box;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:3px;transition:left .2s,top .2s,padding .6s;position:absolute}.sp-tile.svelte-1453hwp:disabled{cursor:default}.sp-face.svelte-1453hwp{background:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .2s,box-shadow .3s,border-radius .6s;display:flex;box-shadow:0 1px 2px #0000001f,inset 0 0 0 2px #00000014}.sp-numeral.svelte-1453hwp{color:var(--learn-ink);background:var(--learn-accent-soft,#fdf2f8);font-family:inherit;font-weight:800;line-height:1}.sp-board[data-size="3"].svelte-1453hwp .sp-numeral:where(.svelte-1453hwp){font-size:14cqw}.sp-board[data-size="4"].svelte-1453hwp .sp-numeral:where(.svelte-1453hwp){font-size:10cqw}.sp-face.sp-placed.svelte-1453hwp{box-shadow:0 1px 2px #0000001f, inset 0 0 0 2px color-mix(in srgb, var(--learn-correct) 55%, transparent)}.sp-tile.svelte-1453hwp:active .sp-face:where(.svelte-1453hwp){transform:scale(.94)}.sp-hint.svelte-1453hwp .sp-face:where(.svelte-1453hwp){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-1453hwp-sp-hint-pulse}@keyframes svelte-1453hwp-sp-hint-pulse{0%,to{transform:scale(.95)}50%{transform:scale(1.04)}}.sp-peek.svelte-1453hwp{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-1453hwp-sp-fade-in;position:absolute;inset:0}@keyframes svelte-1453hwp-sp-fade-in{0%{opacity:0}to{opacity:1}}.sp-solved.svelte-1453hwp .sp-board:where(.svelte-1453hwp){animation:.8s ease-out both svelte-1453hwp-sp-bounce}.sp-solved.svelte-1453hwp .sp-tile:where(.svelte-1453hwp){padding:0}.sp-solved.svelte-1453hwp .sp-face:where(.svelte-1453hwp){box-shadow:none;border-radius:0;transform:none}.sp-solved.svelte-1453hwp .sp-gap:where(.svelte-1453hwp){opacity:0}@keyframes svelte-1453hwp-sp-bounce{0%{transform:scale(1)}35%{transform:scale(1.08)}60%{transform:scale(.97)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sp-tile.svelte-1453hwp,.sp-gap.svelte-1453hwp,.sp-face.svelte-1453hwp,.sp-dot.svelte-1453hwp,.sp-peek.svelte-1453hwp,.sp-hint.svelte-1453hwp .sp-face:where(.svelte-1453hwp),.sp-solved.svelte-1453hwp .sp-board:where(.svelte-1453hwp){transition:none;animation:none}}:root[data-reduced-motion] .sp-tile.svelte-1453hwp,:root[data-reduced-motion] .sp-gap.svelte-1453hwp,:root[data-reduced-motion] .sp-face.svelte-1453hwp,:root[data-reduced-motion] .sp-dot.svelte-1453hwp,:root[data-reduced-motion] .sp-peek.svelte-1453hwp,:root[data-reduced-motion] .sp-hint.svelte-1453hwp .sp-face:where(.svelte-1453hwp),:root[data-reduced-motion] .sp-solved.svelte-1453hwp .sp-board:where(.svelte-1453hwp){transition:none;animation:none}