.demo{flex-direction:column;align-items:center;gap:10px;margin:0 0 28px;display:flex}.demo-stage{width:min(var(--demo-w), 100%);aspect-ratio:1;border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}.demo-stage>svg{width:100%;height:100%;display:block}.demo figcaption{color:var(--muted);text-align:center;max-width:420px;font-size:14px}.demo [class*=anim-]{animation-play-state:paused}.demo.is-playing [class*=anim-]{animation-play-state:running}@media (prefers-reduced-motion:reduce){.demo [class*=anim-],.demo.is-playing [class*=anim-]{animation:none!important}}.anim-trail[data-astro-cid-idknz7s6],.anim-finger[data-astro-cid-idknz7s6]{animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}.anim-tile[data-astro-cid-idknz7s6],.anim-disc[data-astro-cid-idknz7s6],.anim-letter[data-astro-cid-idknz7s6]{transform-box:fill-box;transform-origin:50%;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}.anim-disc[data-astro-cid-idknz7s6]{transform:scale(0)}.anim-board-turn[data-astro-cid-idknz7s6]{transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite boggle-turn}@keyframes boggle-turn{0%,25%{transform:rotate(0)}55%,80%{transform:rotate(90deg)}to{transform:rotate(0)}}.anim-cell[data-astro-cid-tvjvz6oy]{animation:3.6s ease-in-out infinite sud-cell}@keyframes sud-cell{0%,20%{opacity:0}35%,85%{opacity:1}to{opacity:0}}.anim-answer[data-astro-cid-tvjvz6oy]{opacity:0;animation:3.6s ease-in-out infinite sud-answer}@keyframes sud-answer{0%,45%{opacity:0;transform:translateY(6px)}60%,88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.anim-answer[data-astro-cid-tvjvz6oy]{transform-box:fill-box;transform-origin:50%}.anim-unit-row[data-astro-cid-tvjvz6oy]{animation:4s ease-in-out infinite sud-unit}.anim-unit-col[data-astro-cid-tvjvz6oy]{animation:4s ease-in-out .7s infinite sud-unit}.anim-unit-box[data-astro-cid-tvjvz6oy]{animation:4s ease-in-out 1.4s infinite sud-unit}@keyframes sud-unit{0%,4%{opacity:0}10%,16%{opacity:.85}24%,to{opacity:0}}.anim-sweep[data-astro-cid-tvjvz6oy]{animation:3.6s ease-in-out infinite sud-sweep}@keyframes sud-sweep{0%{opacity:.55;transform:translateY(0)}30%{opacity:.55;transform:translateY(72px)}45%{opacity:.55;transform:translateY(144px)}55%,to{opacity:0}}.anim-domino[data-astro-cid-rxdd2jmu]{animation:3.4s ease-in-out infinite pips-drop}@keyframes pips-drop{0%,12%{opacity:0;transform:translateY(-80px)}20%{opacity:1;transform:translateY(-80px)}48%{transform:translateY(6px)}56%,88%{transform:translateY(0)}to{opacity:0;transform:translateY(-80px)}}.anim-fill[data-astro-cid-rxdd2jmu]{opacity:0;transform-box:fill-box;transform-origin:50%}.anim-fill-0[data-astro-cid-rxdd2jmu]{animation:3.4s ease-in-out .3s infinite pips-fill}.anim-fill-1[data-astro-cid-rxdd2jmu]{animation:3.4s ease-in-out .9s infinite pips-fill}@keyframes pips-fill{0%{opacity:0;transform:scale(.6)}12%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.anim-slide-a[data-astro-cid-c4r2s5sp]{animation:3.4s ease-in-out infinite slide-a}.anim-slide-b[data-astro-cid-c4r2s5sp]{animation:3.4s ease-in-out infinite slide-b}@keyframes slide-a{0%,20%{opacity:1;transform:translate(0)}45%{opacity:1;transform:translate(-64px)}48%,90%{opacity:0;transform:translate(-64px)}to{opacity:1;transform:translate(0)}}@keyframes slide-b{0%,20%{opacity:1;transform:translate(0)}45%{opacity:1;transform:translate(-192px)}48%,90%{opacity:0;transform:translate(-192px)}to{opacity:1;transform:translate(0)}}.anim-merged[data-astro-cid-c4r2s5sp]{opacity:0;transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite merged}@keyframes merged{0%,45%{opacity:0;transform:scale(.7)}52%{opacity:1;transform:scale(1.12)}58%,90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.anim-anchor[data-astro-cid-c4r2s5sp]{transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite anchor}@keyframes anchor{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.anim-slide-c[data-astro-cid-c4r2s5sp]{animation:3.4s ease-in-out infinite slide-c}@keyframes slide-c{0%,25%{transform:translate(0)}55%,90%{transform:translate(-2px)}to{transform:translate(0)}}.anim-wash[data-astro-cid-tbjut5kk]{animation:3.4s ease-in-out infinite flood-wash}.anim-wash-0[data-astro-cid-tbjut5kk]{animation-delay:.5s}.anim-wash-1[data-astro-cid-tbjut5kk]{animation-delay:.62s}.anim-wash-2[data-astro-cid-tbjut5kk]{animation-delay:.74s}.anim-wash-3[data-astro-cid-tbjut5kk]{animation-delay:.86s}.anim-wash-4[data-astro-cid-tbjut5kk]{animation-delay:.98s}.anim-wash-5[data-astro-cid-tbjut5kk]{animation-delay:1.1s}.anim-wash-6[data-astro-cid-tbjut5kk]{animation-delay:1.22s}.anim-wash-7[data-astro-cid-tbjut5kk]{animation-delay:1.34s}@keyframes flood-wash{0%{opacity:0}12%,82%{opacity:1}to{opacity:0}}.anim-drop[data-astro-cid-kvkfwbvf]{animation:3s ease-in infinite c4-drop}@keyframes c4-drop{0%,15%{opacity:0;transform:translateY(-40px)}20%{opacity:1;transform:translateY(-40px)}55%{transform:translateY(102px)}62%{transform:translateY(94px)}68%,92%{transform:translateY(102px)}to{opacity:0;transform:translateY(-40px)}}.anim-threat[data-astro-cid-kvkfwbvf]{opacity:0}.anim-threat-a[data-astro-cid-kvkfwbvf]{animation:3.4s ease-in-out infinite c4-threat}.anim-threat-b[data-astro-cid-kvkfwbvf]{animation:3.4s ease-in-out .5s infinite c4-threat}@keyframes c4-threat{0%,20%{opacity:0}35%,60%{opacity:.95}75%,to{opacity:0}}.anim-step[data-astro-cid-civ7wpor]{transform-box:fill-box;transform-origin:50%;opacity:0}.anim-open[data-astro-cid-cpbdhubh],.anim-flag[data-astro-cid-cpbdhubh]{opacity:0}.anim-mark[data-astro-cid-wju6ots7]{opacity:0;transform-box:fill-box;transform-origin:50%}.anim-reveal[data-astro-cid-zi4uw5be]{opacity:0}.anim-cell[data-astro-cid-2w4wmxo4]{transform-box:fill-box;transform-origin:50%}.anim-mark[data-astro-cid-yy526sw7]{opacity:0;stroke-dasharray:1}.howto{width:100%;max-width:720px;color:var(--foreground);margin:0 auto;padding:28px 20px 56px;font-size:17px;line-height:1.7}.howto-back{margin:0 0 20px;font-size:14px}.howto-back a{color:var(--muted);text-decoration:none}.howto-back a:hover{color:var(--foreground);text-decoration:underline}.howto h1{font-family:var(--font-cell), "Montserrat", sans-serif;margin:0 0 16px;font-size:clamp(28px,5vw,38px);font-weight:800;line-height:1.2}.howto h2{margin:36px 0 12px;font-size:23px;font-weight:800}.howto h3{margin:22px 0 4px;font-size:17px;font-weight:700}.howto p{margin:0 0 16px}.howto .howto-lead{color:var(--foreground)}.howto ul{margin:0 0 16px;padding-left:22px}.howto li{margin:0 0 10px}.howto-faq p{color:var(--muted)}