.cpl-younger{--cpl-tile: 76px}.cpl-younger .ff-btn{min-height:52px;font-size:1.05rem}.cpl-hero{text-align:center}.cpl-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}.cpl-hud{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:center}.cpl-notd{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.cpl-notd-emoji{font-size:2.4rem;line-height:1}.cpl-notd h3{margin:0}.cpl-notd strong{font-size:1.3rem;color:var(--ff-forge-text)}.cpl-section-h{text-align:center;margin:.4rem 0 .8rem}.cpl-activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:1.2rem}@media (min-width: 620px){.cpl-activity-grid{grid-template-columns:repeat(3,1fr)}}.cpl-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}.cpl-activity-card:hover,.cpl-activity-card:focus-visible{transform:translateY(-3px);box-shadow:0 7px #00000024;outline:none}.cpl-activity-emoji{font-size:2.6rem;line-height:1}.cpl-activity-card strong{font-size:1.15rem;color:var(--ff-forge-text)}.cpl-activity-blurb{font-size:.9rem;color:#5a6472}.cpl-stage{display:flex;flex-direction:column;align-items:center;gap:.9rem}.cpl-dots{width:min(320px,82vw);height:auto;aspect-ratio:100 / 70}.cpl-dot{fill:var(--ff-forge);stroke:var(--ff-forge-text);stroke-width:.8}.cpl-frame-cell{fill:none;stroke:var(--ff-slate);stroke-width:.8;opacity:.6}.cpl-dots--hidden .cpl-dot{opacity:0;transition:opacity .35s ease}.cpl-dots{transition:opacity .35s ease}.cpl-dots--hidden{background:repeating-linear-gradient(45deg,#eef4fb,#eef4fb 8px,#e4eef8 8px 16px);border-radius:14px}.cpl-peek{margin-top:.3rem}.cpl-tiles{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center;margin-top:.4rem}.cpl-tile{min-width:var(--cpl-tile, 72px);min-height:var(--cpl-tile, 72px);font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;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}.cpl-tile:hover:not(:disabled){transform:translateY(-2px)}.cpl-tile:disabled{cursor:default}.cpl-tile--correct{background:var(--pc-correct-bg);border-color:var(--pc-correct);color:#1f5c26}.cpl-tile--correct:after{content:" ✓"}.cpl-tile--wrong{background:var(--pc-incorrect-bg);border-color:var(--pc-incorrect);opacity:.8}.cpl-compare{display:flex;align-items:center;gap:1rem;justify-content:center;flex-wrap:wrap}.cpl-group{background:var(--ff-warm);border:3px solid var(--ff-forge);border-radius:20px;padding:.8rem;cursor:pointer;box-shadow:0 4px #0000001f;transition:transform .1s ease}.cpl-group:hover:not(:disabled){transform:translateY(-2px)}.cpl-group .cpl-dots{width:min(180px,38vw)}.cpl-group--correct{background:var(--pc-correct-bg);border-color:var(--pc-correct)}.cpl-group--wrong{background:var(--pc-incorrect-bg);border-color:var(--pc-incorrect)}.cpl-vs{font-size:1.2rem;font-weight:700;color:var(--ff-slate-text)}.cpl-addends{display:flex;align-items:center;gap:.6rem;justify-content:center;flex-wrap:wrap}.cpl-addend{background:var(--ff-warm);border:2px dashed var(--ff-forge);border-radius:16px;padding:.5rem}.cpl-addend .cpl-dots{width:min(150px,34vw)}.cpl-plus{font-size:2rem;font-weight:800;color:var(--ff-slate-text)}.cpl-sentence{font-size:1.9rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ff-forge-text);margin:.2rem 0 0}.cpl-numline{width:min(360px,88vw);height:auto;aspect-ratio:100 / 46}.cpl-numline-axis{stroke:var(--ff-slate);stroke-width:1.4;stroke-linecap:round}.cpl-numline-tick{fill:var(--ff-forge)}.cpl-numline-gap{fill:none;stroke:var(--ff-incorrect, #e0715a);stroke-width:1.2;stroke-dasharray:2 2}.cpl-numline-label{fill:var(--ff-forge-text);font-size:8px;font-weight:800;font-family:inherit}.cpl-hop{fill:none;stroke:var(--ff-slate);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60;animation:cpl-hop-draw .4s ease forwards}@keyframes cpl-hop-draw{to{stroke-dashoffset:0}}.cpl-hopline{width:min(460px,94vw);height:auto}.cpl-hopline .cpl-numline-label{font-size:5.8px}.cpl-hop-benchmark{fill:var(--ff-forge-text)}.cpl-hopline .cpl-hop-benchmark-label{font-size:6.8px;font-weight:900;fill:var(--ff-forge-text)}.cpl-hop-target{fill:none;stroke:var(--pc-select, var(--ff-forge));stroke-width:1.4;stroke-dasharray:2 2}.cpl-hop-marker{fill:var(--pc-select, var(--ff-forge));stroke:var(--ff-paper);stroke-width:1}.cpl-hop-marker--home{fill:var(--pc-correct)}.cpl-hop-eq{display:flex;align-items:center;justify-content:center;gap:.5rem;font-variant-numeric:tabular-nums;margin:0 0 .4rem}.cpl-hop-eq-num{font-size:2rem;font-weight:900;color:var(--ff-forge-text)}.cpl-hop-eq-op{font-size:1.5rem;font-weight:800;color:var(--ff-slate)}.cpl-hop-eq-ans{color:var(--pc-select, var(--ff-forge));min-width:1.4em;text-align:center}.cpl-hop-eq-done{color:var(--pc-correct)}.cpl-hop-readout{font-weight:800;color:var(--ff-forge-text);font-variant-numeric:tabular-nums;margin-top:.45rem;text-align:center}.cpl-hop-controls{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;margin-top:.7rem}.cpl-hop-btn{min-height:52px;min-width:128px;font-size:1.15rem}.cpl-hop-undo{min-height:52px}.cpl-count-shelf{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;max-width:360px}.cpl-count-obj{position:relative;width:56px;height:56px;border-radius:50%;border:3px solid var(--ff-forge);background:var(--ff-paper);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #0000001f}.cpl-count-dot{color:var(--ff-forge);font-size:1.6rem;line-height:1}.cpl-count-obj--done{background:var(--ff-warm);opacity:.55}.cpl-count-ordinal{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:var(--ff-slate);color:#4a2d00;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center}.cpl-jar{margin-top:.6rem;min-height:64px;min-width:200px;max-width:300px;display:flex;flex-wrap:wrap;gap:3px;align-content:flex-end;justify-content:center;padding:.5rem;border:3px solid var(--ff-forge);border-top-width:1px;border-radius:0 0 24px 24px;background:color-mix(in srgb,var(--ff-forge) 12%,white)}.cpl-jar-token{color:var(--ff-forge-text);font-size:1.3rem;line-height:1}.cpl-jar-label{font-weight:700;color:var(--ff-forge-text)}.cpl-jar-count{font-size:1.3rem;font-variant-numeric:tabular-nums}.cpl-count-question{text-align:center}.cpl-count-ask{font-size:1.2rem;font-weight:800;color:var(--ff-forge-text);margin:.6rem 0 .4rem}.cpl-tenframe{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px;background:var(--ff-paper);border:3px solid var(--ff-forge-text);border-radius:12px;width:min(320px,84vw)}.cpl-tf-cell{aspect-ratio:1;border:2px solid var(--ff-forge);border-radius:10px;background:var(--ff-paper);cursor:pointer;min-height:44px}.cpl-tf-cell:disabled{cursor:default}.cpl-tf-cell--red{background:radial-gradient(circle at 50% 45%,#ff7a66 62%,transparent 63%);border-color:var(--pc-incorrect)}.cpl-tf-cell--white{background:radial-gradient(circle at 50% 45%,var(--ff-forge) 62%,transparent 63%)}.cpl-tenframe--done{border-color:var(--pc-correct)}.cpl-tf-readout{font-weight:800;color:var(--ff-forge-text);font-variant-numeric:tabular-nums;margin:.3rem 0 0}.cpl-check{margin-top:.2rem}@media (prefers-reduced-motion: reduce){.cpl-dots--hidden .cpl-dot{opacity:1}.cpl-dots--hidden{background:none}.cpl-hop{animation:none;stroke-dashoffset:0}.cpl-activity-card,.cpl-tile,.cpl-group{transition:none}}.cpl-rk-rack{display:flex;flex-direction:column;gap:10px;padding:12px 14px;width:min(360px,90vw);background:var(--ff-paper);border:3px solid var(--ff-forge-text);border-radius:14px}.cpl-rk-rack--done{border-color:var(--pc-correct)}.cpl-rk-row{position:relative;display:flex;align-items:center;gap:2px;min-height:34px}.cpl-rk-row:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--ff-slate);opacity:.5;border-radius:1px}.cpl-rk-bead{position:relative;width:28px;height:28px;min-height:28px;border-radius:50%;border:2px solid rgba(0,0,0,.25);cursor:pointer;padding:0;flex:0 0 auto;transition:margin .12s ease}.cpl-rk-bead:disabled{cursor:default}.cpl-rk-bead--red{background:#ff7a66}.cpl-rk-bead--white{background:#f4f7fb}.cpl-rk-bead--off{opacity:.42}.cpl-rk-bead--on{opacity:1;box-shadow:0 2px #00000026}.cpl-rk-bead--gap{margin-left:26px}@media (prefers-reduced-motion: reduce){.cpl-rk-bead{transition:none}}.cpl-takeaway{display:flex;justify-content:center}.cpl-takeaway-dots{width:min(300px,84vw);height:auto}.cpl-dot--gone{opacity:.28}.cpl-dot--stay{fill:var(--pc-correct, #3CA85A)}.cpl-dot-strike{stroke:var(--pc-incorrect, #E5533C);stroke-width:2;stroke-linecap:round}
