:root{--c-ink: #20312a;--c-ink-soft: #4c5e54;--c-paper: #fdf6e9;--c-paper-deep: #f7ecd7;--c-card: #fffdf7;--c-grove: #2e7d5b;--c-grove-deep: #1f5a41;--c-coral: #ff6b5e;--c-coral-deep: #d94f43;--c-honey: #ffc94d;--c-honey-deep: #e0a92e;--c-sky: #5db9d6;--c-sky-deep: #3f93ad;--c-lilac: #a78bda;--c-lilac-deep: #8166b5;--c-mint: #45b08c;--c-mint-deep: #2e8a6a;--c-teal: #2bb3c0;--c-teal-deep: #1f8c97;--c-rose: #ee6c9a;--c-rose-deep: #c64d79;--c-lime: #8bc34a;--c-lime-deep: #6a9a33;--c-blush: #ff8fa3;--c-blush-deep: #df6680;--c-indigo: #7b86e0;--c-indigo-deep: #5b66c0;--c-cloud: #ffffff;--c-wrong: #e2574b;--c-right: #3da06c;--font-display: "Grandstander", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif;--shadow-toy: 0 6px 0 rgba(32, 49, 42, .12), 0 14px 30px rgba(32, 49, 42, .1);--shadow-toy-sm: 0 4px 0 rgba(32, 49, 42, .1), 0 8px 18px rgba(32, 49, 42, .08);--shadow-pop: 0 18px 50px rgba(32, 49, 42, .18);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--c-ink);background:var(--c-paper);background-image:radial-gradient(rgba(32,49,42,.04) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;margin:0;letter-spacing:.01em}p{margin:0}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--c-honey);color:var(--c-ink)}.shell{max-width:1100px;margin:0 auto;padding:0 20px}.shell-narrow{max-width:760px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.05rem;padding:14px 28px;border-radius:999px;color:#fff;background:var(--c-grove);box-shadow:0 5px 0 var(--c-grove-deep),0 12px 24px #20312a2e;transition:transform .12s ease,box-shadow .12s ease,filter .15s ease;-webkit-user-select:none;user-select:none;text-align:center}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--c-grove-deep),0 4px 10px #20312a26}.btn-coral{background:var(--c-coral);box-shadow:0 5px 0 var(--c-coral-deep),0 12px 24px #20312a2e}.btn-coral:active{box-shadow:0 1px 0 var(--c-coral-deep),0 4px 10px #20312a26}.btn-honey{background:var(--c-honey);color:var(--c-ink);box-shadow:0 5px 0 var(--c-honey-deep),0 12px 24px #20312a2e}.btn-honey:active{box-shadow:0 1px 0 var(--c-honey-deep),0 4px 10px #20312a26}.btn-sky{background:var(--c-sky);box-shadow:0 5px 0 var(--c-sky-deep),0 12px 24px #20312a2e}.btn-sky:active{box-shadow:0 1px 0 var(--c-sky-deep),0 4px 10px #20312a26}.btn-lilac{background:var(--c-lilac);box-shadow:0 5px 0 var(--c-lilac-deep),0 12px 24px #20312a2e}.btn-lilac:active{box-shadow:0 1px 0 var(--c-lilac-deep),0 4px 10px #20312a26}.btn-ghost{background:transparent;color:var(--c-ink);box-shadow:inset 0 0 0 2.5px #20312a40}.btn-ghost:hover{box-shadow:inset 0 0 0 2.5px var(--c-ink)}.btn-ghost:active{transform:translateY(2px)}.btn-big{font-size:1.3rem;padding:18px 40px}.btn-small{font-size:.9rem;padding:9px 18px}.card{background:var(--c-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-toy);border:2.5px solid rgba(32,49,42,.08)}.chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;font-size:.9rem;background:var(--c-cloud);border:2px solid rgba(32,49,42,.1);border-radius:999px;padding:7px 14px;box-shadow:var(--shadow-toy-sm)}.choice-tile{background:var(--c-card);border:3px solid rgba(32,49,42,.1);border-radius:var(--radius-md);box-shadow:var(--shadow-toy-sm);padding:18px;font-family:var(--font-display);font-weight:700;font-size:1.25rem;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;min-height:84px;justify-content:center}.choice-tile:hover{transform:translateY(-3px) scale(1.02);border-color:var(--c-sky)}.choice-tile:active{transform:translateY(1px) scale(.99)}.choice-tile.is-right{border-color:var(--c-right);background:#eafaf0;animation:pop .4s ease}.choice-tile.is-wrong{border-color:var(--c-wrong);background:#fdeeec;animation:shake .4s ease}.choice-tile .tile-emoji{font-size:2.4rem;line-height:1}.letter-tile{font-family:var(--font-display);font-weight:800;font-size:1.6rem;background:var(--c-card);border:3px solid rgba(32,49,42,.12);border-radius:var(--radius-sm);box-shadow:0 4px #20312a1f;width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;transition:transform .1s ease,opacity .15s ease,border-color .12s;text-transform:lowercase}.letter-tile:hover{transform:translateY(-3px);border-color:var(--c-lilac)}.letter-tile:active{transform:translateY(1px)}.letter-tile.used{opacity:.25;pointer-events:none}.word-tile{font-family:var(--font-display);font-weight:700;font-size:1.15rem;background:var(--c-card);border:3px solid rgba(32,49,42,.12);border-radius:var(--radius-sm);box-shadow:0 4px #20312a1f;padding:10px 18px;transition:transform .1s ease,opacity .15s ease,border-color .12s}.word-tile:hover{transform:translateY(-3px);border-color:var(--c-sky)}.word-tile.used{opacity:.25;pointer-events:none}.slot{min-width:58px;height:58px;border-radius:var(--radius-sm);border:3px dashed rgba(32,49,42,.25);background:#20312a08;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1.6rem}.slot.filled{border-style:solid;border-color:var(--c-grove);background:#eafaf0}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.5deg)}}@keyframes star-burst{0%{transform:scale(0) rotate(-30deg);opacity:0}60%{transform:scale(1.25) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.3}}.rise{animation:rise-in .6s cubic-bezier(.22,1,.36,1) both}.rise-1{animation-delay:.05s}.rise-2{animation-delay:.15s}.rise-3{animation-delay:.25s}.rise-4{animation-delay:.35s}.rise-5{animation-delay:.45s}.floaty{animation:floaty 4.5s ease-in-out infinite}.wiggle{animation:wiggle 2.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hills{position:relative;overflow:hidden}.hills:after{content:"";position:absolute;inset:auto 0 0 0;height:140px;background:radial-gradient(120% 90px at 20% 100%,var(--c-grove) 49%,transparent 50%),radial-gradient(130% 110px at 75% 100%,#3a936d 49%,transparent 50%);opacity:.14;pointer-events:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--c-grove-deep)}.brand svg{display:block}.bar{height:14px;border-radius:999px;background:#20312a1a;overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;background:var(--c-grove);transition:width .5s cubic-bezier(.22,1,.36,1)}.ten-frame{display:grid;grid-template-columns:repeat(5,56px);grid-template-rows:repeat(2,56px);gap:8px;justify-content:center}.ten-frame button{border:3px solid rgba(32,49,42,.2);border-radius:12px;background:var(--c-card);font-size:1.7rem;transition:transform .1s ease,background .15s}.ten-frame button:active{transform:scale(.92)}.ten-frame button.on{background:#ffe9e7;border-color:var(--c-coral)}.number-line{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.number-line button{min-width:46px;height:52px;border-radius:12px;border:3px solid rgba(32,49,42,.15);background:var(--c-card);font-family:var(--font-display);font-weight:700;font-size:1.1rem;box-shadow:0 3px #20312a1a;transition:transform .1s ease,border-color .12s}.number-line button:hover{transform:translateY(-3px);border-color:var(--c-sky)}.number-line button.is-right{border-color:var(--c-right);background:#eafaf0;animation:pop .4s}.number-line button.is-wrong{border-color:var(--c-wrong);background:#fdeeec;animation:shake .4s}.number-line .tick{opacity:.45;font-size:.85rem}.tap-field{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:460px;margin:0 auto}.tap-field button{font-size:2.6rem;line-height:1;padding:6px;border-radius:16px;transition:transform .12s ease,filter .12s;position:relative}.tap-field button:hover{transform:scale(1.12) rotate(-4deg)}.tap-field button.counted{filter:grayscale(.1);transform:scale(.95)}.tap-field .count-badge{position:absolute;top:-8px;right:-8px;background:var(--c-coral);color:#fff;font-family:var(--font-display);font-weight:800;font-size:.85rem;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pop .3s ease;box-shadow:0 2px 6px #20312a40}.timer-track{height:10px;border-radius:999px;background:#20312a1a;overflow:hidden}.timer-track>span{display:block;height:100%;background:linear-gradient(90deg,var(--c-honey),var(--c-coral));border-radius:999px}.island{position:relative;border-radius:var(--radius-lg);padding:28px 24px 24px;overflow:hidden;border:3px solid rgba(32,49,42,.08);box-shadow:var(--shadow-toy);background:var(--c-card);transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;display:block}.island:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:var(--shadow-pop)}.island .island-emoji{font-size:3.2rem;line-height:1;display:block;margin-bottom:10px}.island .island-blob{position:absolute;top:-50px;right:-50px;width:170px;height:170px;border-radius:46% 54% 60% 40%/50% 45% 55% 50%;opacity:.18}.path-node{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:var(--radius-md);background:var(--c-card);border:2.5px solid rgba(32,49,42,.08);box-shadow:var(--shadow-toy-sm);transition:transform .15s ease}.path-node:hover{transform:translate(6px)}.stars-mini{letter-spacing:2px;font-size:.95rem}.parent-table{width:100%;border-collapse:collapse;font-size:.95rem}.parent-table th,.parent-table td{text-align:left;padding:10px 12px;border-bottom:1.5px solid rgba(32,49,42,.08)}.parent-table th{font-family:var(--font-display);font-size:.85rem;color:var(--c-ink-soft);text-transform:uppercase;letter-spacing:.06em}.confetti-piece{position:fixed;top:0;width:12px;height:12px;border-radius:3px;animation:confetti-fall 2.8s ease-in forwards;pointer-events:none;z-index:50}.star-big{font-size:4rem;display:inline-block;animation:star-burst .7s cubic-bezier(.22,1,.36,1) both}.star-big.s2{animation-delay:.25s}.star-big.s3{animation-delay:.5s}.star-big.dim{filter:grayscale(1);opacity:.3;animation:none}.input{font-family:var(--font-body);font-size:1.05rem;padding:13px 18px;border-radius:var(--radius-sm);border:2.5px solid rgba(32,49,42,.15);background:var(--c-cloud);color:var(--c-ink);outline:none;width:100%;transition:border-color .15s}.input:focus{border-color:var(--c-grove)}.hero-title{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900;color:var(--c-grove-deep)}.hero-title .squiggle{color:var(--c-coral);display:inline-block;animation:wiggle 3s ease-in-out infinite}.section-title{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;color:var(--c-grove-deep)}.muted{color:var(--c-ink-soft)}.order-tile{min-width:72px;min-height:72px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--c-card);border:3px solid rgba(32,49,42,.12);box-shadow:0 4px #20312a1f;display:inline-flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;transition:border-color .12s ease}.order-tile:active{cursor:grabbing}@keyframes sparkle-fly{0%{transform:translate(0) scale(.3) rotate(0);opacity:0}20%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.1) rotate(var(--rot));opacity:0}}.sparkle-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:20}.sparkle-layer span{position:absolute;left:50%;top:45%;font-size:1.6rem;animation:sparkle-fly .9s cubic-bezier(.22,1,.36,1) forwards;will-change:transform,opacity}@keyframes combo-pop{0%{transform:scale(0) translateY(10px);opacity:0}35%{transform:scale(1.25) translateY(0);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1) translateY(-8px);opacity:0}}.combo-chip{position:absolute;left:50%;top:6px;transform:translate(-50%);z-index:25;font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:#fff;background:linear-gradient(135deg,var(--c-coral),var(--c-honey-deep));padding:7px 18px;border-radius:999px;box-shadow:0 6px 18px #20312a40;animation:combo-pop 1.5s ease forwards;white-space:nowrap}@keyframes balloon-rise{0%{transform:translateY(20vh) scale(.8);opacity:0}15%{opacity:1}to{transform:translateY(-110vh) scale(1) rotate(var(--sway));opacity:.85}}.balloon{position:fixed;bottom:-60px;font-size:2.6rem;animation:balloon-rise 4.5s ease-in forwards;pointer-events:none;z-index:45}@keyframes mascot-cheer{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-22px) rotate(-6deg)}40%{transform:translateY(0) rotate(0)}60%{transform:translateY(-14px) rotate(6deg)}80%{transform:translateY(0) rotate(0)}}.mascot-cheer{animation:mascot-cheer 1.1s ease-in-out .1s 2;display:inline-block}@keyframes ring-pop{0%{transform:scale(.4);opacity:.8}to{transform:scale(2.4);opacity:0}}.win-ring{position:absolute;left:50%;top:90px;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:5px solid var(--c-honey);animation:ring-pop .9s ease-out forwards;pointer-events:none}@keyframes levelup-in{0%{transform:translateY(-12px) scale(.85);opacity:0}50%{transform:translateY(0) scale(1.06);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.levelup-banner{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:900;font-size:1.15rem;color:var(--c-grove-deep);background:linear-gradient(135deg,#fff7df,#eafaf0);border:2.5px solid var(--c-honey);border-radius:999px;padding:10px 22px;box-shadow:var(--shadow-toy-sm);animation:levelup-in .6s cubic-bezier(.22,1,.36,1) both}@keyframes count-pop{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.star-count{display:inline-block}.star-count.bump{animation:count-pop .35s ease}body.calm-mode .balloon,body.calm-mode .sparkle-layer,body.calm-mode .win-ring{display:none}body.calm-mode .mascot-cheer{animation:none}@media (prefers-reduced-motion: reduce){.balloon,.sparkle-layer,.win-ring{display:none}.mascot-cheer{animation:none}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:transparent;transition:background .3s ease}body[data-overlay=cream]:after{background:#ffecb352}body[data-overlay=blue]:after{background:#82c8ff38}body[data-overlay=pink]:after{background:#ffaac838}body.reading-boost{font-size:112%;letter-spacing:.02em;word-spacing:.08em;line-height:1.65}body.calm-mode *,body.calm-mode *:before,body.calm-mode *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.05s!important}.story-word{display:inline-block;padding:1px 3px;border-radius:6px;cursor:pointer;transition:background .15s ease,transform .1s ease}.story-word:hover{background:#ffc94d73;transform:scale(1.05)}.story-word.lit{background:var(--c-honey)}@media (max-width: 640px){.ten-frame{grid-template-columns:repeat(5,48px);grid-template-rows:repeat(2,48px)}.letter-tile{width:48px;height:48px;font-size:1.3rem}.slot{min-width:48px;height:48px;font-size:1.3rem}.choice-tile{font-size:1.05rem;padding:14px}.btn-big{font-size:1.1rem;padding:15px 30px}}