.msd-stage.svelte-12dsav{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.msd-top.svelte-12dsav{justify-content:space-between;align-items:center;gap:.75rem;width:min(100%,max(13rem,100dvh - 21rem));min-height:3.5rem;display:flex}.msd-say.svelte-12dsav{align-items:center;gap:.5rem;margin-left:auto;display:flex}.msd-board.svelte-12dsav{aspect-ratio:1;width:min(100%,max(13rem,100dvh - 21rem));position:relative;container-type:inline-size}.msd-tray.svelte-12dsav{grid-template-columns:repeat(var(--msd-n), minmax(0, 4.5rem));justify-content:center;gap:.5rem;width:min(100%,max(13rem,100dvh - 21rem));display:grid}.msd-glyphs.svelte-12dsav{justify-content:center;align-items:center;gap:1.25rem;min-height:3.5rem;display:flex}@media (orientation:landscape) and (width>=560px){.msd-stage.svelte-12dsav{grid-template:"board top""board tray"1fr"board glyphs"/min(100dvh - 8.5rem,100% - 13rem) minmax(9rem,14rem);justify-content:center;align-items:center;gap:.5rem 1.25rem;display:grid}.msd-top.svelte-12dsav{grid-area:top;width:100%}.msd-board.svelte-12dsav{grid-area:board;width:100%;min-width:11rem}.msd-tray.svelte-12dsav{grid-area:tray;grid-template-columns:repeat(2,minmax(0,5rem));width:100%}.msd-six.svelte-12dsav .msd-tray:where(.svelte-12dsav){grid-template-columns:repeat(3,minmax(0,4.5rem))}.msd-glyphs.svelte-12dsav{grid-area:glyphs}}@media (orientation:landscape) and (width>=560px) and (height<=500px){.msd-stage.svelte-12dsav{grid-template-columns:min(100dvh - 3.5rem,100% - 13rem) minmax(9rem,14rem)}.msd-tray.svelte-12dsav{grid-template-columns:repeat(2,minmax(0,4.5rem))}.msd-six.svelte-12dsav .msd-tray:where(.svelte-12dsav){grid-template-columns:repeat(3,minmax(0,4rem))}}.msd-dots.svelte-12dsav{align-items:center;gap:.5rem;display:flex}.msd-dot.svelte-12dsav{border:2px solid var(--learn-line);background:0 0;border-radius:9999px;width:.75rem;height:.75rem;transition:background .2s,transform .2s}.msd-dot-now.svelte-12dsav{border-color:var(--learn-accent);transform:scale(1.25)}.msd-dot-done.svelte-12dsav{border-color:var(--learn-correct);background:var(--learn-correct)}.msd-bar.svelte-12dsav{background:var(--learn-sunken);border-radius:9999px;flex:1;height:.375rem;overflow:hidden}.msd-bar.svelte-12dsav span:where(.svelte-12dsav){background:var(--learn-correct);height:100%;display:block}.msd-grid.svelte-12dsav{border:3px solid var(--learn-line);background:var(--learn-paper);border-radius:1rem;width:100%;height:100%;display:grid;overflow:hidden}.msd-cell.svelte-12dsav{min-width:0;min-height:0;font-family:var(--font-display,inherit);font-weight:800;line-height:1;font-size:calc(100cqw / var(--msd-n) * .62);color:var(--learn-ink);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background .18s;display:flex;position:relative}.msd-cell.svelte-12dsav:disabled{cursor:default}.msd-face.svelte-12dsav{justify-content:center;align-items:center;transition:opacity .25s;display:inline-flex}.msd-back.svelte-12dsav .msd-face:where(.svelte-12dsav){opacity:.35}.msd-selected.svelte-12dsav{box-shadow:inset 0 0 0 3px var(--learn-accent)}.msd-target.svelte-12dsav{box-shadow:inset 0 0 0 3px var(--learn-accent);animation:1.4s ease-in-out infinite svelte-12dsav-msd-target}.msd-clash.svelte-12dsav{box-shadow:inset 0 0 0 3px var(--learn-warn)}.msd-over.svelte-12dsav{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.msd-focus.svelte-12dsav{fill:none;stroke:var(--learn-accent);stroke-width:.07px;animation:1.4s ease-in-out infinite svelte-12dsav-msd-glow}.msd-focus-soft.svelte-12dsav{stroke-width:.04px;opacity:.55}.msd-link.svelte-12dsav{stroke:var(--learn-warn);stroke-width:.11px;stroke-linecap:round;stroke-dasharray:.02 .2;animation:.8s linear infinite svelte-12dsav-msd-march}.msd-key.svelte-12dsav{aspect-ratio:1;border:2px solid var(--learn-line);background:var(--learn-paper);min-height:3.5rem;max-height:5rem;font-family:var(--font-display,inherit);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;padding:0;font-size:2rem;font-weight:800;line-height:1;transition:transform .15s,opacity .2s,background .15s;display:flex}.msd-key.svelte-12dsav:active{transform:scale(.92)}.msd-key-armed.svelte-12dsav{border-color:var(--learn-accent);background:color-mix(in srgb, var(--learn-accent) 14%, var(--learn-paper));box-shadow:0 0 0 3px color-mix(in srgb, var(--learn-accent) 35%, transparent)}.msd-key-used.svelte-12dsav{opacity:.35}.msd-key-answer.svelte-12dsav{opacity:1;border-color:var(--learn-warn);animation:1.1s ease-in-out infinite svelte-12dsav-msd-answer}.msd-pop.svelte-12dsav{animation:.42s cubic-bezier(.34,1.56,.64,1) svelte-12dsav-msd-pop}.msd-wobble.svelte-12dsav{animation:.52s ease-in-out svelte-12dsav-msd-wobble}.msd-hop.svelte-12dsav{animation:2.4s ease-in-out infinite svelte-12dsav-msd-hop;animation-delay:calc(var(--msd-hop) * .22s)}.msd-sweep.svelte-12dsav{animation:.52s ease-out both svelte-12dsav-msd-flash;animation-delay:var(--msd-delay)}.msd-sweep.svelte-12dsav:after,.msd-ripple.svelte-12dsav:after{content:"";background:var(--learn-warn);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:26%;height:26%;animation:.62s ease-out both svelte-12dsav-msd-twinkle;animation-delay:var(--msd-delay);position:absolute;top:8%;right:8%;transform:scale(0)}.msd-ripple.svelte-12dsav{animation:.64s cubic-bezier(.34,1.56,.64,1) both svelte-12dsav-msd-ripple;animation-delay:var(--msd-delay)}.msd-ghost.svelte-12dsav{z-index:5;pointer-events:none;justify-content:center;align-items:center;font-weight:800;line-height:1;animation:.45s cubic-bezier(.5,-.2,.7,1) both svelte-12dsav-msd-fly;display:flex;position:absolute}@keyframes svelte-12dsav-msd-pop{0%{transform:scale(.3)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes svelte-12dsav-msd-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}}@keyframes svelte-12dsav-msd-hop{0%,14%,to{transform:translateY(0)scale(1)}6%{transform:translateY(-16%)scale(1.12)}}@keyframes svelte-12dsav-msd-target{50%{box-shadow:inset 0 0 0 6px color-mix(in srgb, var(--learn-accent) 55%, transparent)}}@keyframes svelte-12dsav-msd-glow{50%{stroke-opacity:.45}}@keyframes svelte-12dsav-msd-march{to{stroke-dashoffset:-.22px}}@keyframes svelte-12dsav-msd-answer{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--learn-warn) 55%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 9px color-mix(in srgb, var(--learn-warn) 0%, transparent);transform:scale(1.12)}}@keyframes svelte-12dsav-msd-flash{0%{box-shadow:inset 0 0 #0000}40%{box-shadow:inset 0 0 0 100vmax color-mix(in srgb, var(--learn-correct) 22%, transparent)}to{box-shadow:inset 0 0 #0000}}@keyframes svelte-12dsav-msd-twinkle{0%{opacity:1;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(40deg)}to{opacity:0;transform:scale(0)rotate(90deg)}}@keyframes svelte-12dsav-msd-ripple{0%{transform:scale(1)}40%{box-shadow:inset 0 0 0 100vmax color-mix(in srgb, var(--learn-correct) 25%, transparent);transform:scale(.82)}to{box-shadow:inset 0 0 0 100vmax color-mix(in srgb, var(--learn-correct) 12%, transparent);transform:scale(1)}}@keyframes svelte-12dsav-msd-fly{0%{opacity:1;transform:translate(0)scale(1)}85%{opacity:1}to{transform:translate(var(--msd-dx), var(--msd-dy)) scale(.5);opacity:0}}@media (prefers-reduced-motion:reduce){.msd-pop.svelte-12dsav,.msd-wobble.svelte-12dsav,.msd-hop.svelte-12dsav,.msd-sweep.svelte-12dsav,.msd-ripple.svelte-12dsav,.msd-target.svelte-12dsav,.msd-focus.svelte-12dsav,.msd-link.svelte-12dsav,.msd-key-answer.svelte-12dsav,.msd-sweep.svelte-12dsav:after,.msd-ripple.svelte-12dsav:after{animation:none}.msd-ghost.svelte-12dsav{display:none}.msd-key.svelte-12dsav,.msd-dot.svelte-12dsav{transition:none}.msd-key.svelte-12dsav:active{transform:none}.msd-key-answer.svelte-12dsav{box-shadow:0 0 0 4px color-mix(in srgb, var(--learn-warn) 45%, transparent)}}:root[data-reduced-motion] .msd-pop.svelte-12dsav,:root[data-reduced-motion] .msd-wobble.svelte-12dsav,:root[data-reduced-motion] .msd-hop.svelte-12dsav,:root[data-reduced-motion] .msd-sweep.svelte-12dsav,:root[data-reduced-motion] .msd-ripple.svelte-12dsav,:root[data-reduced-motion] .msd-target.svelte-12dsav,:root[data-reduced-motion] .msd-focus.svelte-12dsav,:root[data-reduced-motion] .msd-link.svelte-12dsav,:root[data-reduced-motion] .msd-key-answer.svelte-12dsav,:root[data-reduced-motion] .msd-sweep.svelte-12dsav:after,:root[data-reduced-motion] .msd-ripple.svelte-12dsav:after{animation:none}:root[data-reduced-motion] .msd-ghost.svelte-12dsav{display:none}:root[data-reduced-motion] .msd-key.svelte-12dsav,:root[data-reduced-motion] .msd-dot.svelte-12dsav{transition:none}:root[data-reduced-motion] .msd-key.svelte-12dsav:active{transform:none}:root[data-reduced-motion] .msd-key-answer.svelte-12dsav{box-shadow:0 0 0 4px color-mix(in srgb, var(--learn-warn) 45%, transparent)}