:root{--bg:#f3f0ff;--ink:#2b2250;--muted:#5a5480;--line:#ddd6f3;--card:#fff;--good:#3cc15a;--good-dark:#1f7a34;--try:#9a4d0c;--try-bg:#ffd3b3;--focus:#7a4fd6;--primary:#ffd84d;--accent:#5b3df5;--accent-soft:#e6e0ff;--white-key:#fffdf7;--black-key:#2b2250;--key-down:#e6e0ff;--radius:24px;--shadow:0 6px 0 #0000001a;--font:"Nunito", "Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:18px}@media (width>=900px){html{font-size:20px}}body{font-family:var(--font);color:var(--ink);background:radial-gradient(circle at 10% 10%, #ffe9b3 0 8rem, transparent 8rem), radial-gradient(circle at 95% 30%, #d9f0ff 0 10rem, transparent 10rem), var(--bg);overflow-wrap:break-word;background-attachment:fixed;min-height:100vh;margin:0;line-height:1.45}img,svg,video{max-width:100%}h1,h2,h3{margin:0 0 .6rem;line-height:1.15}h1{font-size:clamp(1.8rem,5vw,2.6rem)}h2{font-size:clamp(1.4rem,4vw,1.9rem)}a{color:inherit}.lead{font-size:1.3rem}.muted{color:var(--muted)}.card{background:var(--card);border:4px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1rem,3vw,1.8rem)}.stack{gap:1rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.btn{font:inherit;border:3px solid var(--ink);min-height:56px;color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink);touch-action:manipulation;background:#fff;border-radius:18px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:1.15rem;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--primary)}.btn.accent{background:var(--accent);color:#fff}.btn.ghost{border-color:var(--line);box-shadow:0 4px 0 var(--line);color:var(--muted)}.btn.big{min-height:64px;padding:.7rem 1.6rem;font-size:1.3rem}.btn[aria-checked=true],.btn[aria-pressed=true]{background:var(--ink);color:#fff}.pill{border:3px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:.4rem;min-height:44px;padding:.4rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}[tabindex="-1"]:focus:not(:focus-visible){outline:none}.skip-link{z-index:100;font:inherit;border:3px solid var(--ink);background:var(--primary);min-height:48px;color:var(--ink);cursor:pointer;border-radius:14px;padding:.6rem 1.2rem;font-size:1.1rem;font-weight:800;position:absolute;top:-10rem;left:.8rem}.skip-link:focus,.skip-link:focus-visible{top:.6rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pop-in{animation:.35s cubic-bezier(.2,1.6,.4,1) both pop-in}.wiggle{animation:.6s ease-in-out 2 wiggle}.shake{animation:.4s ease-in-out shake}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}html.reduce-motion *,html.reduce-motion :before,html.reduce-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fx-layer.svelte-14tgi{pointer-events:none;z-index:50;place-items:center;display:grid;position:fixed;inset:0}.burst.svelte-14tgi{position:absolute;top:40%;left:50%}.plus.svelte-14tgi{white-space:nowrap;color:var(--ink);text-shadow:0 3px #fff,0 0 12px #fff;font-size:2.4rem;font-weight:900;animation:1.6s ease-out forwards svelte-14tgi-float-up;position:absolute;transform:translate(-50%,-50%)}.piece.svelte-14tgi{font-size:1.8rem;animation:1.2s ease-out forwards svelte-14tgi-fly;position:absolute;transform:translate(-50%,-50%)}.big-piece.svelte-14tgi{font-size:2.4rem;animation-duration:1.8s}@keyframes svelte-14tgi-fly{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1.2) rotate(40deg)}}@keyframes svelte-14tgi-float-up{0%{opacity:0;transform:translate(-50%,-20%)scale(.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}.reduce.svelte-14tgi .plus:where(.svelte-14tgi){opacity:1;animation:none}.overlay.svelte-14tgi{z-index:60;background:#2b225099;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.big.svelte-14tgi{text-align:center;max-width:32rem;position:relative}.big.svelte-14tgi h2:where(.svelte-14tgi){overflow-wrap:anywhere}.esc.svelte-14tgi{color:var(--muted);margin:.6rem 0 0;font-size:.9rem}.piece.svelte-14tgi{pointer-events:none}.trophy.svelte-14tgi{margin:0;font-size:5rem;animation:1s ease-in-out infinite alternate svelte-14tgi-bounce}@keyframes svelte-14tgi-bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.toggle.svelte-1jxc4k4{border:3px solid var(--line);background:#fff;border-radius:999px;padding:3px;display:inline-flex}.lang.svelte-1jxc4k4{font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.3rem;min-height:44px;padding:.4rem .8rem;font-weight:700;display:inline-flex}.lang.active.svelte-1jxc4k4{background:var(--ink);color:#fff}@media (width<=560px){.name.svelte-1jxc4k4{display:none}}.badges.svelte-6c5tb4{color:var(--ink);border-radius:999px;gap:.5rem;text-decoration:none;display:inline-flex}.badge.svelte-6c5tb4{border:3px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:.3rem;min-height:44px;padding:.25rem .8rem;font-size:1.2rem;font-weight:800;display:inline-flex}.stars.svelte-6c5tb4{border-color:#f2c200}.streak.svelte-6c5tb4{border-color:#ff7a59}.topbar.svelte-12qhfyh{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.8rem clamp(.8rem,3vw,2rem);display:flex}.right.svelte-12qhfyh{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.logo.svelte-12qhfyh{font-size:1.5rem;font-weight:900}.home.svelte-12qhfyh{min-height:48px}.short.svelte-12qhfyh{display:none}main.svelte-12qhfyh{max-width:72rem;margin:0 auto;padding:0 clamp(.8rem,3vw,2rem) 2rem}main.svelte-12qhfyh:focus{outline:none}footer.svelte-12qhfyh nav:where(.svelte-12qhfyh){flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;padding:1rem 1rem 2rem;font-weight:700;display:flex}footer.svelte-12qhfyh a:where(.svelte-12qhfyh){align-items:center;gap:.3rem;min-height:44px;padding:.6rem .4rem;display:inline-flex}footer.svelte-12qhfyh a[aria-current=page]:where(.svelte-12qhfyh){text-decoration-thickness:3px}@media (width<=560px){.label.svelte-12qhfyh{display:none}.short.svelte-12qhfyh{display:inline}}