/* A visible unknown, learner-built counters, and a deliberate answer check. */
.number-workshop{color:#294a40;text-align:left;--number-blue:#317a9d;--number-gold:#cd882b}
.number-puzzle{padding:24px;border:2px solid #a9c3c0;border-radius:22px;background:#f5fbf3;text-align:center}.number-operation{font-size:1.1rem;font-weight:700;letter-spacing:.02em;margin:0 0 16px;color:#35625b}.number-equation{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(7px,2vw,22px);font:700 clamp(1.9rem,5vw,3.5rem) Georgia,serif;color:#244e47}.number-equation>span{flex-shrink:0;min-width:0;line-height:1.35}.number-unknown{display:inline-flex;justify-content:center;align-items:center;min-width:1.65em!important;min-height:1.65em;background:#ffe9a5;border:3px dashed #aa7c1d;border-radius:18px;color:#624c1b}.number-find{font-size:1.05rem;margin:16px 0 0;color:#3d5c52}.number-story{border-top:1px solid #bacdbd;margin:18px 0 0;padding-top:18px;font-size:1.25rem;line-height:1.6}
.number-workbench{background:#fffdf3;border:2px solid #b8bca4;border-radius:18px;margin:22px 0;padding:18px 20px}.number-workbench>summary{cursor:pointer;font-size:1.2rem;font-weight:700;color:#466447;min-height:36px;line-height:1.5}.number-workbench[open]>summary{margin-bottom:18px}.number-model-direction{font-size:1.2rem;line-height:1.6;background:#fff0ca;border-left:5px solid #c69835;border-radius:8px;padding:14px 16px;margin:0 0 10px}.number-model-note{font-size:1rem;color:#597063;margin:0 0 18px}.number-models{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.number-mat{background:#f2f6ef;border:2px solid #b8c9b5;border-radius:15px;padding:14px;min-width:0}.number-mat h5{font-size:1.05rem;font-weight:700;margin:0 0 13px;text-align:center;color:#315649}.number-counters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:flex-start;min-height:60px}.number-ten-frame{display:grid;grid-template-columns:repeat(5,22px);grid-auto-rows:22px;gap:5px;border:1px dashed #c0ccba;border-radius:8px;padding:6px;background:#fffdf3}.number-counter{display:block;border:2px solid #1c526b;background:var(--number-blue);border-radius:50%;box-shadow:inset 0 2px 0 #ffffff55;position:relative}.counter-gold{background:var(--number-gold);border-color:#956316}.counter-crossed{background:#e0e4d9;border-color:#a4b6a7;box-shadow:none}.counter-crossed:before,.counter-crossed:after{content:'';position:absolute;left:8px;top:-2px;width:3px;height:22px;border-radius:2px;background:#8e4234;transform:rotate(45deg)}.counter-crossed:after{transform:rotate(-45deg)}.number-empty{font-size:1rem;color:#607767;align-self:center;text-align:center}.number-empty-groups{grid-column:1/-1;background:#edf3e7;border:2px dashed #adbf9f;border-radius:14px;padding:28px;text-align:center;color:#496846;font-size:1.1rem}
.number-model-controls,.number-model-tools{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:20px}.number-model-controls button,.number-model-tools button{font-size:1.05rem;min-height:48px;background:#fffdf3}.number-model-controls button{border-width:2px}.number-model-tools{border-top:1px solid #c5cbb6;padding-top:14px}.number-model-tools button{font-size:.95rem}.number-model-status{font-size:1rem;line-height:1.55;margin:12px 0;color:#42624e;min-height:1.55em}.number-supply{grid-column:1/-1;border-style:dashed}.number-baskets{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:12px}.number-baskets .number-mat{border-bottom:7px solid #c7a875;background:#fff8e6}.number-basket-controls{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:14px}.number-basket-controls button{font-size:.9rem;min-height:42px;padding:8px 10px;background:#fffcf3}
.number-answer-panel{background:#fffaf0;border:2px solid #c9b8d8;border-radius:20px;padding:24px;color:#304d40}.number-answer-panel h4{font:500 clamp(1.4rem,3vw,1.8rem) Georgia,serif;margin:0 0 8px;text-align:center}.number-answer-direction{font-size:1.1rem;text-align:center;margin:8px 0 20px;line-height:1.5}.number-answer-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:24px}.number-answer-choice{font:700 1.9rem Georgia,serif;min-width:83px;min-height:76px;padding:12px 20px;border:2px solid #a7bdab;border-bottom:6px solid #75927b;border-radius:16px;background:#f3f7e8;color:#2d5642;cursor:pointer}.number-answer-choice[aria-pressed=true]{background:#e3d9f5;border-color:#6c568c;box-shadow:0 0 0 3px #b6a4d0}.number-answer-entry{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.number-answer-entry label{font-size:1.15rem;font-weight:700}.number-answer-entry input{width:105px;max-width:100%;font:700 1.8rem Georgia,serif;text-align:center;min-height:58px;padding:8px;border:2px solid #9b859f;border-radius:12px;background:#fffef9;color:#29473c}.number-answer-entry input[aria-invalid=true]{border:3px solid #ab673e}.number-answer-entry .button{font-size:1.1rem;min-height:58px}.number-answer-help{font-size:.95rem;line-height:1.55;text-align:center;margin:16px 0 0;color:#5a6b5e}.number-solution{background:#e8f3df;border:2px solid #a4c58d;border-radius:18px;padding:22px;margin:22px 0;text-align:center}.number-solution h4{font-size:1.4rem;margin:0 0 14px}.number-solution>strong{font-size:1.8rem}.number-solution p{font-size:1.2rem;line-height:1.6}.number-workshop :is(button,summary,input):focus-visible{outline:4px solid #9c6811;outline-offset:4px}
.page-games[data-play-theme=ocean] .number-puzzle{background:#edfaf7;border-color:#82b5b9}.page-games[data-play-theme=space] .number-puzzle{background:#f0eefb;border-color:#a9a2d1}.page-games[data-play-theme=space] .number-operation{color:#555281}.games-contrast .number-workshop :is(.number-puzzle,.number-mat,.number-workbench,.number-answer-panel,.number-answer-choice){border-color:#193d2f}.games-contrast .number-workshop .number-answer-choice[aria-pressed=true]{outline:3px solid #193d2f}.games-contrast .number-counter{border-color:#14352e}
@media(max-width:600px){.number-puzzle{padding:20px 12px}.number-equation{font-size:clamp(1.6rem,7vw,2.6rem);gap:8px}.number-unknown{border-radius:12px}.number-workbench{padding:16px 12px}.number-answer-panel{padding:18px 12px}.number-answer-choice{min-width:67px;min-height:66px;font-size:1.6rem;padding:10px 13px}.number-answer-choices{gap:12px}.number-model-direction{padding:12px;font-size:1.1rem}.number-answer-entry{gap:10px}.number-model-controls{gap:10px}.number-mat{padding:12px 8px}}
@media(max-width:380px){.number-equation{gap:6px;font-size:1.6rem}.number-puzzle{padding:16px 8px}.number-answer-entry .button{width:100%}.number-operation{font-size:1rem}.number-answer-panel h4{font-size:1.35rem}}