.concept-catalogue-card-visual{box-sizing:border-box;width:100%;max-width:100%}.concept-catalogue-visual-svg{width:min(100%,17rem);max-width:100%;margin-inline:auto}.concept-catalogue-plus{font-size:2rem;font-weight:950}.concept-catalogue-total,.concept-catalogue-card-label{font-weight:950}:where(.spatial-fraction-stage,.counting-amount-stage,.time-clock-stage,.comparing-numbers-stage,.addition-groups-stage,.subtraction-journey-stage){box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:visible}@media (max-width:520px){.addition-ready-grid{grid-template-columns:1fr}.addition-equation-token-bank,.addition-equation-mat{grid-template-columns:repeat(5,minmax(0,1fr))}}:where(.spatial-fraction-stage,.counting-amount-stage,.time-clock-stage,.comparing-numbers-stage,.addition-groups-stage,.subtraction-journey-stage) :where(*){box-sizing:border-box}:where(.spatial-fraction-stage,.counting-amount-stage,.time-clock-stage,.comparing-numbers-stage,.addition-groups-stage,.subtraction-journey-stage)>*{min-width:0;max-width:100%}:where(.spatial-stage-heading,.counting-stage-heading,.time-stage-heading,.compare-stage-heading,.addition-stage-heading,.subtraction-stage-heading,.spatial-feedback,.spatial-support-sentence,.counting-feedback,.counting-represent-card,.counting-ready-card,.counting-check-choice,.time-main-prompt,.time-feedback,.time-support,.time-hour-later,.compare-feedback,.compare-support,.addition-feedback,.addition-support,.subtraction-feedback,.subtraction-support){overflow-wrap:anywhere;white-space:normal;width:100%;max-width:100%}:where(.spatial-action,.counting-action,.time-action,.compare-action,.addition-action,.subtraction-action){white-space:normal;width:min(100%,20rem);min-width:0;max-width:100%}:where(.time-position-buttons,.time-language-cards,.time-word-bank,.time-match-clocks,.time-ready-grid,.compare-order-actions,.compare-line-buttons){flex-wrap:wrap;width:100%;max-width:100%}:where(.time-position-buttons,.time-language-cards,.compare-order-actions,.compare-line-buttons) button{white-space:normal;max-width:100%}:where(.counting-counter-group,.counting-move-board,.counting-build-workspace,.counting-number-line,.time-clock-wrap,.time-clock-task,.time-step-controls,.time-clock-track-link,.time-track-board,.time-match-workspace,.time-ready-grid,.time-readiness-clock,.time-minute-line,.compare-order-zones,.compare-order-builder,.compare-order-bank,.compare-order-track,.compare-same-proof,.compare-line-builder,.compare-line-wrap,.addition-join-board,.addition-parts-workspace,.addition-join-workspace,.addition-ten-frame-workspace,.addition-ten-frame,.addition-equation-workspace,.addition-equation-mat,.addition-equal-workspace,.addition-balance-mat,.addition-number-line-workspace,.addition-number-line,.addition-ready-grid,.addition-ready-check,.addition-bond,.subtraction-whole-tray,.subtraction-bond,.spatial-whole-model,.spatial-split-model,.spatial-piece-board,.spatial-build-board,.spatial-rotate-board){max-width:100%}.counting-counter-group{width:min(100%,25rem)}.counting-move-board{width:min(100%,42rem)}.counting-build-workspace{width:min(100%,44rem)}.counting-number-line{width:min(100%,32rem);padding-inline:.25rem}.counting-line-track{left:1.25rem;right:1.25rem}.counting-touch-board{width:min(100%,30rem)}.counting-tactile-counter b{place-items:center;line-height:1;display:grid;inset:0}.time-clock-wrap{width:min(100%,clamp(15rem,54vw,23rem))}.time-clock-task{width:min(100%,28rem)}.time-step-controls{width:min(100%,36rem)}.time-clock-track-link{width:min(100%,44rem)}.time-track-board{width:min(100%,39rem)}.time-match-workspace{width:min(100%,46rem)}.time-ready-grid{width:min(100%,52rem)}.time-readiness-clock{width:min(100%,25rem)}.time-clock-line-link{width:100%;max-width:100%}.time-clock-line-link .time-clock-wrap{width:min(100%,clamp(13.5rem,46vw,18rem))}.time-minute-line{width:min(100%,38rem);padding-inline:.85rem}.time-minute-line>i{left:.85rem;right:.85rem}.time-minute-line>div{width:100%}.time-line-marker{max-width:1.7rem}.compare-order-bank,.compare-order-track{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.compare-number-card{flex:8rem;width:min(100%,10rem);min-width:0}.compare-readiness-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.65rem,3vw,1.25rem);width:min(100%,40rem);display:grid}.compare-order-zones{width:min(100%,30rem)}.compare-line-wrap{width:min(100%,42rem)}.compare-mats{align-items:stretch}.compare-mat{align-content:start}.compare-mat-count{margin-top:auto}.addition-count-board{width:min(100%,30rem)}.addition-count-board button{place-items:center;display:grid}.addition-counter-label{color:#fff;text-shadow:0 2px 3px #1e1b4b73;place-items:center;font-size:1.1rem;line-height:1;display:grid;position:absolute;inset:0}.addition-parts-workspace{width:min(100%,39rem)}.addition-join-workspace{width:min(100%,48rem)}.addition-ten-frame-workspace{width:min(100%,49rem)}.addition-ten-frame{grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,31rem)}.addition-equation-workspace,.addition-equal-workspace,.addition-number-line-workspace,.addition-ready-grid{width:min(100%,49rem)}.addition-equation-mat{grid-template-columns:repeat(5,minmax(0,1fr))}.addition-number-line{width:calc(100% - 2rem)}.addition-join-board{width:min(100%,40rem)}.addition-shared-tray{width:min(100% - 1.5rem,24rem)}.addition-bond{width:min(100%,28rem)}.subtraction-whole-tray{width:min(100%,24rem)}.subtraction-whole-tray,.subtraction-start-tray,.subtraction-away-tray{padding-inline:clamp(.75rem,3vw,1.25rem)}.subtraction-bond{width:min(100%,28rem)}.subtraction-bond small{white-space:normal;overflow-wrap:anywhere}.subtraction-picture-sum{max-width:100%}.spatial-whole-model,.spatial-split-model{width:min(100%,20rem)}.spatial-piece-board{width:min(100%,31rem)}.spatial-build-board{width:min(100%,34rem)}.spatial-rotate-board{width:min(100%,22rem)}.spatial-symbol-link{flex-wrap:wrap;max-width:100%}@media (max-width:600px){:where(.spatial-fraction-stage,.counting-amount-stage,.time-clock-stage,.comparing-numbers-stage,.addition-groups-stage,.subtraction-journey-stage){gap:.9rem;padding:1rem clamp(.75rem,3.5vw,1rem) 1.25rem}.counting-tactile-counter{width:clamp(2.75rem,14vw,3.5rem);height:clamp(2.75rem,14vw,3.5rem)}.counting-counter-button,.counting-move-counter,.counting-bank-counter{min-width:clamp(2.9rem,15vw,3.7rem);min-height:3.75rem}.counting-touch-board{gap:.35rem;padding:.9rem .5rem}.counting-move-board{grid-template-columns:1fr;place-content:center;gap:.65rem;width:100%;min-height:0;padding:.85rem .65rem 2.75rem;display:grid}.counting-move-board .counting-move-counter{place-items:center;width:100%;max-width:none;display:grid}.counting-start-tray,.counting-pattern-tray,.counting-counter-bank{padding:.75rem .45rem}.counting-pattern-tray{grid-template-rows:auto repeat(2,minmax(3.75rem,auto))}.counting-pattern-slot,.counting-pattern-counter{min-height:3.75rem}.counting-pattern-slot:before{width:2.75rem;height:2.75rem}.counting-build-workspace{grid-template-columns:1fr;gap:.65rem}.counting-counter-group.is-scattered{flex-wrap:wrap;gap:.3rem;min-height:8rem}.counting-counter-group.is-scattered>*{transform:none!important}.counting-represent-grid,.counting-ready-grid{grid-template-columns:1fr}.counting-represent-card,.counting-check-choice{min-height:8.25rem}.counting-ready-card{min-height:11rem}.counting-check-choices{grid-template-columns:1fr}.counting-five-frame{grid-template-columns:repeat(5,minmax(0,1fr))}.counting-frame-cell{min-width:2.75rem;min-height:clamp(3.1rem,15vw,4rem)}.counting-frame-cell .counting-tactile-counter{width:clamp(2rem,11vw,2.65rem);height:clamp(2rem,11vw,2.65rem)}.time-clock-wrap{width:min(100%,18rem);padding:clamp(.3rem,2vw,.65rem)}.time-clock-task{width:100%}.time-clock-task .time-clock-wrap{width:min(100%,18rem)}.time-clock-track-link,.time-track-board,.time-match-workspace,.time-ready-grid,.time-readiness-clock{width:100%}.time-word-bank,.time-match-clocks,.time-ready-grid{grid-template-columns:1fr}.time-clock-number{width:clamp(1.65rem,9vw,2.15rem);height:clamp(1.65rem,9vw,2.15rem);font-size:clamp(.75rem,4vw,1rem)}.time-position-buttons button,.time-language-cards button{flex:9rem;width:auto;min-width:min(100%,9rem)}.time-minute-line{padding-inline:.9rem}.time-minute-line>i{left:.9rem;right:.9rem}.time-line-marker{transform:translate(-50%)scale(.82)}.compare-same-proof,.compare-order-bank,.compare-order-track{grid-template-columns:1fr}.compare-number-card{width:100%;min-height:8.5rem}.compare-readiness-groups{grid-template-columns:1fr;width:min(100%,20rem)}.compare-readiness-groups .compare-mat{min-height:9.5rem}.compare-order-actions button,.compare-line-buttons button{flex:8rem;max-width:100%}.compare-line-wrap{padding-inline:.85rem}.addition-count-board{gap:.25rem;padding:.85rem .35rem}.addition-count-board button{min-width:clamp(2.9rem,15vw,3.65rem);min-height:4rem}.addition-join-workspace,.addition-ten-frame-workspace{grid-template-columns:1fr}.addition-ten-frame{grid-template-columns:repeat(5,minmax(0,1fr))}.addition-frame-cell{min-width:0;min-height:3.75rem}.addition-balance-mat{grid-template-columns:1fr}.addition-equation-mat{grid-template-columns:repeat(5,minmax(0,1fr))}.addition-ready-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.addition-bond{gap:2.3rem;padding-inline:0}.addition-bond-whole{width:6rem;height:6rem}.addition-bond-parts{justify-content:space-around;gap:.75rem;width:100%}.addition-bond-parts span{width:4.75rem;height:4.75rem}.addition-bond-branches{width:min(16rem,84%);top:6.4rem}.addition-picture-row,.addition-readiness-picture{flex-wrap:wrap}.subtraction-take-board,.subtraction-left-layout,.subtraction-ten-frame-workspace,.subtraction-ready-picture{grid-template-columns:1fr}.subtraction-start-tray,.subtraction-away-tray,.subtraction-left-tray,.subtraction-away-small,.subtraction-counter-bank,.subtraction-frame-panel,.subtraction-frame-away-tray{min-height:10rem}.subtraction-whole-tray .subtraction-counter-set{gap:clamp(.25rem,2vw,.45rem);width:100%}.subtraction-source-grid,.subtraction-counter-bank>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.15rem,1vw,.35rem);width:100%}.subtraction-counter-button{min-width:0}.subtraction-ten-frame{grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.subtraction-frame-cell{min-width:0;min-height:3.75rem}.subtraction-completed-model,.subtraction-equation-workspace,.subtraction-part-whole-workspace,.subtraction-number-line-workspace,.subtraction-ready-grid,.subtraction-ready-check{max-width:100%}.subtraction-equation-token-bank,.subtraction-equation-mat{grid-template-columns:repeat(5,minmax(0,1fr))}.subtraction-equation-token,.subtraction-equation-token-space{min-width:0}.subtraction-part-whole-bank{grid-template-columns:repeat(3,minmax(0,1fr))}.subtraction-part-whole-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.subtraction-number-line{width:100%}.subtraction-ready-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subtraction-ready-card:last-child{grid-column:1/-1;justify-self:center;width:min(100%,12rem)}.spatial-piece-board{min-height:12rem;padding-inline:.25rem}.spatial-piece{width:min(8rem,38%);height:clamp(6.8rem,30vw,8rem)}.spatial-snap-zone{width:min(16rem,82%);height:clamp(7rem,31vw,8rem)}.spatial-build-board{min-height:16rem}.spatial-build-frame{width:min(16rem,82%);height:8rem}.spatial-build-piece{width:min(8rem,38%);height:7.75rem}.spatial-build-piece-left.is-placed{left:50%;transform:translate(-100%)}.spatial-build-piece-right.is-placed{right:50%;transform:translate(100%)}.spatial-model-grid{grid-template-columns:1fr}.spatial-model-card{min-height:9rem}.spatial-symbol-link{padding-inline:0}}:where(.counting-see-layout,.counting-representation-strip,.counting-word-match,.counting-transfer-check,.counting-number-line-wrap,.counting-line-controls){width:100%;min-width:0;max-width:100%}.counting-see-main{width:min(100%,28rem)}.counting-representation-strip{width:min(100%,44rem)}.counting-number-line-wrap{width:min(100%,34rem)}.counting-counter-group.is-compact{width:min(100%,13rem)}.counting-five-frame.is-preview{width:min(100%,24rem)}.counting-ready-card .counting-five-frame.is-preview{width:min(100%,11.5rem)}.counting-pattern-slot>i{max-width:100%}@media (max-width:760px){.counting-representation-strip,.counting-ready-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.counting-build-workspace,.counting-move-board{grid-template-columns:1fr}}@media (max-width:600px){.counting-representation-strip,.counting-ready-grid,.counting-check-choices.is-numerals{grid-template-columns:1fr}.counting-see-main{min-height:11rem;padding:.8rem}.counting-counter-group.is-cluster .counting-tactile-counter{width:clamp(2.65rem,16vw,3.2rem);height:clamp(2.65rem,16vw,3.2rem)}.counting-counter-group.is-compact .counting-tactile-counter{width:clamp(1.45rem,7vw,2rem);height:clamp(1.45rem,7vw,2rem)}.counting-pattern-slot{min-height:3.75rem}.counting-pattern-slot>i{width:2.5rem;height:2.5rem}.counting-pattern-slot .counting-tactile-counter{width:2.6rem;height:2.6rem}.counting-five-frame.is-building{grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem;padding:2.35rem .25rem .7rem}.counting-ready-card{min-height:10.5rem}}
.shape-position-stage{--shape-ink:#3f2a68;--shape-violet:#8b5cf6;--shape-blue:#38bdf8;box-sizing:border-box;text-align:center;background:radial-gradient(circle at 50% -20%,#fff 0 30%,#0000 65%),linear-gradient(145deg,#f5f3ff,#ecfeff);border:1px solid #ddd6fe;border-radius:clamp(1.35rem,3vw,2rem);justify-items:center;gap:.9rem;width:100%;min-width:0;max-width:100%;padding:1rem clamp(.75rem,3.5vw,1rem) 1.25rem;display:grid;box-shadow:0 18px 48px #5b21b61a,inset 0 1px #fff}.concept-catalogue-shape-position{overflow:visible}.concept-catalogue-shape-square{stroke:#92400e;stroke-width:3px}.concept-catalogue-shape-triangle{fill:#f472b6;stroke:#9d174d;stroke-width:3px;stroke-linejoin:round}.concept-catalogue-position-star{filter:drop-shadow(0 4px #92400e29);fill:#f59e0b!important;font-size:2.6rem!important}.shape-position-stage *,.shape-position-stage :before,.shape-position-stage :after{box-sizing:border-box}.shape-position-stage>*{min-width:0;max-width:100%}.shape-position-heading{justify-items:center;gap:.4rem;width:100%;display:grid}.shape-position-heading h3{color:var(--shape-ink);letter-spacing:-.025em;margin:0;font-size:clamp(1.55rem,6vw,2.35rem);font-weight:900;line-height:1.08}.shape-position-heading>p:last-child,.shape-main-prompt,.shape-feedback,.shape-support{overflow-wrap:anywhere;color:#475569;white-space:normal;width:100%;max-width:40rem;margin:0;font-size:clamp(.96rem,3.5vw,1.08rem);font-weight:650;line-height:1.5}.shape-main-prompt{color:#6d28d9;font-weight:850}.shape-support{background:#ede9febf;border-radius:.8rem;padding:.55rem .8rem;font-size:.9rem}.shape-action{color:#fff;width:min(100%,20rem);max-width:100%;min-height:3.65rem;font:inherit;white-space:normal;cursor:pointer;touch-action:manipulation;background:linear-gradient(#8b5cf6,#6d28d9);border:1px solid #fff9;border-radius:999px;padding:.8rem 1.15rem;font-weight:850;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 5px #4c1d95,0 10px 24px #6d28d933}.shape-action:hover{filter:brightness(1.05);transform:translateY(-1px)}.shape-action:active{transform:translateY(3px);box-shadow:0 2px #4c1d95}.shape-action[data-action-complete=true]{background:linear-gradient(#10b981,#059669);box-shadow:0 5px #047857,0 10px 24px #05966933}.shape-position-stage button:focus-visible{outline-offset:3px;outline:4px solid #0ea5e959}.shape-piece{filter:drop-shadow(0 8px #4c1d951f)drop-shadow(0 13px 13px #5b21b624);place-items:center;width:clamp(4rem,20vw,5.6rem);height:clamp(4rem,20vw,5.6rem);transition:transform .45s cubic-bezier(.2,.85,.25,1),filter .25s;display:grid;position:relative}.shape-piece i{background:linear-gradient(145deg, #c4b5fd, var(--shape-violet));border:3px solid #4c1d95;width:78%;height:78%;display:block;box-shadow:inset 0 2px #ffffff80}.shape-piece-circle i{background:linear-gradient(145deg,#7dd3fc,#0ea5e9);border-radius:50%}.shape-piece-square i{border-radius:.85rem}.shape-piece-rectangle i{background:linear-gradient(145deg,#fde68a,#f59e0b);border-radius:.75rem;width:92%;height:62%}.shape-piece-triangle i{filter:drop-shadow(0 -3px #9d174d);width:0;height:0;box-shadow:none;background:0 0;border:clamp(1.8rem,8.5vw,2.5rem) solid #0000;border-top:0;border-bottom:clamp(3.5rem,17vw,5rem) solid #f472b6}.shape-piece.is-small{width:clamp(3rem,15vw,4.2rem);height:clamp(3rem,15vw,4.2rem)}.shape-piece.is-small.shape-piece-triangle i{border-bottom-width:clamp(2.7rem,12vw,3.6rem);border-left-width:clamp(1.35rem,6vw,1.8rem);border-right-width:clamp(1.35rem,6vw,1.8rem)}.shape-piece.is-selected{filter:drop-shadow(0 8px #05966929)drop-shadow(0 0 13px #10b98173);transform:translateY(-4px)scale(1.04)}.shape-see-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:min(100%,25rem);display:grid}.shape-see-grid button{color:#4c1d95;min-height:9rem;font:inherit;cursor:pointer;touch-action:manipulation;background:#ffffffb8;border:2px solid #ddd6fe;border-radius:1.25rem;align-content:center;place-items:center;gap:.35rem;padding:.75rem .35rem;display:grid}.shape-see-grid button.is-selected{background:#ecfdf5d1;border-color:#34d399;box-shadow:0 0 24px #10b98129}.shape-see-grid strong{text-transform:capitalize}.shape-see-grid button>span:last-child{overflow-wrap:anywhere;color:#64748b;min-height:2.2rem;font-size:.72rem;font-weight:750;line-height:1.25}.shape-state-pill{color:#6d28d9;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:999px;align-items:center;min-height:2.1rem;padding:.4rem .8rem;font-size:.8rem;font-weight:900;display:inline-flex}.shape-state-pill.is-complete{color:#047857;background:#ecfdf5;border-color:#34d399}.shape-match-layout{gap:.8rem;width:min(100%,34rem);display:grid}.shape-match-target{color:#6d28d9;background:#f5f3ffa6;border:3px dashed #a78bfa;border-radius:1.35rem;align-content:center;place-items:center;gap:.4rem;min-height:10rem;padding:1rem;font-size:.75rem;font-weight:850;display:grid}.shape-target-triangle{filter:drop-shadow(0 -3px #8b5cf6);border-bottom:4.7rem solid #8b5cf629;border-left:2.5rem solid #0000;border-right:2.5rem solid #0000;width:0;height:0}.shape-match-layout.is-matched .shape-match-target{background:#ecfdf5ad;border-style:solid;border-color:#34d399}.shape-match-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.shape-match-options button,.shape-piece-bank button,.shape-sort-bank button{color:#4c1d95;min-height:6.5rem;font:inherit;text-transform:capitalize;cursor:pointer;touch-action:manipulation;background:#ffffffbf;border:2px solid #ddd6fe;border-radius:1rem;place-items:center;gap:.25rem;padding:.45rem .2rem;font-size:.72rem;font-weight:850;display:grid}.shape-turn-stage{background:radial-gradient(circle,#ffffffd1,#ede9fe94);border-radius:1.4rem;place-items:center;width:min(100%,20rem);min-height:14rem;padding:1rem 1rem 2.8rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ddd6fe}.shape-turn-stage>span{color:#6d28d9;background:#f5f3ffeb;border-radius:999px;padding:.3rem .65rem;font-size:.75rem;font-weight:850;position:absolute;bottom:.7rem}.shape-turn-ghost{opacity:.15;position:absolute}.shape-turn-piece{z-index:1;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.shape-control-row,.shape-position-controls{flex-wrap:wrap;justify-content:center;gap:.55rem;width:100%;display:flex}.shape-control-row button,.shape-position-controls button{color:#5b21b6;max-width:11rem;min-height:3.15rem;font:inherit;cursor:pointer;touch-action:manipulation;background:#f5f3ff;border:2px solid #c4b5fd;border-radius:999px;flex:8rem;padding:.65rem .8rem;font-weight:850}.shape-slide-mat{touch-action:none;background:linear-gradient(145deg,#fffc,#e0f2fead);border:2px solid #bae6fd;border-radius:1.4rem;width:min(100%,24rem);min-height:13rem;position:relative;box-shadow:inset 0 0 0 1px #fff}.shape-slide-ghost{border:3px dashed #8b5cf659;border-radius:.8rem;width:4.4rem;height:4.4rem;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.shape-sliding-piece{z-index:2;cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;width:5rem;height:5rem;padding:0;transition:left .8s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:50%;left:9%;transform:translateY(-50%)}.shape-slide-mat.is-moved .shape-sliding-piece{left:calc(91% - 5rem)}.shape-slide-mat.is-dragging .shape-sliding-piece{cursor:grabbing;transition-duration:80ms}.shape-slide-target{color:#0369a1;font-size:.72rem;font-weight:850;position:absolute;bottom:.65rem;right:8%}.shape-build-layout{gap:.8rem;width:min(100%,34rem);display:grid}.shape-piece-bank,.shape-sort-bank{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.shape-piece-bank button[draggable=true],.shape-sort-bank button[draggable=true]{cursor:grab}.shape-piece-bank button:disabled,.shape-sort-bank button:disabled{opacity:.48;cursor:default}.shape-house-frame{background:#ffffff9e;border:3px dashed #a78bfa;border-radius:1.4rem;width:min(100%,18rem);min-height:17rem;margin-inline:auto;position:relative}.shape-house-slot{opacity:.14;cursor:pointer;padding:0;transition:opacity .35s,transform .45s cubic-bezier(.2,.85,.25,1),filter .2s;display:block;position:absolute}.shape-house-slot:hover,.shape-house-slot:focus-visible{opacity:.35;filter:brightness(1.05)}.shape-house-slot.is-placed{opacity:1}.shape-house-roof{background:0 0;border:5rem solid #0000;border-top:0;border-bottom:5.5rem solid #f472b6;width:0;height:0;top:1.3rem;left:50%;transform:translate(-50%)}.shape-house-body{background:#a78bfa;border:3px solid #4c1d95;border-radius:.8rem;width:10rem;height:8rem;top:6.5rem;left:50%;transform:translate(-50%)}.shape-house-door{z-index:2;background:#fbbf24;border:3px solid #92400e;border-radius:.5rem .5rem 0 0;width:2.8rem;height:4.7rem;bottom:2.35rem;left:50%;transform:translate(-50%)}.shape-house-window{z-index:2;background:#7dd3fc;border:3px solid #075985;border-radius:50%;width:2.5rem;height:2.5rem;top:8rem;left:50%;transform:translate(-50%)}.shape-house-frame>span{color:#6d28d9;font-size:.72rem;font-weight:850;position:absolute;bottom:.4rem;left:50%;transform:translate(-50%)}.shape-build-layout.is-complete .shape-house-frame{border-style:solid;border-color:#34d399;box-shadow:0 0 25px #10b9812e}.shape-sort-board{gap:.8rem;width:min(100%,36rem);display:grid}.shape-sort-trays{gap:.65rem;display:grid}.shape-sort-trays>div{color:#6d28d9;background:#ffffffa6;border:3px dashed #a78bfa;border-radius:1.2rem;align-content:center;place-items:center;gap:.45rem;min-height:8rem;padding:.7rem;display:grid}.shape-sort-trays strong{text-transform:capitalize}.shape-sort-trays>div>span:not(.shape-sorted-corners){color:#64748b;font-size:.72rem;font-weight:750}.shape-sorted-corners{flex-wrap:wrap;justify-content:center;gap:.2rem;display:flex}.shape-sort-tray-content{place-items:center;min-height:4rem;display:grid}.shape-sort-trays small{color:#64748b;max-width:9rem;font-size:.7rem;font-weight:750;line-height:1.3}.shape-sort-board.is-complete .shape-sort-trays>div{background:#ecfdf5a8;border-style:solid;border-color:#34d399}.shape-position-scene{background:linear-gradient(145deg,#fffc,#e0f2fe9e);border:2px solid #bae6fd;border-radius:1.4rem;width:min(100%,20rem);min-height:15rem;position:relative}.shape-position-box{color:#6d28d9;background:#ede9fe7a;border:3px solid #6d28d9;border-radius:1rem;place-items:end center;width:8rem;height:6.5rem;padding:.35rem;font-size:.68rem;font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shape-position-star{z-index:2;color:#f59e0b;filter:drop-shadow(0 5px #92400e2b);place-items:center;width:3rem;height:3rem;font-size:3rem;line-height:1;transition:left .8s cubic-bezier(.2,.8,.2,1),top .8s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shape-position-scene.is-outside .shape-position-star{top:73%;left:82%}.shape-position-scene.is-above .shape-position-star{top:18%}.shape-position-scene.is-below .shape-position-star{top:84%}.shape-position-scene.is-beside .shape-position-star{left:82%}.shape-position-controls button.is-selected{color:#047857;background:#ecfdf5;border-color:#10b981;box-shadow:0 5px 14px #05966924}.shape-position-scene.is-readiness{min-height:13rem}@media (min-width:640px){.shape-position-stage{gap:clamp(1rem,2vw,1.4rem);padding:clamp(1.4rem,4vw,2.5rem)}.shape-see-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,44rem)}.shape-match-layout{grid-template-columns:1fr 1.4fr;align-items:stretch}.shape-build-layout{grid-template-columns:.9fr 1.2fr;align-items:center}.shape-piece-bank{grid-template-columns:repeat(2,minmax(0,1fr))}.shape-sort-board{grid-template-columns:.9fr 1.2fr;align-items:stretch}.shape-sort-trays{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:360px){.shape-match-options{grid-template-columns:1fr}.shape-match-options button{grid-template-columns:auto 1fr;min-height:4.75rem;padding-inline:.7rem}.shape-piece-bank,.shape-sort-bank{gap:.35rem}.shape-position-controls button{flex-basis:7rem}}@media (prefers-reduced-motion:reduce){.shape-position-stage *,.shape-position-stage :before,.shape-position-stage :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root[data-theme=dark] .shape-position-stage{--shape-ink:#ede9fe;background:radial-gradient(circle at 50% -20%,#35245a 0 28%,#0000 64%),linear-gradient(145deg,#211637,#102c36);border-color:#5b21b6;box-shadow:0 20px 55px #00000047,inset 0 1px #ffffff0f}:root[data-theme=dark] :where(.shape-position-heading>p:last-child,.shape-feedback,.shape-support){color:#cbd5e1}:root[data-theme=dark] .shape-main-prompt{color:#ddd6fe}:root[data-theme=dark] .shape-support{background:#4c1d9573}:root[data-theme=dark] :where(.shape-see-grid button,.shape-match-options button,.shape-piece-bank button,.shape-sort-bank button,.shape-match-target,.shape-house-frame,.shape-sort-trays>div){color:#ede9fe;background:#0f172aad;border-color:#6d28d9}:root[data-theme=dark] :where(.shape-turn-stage,.shape-slide-mat,.shape-position-scene){background:linear-gradient(145deg,#0f172ad1,#1e293bad);box-shadow:inset 0 0 0 1px #334155}:root[data-theme=dark] :where(.shape-control-row button,.shape-position-controls button,.shape-state-pill){color:#ede9fe;background:#4c1d958c;border-color:#6d28d9}:root[data-theme=dark] .shape-position-box{color:#ddd6fe;background:#4c1d9573}
.measure-compare-stage{--measure-ink:#23304d;--measure-blue:#3b82f6;--measure-orange:#f59e0b;box-sizing:border-box;width:100%;min-width:0;max-width:100%;color:var(--measure-ink);background:linear-gradient(145deg,#fffffff5,#eff6ffe6);border:1px solid #6366f129;border-radius:1.5rem;justify-items:center;gap:1rem;padding:1rem clamp(.75rem,4vw,1.25rem) 1.3rem;display:grid}.concept-catalogue-measure .concept-catalogue-measure-ribbon{stroke:#334155;stroke-width:3px}.measure-compare-stage *,.measure-compare-stage :before,.measure-compare-stage :after{box-sizing:border-box}.measure-compare-stage>*{width:100%;min-width:0;max-width:100%}.measure-compare-heading{text-align:center}.measure-compare-heading h3{margin:.15rem 0;font-size:clamp(1.35rem,7vw,2rem)}.measure-compare-heading p,.measure-main-prompt,.measure-feedback,.measure-support{text-align:center;overflow-wrap:anywhere;margin:.25rem 0}.measure-main-prompt{font-weight:850}.measure-support{color:#53627b}.measure-object-pair,.measure-ribbon-pair,.measure-comparison-tray,.measure-lineup-tray,.measure-ready-ribbons,.measure-tower-tray,.measure-balance,.measure-cup-grid,.measure-scene-grid{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.measure-object-pair{background:#e0e7ffb3;border-radius:1.3rem;flex-wrap:wrap;justify-content:center;align-items:end;gap:clamp(1rem,7vw,2.75rem);width:min(100%,30rem);padding:clamp(1rem,5vw,1.75rem);display:flex;box-shadow:inset 0 0 0 1px #4f46e51f}.measure-object-pair button{min-width:min(100%,7rem);color:inherit;background:#ffffffbd;border:2px solid #0000;border-radius:1rem;justify-items:center;gap:.65rem;padding:.75rem;display:grid}.measure-object-pair button.is-selected{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.measure-tactile-box{width:var(--box-size);height:var(--box-size);background:linear-gradient(145deg,#93c5fd,#6366f1);border:3px solid #1e40af6b;border-radius:clamp(.8rem,4vw,1.25rem);display:block;box-shadow:0 .45rem .75rem #1e40af38,inset 0 .3rem #ffffff52}.measure-tactile-box.is-bigger{--box-size:clamp(5.75rem, 28vw, 8.5rem)}.measure-tactile-box.is-smaller{--box-size:clamp(3.75rem, 18vw, 5.25rem)}.measure-tactile-box i{background:#ffffff61;border-radius:999px;width:62%;height:16%;margin:18% auto 0;display:block}.measure-ribbon-pair,.measure-comparison-tray{background:#e0e7ffb3;border-radius:1.3rem;gap:.8rem;width:min(100%,33rem);padding:clamp(1rem,4vw,1.5rem);display:grid;box-shadow:inset 0 0 0 1px #4f46e51f}.measure-ribbon-item{width:100%;min-width:0;max-width:100%;color:inherit;text-align:left;background:#ffffffbd;border:2px solid #0000;border-radius:1rem;justify-items:start;gap:.4rem;padding:.55rem;display:grid}button.measure-ribbon-item{cursor:pointer}.measure-ribbon-item.is-selected{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.measure-ribbon{width:min(100%, var(--ribbon-width));background:linear-gradient(#7dd3fc,#3b82f6);border:3px solid #1e40af61;border-radius:999px;max-width:100%;height:clamp(1.6rem,7vw,2.2rem);display:block;box-shadow:0 .3rem .6rem #1e40af33}.measure-ribbon i{background:#ffffff73;border-radius:999px;width:82%;height:.28rem;margin:.35rem auto 0;display:block}.measure-ribbon.is-longer{--ribbon-width:clamp(12rem, 76%, 27rem)}.measure-ribbon.is-shorter{--ribbon-width:clamp(7.5rem, 48%, 16rem);background:linear-gradient(#fdba74, var(--measure-orange));border-color:#b4530961}.measure-state-pill{color:#3730a3;text-align:center;background:#eef2ff;border-radius:999px;width:auto;padding:.55rem 1rem;font-weight:850}.measure-control-row,.measure-word-chips{flex-wrap:wrap;justify-content:center;gap:.65rem;width:min(100%,34rem);display:flex}.measure-control-row button,.measure-word-chips button,.measure-action{color:#312e81;white-space:normal;background:#fff;border:1px solid #818cf8;border-radius:.9rem;flex:12rem;width:min(100%,20rem);max-width:100%;min-height:3rem;padding:.7rem 1rem;font-weight:850}.measure-control-row button:disabled{opacity:.62}.measure-tower-tray{background:#e0e7ffb3;border-radius:1.3rem;justify-content:center;align-items:end;gap:clamp(1.4rem,10vw,4rem);width:min(100%,28rem);min-height:clamp(14rem,58vw,21rem);padding:2rem clamp(1rem,5vw,2rem) 1rem;display:flex;position:relative}.measure-tower-tray:after{content:"";background:#47556959;height:2px;position:absolute;bottom:3.15rem;left:1rem;right:1rem}.measure-tower-tray button{z-index:1;min-width:0;color:inherit;background:0 0;border:2px solid #0000;border-radius:1rem;align-content:end;justify-items:center;gap:.6rem;padding:.5rem;display:grid}.measure-tower-tray button[aria-pressed=true]{background:#fff;border-color:#6366f1}.measure-tower{flex-direction:column-reverse;display:flex}.measure-tower i{background:linear-gradient(145deg,#c4b5fd,#8b5cf6);border:2px solid #5b21b640;border-radius:.55rem;width:clamp(3.1rem,15vw,4.5rem);height:clamp(2rem,9vw,2.7rem);margin-top:.12rem;box-shadow:inset 0 .2rem #ffffff59}.measure-tower.is-shorter i{background:linear-gradient(145deg,#fde68a,#f59e0b)}.measure-lineup-tray,.measure-ready-ribbons{background:#e0e7ffb3;border-radius:1.3rem;gap:1rem;width:min(100%,35rem);padding:2.2rem 1rem 1.2rem clamp(3.5rem,16vw,5.25rem);display:grid;position:relative}.measure-lineup-tray button{text-align:left;background:#ffffffa6;border:0;border-radius:.8rem;width:100%;max-width:100%;padding:.35rem;transition:transform .45s;transform:translate(clamp(.8rem,8vw,3rem))}.measure-lineup-tray button:nth-of-type(2){transform:translate(clamp(1.4rem,14vw,5rem))}.measure-lineup-tray button.is-aligned{transform:translate(0)}.measure-start-line{background:#4338ca;border-radius:3px;width:3px;position:absolute;inset:1.9rem auto .8rem clamp(2.5rem,12vw,4rem)}.measure-start-line b{color:#3730a3;background:#eef2ff;border-radius:999px;width:max-content;padding:.15rem .45rem;font-size:.72rem;line-height:1.25;position:absolute;bottom:calc(100% + .35rem);left:0;transform:translate(-40%)}.measure-balance{background:#e0e7ffb3;border-radius:1.3rem;width:min(100%,31rem);height:clamp(16rem,66vw,21rem);position:relative}.measure-balance-stand{background:#64748b;border-radius:999px 999px .4rem .4rem;width:clamp(1rem,5vw,1.5rem);height:55%;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%)}.measure-balance-stand:after{content:"";background:#475569;border-radius:999px;width:clamp(7rem,30vw,10rem);height:1rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.measure-balance-beam{z-index:2;transform-origin:50%;background:#475569;border-radius:999px;width:min(78%,24rem);height:.65rem;transition:transform .45s;position:absolute;top:30%;left:50%;transform:translate(-50%)rotate(0)}.measure-balance.is-heavy-placed .measure-balance-beam{transform:translate(-50%)rotate(-7deg)}.measure-pan{z-index:3;text-align:center;border-bottom:.6rem solid #94a3b8;border-radius:0 0 50% 50%;place-items:center;width:clamp(6.3rem,29vw,9rem);height:clamp(5.7rem,25vw,7.5rem);padding-top:1rem;transition:transform .45s;display:grid;position:absolute;top:31%}.measure-pan:before{content:"";background:#64748b;width:1px;height:3rem;position:absolute;top:-2.8rem;left:50%;box-shadow:-2.5rem 1.1rem #64748b,2.5rem 1.1rem #64748b}.measure-pan.is-heavy{left:clamp(.6rem,5vw,2rem)}.measure-pan.is-light{right:clamp(.6rem,5vw,2rem)}.measure-balance.is-heavy-placed .measure-pan.is-heavy{transform:translateY(1.3rem)}.measure-balance.is-heavy-placed .measure-pan.is-light{transform:translateY(-.9rem)}.measure-heavy-block,.measure-light-ball{background:#8b5cf6;border-radius:.55rem;width:clamp(2.5rem,12vw,3.5rem);height:clamp(2.5rem,12vw,3.5rem);display:block;box-shadow:inset 0 .25rem #ffffff4d}.measure-light-ball{background:#fbbf24;border-radius:50%;width:clamp(1.8rem,9vw,2.5rem);height:clamp(1.8rem,9vw,2.5rem)}.measure-cup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.55rem,3vw,1rem);width:min(100%,35rem);display:grid}.measure-cup-grid button{min-width:0;min-height:10.5rem;color:inherit;background:#e0e7ffb3;border:2px solid #0000;border-radius:1.2rem;justify-items:center;gap:.6rem;padding:1rem .35rem;display:grid}.measure-cup-grid button.is-selected{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.measure-cup{background:#ffffffbf;border:.3rem solid #64748b;border-top-width:.15rem;border-radius:.45rem .45rem 1.1rem 1.1rem;width:clamp(3.5rem,17vw,5.5rem);height:clamp(5.2rem,24vw,7.5rem);display:block;position:relative}.measure-cup i{height:var(--fill,0%);background:linear-gradient(#7dd3fc,#38bdf8);border-radius:.2rem .2rem .75rem .75rem;position:absolute;bottom:.2rem;left:.2rem;right:.2rem}.measure-cup.is-partly-full i{--fill:48%}.measure-cup.is-full i{--fill:86%}.measure-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:min(100%,36rem);display:grid}.measure-scene-grid button{min-width:0;min-height:9rem;color:inherit;background:#e0e7ffb3;border:2px solid #0000;border-radius:1.1rem;justify-items:center;gap:.45rem;padding:.8rem .4rem;display:grid}.measure-scene-grid button.is-selected{background:#fff;border-color:#6366f1}.measure-scene-grid em{color:#4f46e5;font-style:normal;font-weight:850}.measure-scene-icon{width:clamp(5.5rem,30vw,9rem);height:3.8rem;display:block;position:relative}.measure-scene-icon i{background:#60a5fa;border-radius:.45rem;display:block;position:absolute}.measure-scene-icon.is-longer i:first-child{width:90%;height:.8rem;top:.4rem;left:5%}.measure-scene-icon.is-longer i:nth-child(2){width:58%;height:.8rem;top:2rem;left:5%}.measure-scene-icon.is-taller i:first-child{width:1.8rem;height:3.7rem;bottom:0;right:56%}.measure-scene-icon.is-taller i:nth-child(2){background:#f59e0b;width:1.8rem;height:2.3rem;bottom:0;right:19%}.measure-scene-icon.is-heavier{border-bottom:.35rem solid #64748b}.measure-scene-icon.is-heavier:before{content:"";background:#64748b;width:.4rem;height:3.5rem;position:absolute;bottom:0;left:50%}.measure-scene-icon.is-heavier i:first-child{background:#8b5cf6;width:2.5rem;height:2rem;bottom:.2rem;left:10%}.measure-scene-icon.is-heavier i:nth-child(2){background:#f59e0b;border-radius:50%;width:1.5rem;height:1.5rem;bottom:.2rem;right:15%}.measure-scene-icon.is-full i{background:#fff;border:.18rem solid #64748b;border-radius:.2rem .2rem .6rem .6rem;width:1.8rem;height:3.2rem;bottom:0}.measure-scene-icon.is-full i:after{content:"";height:var(--scene-fill);background:#38bdf8;border-radius:0 0 .38rem .38rem;position:absolute;bottom:0;left:0;right:0}.measure-scene-icon.is-full i:first-child{--scene-fill:0%;left:10%}.measure-scene-icon.is-full i:nth-child(2){--scene-fill:48%;left:40%}.measure-scene-icon.is-full i:nth-child(3){--scene-fill:88%;left:70%}.measure-word-chips button{border-radius:999px;flex:0 auto;width:auto;min-height:2.75rem}.measure-word-chips button.is-selected{color:#fff;background:#4f46e5}.measure-ready-ribbons .measure-ribbon-item{background:0 0;padding:.35rem}.measure-ready-ribbons .measure-ribbon-item:first-of-type .measure-ribbon{background:linear-gradient(#7dd3fc,#3b82f6)}.measure-ready-ribbons .measure-ribbon-item:last-of-type .measure-ribbon{background:linear-gradient(#fdba74,#f59e0b);border-color:#b4530961}.measure-compare-stage button:focus-visible{outline-offset:3px;outline:3px solid #1d4ed8}@media (min-width:640px){.measure-compare-stage{padding:1.5rem 2rem}}@media (max-width:420px){.measure-control-row{grid-template-columns:1fr;display:grid}.measure-control-row button{width:100%}.measure-cup-grid{grid-template-columns:1fr;width:min(100%,15rem)}.measure-cup-grid button{min-height:9rem}}@media (prefers-reduced-motion:reduce){.measure-compare-stage *,.measure-compare-stage :before,.measure-compare-stage :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-theme=dark] .measure-compare-stage{--measure-ink:#eef2ff;background:linear-gradient(145deg,#172033,#111827);border-color:#a5b4fc40}:root[data-theme=dark] .measure-compare-stage :where(.measure-ribbon-pair,.measure-comparison-tray,.measure-lineup-tray,.measure-ready-ribbons,.measure-tower-tray,.measure-balance,.measure-cup-grid button,.measure-scene-grid button){background-color:#1e293be6}:root[data-theme=dark] .measure-support{color:#cbd5e1}:root[data-theme=dark] .measure-ribbon-item,:root[data-theme=dark] .measure-control-row button,:root[data-theme=dark] .measure-action,:root[data-theme=dark] .measure-scene-grid button.is-selected{color:#eef2ff;background:#263449}:root[data-theme=dark] .measure-state-pill,:root[data-theme=dark] .measure-start-line b{color:#eef2ff;background:#312e81}:root[data-theme=dark] .measure-object-pair{background-color:#1e293be6}:root[data-theme=dark] .measure-object-pair button{color:#eef2ff;background:#263449}
.patterns-stage{--pattern-ink:#26324b;box-sizing:border-box;width:100%;min-width:0;max-width:100%;color:var(--pattern-ink);background:linear-gradient(145deg,#fffffff7,#ecfdf5e6);border:1px solid #10b98133;border-radius:1.5rem;justify-items:center;gap:1rem;padding:1rem clamp(.75rem,4vw,1.25rem) 1.3rem;display:grid}.concept-catalogue-patterns .concept-catalogue-pattern-square{stroke:#92400e;stroke-width:3px}.patterns-stage *,.patterns-stage :before,.patterns-stage :after{box-sizing:border-box}.patterns-stage>*{width:100%;min-width:0;max-width:100%}.patterns-heading,.patterns-main-prompt,.patterns-feedback,.patterns-support{text-align:center;overflow-wrap:anywhere;margin:.25rem 0}.patterns-heading h3{margin:.15rem 0;font-size:clamp(1.35rem,7vw,2rem)}.patterns-heading p{margin:.2rem 0}.patterns-main-prompt{font-weight:850}.patterns-support{color:#526277}.pattern-tile{background:linear-gradient(145deg,#a7f3d0,#34d399);border:3px solid #065f46;flex:none;place-items:center;width:clamp(3.2rem,16vw,4.7rem);height:clamp(3.2rem,16vw,4.7rem);display:grid;box-shadow:0 .3rem .6rem #065f462e,inset 0 .25rem #ffffff59}.pattern-tile.is-circle{border-radius:50%}.pattern-tile.is-square{background:linear-gradient(145deg,#fde68a,#fbbf24);border-color:#92400e;border-radius:.8rem}.pattern-tile.is-triangle{clip-path:polygon(50% 5%,96% 92%,4% 92%);background:#f472b6;border:0;box-shadow:0 .3rem .6rem #9d174d33}.pattern-tile.is-small{width:clamp(2.6rem,12vw,3.4rem);height:clamp(2.6rem,12vw,3.4rem)}.pattern-row,.pattern-look-row,.pattern-slot-row{background:#d1fae5a6;border-radius:1.25rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.45rem,2.5vw,.8rem);width:min(100%,38rem);padding:clamp(.85rem,4vw,1.25rem);display:flex;box-shadow:inset 0 0 0 1px #05966924}.pattern-look-row button{min-width:0;color:inherit;background:#ffffffc2;border:2px solid #0000;border-radius:1rem;justify-items:center;gap:.5rem;padding:.65rem .4rem;display:grid}.pattern-look-row button.is-matching{border-color:#10b981;box-shadow:0 0 0 4px #10b9811f}.patterns-state-pill{color:#065f46;text-align:center;background:#d1fae5;border-radius:999px;width:auto;max-width:100%;padding:.55rem 1rem;font-weight:850}.pattern-repeat-groups{flex-wrap:wrap;justify-content:center;gap:.75rem;width:min(100%,40rem);display:flex}.pattern-repeat-groups button{min-width:min(100%,10rem);color:inherit;background:#d1fae5a6;border:2px solid #0000;border-radius:1.15rem;gap:.65rem;padding:.85rem;display:grid}.pattern-repeat-groups button>span{justify-content:center;gap:.45rem;display:flex}.pattern-repeat-groups button.is-selected{background:#fff;border-color:#059669;box-shadow:0 0 0 4px #10b9811f}.pattern-copy-board,.pattern-choice-board,.pattern-missing-board,.pattern-make-board,.pattern-readiness{background:#d1fae5a6;border-radius:1.3rem;gap:1rem;width:min(100%,40rem);padding:clamp(.9rem,4vw,1.4rem);display:grid}.pattern-copy-board>div{justify-items:center;gap:.55rem;display:grid}.pattern-copy-board .pattern-row,.pattern-copy-board .pattern-slot-row,.pattern-choice-board .pattern-row,.pattern-missing-board .pattern-row,.pattern-make-board .pattern-slot-row,.pattern-readiness .pattern-row{background:#ffffffa8;padding:.65rem}.pattern-slot{color:#475569;background:#ffffffd1;border:2px dashed #64748b;border-radius:.8rem;flex:none;place-items:center;width:clamp(3rem,15vw,4.25rem);height:clamp(3rem,15vw,4.25rem);font-weight:900;display:grid}.pattern-slot.is-missing{color:#6d28d9;border-color:#7c3aed;font-size:1.5rem}.pattern-slot.is-ready{box-shadow:0 0 0 4px #7c3aed24}.pattern-slot.is-filled{border-style:solid;border-color:#10b981}.pattern-slot .pattern-tile{width:82%;height:82%}.pattern-piece-buttons{flex-wrap:wrap;justify-content:center;gap:.65rem;width:min(100%,32rem);display:flex}.pattern-piece-buttons button{color:#065f46;background:#fff;border:1px solid #34d399;border-radius:.9rem;flex:8rem;justify-content:center;align-items:center;gap:.55rem;width:auto;max-width:100%;min-height:3.4rem;padding:.55rem .75rem;font-weight:850;display:flex}.pattern-piece-buttons .pattern-tile{border-width:2px;width:2.2rem;height:2.2rem}.patterns-action{color:#065f46;background:#fff;border:1px solid #34d399;border-radius:.9rem;width:min(100%,20rem);max-width:100%;min-height:3rem;padding:.7rem 1rem;font-weight:850}.pattern-slot-row.is-six{grid-template-columns:repeat(3,minmax(0,auto));display:grid}.pattern-slot-row.is-six .pattern-slot{min-width:0}.pattern-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:min(100%,38rem);display:grid}.pattern-scene-grid button{min-width:0;min-height:10rem;color:inherit;background:#d1fae5a6;border:2px solid #0000;border-radius:1.1rem;justify-items:center;gap:.45rem;padding:.8rem .45rem;display:grid}.pattern-scene-grid button.is-selected{background:#fff;border-color:#10b981}.pattern-scene-grid em{color:#047857;font-style:normal;font-weight:850}.pattern-scene{background:linear-gradient(145deg,#ffffffe0,#f1f5f9bf);border:1px solid #94a3b847;border-radius:1rem;justify-content:center;align-items:center;width:min(100%,13rem);height:clamp(6rem,25vw,7.5rem);padding:.65rem;display:flex;position:relative;box-shadow:inset 0 .2rem #ffffff8c,0 .3rem .65rem #0f172a14}.pattern-bead-string{justify-content:center;align-items:center;gap:.35rem;width:100%;display:flex;position:relative}.pattern-bead-string:before{content:"";background:#64748b;border-radius:999px;height:.18rem;position:absolute;left:.45rem;right:.45rem;box-shadow:0 .12rem .2rem #0f172a38}.pattern-bead-string i{z-index:1;background:linear-gradient(145deg,#a7f3d0,#34d399);border:3px solid #065f46;border-radius:50%;width:clamp(2rem,9vw,2.65rem);height:clamp(2rem,9vw,2.65rem);display:block;position:relative;box-shadow:inset 0 .25rem #fff6,0 .2rem .35rem #0f172a29}.pattern-bead-string i.is-square{background:linear-gradient(145deg,#fde68a,#fbbf24);border-color:#92400e;border-radius:.55rem}.pattern-scene.is-scarf{gap:0}.pattern-scarf-fabric{background:#fff7d6;border:3px solid #475569;border-radius:.8rem;width:min(76%,9rem);height:3.9rem;display:flex;transform:rotate(-3deg);box-shadow:inset 0 .25rem #ffffff73,0 .25rem .45rem #0f172a24}.pattern-scarf-fabric i,.pattern-scarf-fabric b{background:#34d399;border-radius:.25rem;flex:1;display:block}.pattern-scarf-fabric b{background:#fbbf24}.pattern-scarf-fringe{color:#475569;letter-spacing:-.15rem;font-size:.9rem;transform:rotate(90deg)}.pattern-scarf-fringe.is-left{margin-right:-.3rem}.pattern-scarf-fringe.is-right{margin-left:-.3rem}.pattern-scene.is-steps{justify-content:space-around;padding-inline:.9rem}.pattern-path{border-bottom:.35rem dashed #94a3b8;border-radius:0 0 50% 50%;height:3.2rem;position:absolute;left:.8rem;right:.8rem;transform:rotate(-5deg)}.pattern-scene.is-steps i{z-index:1;width:clamp(1.65rem,8vw,2.2rem);height:clamp(1.3rem,6vw,1.75rem);transform:translateY(var(--stone-y));background:linear-gradient(145deg,#d1fae5,#6ee7b7);border:3px solid #4b5563;border-radius:50%;display:block;position:relative;box-shadow:inset 0 .2rem #ffffff73,0 .25rem .35rem #0f172a2e}.pattern-scene.is-steps i.is-square{--stone-y:-.65rem;background:linear-gradient(145deg,#fde68a,#fbbf24);border-color:#92400e;border-radius:.55rem}.pattern-scene.is-steps i.is-round{--stone-y:.6rem}.pattern-scene.is-claps{gap:.3rem;padding-inline:.45rem}.pattern-scene.is-claps i{background:linear-gradient(145deg,#ecfdf5,#a7f3d0);border:2px solid #047857;border-radius:.8rem;flex:1 1 0;align-content:center;justify-items:center;gap:.1rem;min-width:0;height:4.8rem;font-style:normal;display:grid;box-shadow:inset 0 .2rem #ffffff8c,0 .2rem .35rem #0f172a1f}.pattern-scene.is-claps i:nth-child(2n){background:linear-gradient(145deg,#fffbeb,#fde68a);border-color:#92400e}.pattern-scene.is-claps b{font-size:clamp(1.2rem,6vw,1.65rem);line-height:1}.pattern-scene.is-claps small{color:#334155;text-transform:uppercase;font-size:.65rem;font-weight:900}.pattern-scene-grid button.is-selected .pattern-scene{border-color:#10b981;box-shadow:0 0 0 4px #10b9811f,0 .45rem .85rem #0596692e}.pattern-scene-grid button.is-selected .pattern-scene :where(.pattern-bead-string i,.pattern-scarf-fabric i,.pattern-scarf-fabric b,.pattern-scene.is-steps i,.pattern-scene.is-claps i){filter:saturate(1.12)drop-shadow(0 0 .25rem #10b98161)}.patterns-stage button:focus-visible{outline-offset:3px;outline:3px solid #047857}@media (min-width:640px){.patterns-stage{padding:1.5rem 2rem}.pattern-slot-row.is-six{grid-template-columns:repeat(6,minmax(0,auto))}}@media (max-width:390px){.pattern-look-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pattern-scene-grid{grid-template-columns:1fr;width:min(100%,18rem)}.pattern-piece-buttons{grid-template-columns:1fr;display:grid}.pattern-piece-buttons button{width:100%}}@media (prefers-reduced-motion:reduce){.patterns-stage *,.patterns-stage :before,.patterns-stage :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-theme=dark] .patterns-stage{--pattern-ink:#ecfdf5;background:linear-gradient(145deg,#172033,#111827);border-color:#34d39947}:root[data-theme=dark] .patterns-support{color:#cbd5e1}:root[data-theme=dark] .patterns-stage :where(.pattern-row,.pattern-look-row,.pattern-repeat-groups button,.pattern-copy-board,.pattern-choice-board,.pattern-missing-board,.pattern-make-board,.pattern-readiness,.pattern-scene-grid button){background-color:#1e293beb}:root[data-theme=dark] .patterns-stage :where(.pattern-look-row button,.pattern-repeat-groups button.is-selected,.pattern-slot,.pattern-piece-buttons button,.patterns-action,.pattern-scene-grid button.is-selected){color:#ecfdf5;background:#263449}:root[data-theme=dark] .patterns-state-pill{color:#ecfdf5;background:#064e3b}:root[data-theme=dark] .pattern-scene-grid em{color:#6ee7b7}:root[data-theme=dark] .pattern-scene{background:linear-gradient(145deg,#334155,#1e293b);border-color:#94a3b859}:root[data-theme=dark] .pattern-scene.is-claps small{color:#334155}