.board-wrap.svelte-13955uc{width:max(15rem,min(100%,28rem,100dvh - 21rem));container-type:inline-size}.cell.svelte-13955uc{font-size:18cqw;line-height:1}.play-shell.svelte-13955uc{container-type:inline-size}@container (width>=40rem){.play-column.svelte-13955uc{grid-template-rows:repeat(5,auto) 1fr;grid-template-columns:minmax(0,1fr) auto;place-items:center;gap:.5rem 1.25rem;display:grid}.play-column.svelte-13955uc>*{grid-column:1}.play-column.svelte-13955uc>.board-wrap:where(.svelte-13955uc){grid-area:1/2/span 6;align-self:start;width:min(28rem,100svh - 1.5rem,62cqw)}}@media (orientation:landscape) and (height<=540px){.play-column.svelte-13955uc{grid-template-rows:repeat(5,auto) 1fr;grid-template-columns:minmax(0,1fr) auto;place-items:center;gap:.5rem 1.25rem;display:grid}.play-column.svelte-13955uc>*{grid-column:1}.play-column.svelte-13955uc>.board-wrap:where(.svelte-13955uc){grid-area:1/2/span 6;align-self:start;width:min(28rem,100svh - 1.5rem,62cqw)}}.strike.svelte-13955uc line:where(.svelte-13955uc){stroke-dasharray:100;stroke-dashoffset:0;animation:.42s ease-out both svelte-13955uc-strike-draw}@keyframes svelte-13955uc-strike-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.mark-draw.svelte-13955uc{stroke-dasharray:1;stroke-dashoffset:0;animation:.32s ease-out both svelte-13955uc-mark-draw}@keyframes svelte-13955uc-mark-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.cell-hint.svelte-13955uc{animation:1.4s ease-in-out infinite svelte-13955uc-cell-hint}@keyframes svelte-13955uc-cell-hint{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--learn-correct) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--learn-correct) 45%, transparent)}}@media (prefers-reduced-motion:reduce){.strike.svelte-13955uc line:where(.svelte-13955uc),.mark-draw.svelte-13955uc,.cell-hint.svelte-13955uc{animation:none}.cell-hint.svelte-13955uc{box-shadow:0 0 0 4px color-mix(in srgb, var(--learn-correct) 45%, transparent)}}:root[data-reduced-motion] .strike.svelte-13955uc line:where(.svelte-13955uc),:root[data-reduced-motion] .mark-draw.svelte-13955uc,:root[data-reduced-motion] .cell-hint.svelte-13955uc{animation:none}:root[data-reduced-motion] .cell-hint.svelte-13955uc{box-shadow:0 0 0 4px color-mix(in srgb, var(--learn-correct) 45%, transparent)}