.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-notice-workspace{background:#ffffffad;border:1px solid #ddd6fe;border-radius:1.35rem;gap:.85rem;width:min(100%,46rem);padding:clamp(.75rem,3vw,1.15rem);display:grid;box-shadow:inset 0 0 0 1px #ffffffb8}.shape-notice-shapes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.shape-notice-choice{color:#4c1d95;min-width:0;min-height:clamp(8.5rem,34vw,10rem);font:inherit;text-transform:capitalize;touch-action:manipulation;background:#fff;border:2px solid #c4b5fd;border-radius:1.15rem;align-content:center;place-items:center;gap:.28rem;padding:.7rem .35rem;font-weight:850;display:grid}.shape-notice-choice>span:last-child{color:#526078;text-transform:none;font-size:.72rem}.shape-notice-choice.is-noticed{border-style:solid;box-shadow:inset 0 -.28rem #8b5cf61a}.shape-notice-choice.is-selected{background:#ecfdf5;border-color:#047857;box-shadow:0 0 0 3px #10b98129}.shape-property-cue{color:#4c1d95;background:#f5f3ff;border:2px solid #c4b5fd;border-radius:1rem;place-items:center;min-height:5rem;padding:.75rem 1rem;display:grid}.shape-property-cue.has-shape{text-align:left;grid-template-columns:auto minmax(0,1fr);gap:.75rem}.shape-property-cue p{color:#3f2a68;margin:0;font-weight:800;line-height:1.4}.shape-property-sort{background:#ffffffad;border:1px solid #ddd6fe;border-radius:1.35rem;gap:.85rem;width:min(100%,46rem);padding:clamp(.75rem,3vw,1.15rem);display:grid}.shape-property-bank,.shape-build-bank{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;min-height:7rem;display:grid}.shape-property-bank-piece,.shape-build-bank-piece{color:#4c1d95;min-width:0;min-height:6.6rem;font:inherit;text-transform:capitalize;touch-action:manipulation;background:#fff;border:2px solid #c4b5fd;border-radius:1rem;align-content:center;place-items:center;gap:.2rem;padding:.35rem;font-size:.75rem;font-weight:850;display:grid}.shape-property-bank-piece.is-selected,.shape-build-bank-piece.is-selected,.shape-sorted-piece.is-selected{background:#eef2ff;border-color:#4338ca;box-shadow:0 0 0 3px #6366f129}.shape-build-bank-piece{min-height:8rem;padding:.5rem}.shape-build-source-card{grid-template-rows:5.15rem minmax(1.25rem,auto);align-content:center;gap:.3rem}.shape-build-source-preview{place-items:center;width:100%;height:5.15rem;display:grid}.shape-build-source-preview .shape-piece{width:4.25rem;height:4.25rem}.shape-build-source-preview :where(.shape-piece-circle,.shape-piece-square) i{width:72%;height:72%}.shape-build-source-preview .shape-piece-triangle i{border-bottom-width:3.15rem;border-left-width:1.55rem;border-right-width:1.55rem}.shape-build-source-preview .shape-piece-rectangle i{transform:rotate(90deg)}.shape-build-source-label{white-space:nowrap;min-width:0;line-height:1.2}.shape-build-bank-piece.is-placed{color:#166534;background:linear-gradient(145deg,#f0fdf4,#ecfeff);border-color:#86efac;grid-template-rows:auto auto auto}.shape-build-bank-piece.is-placed small{color:#475569;text-transform:none;font-size:.68rem;font-weight:750}.shape-build-placed-mark{background:#dcfce7;border:2px solid #15803d;border-radius:50%;place-items:center;width:1.55rem;height:1.55rem;display:grid}.shape-build-placed-mark:before{content:"✓";color:#166534;font-size:.92rem;font-weight:950;line-height:1}.shape-property-bank-space,.shape-build-bank-space{background:#f8fafcb8;border:1px solid #e2e8f0;border-radius:1rem;min-height:6.6rem}.shape-property-trays{gap:.65rem;display:grid}.shape-property-tray{color:#4c1d95;background:#f8fafc;border:2px solid #c4b5fd;border-radius:1.1rem;align-content:start;gap:.55rem;min-width:0;min-height:9.5rem;padding:.7rem;display:grid}.shape-property-tray>strong{text-align:center;background:#ede9fe;border-radius:999px;min-height:2rem;padding:.28rem .55rem}.shape-property-tray>div{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.shape-property-tray.is-ready{background:#eef2ff;border-style:dashed;border-color:#4338ca}.shape-property-tray.is-try{background:#fffbeb;border:3px double #b45309}.shape-sorted-piece{color:#334155;min-width:5.5rem;min-height:6rem;font:inherit;touch-action:manipulation;background:#fff;border:2px solid #94a3b8;border-radius:.85rem;place-items:center;gap:.15rem;padding:.25rem;font-size:.68rem;font-weight:850;display:grid}.shape-sorted-piece.is-correct{border-color:#15803d;box-shadow:inset 0 -.25rem #dcfce7}.shape-sorted-piece.is-try{border-style:double;border-color:#b45309;box-shadow:inset 0 -.25rem #fef3c7}.shape-feedback.is-success{color:#166534;border-color:#34d399}.shape-feedback.is-try{color:#92400e}.shape-movement-mat{touch-action:none;background:linear-gradient(145deg,#fff,#ecfeff);border:2px solid #bae6fd;border-radius:1.35rem;width:min(100%,36rem);min-height:clamp(13rem,48vw,16rem);position:relative;box-shadow:inset 0 0 0 1px #fff}.shape-movement-position{color:#075985;background:#eff6ff85;border:1px solid #dbeafe;border-radius:1rem;width:calc(33.333% - .55rem);padding:0;position:absolute;top:.55rem;bottom:.55rem}.shape-movement-position.is-left{left:.45rem}.shape-movement-position.is-centre{left:33.333%}.shape-movement-position.is-right{right:.45rem}.shape-movement-position span{font-size:.7rem;font-weight:850;position:absolute;bottom:.25rem;left:.25rem;right:.25rem}.shape-movement-position.is-ready{background:#eef2ff;border-style:dashed;border-color:#6366f1}.shape-movement-start{z-index:1;width:4.8rem;height:4.8rem;position:absolute;top:50%;left:16.666%;transform:translate(-50%,-50%)}.shape-movement-start i{clip-path:polygon(50% 4%,97% 94%,3% 94%);background:repeating-linear-gradient(135deg,#f8fafc 0 6px,#e2e8f0 6px 10px);border:3px solid #94a3b8;position:absolute;inset:.35rem}.shape-moving-triangle{z-index:3;cursor:grab;touch-action:none;background:0 0;border:2px solid #0000;border-radius:1.1rem;place-items:center;width:6.3rem;height:6.3rem;padding:0;transition:left .38s cubic-bezier(.2,.8,.2,1),border-color .18s,box-shadow .18s;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.shape-moving-triangle.is-left{left:16.666%}.shape-moving-triangle.is-centre{left:50%}.shape-moving-triangle.is-right{left:83.333%}.shape-moving-triangle.is-selected{border-color:#4338ca;box-shadow:0 0 0 3px #6366f12e}.shape-moving-triangle .shape-piece{transform:rotate(calc(var(--shape-quarter-turn) * 90deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.shape-movement-mat.is-dragging .shape-moving-triangle{cursor:grabbing;transition-duration:50ms}.shape-build-phase-one{background:#ffffffad;border:1px solid #ddd6fe;border-radius:1.35rem;gap:.85rem;width:min(100%,42rem);padding:clamp(.75rem,3vw,1.15rem);display:grid}.shape-house-builder{background:linear-gradient(#e0f2fe 0 39%,#dcfce7 39% 100%);border:2px solid #c4b5fd;border-radius:1.3rem;width:min(100%,20rem);min-height:20.5rem;margin-inline:auto;position:relative;box-shadow:inset 0 0 0 1px #fff}.shape-build-target{z-index:1;color:#4c1d95;font:inherit;touch-action:manipulation;background:0 0;border:2px solid #0000;border-radius:1rem;place-items:center;padding:.15rem;display:grid;position:absolute}.shape-build-target.is-roof{z-index:2;width:11rem;height:5.7rem;top:1.6rem;left:50%;transform:translate(-50%)}.shape-build-target.is-body{width:10.25rem;height:10.25rem;top:6rem;left:50%;transform:translate(-50%)}.shape-build-target.is-door{z-index:3;width:3.6rem;height:5.2rem;bottom:4.65rem;left:61%;transform:translate(-50%)}.shape-build-target.is-window{z-index:3;width:3.8rem;height:3.8rem;top:8.25rem;left:40%;transform:translate(-50%)}.shape-build-target.is-ready{background:#eef2ffa3;border-color:#4338ca;box-shadow:0 0 0 3px #6366f129}.shape-build-target.is-correct{background:0 0;border-color:#0000}.shape-build-target.is-try{background:#fffbeb;border:3px double #b45309}.shape-build-silhouette{background:#ffffff7a;border:2px solid #94a3b8;border-radius:.85rem;width:82%;height:82%;display:block;box-shadow:inset 0 1px #ffffffb3}.shape-build-target.is-roof .shape-build-silhouette{clip-path:polygon(50% 3%,98% 97%,2% 97%);background:#f9a8d4;border:0;border-radius:0;width:88%;height:88%;box-shadow:inset 0 -3px #9d174d4d}.shape-build-target.is-body .shape-build-silhouette{background:#ddd6fe}.shape-build-target.is-door .shape-build-silhouette{background:#fde68a;width:68%;height:88%}.shape-build-target.is-window .shape-build-silhouette{background:#bae6fd;border-radius:50%;width:84%;height:84%}.shape-build-target.is-filled .shape-build-silhouette{display:none}.shape-build-target.is-correct.is-roof .shape-piece{width:10rem;height:5.4rem}.shape-build-target.is-correct.is-roof .shape-piece-triangle i{filter:drop-shadow(0 -3px #6b1648)drop-shadow(3px 2px #6b1648)drop-shadow(-3px 2px #6b1648);border-bottom-width:5.1rem;border-left-width:4.65rem;border-right-width:4.65rem}.shape-build-target.is-correct.is-body .shape-piece{width:9rem;height:9rem}.shape-build-target.is-correct.is-body .shape-piece-square i{border-radius:1rem;width:92%;height:92%}.shape-build-target.is-correct.is-door .shape-piece{width:3.4rem;height:4.9rem}.shape-build-target.is-correct.is-door .shape-piece-rectangle i{border:4px solid #3f1d65;width:2.15rem;height:4.15rem;transform:none}.shape-build-target.is-correct.is-window .shape-piece{width:3.55rem;height:3.55rem}.shape-build-target.is-correct.is-window .shape-piece-circle i{width:88%;height:88%}.shape-build-phase-one.is-complete .shape-house-builder{border-color:#34d399;box-shadow:0 0 1.3rem #10b9812e,inset 0 0 0 1px #fff}.shape-position-word-workspace,.shape-position-task-workspace,.shape-language-workspace,.shape-readiness-check{background:#ffffffb8;border:1px solid #ddd6fe;border-radius:1.35rem;gap:.85rem;width:min(100%,44rem);padding:clamp(.75rem,3vw,1.15rem);display:grid;box-shadow:inset 0 0 0 1px #ffffffb8}.shape-position-word-scene{background:linear-gradient(145deg,#fff,#ecfeff);border:2px solid #bae6fd;border-radius:1.35rem;width:min(100%,22rem);min-height:16rem;margin-inline:auto;position:relative}.shape-position-word-box{background:#ede9fe;border:4px solid #6d28d9;border-radius:1rem;width:8.5rem;height:6.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shape-position-circle{z-index:2;background:linear-gradient(145deg,#7dd3fc,#0ea5e9);border:4px solid #075985;border-radius:50%;width:3.35rem;height:3.35rem;transition:top .45s cubic-bezier(.2,.8,.2,1),left .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .4rem #0759852e,inset 0 2px #ffffff94}.shape-position-word-scene.is-outside .shape-position-circle{top:82%;left:18%}.shape-position-word-scene.is-above .shape-position-circle{top:17%}.shape-position-word-scene.is-below .shape-position-circle{top:84%}.shape-position-word-scene.is-beside .shape-position-circle{left:82%}.shape-control-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:min(100%,24rem);display:grid}.shape-control-row button{color:#5b21b6;min-height:3.25rem;font:inherit;cursor:pointer;touch-action:manipulation;background:linear-gradient(#fff,#f5f3ff);border:2px solid #c4b5fd;border-radius:999px;padding:.65rem 1rem;font-weight:850;box-shadow:0 4px #ddd6fe}.shape-control-row button:active{transform:translateY(2px);box-shadow:0 2px #ddd6fe}.shape-position-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:100%;display:grid}.shape-position-controls button{color:#5b21b6;min-width:0;min-height:3.5rem;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(#fff,#f5f3ff);border:2px solid #c4b5fd;border-radius:1rem;align-content:center;place-items:center;padding:.65rem 1.7rem .65rem .75rem;font-weight:850;display:grid;position:relative;box-shadow:0 4px #ddd6fe}.shape-position-controls button>span{line-height:1.2}.shape-position-explored-mark{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:50%;place-items:center;width:1.15rem;height:1.15rem;font-size:.65rem;font-weight:950;line-height:1;display:grid;position:absolute;top:.35rem;right:.4rem}.shape-position-controls button.is-selected{color:#065f46;background:#ecfdf5;border-color:#047857;box-shadow:0 0 0 3px #10b98126}.shape-position-controls button.is-selected .shape-position-explored-mark{background:#fff;border-color:#047857}.shape-position-round-heading,.shape-language-round-heading{color:#3f2a68;gap:.25rem;display:grid}.shape-position-round-heading span,.shape-language-round-heading span{color:#6d28d9;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:900}.shape-position-round-heading strong,.shape-language-round-heading strong{font-size:clamp(1rem,4vw,1.18rem);line-height:1.35}.shape-position-task-scene{background:linear-gradient(145deg,#fff,#ecfeff);border:2px solid #bae6fd;border-radius:1.35rem;width:min(100%,23rem);min-height:18rem;margin-inline:auto;position:relative}.shape-position-task-scene.is-correct{border-color:#34d399;box-shadow:0 0 0 3px #10b9811f}.shape-position-task-scene.is-try{border-color:#d97706}.shape-position-reference{z-index:2;background:#ede9fe;border:4px solid #6d28d9;border-radius:1rem;width:8rem;height:6.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shape-position-reference.is-square{background:linear-gradient(145deg,#c4b5fd,#8b5cf6);width:6.5rem;height:6.5rem;box-shadow:inset 0 2px #ffffff73}.shape-position-reference.is-house{background:#c4b5fd;border-radius:.7rem;width:7.4rem;height:6.3rem}.shape-position-reference.is-house i{clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 -3px #9d174d);background:#f472b6;height:4.4rem;position:absolute;bottom:100%;left:-.5rem;right:-.5rem}.shape-position-reference.is-house b{background:#fbbf24;border:3px solid #92400e;border-bottom:0;border-radius:.35rem .35rem 0 0;width:2rem;height:3.5rem;position:absolute;bottom:0;right:.8rem}.shape-position-zone{z-index:3;color:#3730a3;font:inherit;touch-action:manipulation;background:0 0;border:2px solid #0000;border-radius:.8rem;place-items:center;padding:.15rem;font-size:.65rem;font-weight:900;display:grid;position:absolute}.shape-position-zone span{background:#eef2ff;border-radius:999px;padding:.15rem .35rem;display:none}.shape-position-zone.is-ready{background:#eef2ff9e;border:2px solid #818cf8;box-shadow:inset 0 0 0 2px #ffffffb8}.shape-position-zone.is-ready span{display:block}.shape-position-zone.is-inside{width:7.2rem;height:5.7rem;top:50%;left:50%;transform:translate(-50%,-50%)}.shape-position-zone.is-outside{width:5.2rem;height:4.4rem;bottom:.65rem;left:.65rem}.shape-position-zone.is-above{width:7rem;height:4.2rem;top:.55rem;left:50%;transform:translate(-50%)}.shape-position-zone.is-below{width:7rem;height:4.2rem;bottom:.55rem;left:50%;transform:translate(-50%)}.shape-position-zone.is-beside{width:5.3rem;height:5.3rem;top:50%;right:.55rem;transform:translateY(-50%)}.shape-position-moving-piece{z-index:5;cursor:grab;touch-action:manipulation;background:0 0;border:2px solid #0000;border-radius:1rem;place-items:center;width:5rem;height:5rem;padding:0;transition:top .35s cubic-bezier(.2,.8,.2,1),left .35s cubic-bezier(.2,.8,.2,1),border-color .18s;display:grid;position:absolute;transform:translate(-50%,-50%)}.shape-position-moving-piece.is-selected{background:#eef2ff99;border-color:#4338ca}.shape-position-moving-piece.is-bank,.shape-position-moving-piece.is-outside{top:83%;left:14%}.shape-position-moving-piece.is-inside{top:50%;left:50%}.shape-position-moving-piece.is-above{top:17%;left:50%}.shape-position-moving-piece.is-below{top:84%;left:50%}.shape-position-moving-piece.is-beside{top:50%;left:84%}.shape-position-round-nav,.shape-language-round-nav{grid-template-columns:minmax(5.7rem,auto) 1fr minmax(5.7rem,auto);align-items:center;gap:.5rem;display:grid}.shape-position-round-nav>button,.shape-language-round-nav>button{color:#5b21b6;min-height:2.9rem;font:inherit;background:#f5f3ff;border:2px solid #c4b5fd;border-radius:999px;padding:.45rem .65rem;font-size:.78rem;font-weight:850}.shape-position-round-nav>button:disabled,.shape-language-round-nav>button:disabled{color:#64748b;cursor:default;background:#f8fafc;border-color:#cbd5e1}.shape-position-round-nav>span{justify-content:center;gap:.35rem;display:flex}.shape-position-round-nav i{background:#fff;border:2px solid #64748b;border-radius:50%;width:.85rem;height:.85rem;display:block}.shape-position-round-nav i.is-active{outline-offset:2px;outline:3px solid #c4b5fd}.shape-position-round-nav i.is-correct{background:#34d399;border-color:#047857}.shape-position-round-nav i.is-try{background:#fbbf24;border-color:#92400e}.shape-language-labels{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.shape-language-labels>button{color:#4c1d95;min-width:0;min-height:4.5rem;font:inherit;text-transform:lowercase;touch-action:manipulation;background:#fff;border:2px solid #c4b5fd;border-radius:1rem;place-items:center;gap:.12rem;padding:.45rem 1.8rem .45rem .6rem;display:grid;position:relative}.shape-language-labels>button small{color:#526078;font-size:.62rem;font-weight:750}.shape-language-match-badge{color:#065f46;background:#fff;border:2px solid #047857;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;font-size:.7rem;font-weight:950;line-height:1;display:grid;position:absolute;top:.4rem;right:.45rem}.shape-language-labels>button.is-selected{background:#eef2ff;border-color:#4338ca;box-shadow:0 0 0 3px #6366f126}.shape-language-labels>button.is-correct{background:#ecfdf5;border-color:#047857}.shape-language-labels>button.is-try{background:#fffbeb;border-color:#b45309}.shape-language-scenes{gap:.65rem;display:grid}.shape-language-scene{background:#f8fafc;border:2px solid #c4b5fd;border-radius:1.15rem;align-content:center;place-items:center;gap:.55rem;min-height:10.5rem;padding:.7rem;display:grid}.shape-language-scene.is-ready{background:#eef2ff;border-style:dashed;border-color:#4338ca}.shape-language-scene.has-match{background:#ecfdf5;border-color:#047857}.shape-language-scene.is-try{background:#fffbeb;border:3px double #b45309}.shape-language-picture{width:6rem;height:6rem;display:block;position:relative}.shape-language-picture.is-circle{background:#7dd3fc;border:4px solid #075985;border-radius:50%;width:5rem;height:5rem;box-shadow:0 .35rem #0759852e}.shape-language-picture.is-triangle{filter:drop-shadow(0 -3px #9d174d);border-bottom:5.3rem solid #f472b6;border-left:2.7rem solid #0000;border-right:2.7rem solid #0000;width:0;height:0}.shape-language-picture.is-round :where(.is-oval,.is-pebble,.is-egg){background:#7dd3fc;border:4px solid #075985;display:block;position:absolute;box-shadow:inset 0 2px #ffffff8c,0 .2rem #07598529}.shape-language-picture.is-round .is-oval{border-radius:48% 52% 46% 54%;width:3.5rem;height:2.35rem;top:.25rem;left:.1rem;transform:rotate(-8deg)}.shape-language-picture.is-round .is-pebble{border-radius:58% 42% 52% 48%/44% 55% 45% 56%;width:2.45rem;height:3.15rem;top:.15rem;right:.05rem;transform:rotate(9deg)}.shape-language-picture.is-round .is-egg{border-radius:56% 44% 48% 52%/62% 60% 40% 38%;width:2.8rem;height:3.2rem;bottom:.15rem;right:1.35rem;transform:rotate(-4deg)}.shape-language-picture.is-corners{background:#c4b5fd;border:4px solid #6d28d9;border-radius:.45rem;width:5rem;height:5rem}.shape-language-picture.is-corners i{background:#fbbf24;border:2px solid #92400e;border-radius:50%;width:.8rem;height:.8rem;position:absolute}.shape-language-picture.is-corners i:first-child{top:-.55rem;left:-.55rem}.shape-language-picture.is-corners i:nth-child(2){top:-.55rem;right:-.55rem}.shape-language-picture.is-corners i:nth-child(3){bottom:-.55rem;right:-.55rem}.shape-language-picture.is-corners i:nth-child(4){bottom:-.55rem;left:-.55rem}.shape-language-picture.is-above i{background:#7dd3fc;border:3px solid #075985;border-radius:50%;width:2.65rem;height:2.65rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.shape-language-picture.is-above b{background:#ede9fe;border:3px solid #6d28d9;border-radius:.45rem;width:4.2rem;height:2.35rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.shape-language-picture.is-inside{background:#ede9fe;border:4px solid #6d28d9;border-radius:.8rem}.shape-language-picture.is-inside i{background:#7dd3fc;border:3px solid #075985;border-radius:50%;width:2.7rem;height:2.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shape-language-placed-labels{flex-wrap:wrap;justify-content:center;gap:.3rem;min-height:1.8rem;display:flex}.shape-language-placed-labels button{color:#065f46;min-height:2rem;font:inherit;background:#fff;border:2px solid #047857;border-radius:999px;padding:.25rem .55rem;font-size:.7rem;font-weight:900}.shape-language-placed-labels button.is-try{color:#92400e;border-color:#b45309}.shape-language-round-nav>span{color:#475569;font-size:.75rem;font-weight:850}.shape-readiness-reminders{flex-wrap:wrap;justify-content:center;gap:.45rem;width:min(100%,42rem);display:flex}.shape-readiness-reminders>span{color:#4c1d95;background:#fff;border:1px solid #c4b5fd;border-radius:999px;align-items:center;gap:.35rem;min-height:2.5rem;padding:.4rem .65rem;font-size:.78rem;font-weight:800;display:inline-flex}.shape-readiness-reminders i{color:#fff;background:#6d28d9;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-size:.65rem;font-style:normal;display:grid}.shape-readiness-check{width:min(100%,28rem)}.shape-position-word-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-notice-shapes,.shape-property-bank{grid-template-columns:repeat(4,minmax(0,1fr))}.shape-build-bank{grid-template-columns:repeat(2,minmax(0,1fr))}.shape-property-trays{grid-template-columns:repeat(3,minmax(0,1fr))}.shape-build-phase-one{grid-template-columns:.9fr 1.25fr;align-items:center}.shape-build-phase-one+.shape-action,.shape-build-phase-one~.shape-feedback,.shape-build-phase-one~.shape-support{grid-column:1/-1}.shape-position-word-workspace{grid-template-columns:1.35fr 1fr;align-items:center}.shape-position-controls{align-content:center}.shape-language-scenes{grid-template-columns:repeat(3,minmax(0,1fr))}.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-property-cue.has-shape{text-align:center;grid-template-columns:1fr}.shape-property-bank,.shape-build-bank{gap:.35rem}.shape-movement-position span{font-size:.62rem}.shape-moving-triangle{width:5.4rem;height:5.4rem}.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{gap:.4rem}.shape-position-controls button{min-height:3.25rem;padding-left:.55rem;font-size:.82rem}.shape-position-task-scene{min-height:17rem}.shape-position-round-nav,.shape-language-round-nav{grid-template-columns:minmax(4.8rem,auto) 1fr minmax(4.8rem,auto);gap:.3rem}.shape-position-round-nav>button,.shape-language-round-nav>button{padding-inline:.35rem;font-size:.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}:root[data-theme=dark] :where(.shape-notice-workspace,.shape-property-sort,.shape-build-phase-one){background:#0f172aad;border-color:#5b21b6}:root[data-theme=dark] :where(.shape-notice-choice,.shape-property-bank-piece,.shape-build-bank-piece,.shape-sorted-piece,.shape-property-tray){color:#f8fafc;background:#263449;border-color:#6d28d9}:root[data-theme=dark] .shape-notice-choice>span:last-child{color:#cbd5e1}:root[data-theme=dark] .shape-notice-choice.is-selected,:root[data-theme=dark] :where(.shape-property-bank-piece,.shape-build-bank-piece,.shape-sorted-piece).is-selected{color:#eef2ff;background:#312e81;border-color:#a5b4fc}:root[data-theme=dark] .shape-build-bank-piece.is-placed{color:#dcfce7;background:linear-gradient(145deg,#163d31,#15384d);border-color:#34d399}:root[data-theme=dark] .shape-build-bank-piece.is-placed small{color:#cbd5e1}:root[data-theme=dark] .shape-build-placed-mark{background:#064e3b;border-color:#6ee7b7}:root[data-theme=dark] .shape-build-placed-mark:before{color:#d1fae5}:root[data-theme=dark] .shape-property-cue{color:#eef2ff;background:#312e81;border-color:#6d28d9}:root[data-theme=dark] .shape-property-cue p{color:#f8fafc}:root[data-theme=dark] :where(.shape-property-bank-space,.shape-build-bank-space){background:#1e293b;border-color:#475569}:root[data-theme=dark] .shape-property-tray>strong{color:#eef2ff;background:#312e81}:root[data-theme=dark] .shape-property-tray.is-ready{background:#312e81;border-color:#a5b4fc}:root[data-theme=dark] :where(.shape-property-tray,.shape-sorted-piece).is-try,:root[data-theme=dark] .shape-build-target.is-try{color:#fffbeb;background:#78350f;border-color:#fbbf24}:root[data-theme=dark] .shape-feedback.is-success{color:#86efac}:root[data-theme=dark] .shape-feedback.is-try{color:#fde68a}:root[data-theme=dark] .shape-movement-mat{background:linear-gradient(145deg,#172033,#1e293b);border-color:#475569;box-shadow:inset 0 0 0 1px #334155}:root[data-theme=dark] .shape-movement-position{color:#bae6fd;background:#263449;border-color:#475569}:root[data-theme=dark] .shape-movement-position.is-ready{background:#312e81;border-color:#a5b4fc}:root[data-theme=dark] .shape-movement-start i{background:repeating-linear-gradient(135deg,#172033 0 6px,#334155 6px 10px);border-color:#94a3b8}:root[data-theme=dark] .shape-moving-triangle.is-selected{border-color:#a5b4fc}:root[data-theme=dark] .shape-house-builder{background:linear-gradient(#17344a 0 36%,#163d31 36% 100%);border-color:#64748b;box-shadow:inset 0 0 0 1px #334155}:root[data-theme=dark] .shape-build-target{color:#f8fafc}:root[data-theme=dark] .shape-build-silhouette{background:#263449;border-color:#94a3b8}:root[data-theme=dark] .shape-build-target.is-roof .shape-build-silhouette{background:#4a2039}:root[data-theme=dark] .shape-build-target.is-door .shape-build-silhouette{background:#4a360d}:root[data-theme=dark] .shape-build-target.is-window .shape-build-silhouette{background:#15384d}:root[data-theme=dark] :where(.shape-position-word-workspace,.shape-position-task-workspace,.shape-language-workspace,.shape-readiness-check){background:#172033;border-color:#5b21b6;box-shadow:inset 0 0 0 1px #334155}:root[data-theme=dark] :where(.shape-position-word-scene,.shape-position-task-scene){background:linear-gradient(145deg,#172033,#1e293b);border-color:#475569}:root[data-theme=dark] :where(.shape-position-word-box,.shape-position-reference.is-box,.shape-language-picture.is-inside){background:#312e81;border-color:#a78bfa}:root[data-theme=dark] .shape-position-reference.is-square{background:#6d28d9;border-color:#c4b5fd}:root[data-theme=dark] .shape-position-reference.is-house{background:#5b21b6;border-color:#a78bfa}:root[data-theme=dark] :where(.shape-position-round-heading,.shape-language-round-heading){color:#f8fafc}:root[data-theme=dark] :where(.shape-position-round-heading span,.shape-language-round-heading span){color:#c4b5fd}:root[data-theme=dark] .shape-position-zone{color:#eef2ff}:root[data-theme=dark] .shape-position-zone.is-ready{background:#312e8194;border-color:#a5b4fc}:root[data-theme=dark] .shape-position-zone span{background:#312e81}:root[data-theme=dark] .shape-position-moving-piece.is-selected{background:#312e8194;border-color:#a5b4fc}:root[data-theme=dark] :where(.shape-position-round-nav>button,.shape-language-round-nav>button){color:#ede9fe;background:#312e81;border-color:#6d28d9}:root[data-theme=dark] :where(.shape-position-round-nav>button,.shape-language-round-nav>button):disabled{color:#cbd5e1;background:#263449;border-color:#475569}:root[data-theme=dark] .shape-position-round-nav i{background:#263449;border-color:#94a3b8}:root[data-theme=dark] .shape-language-labels>button{color:#f8fafc;background:#263449;border-color:#6d28d9}:root[data-theme=dark] .shape-language-labels>button small{color:#cbd5e1}:root[data-theme=dark] .shape-language-labels>button.is-selected{background:#312e81;border-color:#a5b4fc}:root[data-theme=dark] :where(.shape-language-labels>button.is-correct,.shape-language-scene.has-match){color:#dcfce7;background:#163d31;border-color:#34d399}:root[data-theme=dark] :where(.shape-language-labels>button.is-try,.shape-language-scene.is-try){color:#fffbeb;background:#78350f;border-color:#fbbf24}:root[data-theme=dark] .shape-language-scene{background:#263449;border-color:#6d28d9}:root[data-theme=dark] .shape-language-scene.is-ready{background:#312e81;border-color:#a5b4fc}:root[data-theme=dark] .shape-language-placed-labels button{color:#d1fae5;background:#064e3b;border-color:#6ee7b7}:root[data-theme=dark] .shape-language-placed-labels button.is-try{color:#fffbeb;background:#78350f;border-color:#fbbf24}:root[data-theme=dark] .shape-language-match-badge{color:#d1fae5;background:#064e3b;border-color:#6ee7b7}:root[data-theme=dark] .shape-language-round-nav>span{color:#cbd5e1}:root[data-theme=dark] .shape-readiness-reminders>span{color:#f8fafc;background:#263449;border-color:#6d28d9}:root[data-theme=dark] .shape-control-row button{color:#ede9fe;background:#312e81;border-color:#6d28d9;box-shadow:0 4px #1e1b4b}:root[data-theme=dark] .shape-position-controls button{color:#ede9fe;background:#263449;border-color:#6d28d9;box-shadow:0 4px #111827}:root[data-theme=dark] .shape-position-controls button.is-selected{color:#d1fae5;background:#064e3b;border-color:#6ee7b7;box-shadow:0 0 0 3px #34d39933}:root[data-theme=dark] .shape-position-explored-mark{color:#d1fae5;background:#065f46;border-color:#6ee7b7}
.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,.measure-keyboard-guide{text-align:center;overflow-wrap:anywhere;margin:.25rem 0}.measure-main-prompt{font-weight:850}.measure-main-prompt.is-workspace-prompt{color:#46546d;font-size:.92rem;font-weight:750}.measure-support{color:#53627b}.measure-keyboard-guide{color:#53627b;font-size:.82rem;font-weight:700}.measure-feedback{color:#26344d;background:#f8fafc;border:2px solid #94a3b8;border-radius:1rem;width:min(100%,42rem);padding:.72rem 1rem;font-weight:800}.measure-feedback.is-success{color:#14532d;background:#ecfdf5;border-color:#15803d}.measure-feedback.is-try{color:#78350f;background:#fffbeb;border-color:#b45309}.measure-feedback.is-notice{color:#312e81;background:#eef2ff;border-color:#6366f1}.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-phase-strip{width:var(--phase-strip-width);background:linear-gradient(#7dd3fc,#3b82f6);border:3px solid #1e3a5f;border-radius:999px;max-width:100%;height:clamp(1.75rem,6vw,2.25rem);display:block;position:relative;box-shadow:0 .28rem .5rem #1e40af33,inset 0 .2rem #ffffff6b}.measure-phase-strip.is-long{--phase-strip-width:min(90%, 30rem)}.measure-phase-strip.is-short{--phase-strip-width:min(62%, 20rem)}.measure-phase-strip.is-equal{--phase-strip-width:min(75%, 24rem)}.measure-phase-strip.is-gold{background:linear-gradient(#fde68a,#f59e0b);border-color:#78350f;box-shadow:0 .28rem .5rem #b453092e,inset 0 .2rem #ffffff6b}.measure-phase-strip.has-lines i{background:repeating-linear-gradient(90deg,#78350f6b 0 .18rem,#0000 .18rem .9rem);border-radius:999px;display:block;position:absolute;inset:.25rem .65rem}.measure-phase-strip.has-dots i{background:radial-gradient(circle,#0f172a85 0 .14rem,#0000 .16rem) 0/1rem 1rem repeat-x;display:block;position:absolute;inset:.2rem .75rem}.measure-attribute-workspace{background:#eef2ff;border:1px solid #4f46e533;border-radius:1.35rem;gap:1rem;width:min(100%,46rem);padding:clamp(.85rem,3vw,1.35rem);display:grid;box-shadow:inset 0 0 0 1px #ffffff8c}.measure-attribute-stage{background:#fff;border-radius:1.1rem;place-items:center;min-height:clamp(13rem,38vw,18rem);padding:clamp(.75rem,3vw,1.25rem);display:grid;box-shadow:0 .45rem 1rem #312e811a}.measure-attribute-scene{align-content:center;place-items:center;gap:1rem;width:min(100%,34rem);min-height:11rem;display:grid;position:relative}.measure-attribute-cue{color:#312e81;background:#eef2ff;border:1px solid #818cf8;border-radius:999px;width:max-content;max-width:90%;padding:.32rem .75rem;font-size:.78rem;font-weight:850;position:absolute;top:0;left:50%;transform:translate(-50%)}.measure-attribute-strips{gap:1rem;width:100%;padding-top:2.2rem;display:grid}.measure-attribute-strips .measure-phase-strip{justify-self:start}.measure-reach-line{background:#64748b;border-radius:999px;width:auto;height:2px;position:absolute;bottom:.75rem;left:0;right:10%}.measure-reach-line:before,.measure-reach-line:after{content:"";border:solid #64748b;width:.65rem;height:.65rem;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.measure-reach-line:before{border-width:0 0 2px 2px;left:0}.measure-reach-line:after{border-width:2px 2px 0 0;right:0}.measure-attribute-scene.is-height{align-content:end;padding:2.45rem 0 1.35rem}.measure-attribute-towers{justify-content:center;align-items:end;gap:clamp(2rem,10vw,5rem);width:100%;padding-top:0;display:flex}.measure-attribute-towers .measure-tower i{width:clamp(2.8rem,10vw,3.8rem);height:clamp(1.35rem,5vw,1.85rem)}.measure-attribute-baseline{background:#64748b;border-radius:999px;height:2px;position:absolute;bottom:.82rem;left:8%;right:8%}.measure-attribute-cups{justify-content:center;align-items:end;gap:clamp(2.2rem,11vw,5rem);width:100%;padding-top:2rem;display:flex}.measure-attribute-cups .measure-cup{width:clamp(4.2rem,17vw,5.6rem);height:clamp(6rem,24vw,7.5rem)}.measure-attribute-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.measure-attribute-card{color:#24324c;text-align:left;background:#fff;border:2px solid #94a3b8;border-radius:1rem;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:.1rem .55rem;min-width:0;min-height:4.4rem;padding:.65rem .75rem;display:grid}.measure-attribute-card.is-explored{border-style:solid}.measure-attribute-card.is-selected{border-color:#4338ca;box-shadow:0 0 0 3px #6366f129}.measure-attribute-icon{color:#3730a3;background:#e0e7ff;border-radius:.75rem;grid-row:1/3;place-items:center;width:2.45rem;height:2.45rem;font-size:1.25rem;font-weight:950;display:grid}.measure-attribute-card strong{text-transform:capitalize}.measure-attribute-card small{color:#526078;font-weight:750}.measure-attribute-card.is-selected small:before{content:"✓ "}.measure-alignment-workspace,.measure-same-workspace{background:#eef2ff;border:1px solid #4f46e533;border-radius:1.35rem;align-content:center;gap:clamp(1rem,4vw,1.4rem);width:min(100%,43rem);min-height:clamp(12rem,38vw,17rem);padding:3.5rem clamp(.7rem,3vw,1.25rem) 1.4rem clamp(4.1rem,15vw,5.8rem);display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff8c}.measure-origin-target{z-index:3;color:#312e81;background:0 0;border:0;width:2.3rem;padding:0;position:absolute;top:1rem;bottom:1rem;left:calc(clamp(4.1rem,15vw,5.8rem) - .35rem)}.measure-origin-target:after{content:"";background:#4338ca;border-radius:999px;width:3px;position:absolute;top:2.3rem;bottom:0;left:50%;transform:translate(-50%)}.measure-origin-target:before{content:"";background:#fff;border:3px solid #4338ca;border-radius:50%;width:.72rem;height:.72rem;position:absolute;top:2.15rem;left:50%;transform:translate(-50%,-50%)}.measure-origin-target span{background:#fff;border:1px solid #818cf8;border-radius:999px;padding:.18rem .45rem;font-size:.72rem;font-weight:900;position:absolute;top:-.3rem;left:50%;transform:translate(-50%)}.measure-origin-target.is-ready{background:#6366f114;border-radius:.75rem}.measure-alignment-object,.measure-same-strip{width:calc(100% - clamp(3rem,14vw,6rem));min-width:0;min-height:3.4rem;color:inherit;text-align:left;transform:translateX(var(--measure-semantic-offset,0));background:#fff;border:2px solid #0000;border-radius:1rem;padding:.55rem;transition:transform .24s,border-color .18s,box-shadow .18s;display:block;position:relative}button.measure-alignment-object,button.measure-same-strip{cursor:grab;touch-action:none}button.measure-alignment-object.is-dragging,button.measure-same-strip.is-dragging{cursor:grabbing}.measure-alignment-object.is-offset-far{--measure-semantic-offset:clamp(3rem, 14vw, 6rem)}.measure-alignment-object.is-offset-near{--measure-semantic-offset:clamp(1.25rem, 6vw, 2.5rem)}.measure-same-strip.is-offset{--measure-semantic-offset:clamp(3rem, 14vw, 6rem)}.measure-alignment-object.is-selected,.measure-same-strip.is-selected{border-color:#4338ca;box-shadow:0 0 0 3px #6366f129}.measure-alignment-object.is-fixed,.measure-same-strip.is-fixed{border-color:#cbd5e1}.measure-start-cap{background:#fff;border:3px solid #334155;border-radius:.35rem;width:.72rem;height:1.4rem;position:absolute;top:50%;left:.45rem;transform:translateY(-50%)}.measure-alignment-workspace.is-aligned .measure-start-cap,.measure-same-workspace.is-aligned .measure-start-cap{background:#dcfce7;box-shadow:inset 0 0 0 2px #15803d}.measure-aligned-reach-guide{background:#64748b;border-radius:999px;width:2px;position:absolute;top:3.9rem;bottom:1.8rem;right:clamp(2.5rem,8vw,4.5rem)}.measure-language-workspace{background:#eef2ff;border:1px solid #4f46e533;border-radius:1.35rem;gap:.75rem;width:min(100%,44rem);padding:3.35rem clamp(.7rem,3vw,1.2rem) 1.2rem clamp(4.1rem,15vw,5.8rem);display:grid;position:relative}.measure-common-origin{background:#4338ca;border-radius:999px;width:3px;position:absolute;top:3.35rem;bottom:5rem;left:calc(clamp(4.1rem,15vw,5.8rem) + .8rem)}.measure-common-origin b{color:#312e81;background:#fff;border:1px solid #818cf8;border-radius:999px;padding:.18rem .45rem;font-size:.72rem;position:absolute;top:-2.55rem;left:50%;transform:translate(-50%)}.measure-language-lane{color:#25324c;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:1rem;gap:.32rem;min-height:5.5rem;padding:.65rem;display:grid;position:relative}.measure-language-lane.is-ready{border-style:dashed;border-color:#6366f1}.measure-language-lane.is-correct{border-style:solid;border-color:#15803d;box-shadow:inset 0 0 0 2px #22c55e1f}.measure-language-lane.is-try{border-style:solid;border-color:#b45309}.measure-language-lane .measure-start-cap{top:1.75rem}.measure-lane-label{color:#526078;font-size:.76rem;font-weight:800}.measure-placed-labels{flex-wrap:wrap;gap:.35rem;min-height:1.65rem;display:flex}.measure-placed-labels b{border:1px solid;border-radius:999px;padding:.18rem .5rem;font-size:.74rem}.measure-placed-labels b.is-correct{color:#166534;background:#dcfce7}.measure-placed-labels b.is-try{color:#92400e;background:#fef3c7}.measure-word-bank{flex-wrap:wrap;justify-content:center;gap:.65rem;padding-top:.45rem;display:flex}.measure-word-card{color:#312e81;touch-action:manipulation;background:#fff;border:2px solid #6366f1;border-radius:999px;min-width:8rem;min-height:3rem;padding:.65rem 1rem;font-weight:900}.measure-word-card.is-selected{background:#e0e7ff;border-color:#312e81;box-shadow:0 0 0 3px #6366f129}.measure-word-card.is-dragging{border-style:dashed}.measure-same-workspace{min-height:clamp(13rem,40vw,18rem)}.measure-same-workspace .measure-phase-strip.is-equal{width:calc(100% - clamp(2.75rem,11vw,4.75rem));max-width:none}.measure-end-guide{z-index:2;background:#15803d;border-radius:999px;width:3px;position:absolute;top:3.3rem;bottom:1.6rem;right:clamp(3.7rem,14vw,6rem)}.measure-end-guide b{color:#14532d;background:#fff;border:1px solid #15803d;border-radius:999px;padding:.16rem .4rem;font-size:.68rem;position:absolute;top:-2.55rem;left:50%;transform:translate(-50%)}.measure-same-length-badge{color:#14532d;text-align:center;background:#dcfce7;border:2px solid #15803d;border-radius:999px;justify-self:center;width:max-content;max-width:100%;padding:.38rem .75rem;font-weight:900}.measure-origin-target span,.measure-common-origin b,.measure-end-guide b,.measure-start-line b{z-index:4;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;writing-mode:horizontal-tb;width:max-content;max-width:none;line-height:1.2}[data-measure-step=line-up-starts] .measure-origin-target:after{background:#3730a3;width:3px}[data-measure-step=line-up-starts] .measure-alignment-workspace.is-aligned .measure-start-cap{border-color:#166534}[data-measure-step=longer-shorter] .measure-common-origin{background:#64748b;width:2px}[data-measure-step=same-length] .measure-origin-target:after{background:#4338ca}[data-measure-step=same-length] .measure-end-guide{box-shadow:0 0 .65rem #15803d29}.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.is-single-action{width:min(100%,18rem)}.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.is-single-action button{flex:0 16rem;width:min(100%,16rem)}.measure-control-row button:disabled{color:#475569;cursor:not-allowed;background:#e2e8f0;border-color:#94a3b8}.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-unit-workspace,.measure-match-workspace{background:linear-gradient(145deg,#f8fafc,#eef2ff);border:1px solid #c7d2fe;border-radius:1.35rem;justify-items:center;gap:clamp(.9rem,3vw,1.25rem);width:min(100%,38rem);min-width:0;padding:clamp(.85rem,3vw,1.25rem);display:grid;box-shadow:inset 0 0 0 1px #ffffffbf,0 .55rem 1.3rem #33415514}.measure-object-and-units{gap:.65rem;width:min(100%,32.5rem);min-width:0;display:grid}.measure-five-block-ribbon{color:#172554;letter-spacing:.04em;background:linear-gradient(#93c5fd,#3b82f6);border:3px solid #1d4ed8;border-radius:999px;align-items:center;width:100%;min-height:clamp(2.5rem,9vw,3.35rem);padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:grid;position:relative;box-shadow:inset 0 .3rem #ffffff5c,0 .3rem .65rem #1e40af2e}.measure-five-block-ribbon span{background:#eff6ff;border-radius:999px;width:max-content;padding:.12rem .45rem}.measure-unit-slots{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;min-width:0;display:grid}.measure-unit-workspace.has-measure-error .measure-unit-slots{margin-bottom:1.45rem}.measure-unit-slot{color:#334155;background:#ffffffb3;border:1px solid #cbd5e1;border-right-width:0;border-radius:0;place-items:center;min-width:0;min-height:clamp(4.25rem,14vw,5.6rem);padding:.22rem;display:grid;position:relative}.measure-unit-slot:first-child{border-radius:.75rem 0 0 .75rem}.measure-unit-slot:last-child{border-right-width:1px;border-radius:0 .75rem .75rem 0}.measure-unit-slot.is-keyboard-target{z-index:5;background:#eef2ff;border-style:solid;border-color:#4338ca}.measure-unit-slot.is-gap{background:#f8fafcb8}.measure-unit-workspace.has-measure-error .measure-unit-slot.is-gap{z-index:2;background:#fffbeb;border:2px dashed #d97706;box-shadow:inset 0 0 0 2px #f59e0b14}.measure-unit-slot.is-overlap{z-index:2;background:#fffaf0;border:2px solid #d97706;box-shadow:inset 0 0 0 2px #f59e0b14}.measure-unit-block{aspect-ratio:1/.88;background:linear-gradient(145deg,#c4b5fd,#8b5cf6);border:2px solid #5b21b6;border-radius:clamp(.45rem,2vw,.7rem);width:100%;display:block;position:relative;box-shadow:inset 0 .25rem #fff6,0 .24rem .45rem #4c1d9533}.measure-unit-block i{background:#ffffff80;border-radius:999px;width:40%;height:13%;position:absolute;top:18%;left:18%}.measure-unit-piece{touch-action:manipulation;background:0 0;border:0;border-radius:.75rem;place-items:center;width:100%;min-width:0;padding:.18rem;display:grid}.measure-unit-piece.is-selected{outline-offset:2px;background:#eef2ff;outline:3px solid #312e81}.measure-unit-slot.is-overlap .measure-unit-piece{width:calc(100% - .35rem);position:absolute}.measure-unit-slot.is-overlap .measure-unit-piece[data-overlap-index="0"]{transform:translate(-6%,-6%)}.measure-unit-slot.is-overlap .measure-unit-piece[data-overlap-index="1"]{z-index:2;transform:translate(10%,10%)}.measure-unit-slot.is-overlap .measure-unit-piece.is-move-block{outline-offset:2px;background:#fffbeb;outline:3px solid #92400e}.measure-slot-target{background:0 0;border:0;border-radius:.55rem;position:absolute;inset:.16rem}.measure-slot-target:focus-visible{outline-offset:-2px;outline:3px solid #1d4ed8}.measure-gap-marker,.measure-overlap-marker{z-index:4;color:#78350f;background:#fffbeb;border:1px solid #b45309;border-radius:999px;width:max-content;padding:.12rem .42rem;font-size:.65rem;font-weight:900;line-height:1.1;position:absolute;bottom:-1.3rem;left:50%;transform:translate(-50%)}.measure-overlap-marker{border-style:double}.measure-unit-count{color:#14532d;background:#dcfce7;border:2px solid #15803d;border-radius:50%;place-items:center;min-width:1.65rem;min-height:1.65rem;display:grid;position:absolute;top:calc(100% + .3rem);left:50%;transform:translate(-50%)}.measure-unit-bank{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.35rem,2vw,.6rem);width:min(100%,27rem);padding-top:.65rem;display:grid}.measure-bank-unit{color:#312e81;touch-action:manipulation;background:#fff;border:2px solid #a5b4fc;border-radius:.8rem;align-content:center;justify-items:center;gap:.2rem;min-width:0;min-height:clamp(4.3rem,15vw,5.5rem);padding:.35rem;font-weight:900;display:grid}.measure-bank-unit .measure-unit-block{width:min(100%,3.65rem)}.measure-bank-unit.is-selected{background:#e0e7ff;border-color:#312e81;box-shadow:0 0 0 3px #6366f129}.measure-round-tabs{flex-wrap:wrap;justify-content:center;gap:.55rem;width:100%;display:flex}.measure-round-tabs button,.measure-next-round{color:#3730a3;background:#fff;border:2px solid #a5b4fc;border-radius:999px;min-height:2.8rem;padding:.55rem .85rem;font-weight:850}.measure-round-tabs button.is-selected{background:#e0e7ff;border-color:#4338ca;box-shadow:0 0 0 3px #6366f121}.measure-match-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.65rem,3vw,1rem);width:100%;display:grid}.measure-match-scene{color:#312e81;background:#fff;border:2px dashed #a5b4fc;border-radius:1.05rem;align-content:center;justify-items:center;gap:.65rem;min-width:0;min-height:clamp(9.5rem,30vw,12rem);padding:.8rem;display:grid}.measure-match-scene.is-ready{border-style:solid;border-color:#6366f1}.measure-match-scene.is-try{background:#fffbeb;border-style:double;border-color:#b45309}.measure-mini-scene{width:min(100%,11rem);height:5.4rem;display:block;position:relative}.measure-mini-scene.is-longer-strip:before,.measure-mini-scene.is-shorter-strip:before,.measure-mini-scene.is-same-length:before{content:"start";color:#3730a3;background:#eef2ff;border-radius:999px;width:max-content;padding:.08rem .32rem;font-size:.58rem;font-weight:900;position:absolute;top:-.2rem;left:.2rem}.measure-mini-scene.is-longer-strip:after,.measure-mini-scene.is-shorter-strip:after,.measure-mini-scene.is-same-length:after{content:"";background:#475569;width:2px;position:absolute;top:.85rem;bottom:.15rem;left:.65rem}.measure-mini-scene.is-longer-strip i,.measure-mini-scene.is-shorter-strip i{width:var(--mini-strip-width);background:linear-gradient(#93c5fd,#3b82f6);border:2px solid #1d4ed8;border-radius:0 999px 999px 0;height:1.45rem;position:absolute;top:2rem;left:.65rem}.measure-mini-scene.is-longer-strip i{--mini-strip-width:calc(100% - 1rem)}.measure-mini-scene.is-shorter-strip i{--mini-strip-width:62%;background:linear-gradient(#fdba74,#f59e0b);border-color:#b45309}.measure-mini-scene.is-same-length i{background:#60a5fa;border:2px solid #1d4ed8;border-radius:0 999px 999px 0;width:calc(100% - 1rem);height:1.25rem;position:absolute;left:.65rem}.measure-mini-scene.is-same-length i:first-child{top:1.45rem}.measure-mini-scene.is-same-length i:last-child{background:#f59e0b;border-color:#b45309;top:3.25rem}.measure-mini-scene.is-five-blocks>i{background:#60a5fa;border:2px solid #1d4ed8;border-radius:999px;width:100%;height:2.35rem;position:absolute;top:1.25rem;left:0}.measure-mini-scene.is-five-blocks>span{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:absolute;top:1.5rem;left:.35rem;right:.35rem}.measure-mini-scene.is-five-blocks b{aspect-ratio:1/.82;background:#a78bfa;border:1px solid #5b21b6;border-right-width:0;border-radius:.18rem;box-shadow:inset 0 .12rem #ffffff59}.measure-mini-scene.is-five-blocks b:last-child{border-right-width:1px}.measure-scene-match-label{flex-wrap:wrap;justify-content:center;gap:.3rem;min-height:1.85rem;display:flex}.measure-scene-match-label b,.measure-match-status{border:1px solid;border-radius:999px;padding:.2rem .45rem;font-size:.75rem}.measure-scene-match-label b.is-correct,.measure-match-word.is-correct{color:#14532d;background:#dcfce7;border-color:#15803d}.measure-scene-match-label b.is-try,.measure-match-word.is-try{color:#78350f;background:#fef3c7;border-style:double;border-color:#b45309}.measure-match-word-bank{flex-wrap:wrap;justify-content:center;gap:.55rem;width:100%;display:flex}.measure-match-word{color:#312e81;touch-action:manipulation;background:#fff;border:2px solid #6366f1;border-radius:.85rem;justify-items:center;gap:.18rem;min-width:min(100%,8.5rem);min-height:3.2rem;padding:.55rem .8rem;font-weight:900;display:grid}.measure-match-word.is-selected{background:#e0e7ff;border-color:#312e81;box-shadow:0 0 0 3px #6366f129}.measure-match-status{color:#14532d;background:#f0fdf4;border-color:#15803d;font-size:.65rem;display:block}.measure-next-round{color:#fff;background:#4338ca;border-color:#4338ca}.measure-ready-reminders{flex-wrap:wrap;justify-content:center;gap:.45rem;width:min(100%,35rem);display:flex}.measure-ready-reminders span{color:#3730a3;background:#eef2ff;border:1px solid #a5b4fc;border-radius:999px;padding:.42rem .7rem;font-size:.82rem;font-weight:850}.measure-ready-ribbons[data-fresh-comparison=blue-short-orange-long] .measure-ribbon.is-shorter{width:min(100%,clamp(9rem,58%,19rem))}.measure-ready-ribbons[data-fresh-comparison=blue-short-orange-long] .measure-ribbon.is-longer{width:min(100%,clamp(14rem,86%,29rem))}.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:600px){.measure-attribute-choices{grid-template-columns:1fr}.measure-attribute-card{min-height:3.8rem}.measure-attribute-stage{min-height:13rem;padding-inline:.55rem}.measure-attribute-scene{min-height:10.75rem}.measure-alignment-workspace,.measure-same-workspace,.measure-language-workspace{padding-left:3.65rem}.measure-origin-target{left:3.3rem}.measure-common-origin{left:4.45rem}.measure-word-bank{grid-template-columns:1fr;display:grid}.measure-word-card{width:100%}.measure-end-guide{right:clamp(3.15rem,14vw,4.6rem)}.measure-unit-workspace,.measure-match-workspace{padding-inline:.55rem}.measure-unit-slot{min-height:4.1rem;padding-inline:.12rem}.measure-unit-bank{gap:.25rem}.measure-bank-unit{min-height:4rem;padding-inline:.18rem}}@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}.measure-attribute-workspace,.measure-alignment-workspace,.measure-language-workspace,.measure-same-workspace{padding-right:.55rem}.measure-match-scenes{grid-template-columns:1fr}.measure-match-scene{min-height:9rem}.measure-match-word-bank{grid-template-columns:1fr;display:grid}.measure-match-word{width:100%}}@media (hover:none),(pointer:coarse){.measure-keyboard-guide{display:none}}@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,:root[data-theme=dark] .measure-keyboard-guide,:root[data-theme=dark] .measure-main-prompt.is-workspace-prompt{color:#cbd5e1}:root[data-theme=dark] :where(.measure-attribute-workspace,.measure-alignment-workspace,.measure-language-workspace,.measure-same-workspace){background:#1e293b;border-color:#475569;box-shadow:inset 0 0 0 1px #94a3b81f}:root[data-theme=dark] :where(.measure-attribute-stage,.measure-attribute-card,.measure-alignment-object,.measure-same-strip,.measure-language-lane,.measure-word-card,.measure-origin-target span,.measure-common-origin b,.measure-extra-reach,.measure-end-guide b){color:#f8fafc;background:#263449;border-color:#64748b}:root[data-theme=dark] .measure-attribute-card small,:root[data-theme=dark] .measure-lane-label{color:#cbd5e1}:root[data-theme=dark] .measure-attribute-icon,:root[data-theme=dark] .measure-attribute-cue{color:#eef2ff;background:#312e81;border-color:#818cf8}:root[data-theme=dark] .measure-attribute-scene.is-capacity .measure-cup{background:#102a3d;border-color:#bae6fd;box-shadow:inset 0 0 0 2px #bae6fd24,0 .35rem .7rem #02081740}:root[data-theme=dark] .measure-attribute-scene.is-capacity .measure-cup i{background:linear-gradient(#7dd3fc 0%,#38bdf8 24%,#0284c7 100%);box-shadow:inset 0 .18rem #e0f2fec7}:root[data-theme=dark] .measure-reach-line,:root[data-theme=dark] .measure-attribute-baseline{background:#cbd5e1}:root[data-theme=dark] .measure-reach-line:before,:root[data-theme=dark] .measure-reach-line:after{border-color:#cbd5e1}:root[data-theme=dark] .measure-origin-target,:root[data-theme=dark] .measure-common-origin{color:#e0e7ff}:root[data-theme=dark] .measure-origin-target:before{background:#172033}:root[data-theme=dark] .measure-feedback{color:#f8fafc;background:#263449;border-color:#64748b}:root[data-theme=dark] .measure-feedback.is-notice{color:#eef2ff;background:#312e81;border-color:#818cf8}:root[data-theme=dark] .measure-feedback.is-success{color:#f0fdf4;background:#14532d;border-color:#4ade80}:root[data-theme=dark] .measure-feedback.is-try{color:#fffbeb;background:#78350f;border-color:#fbbf24}:root[data-theme=dark] .measure-placed-labels b.is-correct,:root[data-theme=dark] .measure-same-length-badge{color:#f0fdf4;background:#14532d;border-color:#4ade80}:root[data-theme=dark] .measure-placed-labels b.is-try{color:#fffbeb;background:#78350f;border-color:#fbbf24}: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}:root[data-theme=dark] :where(.measure-unit-workspace,.measure-match-workspace){background:#1e293b;border-color:#475569;box-shadow:inset 0 0 0 1px #94a3b81f}:root[data-theme=dark] :where(.measure-unit-slot,.measure-bank-unit,.measure-round-tabs button,.measure-match-scene,.measure-match-word){color:#f8fafc;background-color:#263449;border-color:#64748b}:root[data-theme=dark] .measure-unit-workspace.has-measure-error .measure-unit-slot.is-gap,:root[data-theme=dark] .measure-match-scene.is-try{color:#fffbeb;background-color:#4a2c0a;border-color:#fbbf24}:root[data-theme=dark] .measure-unit-slot.is-overlap{background:#4a2c0a;border-color:#fbbf24}:root[data-theme=dark] :where(.measure-gap-marker,.measure-overlap-marker){color:#fffbeb;background:#78350f;border-color:#fbbf24}:root[data-theme=dark] .measure-bank-unit.is-selected,:root[data-theme=dark] .measure-match-word.is-selected,:root[data-theme=dark] .measure-round-tabs button.is-selected{color:#eef2ff;background:#312e81;border-color:#a5b4fc}:root[data-theme=dark] .measure-unit-piece.is-selected{background:#312e81;outline-color:#a5b4fc}:root[data-theme=dark] .measure-unit-slot.is-overlap .measure-unit-piece.is-move-block{background:#78350f;outline-color:#fbbf24}:root[data-theme=dark] .measure-mini-scene:is(.is-longer-strip,.is-shorter-strip,.is-same-length):before{color:#eef2ff;background:#312e81}:root[data-theme=dark] .measure-scene-match-label b.is-correct,:root[data-theme=dark] .measure-match-word.is-correct,:root[data-theme=dark] .measure-match-status{color:#f0fdf4;background:#14532d;border-color:#4ade80}:root[data-theme=dark] .measure-scene-match-label b.is-try,:root[data-theme=dark] .measure-match-word.is-try{color:#fffbeb;background:#78350f;border-color:#fbbf24}:root[data-theme=dark] .measure-ready-reminders span{color:#eef2ff;background:#312e81;border-color:#818cf8}
.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{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;padding-inline:.55rem;display:grid}.pattern-scene.is-claps .pattern-action-tile{color:#065f46;background:linear-gradient(145deg,#ecfdf5,#a7f3d0);border:2px solid #047857;border-radius:.8rem;place-items:center;min-width:0;height:4.25rem;font-style:normal;display:grid;box-shadow:inset 0 .2rem #ffffff8c,0 .2rem .35rem #0f172a1f}.pattern-scene.is-claps .pattern-action-tile.is-tap{color:#78350f;background:linear-gradient(145deg,#fffbeb,#fde68a);border-color:#92400e}.pattern-scene.is-claps b{white-space:nowrap;font-size:clamp(.72rem,3vw,.9rem);line-height:1}.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}.pattern-notice-workspace,.pattern-find-repeat-workspace,.pattern-copy-workspace,.pattern-continue-workspace{background:#f8fffb;border:1px solid #86efac;border-radius:1.35rem;gap:.85rem;width:min(100%,44rem);padding:clamp(.75rem,3vw,1.15rem);display:grid;box-shadow:inset 0 0 0 1px #fff}.pattern-notice-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;width:100%;display:grid}.pattern-notice-strip button{color:#334155;min-width:0;min-height:6.8rem;font:inherit;touch-action:manipulation;background:#fff;border:2px solid #a7f3d0;border-radius:1rem;place-items:center;padding:.45rem;display:grid;position:relative}.pattern-notice-strip .pattern-noticed-mark{color:#065f46;background:#dcfce7;border:1px solid #047857;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-size:.7rem;font-weight:900;display:grid;position:absolute;bottom:.3rem;right:.35rem}.pattern-notice-strip button.is-repeat-match{border-color:#34d399;box-shadow:inset 0 -.3rem #d1fae5}.pattern-notice-strip button.is-active{outline-offset:2px;outline:3px solid #6ee7b7}.pattern-repeat-brace{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.pattern-repeat-brace span{color:#065f46;text-align:center;border-top:3px solid #059669;border-radius:.6rem;padding:.3rem .2rem;font-size:.72rem;font-weight:850}.patterns-feedback.is-success{color:#166534}.patterns-feedback.is-try{color:#92400e}.pattern-find-repeat-workspace>.pattern-row{width:100%}.pattern-repeat-choices{gap:.6rem;display:grid}.pattern-repeat-choices button{color:#334155;min-width:0;min-height:7rem;font:inherit;touch-action:manipulation;background:#fff;border:2px solid #a7f3d0;border-radius:1rem;place-items:center;gap:.45rem;padding:.7rem;display:grid}.pattern-repeat-choices button>span{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.pattern-repeat-choices button strong{font-size:.78rem;line-height:1.25}.pattern-repeat-choices button.is-whole-strip{color:#475569;background:#f8fafc;border-style:dashed;align-content:center;min-height:4.8rem}.pattern-repeat-choices .pattern-whole-pattern-strip{grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:.26rem;width:min(100%,9.6rem);display:grid}.pattern-whole-pattern-strip i{aspect-ratio:1;background:#fef3c7;border:2px solid #64748b;justify-self:center;width:100%;max-width:1.2rem;display:block}.pattern-whole-pattern-strip i.is-circle{background:#bbf7d0;border-color:#047857;border-radius:50%}.pattern-whole-pattern-strip i.is-triangle{clip-path:polygon(50% 4%,96% 94%,4% 94%);background:#f9a8d4;border:0}.pattern-whole-pattern-strip i.is-square{border-color:#92400e;border-radius:.16rem}.pattern-repeat-choices button.is-selected{outline-offset:2px;outline:3px solid #c4b5fd}.pattern-repeat-choices button.is-correct{background:#ecfdf5;border-color:#047857}.pattern-repeat-choices button.is-try{background:#fffbeb;border-color:#b45309}.pattern-model-panel,.pattern-copy-panel{justify-items:center;gap:.5rem;display:grid}.pattern-model-panel>strong,.pattern-copy-panel>strong{color:#334155}.pattern-copy-workspace .pattern-row{background:#ecfdf5;width:100%;padding:.65rem}.pattern-placement-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;width:min(100%,30rem);display:grid}.pattern-placement-slot{aspect-ratio:1;color:#475569;width:100%;min-width:0;max-width:5rem;min-height:0;font:inherit;touch-action:manipulation;background:#fff;border:2px solid #94a3b8;border-radius:1rem;justify-self:center;place-items:center;padding:.25rem;font-weight:900;display:grid}.pattern-placement-slot.is-ready{border-color:#6366f1;box-shadow:inset 0 0 0 2px #eef2ff}.pattern-placement-slot.is-correct{border-color:#047857;box-shadow:inset 0 -.28rem #d1fae5}.pattern-placement-slot.is-try{background:#fffbeb;border:3px double #b45309}.pattern-placement-slot .pattern-tile{width:min(82%,3.4rem);height:min(82%,3.4rem)}.pattern-slot-ghost{aspect-ratio:1;background:#f8fafc;border:2px solid #cbd5e1;border-radius:.7rem;width:68%;box-shadow:inset 0 0 0 .25rem #fff}.pattern-missing-mark{aspect-ratio:1;color:#64748b;background:#f8fafc;border:2px solid #cbd5e1;border-radius:.7rem;place-items:center;width:68%;font-size:1.25rem;display:grid}.pattern-piece-bank{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;width:min(100%,28rem);margin-inline:auto;display:grid}.pattern-piece-bank button{color:#065f46;min-width:0;min-height:5.7rem;font:inherit;text-transform:capitalize;cursor:grab;touch-action:manipulation;background:#fff;border:2px solid #a7f3d0;border-radius:1rem;place-items:center;gap:.2rem;padding:.4rem .25rem;font-size:.72rem;font-weight:850;display:grid}.pattern-piece-bank button.is-selected{color:#3730a3;background:#eef2ff;border-color:#4338ca;box-shadow:0 0 0 3px #6366f124}.pattern-repeat-key{color:#065f46;background:#ecfdf5;border:1px solid #86efac;border-radius:1rem;justify-content:center;align-items:center;gap:.65rem;padding:.55rem;display:flex}.pattern-repeat-key>span{gap:.3rem;display:flex}.pattern-repeat-key strong{font-size:.8rem}.pattern-continue-strip{background:#ecfdf5;border-radius:1.15rem;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:.5rem;width:100%;padding:.75rem;display:grid}.pattern-continue-strip>.pattern-tile{width:clamp(3rem,14vw,4.25rem);height:clamp(3rem,14vw,4.25rem)}.pattern-missing-workspace,.pattern-make-workspace{background:#f8fffb;border:1px solid #86efac;border-radius:1.35rem;justify-items:center;gap:.85rem;width:min(100%,44rem);padding:clamp(.75rem,3vw,1.15rem);display:grid;box-shadow:inset 0 0 0 1px #fff}.pattern-missing-strip,.pattern-make-strip,.pattern-readiness-strip{background:#ecfdf5;border-radius:1.15rem;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:.5rem;width:100%;padding:.75rem;display:grid}.pattern-missing-strip>.pattern-tile,.pattern-readiness-strip>.pattern-tile{width:clamp(3rem,14vw,4.25rem);height:clamp(3rem,14vw,4.25rem)}.pattern-make-workspace>strong{color:#334155}.pattern-make-strip .pattern-placement-slot{max-width:4.6rem}.pattern-readiness-space{aspect-ratio:1;background:#fff;border:2px solid #64748b;border-radius:1rem;place-items:center;width:100%;max-width:4.6rem;display:grid}.pattern-readiness-space .pattern-missing-mark{width:68%}@media (min-width:640px){.pattern-notice-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.pattern-repeat-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.pattern-continue-strip,.pattern-missing-strip,.pattern-make-strip,.pattern-readiness-strip{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:390px){.pattern-notice-workspace,.pattern-find-repeat-workspace,.pattern-copy-workspace,.pattern-continue-workspace,.pattern-missing-workspace,.pattern-make-workspace{padding-inline:.6rem}.pattern-placement-row,.pattern-piece-bank{gap:.35rem}.pattern-piece-bank button{min-height:5.2rem}}:root[data-theme=dark] :where(.pattern-notice-workspace,.pattern-find-repeat-workspace,.pattern-copy-workspace,.pattern-continue-workspace){background:#172033;border-color:#047857;box-shadow:inset 0 0 0 1px #334155}:root[data-theme=dark] :where(.pattern-notice-strip button,.pattern-repeat-choices button,.pattern-placement-slot,.pattern-piece-bank button){color:#ecfdf5;background:#263449;border-color:#047857}:root[data-theme=dark] .pattern-notice-strip button.is-repeat-match{border-color:#34d399;box-shadow:inset 0 -.3rem #064e3b}:root[data-theme=dark] .pattern-notice-strip .pattern-noticed-mark{color:#d1fae5;background:#065f46;border-color:#6ee7b7}:root[data-theme=dark] .pattern-repeat-brace span{color:#d1fae5;border-color:#34d399}:root[data-theme=dark] :where(.pattern-model-panel>strong,.pattern-copy-panel>strong){color:#f8fafc}:root[data-theme=dark] :where(.pattern-copy-workspace .pattern-row,.pattern-continue-strip,.pattern-repeat-key){color:#d1fae5;background:#163d31;border-color:#047857}:root[data-theme=dark] .pattern-repeat-choices button.is-correct,:root[data-theme=dark] .pattern-placement-slot.is-correct{color:#d1fae5;background:#064e3b;border-color:#6ee7b7}:root[data-theme=dark] .pattern-repeat-choices button.is-try,:root[data-theme=dark] .pattern-placement-slot.is-try{color:#fffbeb;background:#78350f;border-color:#fbbf24}:root[data-theme=dark] .pattern-piece-bank button.is-selected{color:#eef2ff;background:#312e81;border-color:#a5b4fc}:root[data-theme=dark] .pattern-repeat-choices button.is-whole-strip{color:#cbd5e1;background:#1e293b}:root[data-theme=dark] :where(.pattern-slot-ghost,.pattern-missing-mark){color:#cbd5e1;background:#1e293b;border-color:#64748b;box-shadow:inset 0 0 0 .25rem #263449}:root[data-theme=dark] :where(.pattern-missing-workspace,.pattern-make-workspace){background:#172033;border-color:#047857;box-shadow:inset 0 0 0 1px #334155}:root[data-theme=dark] :where(.pattern-missing-strip,.pattern-make-strip,.pattern-readiness-strip){color:#d1fae5;background:#163d31}:root[data-theme=dark] .pattern-make-workspace>strong{color:#f8fafc}:root[data-theme=dark] .pattern-readiness-space{background:#263449;border-color:#64748b}