.ctd-board.svelte-1u8m8f2{width:min(100%,480px,max(14rem,100dvh - 27rem))}@media (orientation:landscape) and (height<=500px){.ctd-layout.svelte-1u8m8f2{grid-template-columns:auto minmax(0,1fr);grid-auto-rows:min-content;align-content:start;justify-items:start;gap:.5rem 1rem;display:grid}.ctd-layout.svelte-1u8m8f2>*{grid-column:2}.ctd-layout.svelte-1u8m8f2>.ctd-board{grid-area:1/1/span 6;width:max(11rem,100dvh - 6rem);max-width:none;margin:0}}.ctd-dot.svelte-1u8m8f2{border:2px solid var(--learn-ink-soft);background:var(--learn-paper);cursor:pointer;z-index:1;place-items:center;min-width:48px;min-height:48px;transition:transform .15s,background-color .15s,border-color .15s;display:grid}.ctd-dot.svelte-1u8m8f2:not(:disabled):hover{transform:translate(-50%,-50%)scale(1.15)}.ctd-dot.svelte-1u8m8f2:not(:disabled):active{transform:translate(-50%,-50%)scale(.95)}.ctd-dot--connected.svelte-1u8m8f2{background:var(--learn-correct);border-color:var(--learn-correct);cursor:default}.ctd-dot--connected.svelte-1u8m8f2 .ctd-dot-label:where(.svelte-1u8m8f2){color:#fff}.ctd-dot--next.svelte-1u8m8f2{border-color:var(--learn-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--learn-accent) 25%, transparent);animation:1.5s ease-in-out infinite svelte-1u8m8f2-pulse-next}.ctd-dot--wrong.svelte-1u8m8f2{border-color:var(--learn-warn);background:color-mix(in srgb, var(--learn-warn) 15%, var(--learn-paper));animation:.5s svelte-1u8m8f2-dot-shake}.ctd-dot--celebrating.svelte-1u8m8f2{background:var(--learn-correct);border-color:var(--learn-correct)}.ctd-dot--celebrating.svelte-1u8m8f2 .ctd-dot-label:where(.svelte-1u8m8f2){color:#fff}.ctd-line.svelte-1u8m8f2{animation:.3s ease-out both svelte-1u8m8f2-line-draw}.ctd-shape-fill.svelte-1u8m8f2{stroke-dasharray:1;animation:.7s ease-out both svelte-1u8m8f2-shape-outline,.6s ease-out .3s both svelte-1u8m8f2-shape-reveal}.ctd-board--done.svelte-1u8m8f2{animation:.7s ease-out .2s both svelte-1u8m8f2-picture-bounce}.celebrate-star.svelte-1u8m8f2{animation:.75s ease-out both svelte-1u8m8f2-star-pop;animation-delay:calc(var(--i) * 60ms)}@keyframes svelte-1u8m8f2-pulse-next{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--learn-accent) 25%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--learn-accent) 10%, transparent)}}@keyframes svelte-1u8m8f2-dot-shake{0%,to{transform:translate(-50%,-50%)translate(0)}20%{transform:translate(-50%,-50%)translate(-5px)}40%{transform:translate(-50%,-50%)translate(5px)}60%{transform:translate(-50%,-50%)translate(-3px)}80%{transform:translate(-50%,-50%)translate(3px)}}@keyframes svelte-1u8m8f2-line-draw{0%{opacity:0;stroke-width:.4px}to{opacity:1;stroke-width:1.2px}}@keyframes svelte-1u8m8f2-shape-reveal{0%{fill-opacity:0}to{fill-opacity:1}}@keyframes svelte-1u8m8f2-shape-outline{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes svelte-1u8m8f2-picture-bounce{0%,to{transform:translateY(0)scale(1)}35%{transform:translateY(-6px)scale(1.04)}65%{transform:translateY(0)scale(.98)}}@keyframes svelte-1u8m8f2-star-pop{0%{opacity:0;transform:translateY(6px)scale(.4)}45%{opacity:1;transform:translateY(-6px)scale(1.15)}to{opacity:.9;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.ctd-dot.svelte-1u8m8f2,.ctd-dot--next.svelte-1u8m8f2,.ctd-dot--wrong.svelte-1u8m8f2,.ctd-line.svelte-1u8m8f2,.ctd-shape-fill.svelte-1u8m8f2,.ctd-board--done.svelte-1u8m8f2,.celebrate-star.svelte-1u8m8f2{transition:none;animation:none}}:root[data-reduced-motion] .ctd-dot.svelte-1u8m8f2,:root[data-reduced-motion] .ctd-dot--next.svelte-1u8m8f2,:root[data-reduced-motion] .ctd-dot--wrong.svelte-1u8m8f2,:root[data-reduced-motion] .ctd-line.svelte-1u8m8f2,:root[data-reduced-motion] .ctd-shape-fill.svelte-1u8m8f2,:root[data-reduced-motion] .ctd-board--done.svelte-1u8m8f2,:root[data-reduced-motion] .celebrate-star.svelte-1u8m8f2{transition:none;animation:none}