.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:44px;min-height:44px;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{animation:.6s ease-out both svelte-1u8m8f2-shape-reveal}.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%{opacity:0}to{opacity:1}}@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,.celebrate-star.svelte-1u8m8f2{transition:none;animation:none}}