--pc-* vars so it inherits the shared dark-mode flip (R-WEB-CLONE-DARK-MODE-SUPPORT). The .tl-* namespace is disjoint (ADR-033). */ .tl-younger{--tl-tile: 92px}.tl-younger .ff-btn{min-height:52px;font-size:1.05rem}.tl-hero{text-align:center}.tl-hero-mascot{width:128px;height:128px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--ff-warm);border:3px solid var(--ff-forge);box-shadow:0 4px #0000001f;margin:0 auto .4rem}.tl-hud{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:center}.tl-greeting{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.tl-greeting-emoji{font-size:2.4rem;line-height:1}.tl-greeting h3{margin:0}.tl-section-h{text-align:center;margin:.4rem 0 .8rem}.tl-activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:1.2rem}@media (min-width: 620px){.tl-activity-grid{grid-template-columns:repeat(3,1fr)}}.tl-activity-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;padding:1.1rem .8rem;background:var(--ff-paper);text-decoration:none;color:inherit;border:3px solid var(--ff-forge);border-radius:20px;box-shadow:0 4px #0000001f;transition:transform .12s ease,box-shadow .12s ease;min-height:128px;justify-content:center}.tl-activity-card:hover,.tl-activity-card:focus-visible{transform:translateY(-3px);box-shadow:0 7px #00000024;outline:none}.tl-activity-emoji{font-size:2.6rem;line-height:1}.tl-activity-card strong{font-size:1.15rem;color:var(--ff-forge-text)}.tl-activity-blurb{font-size:.9rem;color:inherit;opacity:.75}.tl-stage{display:flex;flex-direction:column;align-items:center;gap:.9rem}.tl-sound-chip{font-size:2.6rem;font-weight:800;letter-spacing:.02em;color:var(--ff-forge-text);background:var(--ff-warm);border:3px solid var(--ff-forge);border-radius:18px;padding:.5rem 1.4rem;box-shadow:0 4px #0000001f}.tl-sound-chip--word{font-size:2rem}.tl-hear{margin-top:.2rem}.tl-tiles{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center;margin-top:.4rem}.tl-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-width:var(--tl-tile, 88px);min-height:var(--tl-tile, 88px);padding:.5rem .7rem;color:var(--ff-forge-text);background:var(--ff-paper);border:3px solid var(--ff-forge);border-radius:18px;cursor:pointer;box-shadow:0 4px #0000001f;transition:transform .1s ease}.tl-tile:hover:not(:disabled){transform:translateY(-2px)}.tl-tile:disabled{cursor:default}.tl-tile-emoji{font-size:2.4rem;line-height:1}.tl-tile-word{font-size:1.15rem;font-weight:800}.tl-tile--word{font-size:1.7rem;font-weight:800}.tl-tile--correct{background:var(--pc-correct-bg);border-color:var(--pc-correct)}.tl-tile--correct:after{content:" ✓";color:var(--pc-correct);font-weight:900}.tl-tile--wrong{background:var(--pc-incorrect-bg);border-color:var(--pc-incorrect);opacity:.8}.tl-blend{display:flex;flex-direction:column;align-items:center;gap:.6rem}.tl-blend-row{display:flex;gap:.5rem}.tl-phoneme{font-size:1.7rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ff-slate-text, var(--ff-forge-text));background:var(--ff-warm);border:2px dashed var(--ff-slate, var(--ff-forge));border-radius:12px;padding:.25rem .7rem;transition:transform .15s ease,background .15s ease}.tl-phoneme--on{background:var(--pc-correct-bg);border-style:solid;border-color:var(--pc-correct);transform:translateY(-3px)}.tl-story-stage{align-items:stretch;width:100%}.tl-story-lines{display:grid;gap:.5rem;width:100%}.tl-story-line{display:flex;align-items:center;gap:.6rem;text-align:left;width:100%;background:var(--ff-paper);border:3px solid var(--ff-outline, var(--ff-forge));border-radius:14px;padding:.6rem .8rem;cursor:pointer;color:inherit;min-height:52px}.tl-story-line--active{border-color:var(--pc-select, var(--ff-forge));box-shadow:0 3px #0000001a}.tl-story-num{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--ff-forge);color:#fff}.tl-story-text{font-size:1.25rem;font-weight:700}.tl-story-controls{display:flex;gap:.6rem;justify-content:center;margin-top:.6rem}.tl-wordbank{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:.9rem 0}.tl-word-tile{font-size:1.3rem;font-weight:800;padding:.5rem .9rem;min-height:48px;color:var(--ff-forge-text);background:var(--ff-warm);border:3px solid var(--ff-forge);border-radius:14px;cursor:pointer;box-shadow:0 3px #0000001a;transition:transform .1s ease}.tl-word-tile:hover{transform:translateY(-2px)}.tl-finish{display:block;margin:.4rem auto 0}.tl-story-done{display:grid;gap:.4rem;text-align:center}.tl-story-final-line{font-size:1.5rem;font-weight:800;color:var(--ff-forge-text);margin:0}.tl-actions{display:flex;gap:.8rem;justify-content:center;margin-top:1rem}.tl-trace-stage{width:100%}.tl-trace-svg{width:min(320px,80vw);height:auto;aspect-ratio:1 / 1;touch-action:none;background:var(--ff-warm);border-radius:18px}.tl-trace-glyph{font-size:78px;font-weight:900;fill:var(--ff-forge);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.tl-wp{fill:var(--ff-paper);stroke:var(--ff-slate, var(--ff-forge));stroke-width:1.4;cursor:pointer}.tl-wp:focus-visible{outline:2px solid var(--pc-select, var(--ff-forge));outline-offset:2px}.tl-wp--start{fill:var(--pc-correct);stroke:var(--pc-correct)}.tl-wp--next{fill:var(--ff-spark, var(--ff-slate));stroke:var(--ff-forge-text);stroke-width:2}.tl-wp--done{fill:var(--pc-correct);stroke:var(--pc-correct)}.tl-trace-hint{text-align:center;opacity:.8;margin:.2rem 0 0}@media (prefers-reduced-motion: reduce){.tl-activity-card,.tl-tile,.tl-word-tile,.tl-phoneme{transition:none}}.tl-boxes{gap:.8rem}.tl-box-pic{display:flex;flex-direction:column;align-items:center;gap:.4rem}.tl-box-emoji{font-size:3.4rem;line-height:1}.tl-box-hint{margin:0;font-weight:700;color:var(--ff-forge-text);text-align:center;font-size:1rem}.tl-box-row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.tl-box{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;color:var(--ff-forge-text);background:var(--ff-warm);border:3px dashed var(--ff-forge);border-radius:14px;cursor:default}.tl-box--filled{background:var(--ff-paper);border-style:solid;cursor:pointer}.tl-box--right{background:var(--pc-correct-bg);border-color:var(--pc-correct);color:var(--pc-correct)}.tl-box-shelf-label{margin:.2rem 0 0;font-size:.85rem;font-weight:700;color:var(--ff-anvil);opacity:.8}.tl-box-shelf{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;min-height:64px;align-items:center}.tl-box-shelf-empty{text-align:center}.tl-box-chip{min-width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:900;color:var(--ff-slate-text);background:var(--ff-paper);border:3px solid var(--ff-slate);border-radius:14px;cursor:pointer;box-shadow:0 4px #0000001f}.tl-box-chip:hover{transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){.tl-box-chip:hover{transform:none}}.tl-word{align-items:center}.tl-word-pic{display:flex;align-items:center;gap:.8rem}.tl-word-emoji{font-size:3rem;line-height:1}.tl-word-hint{margin:0;font-weight:700;color:var(--ff-forge-text);font-size:1rem;text-align:center}.tl-word-slots{display:flex;gap:.5rem;justify-content:center}.tl-word-slot{display:inline-flex;align-items:center;justify-content:center;width:52px;height:60px;border:3px dashed var(--ff-outline);border-radius:12px;background:var(--ff-warm);font-size:2rem;font-weight:900;color:var(--ff-anvil);text-transform:lowercase}.tl-word-slot--next{border-style:solid;border-color:var(--pc-select);box-shadow:0 0 0 3px color-mix(in srgb,var(--pc-select) 30%,transparent)}.tl-word-slot--filled{border-style:solid;background:var(--ff-paper)}.tl-word-slot--right{border-color:var(--pc-correct);background:var(--pc-correct-bg)}.tl-word-pool-label{margin:.2rem 0 0;font-weight:800;color:var(--ff-forge-text);font-size:.9rem}.tl-word-pool{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.tl-word-tile{width:56px;height:56px;font-size:1.9rem;font-weight:900;color:var(--ff-anvil);text-transform:lowercase;background:var(--ff-paper);border:3px solid var(--ff-outline);border-radius:12px;cursor:pointer;box-shadow:3px 3px 0 var(--ff-outline)}.tl-word-tile:hover:not(:disabled){transform:translateY(-2px)}.tl-word-tile--shake{animation:tl-shake .35s}@keyframes tl-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-reduced-motion: reduce){.tl-word-tile--shake{animation:none}}.tl-swap{gap:.5rem}.tl-swap-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:center}.tl-swap-emoji{font-size:2.6rem;line-height:1}.tl-swap-arrow{font-size:1.8rem;font-weight:900;color:var(--ff-anvil);line-height:1}