.board-wrap.svelte-1lg9pb7{flex-direction:column;gap:.375rem;width:max(15rem,min(100%,26rem,100dvh - 27rem));display:flex}.quadrants.svelte-1lg9pb7{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.quadrant.svelte-1lg9pb7{background:color-mix(in srgb, var(--learn-line,#d9cfd6) 35%, white);transform-origin:50%;border-radius:.75rem;padding:.25rem}.handle-row.svelte-1lg9pb7{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.handle.svelte-1lg9pb7,.undo.svelte-1lg9pb7{border:2px solid var(--learn-line,#d9cfd6);min-width:56px;min-height:56px;color:var(--learn-ink,#2a2230);opacity:.4;background:#fff;border-radius:9999px;font-size:1.75rem;line-height:1;transition:opacity .16s,transform .16s}.handle-live.svelte-1lg9pb7{opacity:1;border-color:var(--learn-accent,#7a4b8c);box-shadow:0 2px 0 var(--learn-line,#d9cfd6)}.handle.svelte-1lg9pb7:disabled{opacity:.25}.undo.svelte-1lg9pb7{opacity:0;pointer-events:none;min-width:48px;min-height:48px;font-size:1.5rem}.undo-on.svelte-1lg9pb7{opacity:1;pointer-events:auto}.cell.svelte-1lg9pb7{min-width:0;color:var(--learn-ink,#2a2230);transition:background-color .16s}.cell-pending.svelte-1lg9pb7{border-style:dashed;border-color:var(--learn-accent,#7a4b8c)!important}.spin-cw.svelte-1lg9pb7{animation:.42s cubic-bezier(.2,.8,.3,1) both svelte-1lg9pb7-spin-cw}.spin-ccw.svelte-1lg9pb7{animation:.42s cubic-bezier(.2,.8,.3,1) both svelte-1lg9pb7-spin-ccw}@keyframes svelte-1lg9pb7-spin-cw{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes svelte-1lg9pb7-spin-ccw{0%{transform:rotate(90deg)}to{transform:rotate(0)}}.cell-hint.svelte-1lg9pb7,.handle-hint.svelte-1lg9pb7{animation:1.4s ease-in-out infinite svelte-1lg9pb7-cell-hint}@keyframes svelte-1lg9pb7-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)}}.play-shell.svelte-1lg9pb7{container-type:inline-size}@container (width>=40rem){.play-column.svelte-1lg9pb7{grid-template-rows:repeat(4,auto) 1fr;grid-template-columns:minmax(0,1fr) auto;place-items:center;gap:.5rem 1.25rem;display:grid}.play-column.svelte-1lg9pb7>*{grid-column:1}.play-column.svelte-1lg9pb7>.board-wrap:where(.svelte-1lg9pb7){grid-area:1/2/span 5;align-self:start;width:min(26rem,100svh - 9rem,60cqw)}}@media (orientation:landscape) and (height<=540px){.play-column.svelte-1lg9pb7{grid-template-rows:repeat(4,auto) 1fr;grid-template-columns:minmax(0,1fr) auto;place-items:center;gap:.5rem 1.25rem;display:grid}.play-column.svelte-1lg9pb7>*{grid-column:1}.play-column.svelte-1lg9pb7>.board-wrap:where(.svelte-1lg9pb7){grid-area:1/2/span 5;align-self:start;width:min(26rem,100svh - 9rem,60cqw)}}@media (prefers-reduced-motion:reduce){.spin-cw.svelte-1lg9pb7,.spin-ccw.svelte-1lg9pb7,.cell-hint.svelte-1lg9pb7,.handle-hint.svelte-1lg9pb7{animation:none}.cell-hint.svelte-1lg9pb7,.handle-hint.svelte-1lg9pb7{box-shadow:0 0 0 4px color-mix(in srgb, var(--learn-correct) 45%, transparent)}}:root[data-reduced-motion] .spin-cw.svelte-1lg9pb7,:root[data-reduced-motion] .spin-ccw.svelte-1lg9pb7,:root[data-reduced-motion] .cell-hint.svelte-1lg9pb7,:root[data-reduced-motion] .handle-hint.svelte-1lg9pb7{animation:none}:root[data-reduced-motion] .cell-hint.svelte-1lg9pb7,:root[data-reduced-motion] .handle-hint.svelte-1lg9pb7{box-shadow:0 0 0 4px color-mix(in srgb, var(--learn-correct) 45%, transparent)}