.base10-work{gap:var(--space-4);flex-wrap:wrap;display:flex}.base10-work>*{flex:18rem;min-width:0}.base10-work>:first-child{flex:9 24rem}.base10-work>*>*+*{margin-top:var(--space-4)}@media (height<=50rem){.base10-work .numpad .ui-button{min-height:var(--target-min)}}.base10{padding:var(--space-3) var(--space-5);color:var(--color-ink);background:var(--color-surface);border-radius:var(--radius-l);font-family:var(--font-body)}.base10-places{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.base10-place{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);border:var(--border-thin) solid var(--color-ink);border-radius:var(--radius-m);flex-direction:column;display:flex}.base10-place:focus-within,.base10-place[data-current]{border-width:var(--border-thick);padding:calc(var(--space-2) - var(--border-thick) + var(--border-thin)) calc(var(--space-1) - var(--border-thick) + var(--border-thin))}.base10-place-name{font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--leading-tight);text-align:center;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.base10-svg{width:100%;max-width:160px;height:auto}.base10-count{font-size:var(--text-numeral);font-weight:var(--weight-bold);line-height:1}.base10-actions{gap:var(--space-2);flex-wrap:wrap;width:100%;margin-top:auto;display:flex}.base10-actions .base10-button{flex:1 1 var(--target-min)}.base10-button{min-width:var(--target-min);min-height:var(--target-min);padding:var(--space-2) var(--space-1);font:inherit;font-size:var(--text-sm);line-height:var(--leading-tight);color:var(--color-ink);background:var(--color-surface);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-s);cursor:pointer;position:relative}.base10-stepper{flex-flow:column;align-items:center;margin-top:0}.base10-stepper .base10-button{width:100%}.base10-button-step{font-size:var(--text-lg);font-weight:var(--weight-bold)}.base10-button .base10-marker{top:0;left:var(--space-1);font-size:.75em;line-height:1;position:absolute}.base10-button[aria-disabled=true]{color:var(--color-ink-muted);cursor:default;border-style:dashed}.base10-button[data-highlight]{border-width:var(--border-thick);padding:calc(var(--space-2) - var(--border-thick) + var(--border-medium)) calc(var(--space-1) - var(--border-thick) + var(--border-medium));background:var(--color-primary-soft)}.base10-hint{margin:var(--space-3) 0 0;font-size:var(--text-sm)}.base10-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.base10-block rect,.base10-block polygon,.base10-empty{stroke:var(--color-ink);stroke-width:1.5px;stroke-linejoin:round}.base10-empty{fill:none;stroke-dasharray:3 3;stroke-width:1px}.base10-grid{stroke:var(--color-ink);stroke-width:.5px}.base10-fill-ones{fill:var(--color-place-ones)}.base10-fill-tens{fill:var(--color-place-tens)}.base10-fill-hundreds{fill:var(--color-place-hundreds)}.base10-fill-thousands{fill:var(--color-place-thousands)}.base10-face{fill-opacity:.65}@media (prefers-contrast:more){.base10-block rect,.base10-block polygon{stroke-width:2.5px}}@media (prefers-reduced-motion:no-preference){.base10-block{animation:base10-appear var(--motion-medium) ease-out}.base10-button{transition:background-color var(--motion-fast) ease-out}.base10-button:not([aria-disabled=true]):hover{background:var(--color-primary-soft)}@keyframes base10-appear{0%{opacity:0}to{opacity:1}}}.ui-button{min-width:var(--target-min);min-height:var(--target-min);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-md);color:var(--color-ink);background:var(--color-surface);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-s);cursor:pointer}.ui-button-primary{width:100%;min-height:3.5rem;font-weight:var(--weight-strong);color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary);display:block}.ui-button-primary[aria-disabled=true]{color:var(--color-ink-muted);background:var(--color-surface);border-color:var(--color-ink-muted);cursor:default;border-style:dashed}.numpad{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.numpad .ui-button{min-height:3.5rem;font-size:var(--text-numeral);font-weight:var(--weight-bold);padding:0}.numpad .numpad-delete{font-size:var(--text-md);font-weight:var(--weight-regular);grid-column:1/-1}@media (prefers-reduced-motion:no-preference){.ui-button{transition:background-color var(--motion-fast) ease-out}.ui-button:not(.ui-button-primary):hover{background:var(--color-primary-soft)}}.game,.home{max-width:var(--measure);padding:var(--space-3);margin:0 auto}.game>*+*,.game-body>*+*{margin-top:var(--space-4)}.game-header{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.game-title{font-size:var(--text-lg);margin:0}.game-back{align-items:center;text-decoration:none;display:inline-flex}.game-position{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0}.game-task{font-size:var(--text-lg);font-weight:var(--weight-strong);margin:0}.game-task:focus-visible{outline-offset:var(--focus-offset)}.game-big{font-size:var(--text-title);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0}.game-words{font-size:var(--text-lg);font-weight:var(--weight-strong);margin:0}.game-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.game-live{font-size:var(--text-md);margin:0}.game-card{padding:var(--space-4);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-m)}.game-card>*{margin:0}.game-card>*+*{margin-top:var(--space-3)}.game-card-title{font-weight:var(--weight-bold)}.game-hint{color:var(--color-hint-ink);background:var(--color-hint-bg);border-color:var(--color-hint-ink)}.game-success{color:var(--color-success-ink);background:var(--color-success-bg);border-color:var(--color-success-ink);font-weight:var(--weight-strong)}.game-end{background:var(--color-surface)}.game-score{font-size:var(--text-lg);font-weight:var(--weight-bold)}.game-end-actions{gap:var(--space-3);display:grid}.game-end-actions .ui-button{justify-content:center;min-height:3.5rem}.game:has(.game-work,.base10-work){max-width:56rem}.game-work{gap:var(--space-4);flex-wrap:wrap;display:flex}.game-work>*{flex:18rem;min-width:0}.game-work>*>*+*{margin-top:var(--space-4)}.game-work[data-done]{flex-wrap:wrap-reverse}.game-work .groups-array svg{max-height:33vh}.game-actions{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.game-answer{gap:var(--space-3);display:grid}.game-answer-label{gap:var(--space-2);font-weight:var(--weight-strong);display:grid}.game-answer-input{width:100%;min-height:3.5rem;padding:0 var(--space-3);font:inherit;font-size:var(--text-numeral);font-weight:var(--weight-bold);letter-spacing:.08em;text-align:center;color:var(--color-ink);background:var(--color-surface);border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-s)}.game-answer-input[readonly]{background:var(--color-paper)}.game-choices{gap:var(--space-3);flex-wrap:wrap;display:flex}.game-choices>.game-choice{flex:8rem;min-width:min-content}.game-choices:has(>:nth-child(4):last-child)>.game-choice{flex-basis:calc(50% - var(--space-3))}.game-choice{min-height:5rem;font-size:var(--text-title);font-weight:var(--weight-bold)}.game-choice[aria-disabled=true],.game-choice[aria-disabled=true]:hover{color:var(--color-ink-muted);background:var(--color-surface);cursor:default;border-style:dashed}.game-choice-words{font-size:var(--text-lg)}.game-choice[data-chosen]{border-width:var(--border-thick)}.place-chart{table-layout:fixed;border-collapse:collapse;background:var(--color-surface);width:100%;color:var(--color-ink);font-size:var(--text-md)}.place-chart caption{margin-bottom:var(--space-2);text-align:left;font-weight:var(--weight-strong)}.place-chart th,.place-chart td{padding:var(--space-2) var(--space-1);text-align:center;border:var(--border-thin) solid var(--color-border)}.place-chart th{font-size:var(--text-sm);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.place-chart td{font-size:var(--text-numeral);font-weight:var(--weight-bold)}.place-chart [data-deciding]{border:var(--border-thick) solid var(--color-ink);background:var(--color-primary-soft)}.place-chart [data-empty]{color:var(--color-ink-muted);font-weight:var(--weight-regular)}.game-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-title{margin:0}.home-subtitle{margin:var(--space-2) 0 var(--space-5);font-size:var(--text-lg)}.home-games{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.home-game{min-height:var(--target-min);padding:var(--space-4);color:var(--color-ink);background:var(--color-surface);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-l);text-decoration:none;display:block}.home-game:hover{background:var(--color-primary-soft)}.home-game:hover .home-game-progress{color:var(--color-ink)}.game-level{width:100%;font:inherit;text-align:left;cursor:pointer}.home-game-name{font-size:var(--text-lg);font-weight:var(--weight-bold);display:block}.home-game-about{margin-top:var(--space-1);display:block}.home-game-progress{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-muted);display:block}.home-footer{margin-top:var(--space-7);font-size:var(--text-sm)}.home-footer a{min-height:var(--target-min);padding:var(--space-3) 0;display:inline-block}@media (prefers-reduced-motion:no-preference){.home-game{transition:background-color var(--motion-fast) ease-out}}.sub{max-width:var(--measure);padding:var(--space-3);margin:0 auto}.sub>*+*{margin-top:var(--space-4)}.sub-title{font-size:var(--text-md);color:var(--color-ink-muted);margin:0}.sub-progress{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0}.sub-problem{font-size:var(--text-title);margin:0}.sub-problem:focus-visible{outline-offset:var(--focus-offset)}.sub-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sub-written{padding:var(--space-3) var(--space-5);color:var(--color-ink);background:var(--color-surface);border-radius:var(--radius-l);font-family:var(--font-body)}.sub-row{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.sub-row-answer{margin-top:var(--space-2);padding-top:var(--space-2);border-top:var(--border-thick) solid var(--color-ink)}.sub-cell{min-height:3.5rem;font-size:var(--text-numeral);font-weight:var(--weight-bold);border:var(--border-thick) solid transparent;border-radius:var(--radius-s);justify-content:center;align-items:center;line-height:1;display:flex;position:relative}.sub-cell[data-mark]{background:var(--color-primary-soft);border-color:var(--color-ink)}.sub-marker{top:var(--space-1);left:var(--space-1);font-size:var(--text-sm);line-height:1;position:absolute}.sub-old{text-decoration:line-through;text-decoration-thickness:var(--border-thick)}.sub-new{font-size:var(--text-sm);line-height:1;position:absolute;top:0;left:calc(50% + .35em)}.sub-ten{right:calc(100% + var(--border-thick));position:absolute}.sub-minus{right:calc(100% + var(--border-thick) + var(--space-1));font-size:var(--text-lg);position:absolute}.sub-input{width:100%;min-height:3.5rem;font:inherit;color:var(--color-ink);text-align:center;background:var(--color-surface);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-s);padding:0}.sub-input[data-active]{border-width:var(--border-thick)}.sub-input[readonly]{background:var(--color-paper)}.sub-feedback:empty{margin-top:0}.sub-card{padding:var(--space-4);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-m)}.sub-card>*{margin:0}.sub-card>*+*{margin-top:var(--space-2)}.sub-hint{color:var(--color-hint-ink);background:var(--color-hint-bg);border-color:var(--color-hint-ink)}.sub-hint-title{font-weight:var(--weight-bold)}.sub-success{color:var(--color-success-ink);background:var(--color-success-bg);border-color:var(--color-success-ink);font-weight:var(--weight-strong)}.sub-footer{margin-top:var(--space-6);font-size:var(--text-sm)}.sub-footer a{min-height:var(--target-min);padding:var(--space-3) 0;display:inline-block}.sub-lead{align-items:center;gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.sub-lead>.sub-instruction{flex:20rem}.sub-instruction{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.sub-instruction>p{flex:16rem;margin:0}.numberline{--thumb:3rem;padding:var(--space-3) 0;color:var(--color-ink);background:var(--color-surface);border-radius:var(--radius-l)}.numberline-track{padding:0 calc(var(--thumb) / 2);position:relative}.numberline-svg{cursor:pointer;touch-action:none;width:100%;height:7.5rem;display:block;overflow:visible}.numberline-axis,.numberline-tick{stroke:var(--color-ink);stroke-width:3px;vector-effect:non-scaling-stroke}.numberline-tick-major{stroke-width:4px}.numberline-segment{fill:var(--color-primary-soft);stroke:var(--color-ink);stroke-width:2px;vector-effect:non-scaling-stroke}.numberline-area{position:relative}.numberline-marker,.numberline-target{pointer-events:none;width:2rem;height:1.75rem;position:absolute;transform:translate(-50%)}.numberline-marker{top:0}.numberline-target{bottom:0}.numberline-marker polygon{fill:var(--color-primary);stroke:var(--color-ink);stroke-width:2px}.numberline-target polygon{fill:var(--color-success-ink);stroke:var(--color-ink);stroke-width:2px}.numberline-labels{height:1.75rem;position:relative}.numberline-labels[data-rows="2"]{height:3.25rem}.numberline-label[data-row="2"]{top:1.5rem}.numberline-label{font-size:var(--text-sm);font-weight:var(--weight-strong);white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.numberline-slider-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.numberline-slider{width:100%;height:var(--thumb);margin:var(--space-2) 0 0;appearance:none;cursor:pointer;background:0 0;display:block}.numberline-slider::-webkit-slider-runnable-track{background:var(--color-border);border-radius:var(--radius-round);height:.5rem}.numberline-slider::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb);margin-top:calc((.5rem - var(--thumb)) / 2);background:var(--color-primary);border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-round);appearance:none}.numberline-slider::-moz-range-track{background:var(--color-border);border-radius:var(--radius-round);height:.5rem}.numberline-slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:var(--color-primary);border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-round)}.numberline-slider:disabled{cursor:default;opacity:.6}.jumpline{--axis:72%;height:11rem;margin-top:var(--space-3);color:var(--color-ink);background:var(--color-surface);border-radius:var(--radius-l);position:relative;overflow:hidden}.jumpline-drawing{width:100%;height:100%;position:absolute;inset:0}.jumpline-axis,.jumpline-arc{fill:none;stroke:var(--color-ink);stroke-width:3px;vector-effect:non-scaling-stroke}.jumpline-head{top:calc(var(--axis) - .7rem);border-top:.7rem solid var(--color-ink);border-left:.4rem solid #0000;border-right:.4rem solid #0000;width:0;height:0;position:absolute;transform:translate(-50%)}.jumpline-jump{padding:0 var(--space-1);font-size:var(--text-md);font-weight:var(--weight-bold);background:var(--color-surface);position:absolute;transform:translate(-50%,-50%)}.jumpline-jump[data-arc="1"]{top:26%}.jumpline-jump[data-arc="2"]{top:52%}.jumpline-place{top:calc(var(--axis) + .75rem);font-size:var(--text-md);font-weight:var(--weight-bold);position:absolute;transform:translate(-50%)}.balance{--reach:27cqw;--tilt:0deg;--lift:0;width:100%;max-width:24rem;height:12rem;margin-inline:auto;position:relative;container-type:inline-size}.balance-post{background:var(--color-ink);width:.5rem;position:absolute;top:2.5rem;bottom:0;left:50%;transform:translate(-50%)}.balance-post:after{content:"";background:var(--color-ink);border-radius:var(--radius-s);width:5rem;height:.5rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.balance-beam{background:var(--color-ink);border-radius:var(--radius-s);height:.5rem;transform:rotate(var(--tilt));position:absolute;top:2.25rem;left:23%;right:23%}.balance-pan{width:46%;min-height:4.5rem;padding:var(--space-1);font-size:var(--text-lg);font-weight:var(--weight-bold);background:var(--color-surface);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-s);place-items:center;display:grid;position:absolute;top:4.25rem}.balance-pan[data-side=left]{transform:translateY(calc(var(--lift) * var(--reach) * -1));left:0}.balance-pan[data-side=right]{transform:translateY(calc(var(--lift) * var(--reach)));right:0}.balance-pan:before{content:"";border-left:var(--border-thin) solid var(--color-ink);height:1.75rem;position:absolute;bottom:100%;left:50%}.balance[data-blocked] .balance-pan:after{content:"";border:var(--border-thin) dashed var(--color-ink);border-radius:var(--radius-s);width:3.5rem;height:2.75rem;position:absolute;top:100%;left:50%;transform:translate(-50%)}.balance-equation{font-size:var(--text-numeral);font-weight:var(--weight-bold);text-align:center;margin:0}.balance-tried{font-weight:var(--weight-strong);margin:0}.expression{gap:var(--space-2);min-height:4rem;font-size:var(--text-numeral);font-weight:var(--weight-bold);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.expression-box{gap:var(--space-2);padding:var(--space-1) var(--space-2);border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-s);align-items:center;display:inline-flex}.expression-sign{font-size:inherit;font-weight:inherit}.expression-sign[aria-disabled=true][aria-pressed=false],.expression-sign[aria-disabled=true][aria-pressed=false]:hover{color:var(--color-ink-muted);background:var(--color-surface);cursor:default;border-style:dashed}.expression-sign[aria-pressed=true]{border-width:var(--border-thick)}@media (prefers-reduced-motion:no-preference){.balance-beam,.balance-pan{transition:transform .4s}}.fraction-picture{width:100%;max-width:16rem;height:auto;margin:0 auto;display:block}.fraction-part{fill:var(--color-surface);stroke:var(--color-ink);stroke-width:3px;stroke-linejoin:round}.fraction-stripes-ground{fill:var(--color-primary-soft)}.fraction-stripes{stroke:var(--color-ink);stroke-width:4px}.game-choices.fraction-choices{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.fraction-choice{min-height:9rem;padding:var(--space-2);justify-content:center;align-items:center;display:flex}.fraction-whole{padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-l)}.fraction-cuts{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.fraction-label{margin:0 0 var(--space-2);font-weight:var(--weight-strong)}.fraction-deal{width:100%}.fraction-deal[aria-disabled=true],.fraction-deal[aria-disabled=true]:hover{color:var(--color-ink-muted);background:var(--color-surface);border-color:var(--color-ink-muted);cursor:default;border-style:dashed}.fraction-pair{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.fraction-pair>div{align-content:end;justify-items:center;gap:var(--space-2);display:grid}.fraction-pair .fraction-picture{max-width:7rem}.fraction-pair-word{font-weight:var(--weight-strong);margin:0}.groups-picture{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-l);flex-wrap:wrap;display:flex}.groups-group{width:6.5rem;height:auto}.groups-ring{fill:none;stroke:var(--color-ink);stroke-width:2px}.groups-group[data-taken]{overflow:visible}.groups-group[data-taken] .groups-ring{fill:var(--color-primary-soft);stroke-width:5px}.groups-dot{fill:var(--color-ink)}.groups-array{padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-l);justify-content:center;display:flex}.groups-array svg{width:100%;height:auto}.groups-split{stroke:var(--color-ink);stroke-width:2px;stroke-dasharray:6 4}.groups-builder{gap:var(--space-3);display:grid}.groups-stepper{align-items:center;gap:var(--space-2);grid-template-columns:1fr auto auto auto;display:grid}.groups-stepper-name{font-weight:var(--weight-strong)}.groups-stepper[data-current] .groups-stepper-name:before{content:"▶ "}.groups-stepper .ui-button{min-width:3.5rem;font-size:var(--text-lg);font-weight:var(--weight-bold)}.groups-count{min-width:2.5rem;font-size:var(--text-numeral);font-weight:var(--weight-bold);text-align:center}.groups-pile{padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-l)}.groups-pile svg{width:100%;max-width:16rem;height:auto}.groups-parts{align-items:flex-start;gap:var(--space-3);font-size:var(--text-title);font-weight:var(--weight-bold);flex-wrap:wrap;margin:0;display:flex}.groups-part{justify-items:center;display:grid}.groups-part-name{font-size:var(--text-sm);font-weight:var(--weight-strong)}.groups-story{font-size:var(--text-lg);margin:0;padding:0;list-style:none}.groups-story [data-key]:before{content:"▶ "}.groups-story [data-key]{font-weight:var(--weight-bold)}.split-parts{gap:var(--space-2);display:grid}.split-parts>p{font-weight:var(--weight-strong);margin:0}.split-slider-label{font-weight:var(--weight-strong)}.split-slider{--thumb:3rem}.family-rows{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.family-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-bold);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-m);display:flex}.family-row[data-marked]{border:var(--border-thick) solid var(--color-ink)}.family-row[data-marked]:before{content:"▶"}.family-expression{min-width:7rem}.family-result{font-size:var(--text-numeral)}.family-box{width:5rem;min-height:3rem;font:inherit;font-size:var(--text-numeral);text-align:center;color:var(--color-ink);background:var(--color-surface);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-s)}.family-box[data-active]{border-width:var(--border-thick)}.figure{width:100%;max-width:28rem;height:auto;margin-inline:auto;display:block}.figure-side{stroke:var(--color-ink);stroke-width:3px;stroke-linecap:round}.figure-side[data-active]{stroke-width:7px}.figure-corner{fill:var(--color-surface);stroke:var(--color-ink);stroke-width:2px}.figure-label{fill:var(--color-ink);text-anchor:middle;font-size:16px;font-weight:700}.pen-grid{width:100%;max-width:15rem;height:auto;margin-inline:auto;display:block}.pen-line{fill:none;stroke:var(--color-border);stroke-width:1px}.pen-inside{fill:var(--color-spring)}.pen-fence{fill:none;stroke:var(--color-ink);stroke-width:4px}.pen-post{fill:var(--color-surface);stroke:var(--color-ink);stroke-width:2px}.pen-label{fill:var(--color-ink);text-anchor:middle;font-size:16px;font-weight:700}.pen-stepper{gap:var(--space-2);border:0;grid-template-columns:1fr auto 1fr;align-items:center;margin:0;padding:0;display:grid}.pen-stepper legend{font-weight:var(--weight-strong);padding:0}.pen-stepper-value{min-width:3.5rem;font-size:var(--text-lg);font-weight:var(--weight-bold);text-align:center}.pen-sum{font-size:var(--text-lg);font-weight:var(--weight-strong);margin:0}.sum-keys{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.sum-keys .ui-button{min-height:3.5rem;font-size:var(--text-numeral);font-weight:var(--weight-bold)}.sum-input{letter-spacing:normal}.meaning-choices{gap:var(--space-3);display:grid}.scene{width:100%;max-width:16rem;height:auto;margin-inline:auto;display:block}.scene-inside{fill:var(--color-spring)}.scene-edge{fill:none;stroke:var(--color-ink);stroke-width:6px;stroke-dasharray:12 6}.ruler-work{--thumb:3rem}.ruler{padding:0 calc(var(--thumb) / 2)}.ruler-area{position:relative}.ruler-hops{height:1.75rem;position:relative}.ruler-hop{bottom:var(--space-1);box-sizing:border-box;height:1.5rem;font-weight:var(--weight-strong);text-align:center;border:var(--border-thin) solid var(--color-ink);border-bottom:0;line-height:1.5rem;position:absolute}.ruler-lying{height:2.75rem;position:relative}.ruler-thing{height:100%;position:absolute;top:0;overflow:visible}.ruler-thing path{stroke:var(--color-ink);stroke-width:2px;stroke-linejoin:round}.ruler-thing[data-thing=pencil] path{fill:var(--color-summer)}.ruler-thing[data-thing=leaf] path{fill:var(--color-spring)}.ruler-thing[data-thing=nail] path{fill:var(--color-winter)}.ruler-thing[data-thing=ribbon] path{fill:var(--color-autumn)}.ruler-line{background:var(--color-ink);height:.375rem;position:absolute;bottom:.75rem}.ruler-line:before,.ruler-line:after{content:"";background:var(--color-ink);border-radius:var(--radius-round);width:.875rem;height:.875rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.ruler-line:before{left:0}.ruler-line:after{left:100%}.ruler-ticks{height:1.25rem;position:relative}.ruler-ticks:before,.ruler-labels:before{inset:0 calc(var(--thumb) / -2);content:"";background:var(--color-surface);position:absolute}.ruler-ticks:before{border:var(--border-thin) solid var(--color-ink);border-bottom:0}.ruler-labels:before{border:var(--border-thin) solid var(--color-ink);border-top:0}.ruler-tick{background:var(--color-ink);width:1px;height:.5rem;position:absolute;top:0;transform:translate(-50%)}.ruler-tick-five{height:.8rem}.ruler-tick-cm{width:2px;height:1.25rem}.ruler-labels{height:1.75rem;position:relative}.ruler-label{min-width:1.5rem;font-size:var(--text-sm);font-weight:var(--weight-strong);text-align:center;line-height:1.5rem;position:absolute;top:.1rem;transform:translate(-50%)}.ruler-label[data-marked]{outline:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-round)}.ruler-zoom{margin:0}.ruler-zoom-title{margin-bottom:var(--space-1);font-weight:var(--weight-strong)}.ruler-zoom-area{--thumb:0px;border-radius:var(--radius-s);overflow:hidden}.ruler-zoom-thing{box-sizing:border-box;border:var(--border-thin) solid var(--color-ink);border-bottom:0;position:absolute;top:.5rem;bottom:0}.ruler-zoom-thing[data-thing=pencil]{background:var(--color-summer)}.ruler-zoom-thing[data-thing=leaf]{background:var(--color-spring)}.ruler-zoom-thing[data-thing=nail]{background:var(--color-winter)}.ruler-zoom-thing[data-thing=ribbon]{background:var(--color-autumn)}.ruler-zoom-thing[data-thing=line]{background:var(--color-ink);top:1.25rem;bottom:.75rem}.ruler-steps{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.ruler-steps .ui-button{padding-inline:var(--space-1)}.length-answer{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.length-answer-part{gap:var(--space-2);font-weight:var(--weight-strong);display:grid}.measure-units{gap:var(--space-2);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.measure-units .game-choice{padding-inline:var(--space-1);font-size:var(--text-lg)}.measure-calc{font-size:var(--text-lg)}.measure-ladder{gap:var(--space-1);padding:0;list-style:none;display:grid}.measure-ladder li{padding:var(--space-1) var(--space-2);border:var(--border-thin) solid var(--color-ink);border-radius:var(--radius-s)}.measure-ladder li[data-marked]{font-weight:var(--weight-strong);border-width:var(--border-thick)}.measure-strip{display:flex}.measure-strip span{min-width:3.5rem;padding:var(--space-1);font-weight:var(--weight-strong);text-align:center;white-space:nowrap;background:var(--color-surface);border:var(--border-thin) solid var(--color-ink);flex-basis:0}.jugs{gap:var(--space-4);flex-wrap:wrap;justify-content:center;padding:0;list-style:none;display:flex}.jug{width:7rem;height:auto}.jugs-small{gap:var(--space-2)}.jugs-small .jug{width:3.75rem}.jug-body{fill:none;stroke:var(--color-ink);stroke-width:3px}.jug-water{fill:var(--color-winter)}.jug-top{fill:none;stroke:var(--color-ink);stroke-width:3px}.jug-mark{fill:none;stroke:var(--color-ink);stroke-width:1.5px}.jug-label{fill:var(--color-ink);text-anchor:end;font-size:15px;font-weight:700}.benchmarks{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.benchmark{gap:var(--space-3);align-items:center;display:flex}.benchmark-picture{flex:none;width:3.5rem;height:3.5rem}.benchmark-picture *{fill:none;stroke:var(--color-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.benchmark-picture .benchmark-fill{fill:var(--color-surface)}.benchmark-picture text{fill:var(--color-ink);stroke:none;text-anchor:middle;font-size:15px;font-weight:700}.count-figure{width:100%;max-width:20rem;margin-inline:auto;position:relative}.count-figure svg{width:100%;height:auto;display:block}.solid-face{fill:var(--color-spring);stroke:none}.solid-edge{stroke:var(--color-ink);stroke-width:3px;stroke-linecap:round}.solid-edge[data-hidden]{stroke-width:2px;stroke-dasharray:6 7}.solid-edge[data-active]{stroke-width:7px}.polygon-side{fill:none;stroke:var(--color-ink);stroke-width:3px}.count-mark{width:3rem;height:3rem;font:inherit;font-weight:var(--weight-bold);color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.count-mark span{background:var(--color-surface);border:2px solid var(--color-ink);border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;display:grid}.count-mark[aria-pressed=true] span{background:var(--color-summer);border-width:3px;width:2rem;height:2rem}.count-tools{gap:var(--space-2);grid-template-columns:1fr 1fr;max-width:20rem;margin-inline:auto;display:grid}.thing{width:5rem;height:5rem;margin-inline:auto;display:block}.thing path,.thing circle,.thing ellipse{fill:var(--color-spring);stroke:var(--color-ink);stroke-width:3px;stroke-linejoin:round}.thing .thing-mark{fill:none;stroke-width:2px}.thing .thing-pip{fill:var(--color-ink);stroke:none}.thing-shown{justify-content:center;display:flex}.thing-shown .thing{width:11rem;height:auto}.shape-choices{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.shape-choice{gap:var(--space-1);min-height:7.5rem;padding:var(--space-2) var(--space-1);font-size:var(--text-md);font-weight:var(--weight-strong);justify-items:center;display:grid}.shape-choice .outline{width:100%;max-width:5rem}.outline{display:block}.outline polygon,.outline circle,.outline ellipse{fill:var(--color-spring);stroke:var(--color-ink);stroke-width:3px;stroke-linejoin:round}.shape-choice[aria-pressed=true]{background:var(--color-summer);border-width:var(--border-thick)}.shape-choice[aria-pressed=true]:after{content:"✓";font-weight:var(--weight-bold)}.shape-groups{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.shape-group{padding:var(--space-2);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-m);margin:0}.shape-group[data-outside]{border-style:dashed}.shape-group h3{margin:0 0 var(--space-1);font-size:var(--text-md)}.shape-group ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.shape-group li{flex:1;max-width:5rem}.dot-grid{grid-template-columns:repeat(7,1fr);width:100%;max-width:21rem;margin-inline:auto;display:grid;position:relative}.dot-grid svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dot-shape{fill:var(--color-spring);fill-opacity:.7;stroke:var(--color-ink);stroke-width:.8px}polyline.dot-shape{fill:none}.dot{aspect-ratio:1;cursor:pointer;background:0 0;border:0;place-items:center;min-width:3rem;padding:0;display:grid;position:relative}.dot span{background:var(--color-border);border-radius:50%;width:.625rem;height:.625rem}.dot[aria-pressed=true] span{background:var(--color-surface);border:4px solid var(--color-ink);width:1.25rem;height:1.25rem}.dot[aria-disabled=true]{cursor:default}.compass-field{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:20rem;height:auto;margin-inline:auto;display:block}.compass-line,.compass-legs{fill:none;stroke:var(--color-ink);stroke-width:3px}.compass-legs{stroke:var(--color-link);stroke-width:5px;stroke-linejoin:round}.compass-arc{fill:none;stroke:var(--color-ink);stroke-width:2px;stroke-dasharray:2 4}.compass-point{fill:var(--color-ink)}.compass-letter{fill:var(--color-ink);font-size:18px;font-weight:700}.compass-steps{margin:0;padding-inline-start:1.5rem}.compass-steps li[data-now]{font-weight:var(--weight-bold)}.money-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.money-piece{width:4.5rem;height:4.5rem;color:var(--color-ink);border:var(--border-thin) solid var(--color-ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:inline-flex}.money-piece[data-kind=cent]{background:var(--color-autumn)}.money-piece[data-kind=euro]{background:var(--color-summer);border-width:var(--border-thick)}.money-piece[data-kind=note]{background:var(--color-winter);border-radius:var(--radius-s);width:6.5rem}.money-value{font-size:var(--text-numeral);font-weight:var(--weight-bold)}.money-unit{font-size:var(--text-sm);font-weight:var(--weight-strong)}.money-amount{font-size:var(--text-numeral);font-weight:var(--weight-bold);margin:0}.money-answer{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.money-answer-part{gap:var(--space-2);font-weight:var(--weight-strong);display:grid}.money-group+.money-group{margin-top:var(--space-2)}.money-group-name{margin:0 0 var(--space-1);font-weight:var(--weight-strong)}.shop-stall{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.shop-goods{gap:var(--space-1);padding:var(--space-3);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-s);display:grid}.shop-price{font-size:var(--text-lg);font-weight:var(--weight-bold)}.money-table{border-collapse:collapse;background:var(--color-surface);width:100%}.money-table th,.money-table td{padding:var(--space-1) var(--space-2);text-align:right;border:var(--border-thin) solid var(--color-border)}.money-table th:first-child,.money-table td:first-child{text-align:left}.money-count-up{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.money-stop{padding:var(--space-1) var(--space-2);font-weight:var(--weight-bold);background:var(--color-surface);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-s)}.money-jump{font-weight:var(--weight-strong)}.money-till{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));display:grid}.money-till .ui-button,.money-given .ui-button{padding:var(--space-1);background:var(--color-surface);justify-content:center;align-items:center;display:inline-flex}.money-given{gap:var(--space-1);min-height:5.5rem;padding:var(--space-2);background:var(--color-surface);border:var(--border-thin) dashed var(--color-ink);border-radius:var(--radius-s);flex-wrap:wrap;display:flex}.money-sum{font-weight:var(--weight-strong);margin:0}.shop-budget{gap:var(--space-2);font-weight:var(--weight-strong);flex-wrap:wrap;align-items:baseline;margin:0;display:flex}.shop-budget-amount{font-size:var(--text-numeral);font-weight:var(--weight-bold)}.shop-picks{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));display:grid}.shop-pick{gap:var(--space-1);padding:var(--space-3);background:var(--color-surface);justify-items:start;display:grid}.shop-pick[aria-pressed=true]{border-width:var(--border-thick)}.shop-pick[aria-disabled=true][aria-pressed=false],.shop-pick[aria-disabled=true][aria-pressed=false]:hover{color:var(--color-ink-muted);background:var(--color-surface);cursor:default;border-style:dashed}.clock{width:min(100%,22rem,52vh);margin:0 auto;display:block}.clock-face{fill:var(--color-surface);stroke:var(--color-ink);stroke-width:3px}.clock-sector{fill:var(--color-primary-soft);stroke:var(--color-ink);stroke-width:2px}.clock-tick{stroke:var(--color-ink);stroke-width:1px}.clock-tick-major{stroke-width:3px}.clock-number,.clock-minute{font-family:inherit;font-weight:var(--weight-bold);text-anchor:middle;dominant-baseline:central;fill:var(--color-ink)}.clock-number{font-size:20px}.clock-minute{font-size:13px}.clock-hand{transform-origin:130px 130px}.clock-hour,.clock-long{stroke-linecap:round}.clock-hour{stroke:var(--color-primary);stroke-width:10px}.clock-long{stroke:var(--color-ink);stroke-width:5px}.clock-pin{fill:var(--color-ink)}.clock-steps{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.clock-steps .ui-button{justify-content:center}@media (prefers-reduced-motion:no-preference){.clock-hand{transition:transform var(--motion-fast) ease-out}}.timeline{padding:var(--space-3) 3rem;background:var(--color-surface);border-radius:var(--radius-l)}.timeline-area{position:relative}.timeline-marks{height:1.75rem;position:relative}.timeline-mark{height:3rem;padding:0 var(--space-2);font-weight:var(--weight-bold);white-space:nowrap;line-height:1.5rem;position:absolute;bottom:-1.25rem}.timeline-start{border-right:var(--border-thick) solid var(--color-ink);transform:translate(-100%)}.timeline-end{border-left:var(--border-thick) solid var(--color-primary)}.timeline-svg{width:100%;height:2.5rem;display:block}.timeline-axis,.timeline-tick{stroke:var(--color-ink);stroke-width:2px;vector-effect:non-scaling-stroke}.timeline-tick-major{stroke-width:3px}.timeline-labels{height:1.5rem;position:relative}.timeline-label{font-size:var(--text-sm);font-weight:var(--weight-strong);white-space:nowrap;position:absolute;transform:translate(-50%)}.timeline-jumps{height:4rem;position:relative}.timeline-jump{background:var(--color-primary-soft);border:var(--border-medium) solid var(--color-ink);border-top:0;height:.625rem;position:absolute}.timeline-jump[data-row="2"]{top:2rem}.timeline-jump-label{font-size:var(--text-sm);font-weight:var(--weight-bold);white-space:nowrap;position:absolute;top:.625rem;left:50%;transform:translate(-50%)}.time-answer{align-items:end;gap:var(--space-2);grid-template-columns:1fr auto 1fr;display:grid}.time-answer-part{gap:var(--space-2);font-weight:var(--weight-strong);display:grid}.time-answer-sign{padding-bottom:var(--space-3);font-size:var(--text-numeral);font-weight:var(--weight-bold)}.units-bars{gap:var(--space-1);flex-wrap:wrap;display:flex}.units-bar{padding:var(--space-1);color:var(--color-ink);background:var(--color-primary-soft);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-s);flex-direction:column;flex:4rem;align-items:center;display:flex}.units-bar-extra{background:var(--color-surface);border-style:dashed;flex-grow:0;justify-content:flex-end}.units-bar-name{font-size:var(--text-sm)}.units-bar-size{font-weight:var(--weight-bold)}.calendar{max-width:28rem;color:var(--color-ink);background:var(--color-surface);border-radius:var(--radius-s);margin:0 auto}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-head{padding:var(--space-1) 0;font-weight:var(--weight-bold);text-align:center}.calendar-day,.calendar-day.ui-button{min-width:0;min-height:3.75rem;padding:var(--space-1) 0;font-size:var(--text-md);color:var(--color-ink);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.calendar-day[data-past]{color:var(--color-ink-muted);background:var(--color-paper)}.calendar-day[data-today],.calendar-day[data-target]{border:var(--border-thick) solid var(--color-ink)}.calendar-day[data-target]{background:var(--color-primary-soft)}.calendar-day.ui-button[aria-disabled=true],.calendar-day.ui-button[aria-disabled=true]:hover{color:var(--color-ink-muted);border:var(--border-thin) dashed var(--color-ink);cursor:default}.calendar-date{font-weight:var(--weight-bold);line-height:1.2}.calendar-note{font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:1.1}.wp{gap:var(--space-4);max-width:var(--measure);padding:var(--space-3);flex-direction:column;margin:0 auto;display:flex}.wp-title{font-size:var(--text-md);color:var(--color-ink-muted);margin:0}.wp-progress{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0}.wp-step-title{font-size:var(--text-lg);margin:0}.wp-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wp-steps{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.wp-step{padding:var(--space-2) var(--space-1);font-size:var(--text-sm);line-height:var(--leading-tight);text-align:center;color:var(--color-ink-muted);border:var(--border-thick) dashed var(--color-ink-muted);border-radius:var(--radius-s);overflow-wrap:anywhere}.wp-step[data-state=done]{color:var(--color-ink);border-style:solid;border-color:var(--color-ink-muted)}.wp-step[data-state=current]{color:var(--color-ink);font-weight:var(--weight-bold);background:var(--color-primary-soft);border-style:solid;border-color:var(--color-ink)}.wp-problem{padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-l)}.wp-listen{justify-content:center;align-items:center;gap:var(--space-2);width:100%;display:flex}.wp-listen[aria-disabled=true],.wp-play[aria-disabled=true]{color:var(--color-ink-muted);cursor:default;border-style:dashed}.wp-sentences{gap:var(--space-2);margin:var(--space-3) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.wp-sentence{align-items:center;gap:var(--space-2);padding:var(--space-1);border:var(--border-thick) solid transparent;border-radius:var(--radius-s);display:flex}.wp-sentence[data-reading]{border-color:var(--color-ink)}.wp-play{flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.wp-sentence-text{font-size:var(--text-md);margin:0}.wp-crossed{font-weight:var(--weight-bold);text-decoration-thickness:2px}.wp-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wp-word{min-width:var(--target-min);min-height:var(--target-min);padding:0 var(--space-1);font:inherit;font-weight:var(--weight-strong);color:var(--color-link);border:0;border-bottom:var(--border-medium) dotted var(--color-link);cursor:pointer;vertical-align:middle;background:0 0;display:inline-block}.wp-gloss{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-l);flex-direction:column;display:flex}.wp-gloss-head{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;display:flex}.wp-gloss-word{font-size:var(--text-lg);margin:0}.wp-picture{width:100%;max-width:240px;height:auto;display:block}.wp-pic-fill{fill:var(--color-place-ones);stroke:var(--color-ink);stroke-width:1.5px}.wp-pic-gone{fill:none;stroke:var(--color-ink);stroke-width:1.5px;stroke-dasharray:4 3}.wp-pic-box{fill:var(--color-winter);stroke:var(--color-ink);stroke-width:1.5px}.wp-pic-line{fill:none;stroke:var(--color-ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.wp-gloss-label{font-size:var(--text-sm);font-weight:var(--weight-strong);color:var(--color-ink-muted);margin:0}.wp-gloss-example,.wp-gloss-gloss{margin:0}.wp-gloss-translation{gap:var(--space-2);flex-wrap:wrap;display:flex}.wp-gloss-translation .ui-button[aria-pressed=true],.wp-choice[aria-pressed=true]{font-weight:var(--weight-bold);background:var(--color-primary-soft);border-width:var(--border-thick)}.wp-model{gap:var(--space-3);flex-direction:column;display:flex}.wp-cards{gap:var(--space-2);flex-wrap:wrap;display:flex}.wp-card{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.wp-card-value{font-size:var(--text-numeral);font-weight:var(--weight-bold);line-height:1}.wp-card-label{font-size:var(--text-sm)}.wp-card[aria-pressed=true],.wp-slot[aria-pressed=true]{background:var(--color-primary-soft);border-width:var(--border-thick)}.wp-card[data-placed]{color:var(--color-ink-muted);cursor:default;border-style:dashed}.wp-bars{padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-l)}.wp-bar-row{display:flex}.wp-bar-row+.wp-bar-row{margin-top:var(--space-2)}.wp-slot{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-1);min-height:4.5rem;padding:var(--space-1);font:inherit;color:var(--color-ink);background:var(--color-surface);border:var(--border-medium) dashed var(--color-ink);border-radius:var(--radius-s);flex-direction:column;display:flex}button.wp-slot{cursor:pointer}.wp-slot[data-filled]{background:var(--color-place-ones);border-style:solid}.wp-slot[data-gap]{border-style:dashed}.wp-slot[data-count]{padding-inline:var(--space-3);border-radius:var(--radius-round)}.wp-slot[data-head]{background:0 0;border-color:#0000}.wp-slot[data-rejected]{border-width:var(--border-thick)}.wp-slot-unknown{border-style:dotted;border-width:var(--border-thick)}.wp-slot-label{font-size:var(--text-sm);line-height:var(--leading-tight);text-align:center;overflow-wrap:anywhere}.wp-slot-value{min-height:1em;font-size:var(--text-numeral);font-weight:var(--weight-bold);line-height:1}.wp-slot-parts{width:100%;display:flex}.wp-slot-part{font-size:var(--text-numeral);font-weight:var(--weight-bold);text-align:center;flex:1;line-height:1}.wp-slot-part+.wp-slot-part{border-left:var(--border-medium) solid var(--color-ink)}.wp-calc,.wp-answer{gap:var(--space-3);flex-direction:column;display:flex}.wp-calc-step{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0}.wp-question{font-size:var(--text-lg);font-weight:var(--weight-strong);margin:0}.wp-number{min-height:4rem;padding:var(--space-2);font-size:var(--text-title);font-weight:var(--weight-bold);text-align:center;background:var(--color-surface);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-s);line-height:1.2;display:block}.wp-number[data-empty]{color:var(--color-ink-muted);border-style:dashed}.wp-show{width:100%}.wp-answer-sentence{padding:var(--space-3);font-size:var(--text-lg);background:var(--color-surface);border-radius:var(--radius-m);margin:0}.wp-fill{min-width:4rem;padding:0 var(--space-2);font-weight:var(--weight-bold);text-align:center;border-bottom:var(--border-thick) solid var(--color-ink);display:inline-block}.wp-fill[data-empty]{font-weight:var(--weight-regular);color:var(--color-ink-muted);border-bottom-style:dashed}.wp-choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.wp-choice{min-width:5rem;font-size:var(--text-lg);font-weight:var(--weight-bold)}.wp-feedback:empty{position:absolute}.wp-card-note{padding:var(--space-3) var(--space-4);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-m);margin:0}.wp-card-note>*{margin:0}.wp-card-note>*+*{margin-top:var(--space-2)}.wp-hint{color:var(--color-hint-ink);background:var(--color-hint-bg);border-color:var(--color-hint-ink)}.wp-success{color:var(--color-success-ink);background:var(--color-success-bg);border-color:var(--color-success-ink);font-weight:var(--weight-strong)}.wp-done{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.wp-observer{margin-top:var(--space-6);padding:var(--space-3);font-size:var(--text-sm);border:var(--border-thin) dashed var(--color-ink-muted);border-radius:var(--radius-m)}.wp-observer-list{gap:var(--space-1) var(--space-3);margin:var(--space-3) 0;grid-template-columns:max-content minmax(0,1fr);display:grid}.wp-observer-list dt{font-weight:var(--weight-strong)}.wp-observer-list dd{margin:0}.wp-observer-scroll{overflow-x:auto}.wp-observer-table{border-collapse:collapse;width:100%}.wp-observer-table th,.wp-observer-table td{padding:var(--space-1) var(--space-2);text-align:left;border:var(--border-thin) solid var(--color-ink-muted)}.wp-observer-check{align-items:flex-start;gap:var(--space-2);min-height:var(--target-min);padding:var(--space-2) 0;display:flex}.wp-observer-check input{flex:none;width:1.5rem;height:1.5rem;margin:0}.wp-footer{margin-top:var(--space-6);font-size:var(--text-sm)}.wp-footer a{min-height:var(--target-min);padding:var(--space-3) 0;display:inline-block}.wp-probe{gap:var(--space-3);flex-direction:column;display:flex}.wp-model-options{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.wp-model-option{align-items:stretch;gap:var(--space-2);text-align:start;flex-direction:column;display:flex}.wp-model-option[aria-pressed=true]{background:var(--color-primary-soft);border-width:var(--border-thick)}.wp-option-letter{font-size:var(--text-lg);font-weight:var(--weight-bold)}.wp-probe-bars{display:block}.wp-mini .wp-bars{padding:var(--space-2)}.wp-mini .wp-slot{min-height:3rem}.wp-mini .wp-slot-value,.wp-mini .wp-slot-part{font-size:var(--text-lg)}.wp-question-choices .wp-choice{font-size:var(--text-md);text-align:start}.wp-word-end{white-space:nowrap}.word-heading{align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.word-heading p{margin:0}.game:has(.word-work){max-width:56rem}.word-work{gap:var(--space-4);flex-direction:column;display:flex}.word-work>*,.word-side>*{min-width:0}.word-side{display:contents}.word-story{order:1}.word-picture{order:2}.word-task{order:3}.word-work .game-feedback{order:4}.word-actions{order:5}.word-story>*+*,.word-picture>*+*{margin-top:var(--space-4)}.word-story .wp-sentences{gap:var(--space-1)}.word-story .wp-sentence{padding:0}.word-picture .wp-slot{min-height:3rem}.word-picture .wp-bars:has(.wp-bar-row:nth-child(3)){padding:var(--space-1) var(--space-2)}.word-picture .wp-bars:has(.wp-bar-row:nth-child(3)) .wp-bar-row+.wp-bar-row{margin-top:var(--space-1)}.word-picture .wp-bars:has(.wp-bar-row:nth-child(3)) .wp-slot{align-content:center;align-items:baseline;column-gap:var(--space-2);flex-flow:wrap;min-height:2.75rem}@media (width>=44rem){.word-work{row-gap:var(--space-2);grid-template-rows:auto auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.word-side{gap:var(--space-4);flex-direction:column;grid-area:1/2/3;display:flex}.word-story{flex-direction:column;grid-area:1/1;align-self:stretch;display:flex}.word-story>.wp-problem{flex:1}.word-picture{grid-area:2/1/4}.word-side .game-feedback{order:6}.word-work[data-hint-beside] .game-feedback{grid-area:2/1/4}.word-work[data-hint-beside]:has(.game-feedback>*) .word-picture{display:none}}.word-bar-unit{font-size:var(--text-md);font-weight:var(--weight-bold);text-align:center;display:block}.word-work .word-chosen{align-items:center;gap:var(--space-2);flex-direction:row}.word-chosen .wp-bars{flex:1;min-width:0}.word-work .wp-model-options{grid-template-columns:minmax(0,1fr)}.word-work .wp-model-option{flex-direction:row;align-items:center}.word-work .wp-mini{flex:1;min-width:0}.word-work .wp-mini .wp-bars{padding:var(--space-1)}.word-work .wp-mini .wp-slot{justify-content:center;align-items:baseline;column-gap:var(--space-2);flex-flow:wrap;min-height:2.75rem}.word-work .wp-mini .wp-slot-parts{width:auto}.word-work .wp-model-options:has(.wp-bar-row:nth-child(3)) .wp-slot{min-height:2.375rem}.word-work .wp-model-options:has(.wp-bar-row:nth-child(3)) .wp-bar-row+.wp-bar-row{margin-top:var(--space-1)}.word-builder{gap:var(--space-3);flex-direction:column;display:flex}.word-sentence{align-items:center;gap:var(--space-2);font-size:var(--text-numeral);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;display:flex}.word-slot{min-width:4.5rem;min-height:4rem;padding:var(--space-1) var(--space-2);font-size:var(--text-numeral);font-weight:var(--weight-bold)}.word-slot[data-empty]{border-style:dashed}@media (width<=43.99rem){.word-work .wp-slot-value{font-size:var(--text-md)}}.word-found{color:var(--color-ink-muted);margin:0}.word-step-question{font-weight:var(--weight-strong);margin:0}.phrase-picture{padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-l)}.phrase-rows{gap:var(--space-3);justify-items:start;display:grid}.phrase-row{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.phrase-row-label{min-width:4.5rem;font-size:var(--text-md);font-weight:var(--weight-strong);text-align:left}.phrase-row-groups{gap:var(--space-2);flex-wrap:wrap;display:flex}.phrase-group{max-width:100%;height:auto}.phrase-ring{fill:none;stroke:var(--color-ink);stroke-width:2px}.phrase-ring[data-extra]{stroke-dasharray:5 3}.phrase-dot{fill:var(--color-ink)}.phrase-dot-gone{fill:none;stroke:var(--color-ink);stroke-width:1.5px;stroke-dasharray:3 2}.phrase-cue{font-weight:var(--weight-bold)}.game-choices>.phrase-choice{min-height:6rem;padding:var(--space-3);font-size:var(--text-md);text-align:left;flex:14rem;font-weight:400}.demo{max-width:48rem;padding:var(--space-4);margin:0 auto}.demo-link{min-height:var(--target-min);padding:var(--space-3) 0;display:inline-block}.demo-presets{gap:var(--space-2);margin:0 0 var(--space-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.demo-button{min-width:var(--target-min);min-height:var(--target-min);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-sm);color:var(--color-ink);background:var(--color-surface);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-s);cursor:pointer}.tv{gap:var(--space-5);max-width:72rem;padding:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.tv h2{margin:0 0 var(--space-3)}.tv-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.tv-title{margin:0 0 var(--space-2)}.tv-meta{color:var(--color-ink-muted);margin:0}.tv-projector[aria-pressed=true]{font-weight:var(--weight-bold);background:var(--color-primary-soft);border-width:var(--border-thick)}.tv-demo{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-notice-ink);background:var(--color-notice-bg);border:var(--border-thin) solid var(--color-notice-ink);border-radius:var(--radius-s);margin:0}.tv-status:empty{position:absolute}.tv-note{font-weight:var(--weight-strong);margin:0}.tv-items{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:0;padding:0;list-style:none;display:grid}.tv-item{gap:var(--space-1);padding:var(--space-3);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-m);flex-direction:column;display:flex}.tv-item-sum{font-size:var(--text-lg);font-weight:var(--weight-bold)}.tv-item-format{font-size:var(--text-sm);color:var(--color-ink-muted)}.tv-bar{height:var(--space-3);border:var(--border-thin) dashed var(--color-ink);border-radius:var(--radius-round);display:block;overflow:hidden}.tv-bar-fill{background:var(--color-ink);height:100%;display:block}.tv-rule{max-width:var(--measure);margin:0 0 var(--space-4)}.tv-groups{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));margin:0;padding:0;list-style:none;display:grid}.tv-group article{gap:var(--space-2);height:100%;padding:var(--space-4);background:var(--color-surface);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-m);flex-direction:column;display:flex}.tv-group article>*{margin:0}.tv-group-title{font-size:var(--text-lg);line-height:var(--leading-tight)}.tv-share{font-weight:var(--weight-bold)}.tv-names{gap:var(--space-1) var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tv-name{padding:0 var(--space-2);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-s)}.tv-hidden{color:var(--color-ink-muted);font-style:italic}.tv-next-label{font-size:var(--text-sm);font-weight:var(--weight-strong);color:var(--color-ink-muted)}.tv-idea-button{align-self:flex-start}.tv-idea{padding:var(--space-3);color:var(--color-hint-ink);background:var(--color-hint-bg);border:var(--border-medium) solid var(--color-hint-ink);border-radius:var(--radius-s)}.tv-options-label,.tv-tier-label{font-size:var(--text-sm);font-weight:var(--weight-strong);color:var(--color-ink-muted)}.tv-options{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tv-tier{gap:var(--space-1);flex-direction:column;display:flex}.tv-tier>*{margin:0}.tv-pupils{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tv-pupil[data-open]{flex-basis:100%}.tv-answers{margin-top:var(--space-2);padding:var(--space-3);background:var(--color-paper);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-s)}.tv-answers>*{margin:0}.tv-support{font-weight:var(--weight-strong)}.tv-answer-list{gap:var(--space-2);margin:var(--space-2) 0 0;padding-left:var(--space-4);flex-direction:column;display:flex}.tv-also{font-size:var(--text-sm);color:var(--color-ink-muted);display:block}.tv[data-projector]{font-size:var(--text-lg)}.tv[data-projector] h2,.tv[data-projector] .tv-group-title,.tv[data-projector] .tv-item-sum{font-size:var(--text-numeral)}.tv[data-projector] .ui-button{font-size:var(--text-lg)}.tv[data-projector] .tv-demo,.tv[data-projector] .tv-next-label,.tv[data-projector] .tv-item-format{font-size:var(--text-md)}.tv[data-projector] .tv-groups{grid-template-columns:repeat(auto-fill,minmax(min(100%,28rem),1fr))}.tv[data-projector] .tv-group article{border-width:var(--border-thick)}.tv[data-projector] .tv-bar{height:var(--space-4)}.tv-footer{margin-top:var(--space-5);font-size:var(--text-sm)}.tv-footer a{min-height:var(--target-min);padding:var(--space-3) 0;display:inline-block}.styles{max-width:64rem}.styles h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-md)}.styles code{font-size:var(--text-sm);overflow-wrap:anywhere}.swatches{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.swatch{gap:var(--space-3);padding:var(--space-2);font-size:var(--text-sm);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-m);align-items:flex-start;display:flex}.swatch-chip{width:var(--space-7);height:var(--space-7);border:var(--border-medium) solid var(--color-ink);border-radius:var(--radius-s);flex:none}.swatch-name{font-weight:var(--weight-strong);overflow-wrap:anywhere}.table-wrap{background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-m);overflow-x:auto}.styles table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.styles th,.styles td{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:middle;border-bottom:var(--border-thin) solid var(--color-border)}.sample{padding:var(--space-1) var(--space-3);white-space:nowrap;border:var(--border-thin) solid var(--color-border);display:inline-block}.sample-line{width:var(--space-8);height:var(--space-6);border:var(--border-thick) solid;border-radius:var(--radius-s);display:inline-block}.type-sample{margin:var(--space-2) 0;line-height:var(--leading-tight)}.token-label{font-size:var(--text-sm);color:var(--color-ink-muted);display:block}.spacing,.shapes{margin:0;padding:0;list-style:none}.spacing li{margin:var(--space-2) 0}.space-bar{height:var(--space-4);background:var(--color-primary);border-radius:var(--radius-s);display:block}.shapes{gap:var(--space-4);flex-wrap:wrap;display:flex}.shape-box{width:var(--space-8);height:var(--space-8);background:var(--color-spring);border:var(--border-medium) solid var(--color-ink);display:block}.message{gap:var(--space-3);margin:var(--space-2) 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);border-left:var(--border-thick) solid currentcolor;align-items:center;display:flex}.message-mark{width:var(--space-6);height:var(--space-6);font-weight:var(--weight-bold);border:var(--border-medium) solid currentcolor;border-radius:var(--radius-round);flex:none;justify-content:center;align-items:center;display:inline-flex}.message-success{color:var(--color-success-ink);background:var(--color-success-bg)}.message-hint{color:var(--color-hint-ink);background:var(--color-hint-bg)}.message-notice{color:var(--color-notice-ink);background:var(--color-notice-bg)}:root{--color-paper:#f7f5ee;--color-surface:#fff;--color-ink:#1f2d33;--color-ink-muted:#4d5c63;--color-border:#66767d;--color-primary:#2d6a4f;--color-on-primary:#fff;--color-primary-soft:#dcefe3;--color-link:#1b5e8c;--color-focus:#0b4f9e;--color-spring:#d4ebc8;--color-summer:#ffe3a1;--color-autumn:#f6c3a1;--color-winter:#d3e6f3;--color-place-ones:#ffd166;--color-place-tens:#8ecae6;--color-place-hundreds:#b7e4c7;--color-place-thousands:#f4a6a6;--color-success-bg:#dff1e4;--color-success-ink:#1d5a3a;--color-hint-bg:#e3eef8;--color-hint-ink:#1d4a73;--color-notice-bg:#fff0cf;--color-notice-ink:#6b4300;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-sm:1rem;--text-md:1.25rem;--text-lg:1.5rem;--text-numeral:2rem;--text-title:2.5rem;--leading-body:1.5;--leading-tight:1.2;--weight-regular:400;--weight-strong:600;--weight-bold:700;--measure:40rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-s:6px;--radius-m:12px;--radius-l:20px;--radius-round:999px;--border-thin:1px;--border-medium:2px;--border-thick:3px;--target-min:48px;--focus-width:3px;--focus-offset:3px;--motion-fast:.15s;--motion-medium:.2s}@media (prefers-contrast:more){:root{--color-ink:#000;--color-ink-muted:#1f2d33;--color-border:#000;--color-primary:#1b4332;--color-link:#003a70;--color-focus:#00306e;--border-thin:2px;--border-medium:3px}}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-medium:0s}}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-body);-webkit-text-size-adjust:100%;font-size:100%}body{color:var(--color-ink);background:var(--color-paper);font-size:var(--text-md);line-height:var(--leading-body);margin:0}h1,h2,h3{line-height:var(--leading-tight)}h1{font-size:var(--text-title)}h2{font-size:var(--text-lg)}a{color:var(--color-link)}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}