.tutorial.svelte-8s3559{width:min(920px,92vw);padding:2rem 0}.head.svelte-8s3559{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.head.svelte-8s3559 h1:where(.svelte-8s3559){margin:0;font-size:clamp(1.7rem,4vw,2.4rem)}.progress.svelte-8s3559{gap:.4rem;display:flex}.dot.svelte-8s3559{background:var(--line);border-radius:50%;width:10px;height:10px;transition:background .2s}.dot.past.svelte-8s3559{background:color-mix(in srgb, var(--accent) 55%, var(--line))}.dot.current.svelte-8s3559{background:var(--accent)}.stage.svelte-8s3559{grid-template-columns:1fr 380px;align-items:start;gap:2rem;display:grid}.coach.svelte-8s3559{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}.step-count.svelte-8s3559{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 .4rem;font-size:.72rem;font-weight:700}.coach.svelte-8s3559 h2:where(.svelte-8s3559){margin:0 0 .7rem;font-size:1.3rem}.instruction.svelte-8s3559{color:var(--ink);margin:0;font-size:1.02rem}.feedback.svelte-8s3559{background:color-mix(in srgb, var(--accent) 12%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));color:var(--ink);border-radius:10px;margin:.9rem 0 0;padding:.8rem .9rem;font-size:.95rem}.controls.svelte-8s3559{gap:.6rem;margin-top:1.2rem;display:flex}.btn.small.svelte-8s3559{padding:.45rem 1rem;font-size:.9rem}.nudge.svelte-8s3559{color:var(--ink-dim);margin:.8rem 0 0;font-size:.9rem}.board-wrap.svelte-8s3559{justify-content:center;display:flex;position:sticky;top:80px}.finish.svelte-8s3559{text-align:center;max-width:34rem;margin:1rem auto 0}.finish-emoji.svelte-8s3559{margin:0;font-size:3rem}.finish.svelte-8s3559 h2:where(.svelte-8s3559){margin:.3rem 0 .6rem;font-size:clamp(1.6rem,4vw,2.2rem)}.finish-body.svelte-8s3559{color:var(--ink-dim);font-size:1.05rem}.finish-cta.svelte-8s3559{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.4rem;display:flex}.restart.svelte-8s3559{color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:none;margin-top:1.4rem;font-size:.9rem}.restart.svelte-8s3559:hover{color:var(--ink);text-decoration:underline}@media (width<=720px){.stage.svelte-8s3559{grid-template-columns:1fr;gap:1.2rem}.board-wrap.svelte-8s3559{order:-1;position:static}.coach.svelte-8s3559{padding:1.1rem}.controls.svelte-8s3559 .btn:where(.svelte-8s3559),.finish-cta.svelte-8s3559 .btn:where(.svelte-8s3559){flex:auto;justify-content:center}}