.math-digit-explorer [hidden]{display:none!important}.math-digit-example{justify-content:center;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.math-digit-symbol{justify-items:center;min-width:5rem;display:grid}.math-digit-symbol strong{font-family:system-ui,sans-serif;font-size:5.5rem;font-weight:650;line-height:1}.math-digit-symbol span{margin-top:.4rem}.math-digit-objects{border:2px dashed var(--control-edge);background:var(--paper);border-radius:1rem;grid-template-columns:repeat(3,48px);place-content:center;gap:.35rem;min-width:160px;min-height:160px;padding:.65rem;display:grid}.math-digit-empty{text-align:center;color:var(--muted);grid-column:1/-1}.math-apple-body{fill:var(--rust);stroke:var(--text);stroke-width:1px;stroke-opacity:.2}.math-apple-stem,.math-apple-leaf{stroke:var(--accent);stroke-width:2px;fill:var(--accent);stroke-linecap:round}.math-apple-shine{fill:none;stroke:var(--paper);stroke-width:3px;stroke-linecap:round;stroke-opacity:.65}.math-digit-choices,.math-number-answers{grid-template-columns:repeat(5,minmax(44px,1fr));gap:.4rem;max-width:26rem;margin:.5rem auto;display:grid}.math-number-answers{flex:230px}.math-digit-choices button,.math-digit-navigation button,.math-number-answers button{border:1px solid var(--control-edge);background:var(--panel);min-width:44px;min-height:44px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;border-radius:.6rem;font-size:1.4rem}.math-digit-choices button[aria-pressed=true],.math-number-answers button[aria-pressed=true]{background:var(--accent);color:var(--paper);border-color:var(--accent)}.math-digit-navigation{justify-content:center;gap:.5rem;display:flex}.math-digit-navigation button{width:4rem}.math-digit-explorer button:disabled{opacity:.5;cursor:default}.math-activity .math-primer-whole{border:2px solid var(--control-edge);background:var(--paper);border-radius:1rem;padding:.45rem}.math-primer-whole>.math-whole{margin-bottom:.4rem}.math-part-goal{font-size:.95rem;margin-bottom:.4rem!important}.math-counter-board[data-counting=true] [data-counter-present=true] .math-counter-token{fill:var(--accent-soft);opacity:1}.math-counter-board[data-counting=true] [data-counter-present=true] .math-counter-space{stroke-dasharray:none}.math-counter-board[data-counting=true] [aria-pressed=true] .math-counter-token{fill:var(--accent)}.math-counter-board[data-counting=true] [aria-pressed=true] .math-counter-number{display:block}.math-activity[data-counting=true] [data-math-action=arrange]{display:none}.math-activity[data-counting=true] .math-action[data-math-action=undo],.math-activity[data-counting=true] .math-action[data-math-action=reset]{width:auto;padding:.45rem .6rem}.math-activity[data-counting=true] [data-math-action=undo] span,.math-activity[data-counting=true] [data-math-action=reset] span{clip-path:none;white-space:normal;width:auto;height:auto;position:static}.math-hint[data-level="3"] .math-hint-missing{background:var(--rust);border-style:solid}@media (max-width:390px){.math-activity[data-mode=game][data-hidden-part=true] .math-part .math-counter-board[data-readonly=true]{grid-template-columns:repeat(5,32px);grid-auto-rows:32px;min-height:64px}.math-activity[data-mode=game][data-hidden-part=true] .math-part .math-counter-board[data-readonly=true] .math-counter-cell{width:32px;min-width:0;height:32px;min-height:0}.math-activity[data-mode=game][data-hidden-part=true] .math-cover{height:64px}.math-digit-example{gap:.75rem}.math-digit-symbol strong{font-size:4.5rem}.math-digit-objects{grid-template-columns:repeat(3,40px);min-width:140px;min-height:140px}.math-digit-objects svg{width:40px;height:40px}}.composition-activity{min-width:0;padding:.85rem}.composition-activity [hidden]{display:none!important}.composition-activity p{margin:0}.composition-heading{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.composition-heading small{color:var(--muted);flex:none}.composition-controls{border:0;min-width:0;margin:.4rem 0;padding:0}.composition-controls>legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.composition-size-controls,.composition-presets,.composition-game-settings,.composition-game-settings>div,.composition-game-settings label,.composition-total-control,.composition-actions,.composition-answer{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.composition-size-controls,.composition-game-settings{justify-content:space-between}.composition-game-settings{margin-top:.25rem;font-size:.85rem}.composition-game-settings label{border:1px solid var(--control-edge);cursor:pointer;border-radius:.5rem;min-width:44px;min-height:44px;padding:0 .35rem}.composition-game-settings input{accent-color:var(--accent)}.composition-activity button,.composition-activity input[type=number]{border:1px solid var(--control-edge);min-width:44px;min-height:44px;font:inherit;color:var(--text);background:var(--panel);touch-action:manipulation;border-radius:.5rem;padding:.3rem .5rem}.composition-activity button{cursor:pointer;-webkit-user-select:none;user-select:none}.composition-activity button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.composition-activity button:focus-visible,.composition-activity input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.composition-activity button:disabled{cursor:default}.composition-activity button:disabled:not(.composition-object):not(.composition-part-target){opacity:.5}.composition-total-control input,.composition-answer input{text-align:center;width:4.5rem}.composition-activity [aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.composition-whole{border:2px solid var(--control-edge);background:var(--paper);border-radius:.75rem;padding:.4rem}.composition-whole-label{text-align:center;padding-bottom:.3rem}.composition-parts{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.35rem;display:grid}.composition-parts[data-part-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.composition-parts:not([data-part-count="2"]):not([data-part-count="3"]){column-count:4;column-width:6.125rem;column-gap:.35rem;display:block}.composition-parts:not([data-part-count="2"]):not([data-part-count="3"])>.composition-part{break-inside:avoid;margin-bottom:.35rem}.composition-parts:not([data-part-count="2"]):not([data-part-count="3"])+.composition-equation{font-size:.85rem;line-height:1.25}.composition-part{border:1px solid var(--control-edge);background:var(--panel);border-radius:.6rem;grid-template-columns:minmax(0,1fr) 44px;gap:.2rem;min-width:0;padding:.2rem;display:grid}.composition-part-target{grid-area:1/1;padding:.15rem!important;font-size:.85rem!important}.composition-part-target:only-child{grid-column:1/-1}.composition-transfer{white-space:nowrap;grid-area:1/2;width:44px;padding:.1rem!important;font-size:.75rem!important}.composition-pair-search{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.composition-pair-search p{font-size:.85rem;margin:0!important}.composition-part.composition-readonly{grid-template-columns:minmax(0,1fr)}.composition-objects{flex-wrap:wrap;grid-area:2/1/auto/-1;gap:0;min-width:0;display:flex}.composition-objects:empty{display:none}.composition-activity .composition-object{background:0 0;border-color:#0000;width:44px;height:44px;padding:0}.composition-object svg{width:42px;height:42px;display:block}.composition-object circle{fill:var(--accent)}.composition-part:nth-child(2n) .composition-object circle{fill:var(--rust)}.composition-object path{stroke:var(--paper);stroke-width:3px;stroke-linecap:round;fill:none;opacity:.7}.composition-activity .composition-object[aria-pressed=true]{border:2px solid var(--text);background:var(--accent-soft)}.composition-cover{grid-column:1/-1;width:100%}.composition-cover-mark{background:var(--accent-soft);border:1px dashed var(--control-edge);border-radius:.4rem;place-items:center;width:100%;min-height:44px;font-size:1.6rem;display:grid}.composition-known,.composition-instruction,.composition-feedback,.composition-hint,.composition-static-notice{font-size:.9rem;line-height:1.35}.composition-known{padding:0 0 .35rem}.composition-instruction,.composition-feedback:not(:empty),.composition-hint:not([hidden]){margin-top:.4rem!important}.composition-equation{text-align:center;font-variant-numeric:tabular-nums;padding-top:.3rem}.composition-actions{justify-content:center;margin-top:.5rem}.composition-actions button{font-size:.9rem}.composition-activity .composition-primary{background:var(--accent);border-color:var(--accent);color:var(--paper);font-weight:600}.composition-answer{justify-content:center;margin-top:.4rem}.composition-answer label{align-items:center;gap:.5rem;display:flex}.composition-feedback[data-result=correct]{color:var(--accent)}.composition-hint{border:1px solid var(--control-edge);background:var(--accent-soft);border-radius:.5rem;padding:.45rem}.composition-hint-visual{flex-wrap:wrap;justify-content:center;gap:.25rem;margin-top:.35rem;display:flex}.composition-hint-space{border:2px dashed var(--control-edge);border-radius:50%;width:22px;height:22px}.composition-hint-known{background:var(--accent);border-style:solid}.composition-hint-filled{background:var(--rust);border-style:solid}.composition-hint-source,.composition-hint-target{outline:2px dashed var(--rust);outline-offset:-2px}@media (max-width:680px){.composition-activity{padding:.5rem}.composition-actions{margin-top:.3rem}.composition-instruction,.composition-feedback:not(:empty),.composition-hint:not([hidden]){margin-top:.25rem!important}.composition-parts[data-part-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.composition-parts:not([data-part-count="2"]):not([data-part-count="3"]){column-count:3}.composition-parts:not([data-part-count="2"]):not([data-part-count="3"])>.composition-part{padding:.15rem}.composition-size-controls{justify-content:start}.composition-heading{font-size:.95rem}.composition-actions [data-composition-action=check] span,.composition-actions [data-composition-action=next] span,.composition-actions [data-composition-action=undo] span,.composition-actions [data-composition-action=reset] span,.composition-actions [data-composition-action=skip] span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}
