.parcel-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:clamp(28px,6vw,90px);align-items:start;margin-top:34px}.parcel-inspector,.parcel-workspace{min-width:0}.parcel-board-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}.parcel-board-heading h2,.parcel-inspector h2{font-size:clamp(20px,2vw,25px);line-height:1.3;margin:0}.parcel-board-heading span{font-size:13px;white-space:nowrap}.parcel-board-scroll{overflow:auto;border-radius:17px;background:#d4d4bc;padding:12px;box-shadow:0 7px 0 #b9b99d,0 14px 22px #263f3410;overscroll-behavior:contain}.parcel-paper{min-width:calc(var(--parcel-size) * 44px);width:100%}.parcel-grid{height:0;padding-bottom:100%;position:relative}.parcel-map{position:absolute;inset:0;width:100%;height:100%;border-radius:7px;display:block}.parcel-cells{position:absolute;inset:0;display:grid}.parcel-cell{display:block;position:relative;background:transparent;border:0;border-radius:10px;padding:0;min-width:0;min-height:44px;color:#254d4f;touch-action:manipulation}.parcel-cell.has-bead{touch-action:none;cursor:grab}.parcel-cell.has-bead:active{cursor:grabbing}.parcel-cell:focus-visible{outline:3px solid #ab6324;outline-offset:-8px;background:#ecc06825}.parcel-cell.is-legal:hover{box-shadow:inset 0 0 0 4px #b6be8c70}.parcel-bead{transition:transform .18s ease}.parcel-bead.is-preview{transition:none;opacity:.8}.parcel-map-note{font-size:13px;margin:22px 0 0;line-height:1.6}.parcel-inspector{padding-top:1px}.parcel-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;margin:0 0 10px}.parcel-roster{margin:24px 0 20px;border-block:1px solid #d5ddcc}.parcel-roster>button{width:100%;display:flex;align-items:center;gap:15px;border:0;border-bottom:1px solid #d5ddcc;background:transparent;min-height:58px;text-align:left;padding:9px 7px;color:#24514f;border-radius:0}.parcel-roster>button:last-child{border-bottom:0}.parcel-roster>button[aria-pressed=true]{background:#e5ebd9}.parcel-roster>button:disabled{opacity:.6}.parcel-roster>button>svg:first-child{width:32px;height:32px;fill:currentColor;flex-shrink:0}.parcel-roster-state,.parcel-roster>button>svg:last-child:not(:first-child){margin-left:auto;font-size:12px}.parcel-intro{border-left:3px solid #9cae7d;padding:0 0 0 16px;margin:23px 0}.parcel-intro h3{font-size:17px;margin:0 0 8px}.parcel-help p,.parcel-intro p{font-size:14px;line-height:1.7}.parcel-inspector button:not(.parcel-cell){min-height:44px;font:inherit;cursor:pointer}.parcel-intro button{border:0;background:transparent;color:#285a56;padding:0;display:flex;align-items:center;gap:8px;font-weight:700!important}.parcel-directions{display:flex;gap:8px;margin:24px 0 17px}.parcel-directions button{flex:1 1;border:1px solid #becbb7;border-radius:12px;background:#f9f7eb;color:#285653;display:flex;align-items:center;justify-content:center}.parcel-directions button:hover:not(:disabled){background:#e2ead6;transform:translateY(-2px)}.parcel-inspector button:disabled{cursor:default}.parcel-directions button:disabled{opacity:.35}.parcel-hint{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;background:#e4ebd4;color:#47673c;border:0;border-radius:12px;padding:10px 18px}.parcel-feedback{font-size:14px;line-height:1.75;min-height:76px;margin:20px 0}.parcel-success{display:flex;gap:12px;align-items:center;padding:12px 0;color:#48703b;animation:parcel-arrive .35s ease-out}.parcel-actions{display:flex;gap:10px;margin:14px 0}.parcel-actions button{display:flex;align-items:center;gap:8px;border:0;border-radius:11px;background:#e9ecdf;color:#285653;padding:10px 12px}.parcel-actions button:disabled{opacity:.4}.parcel-next{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;border:0;border-radius:12px;background:#2d5b56;color:#fff;padding:12px 18px;font-weight:700!important}.parcel-help{border-top:1px solid #d5ddcc;padding-top:18px;margin-top:24px;font-size:13px}.parcel-help summary{cursor:pointer}.parcel-workspace{animation:parcel-arrive .45s ease-out}.parcel-inspector button:focus-visible{outline:3px solid #ad722c;outline-offset:3px}.parcel-next:hover:not(:disabled){background:#234c48}.parcel-roster button:hover:not(:disabled){background:#e9eddf}@keyframes parcel-arrive{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.parcel-layout{grid-template-columns:1fr;gap:30px;margin-top:26px}.parcel-inspector{max-width:none}.parcel-roster{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0}.parcel-roster>button{width:auto;flex:1 0 120px;border:0;padding:7px;border-radius:10px}.parcel-feedback{min-height:0}.parcel-directions{max-width:400px}.parcel-board-heading{margin-bottom:16px}.parcel-roster-state{display:none}.parcel-board-scroll{padding:8px}}@media (prefers-reduced-motion:reduce){.parcel-success,.parcel-workspace{animation:none}.parcel-bead,.parcel-directions button{transition:none}.parcel-directions button:hover:not(:disabled){transform:none}}.mirror-garden-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);gap:clamp(28px,6vw,85px);align-items:start;margin-top:34px}.mirror-garden-inspector,.mirror-garden-workspace{min-width:0}.mirror-garden-board-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px}.mirror-garden-board-heading h2,.mirror-garden-inspector h2{font-size:clamp(20px,2vw,25px);line-height:1.35;margin:0}.mirror-garden-board-heading>span{font-size:13px;white-space:nowrap}.mirror-garden-scroll{overflow:auto;padding:12px;background:#ccd5bd;border-radius:17px;box-shadow:0 7px 0 #acbb99,0 14px 25px #284e3410;overscroll-behavior:contain}.mirror-garden-paper{min-width:calc(var(--garden-width) * 44px);width:100%}.mirror-garden-grid{position:relative;height:0}.mirror-garden-map{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:7px}.mirror-garden-cells{position:absolute;inset:0;display:grid}.mirror-garden-cell{background:transparent;border:0;border-radius:9px;min-width:0;min-height:44px;padding:0;color:#285752;touch-action:manipulation}.mirror-garden-cell.has-flower{touch-action:none;cursor:grab}.mirror-garden-cell:focus-visible{outline:3px solid #a96b2b;outline-offset:-5px;background:#f3ce7020}.mirror-garden-cell[aria-pressed=true]{box-shadow:inset 0 0 0 3px #3d756a}.mirror-garden-map-note{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;line-height:1.7;margin-top:24px}.mirror-garden-map-note label{display:flex;gap:8px;align-items:center}.mirror-garden-map-note input{width:18px;height:18px;accent-color:#2d625b}.mirror-garden-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px}.mirror-garden-palette{margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mirror-garden-palette button{display:flex;flex-wrap:wrap;gap:10px;align-items:center;text-align:left;border:1px solid transparent;border-radius:12px;background:#e8ecdd;color:#2b5652;padding:12px 10px;touch-action:none}.mirror-garden-palette button>svg{width:42px;height:42px;flex-shrink:0}.mirror-garden-palette button>span{min-width:0;max-width:100%;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.mirror-garden-palette small{display:block;font-size:12px}.mirror-garden-palette button[aria-pressed=true]{border-color:#3d756b;background:#e0ead4}.mirror-garden-palette button:disabled{opacity:.35}.mirror-garden-inspector button{font:inherit;min-height:44px;cursor:pointer}.mirror-garden-inspector button:disabled{cursor:default}.mirror-garden-inspector button:focus-visible{outline:3px solid #ad742e;outline-offset:3px}.mirror-garden-intro{border-left:3px solid #9bb080;padding-left:16px;margin:24px 0}.mirror-garden-intro h3{font-size:18px;margin:0 0 8px}.mirror-garden-help p,.mirror-garden-intro p{font-size:14px;line-height:1.75}.mirror-garden-intro button{display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:#2b615a;font-weight:700}.mirror-garden-hint,.mirror-garden-return{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;padding:10px 14px;margin:12px 0;background:#e7ebde;color:#2c5d56}.mirror-garden-return:disabled{opacity:.35}.mirror-garden-hint{background:#e4ecd4;color:#4a6b3f}.mirror-garden-feedback{font-size:14px;line-height:1.75;min-height:70px;margin:20px 0}.mirror-garden-success{display:flex;align-items:center;gap:10px;padding:12px 0;color:#4a743b;animation:garden-open .35s ease-out}.mirror-garden-actions{display:flex;gap:10px;margin:16px 0}.mirror-garden-actions button{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#e7ebdf;color:#2b5c54;border:0;border-radius:11px}.mirror-garden-actions button:disabled{opacity:.35}.mirror-garden-next{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;border:0;border-radius:12px;background:#2d6057;color:#fff;padding:12px 18px;font-weight:700!important}.mirror-garden-next:hover:not(:disabled){background:#244f47}.mirror-garden-help{margin-top:24px;border-top:1px solid #d5ddcd;padding-top:18px;font-size:13px}.mirror-garden-help summary{cursor:pointer}.mirror-flower-arrive{animation:garden-bloom .22s ease-out;transform-origin:0 0}.mirror-garden-workspace{animation:garden-open .4s ease-out}@keyframes garden-bloom{0%{opacity:.3;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes garden-open{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.mirror-garden-layout{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:26px}.mirror-garden-scroll{padding:8px}.mirror-garden-feedback{min-height:0}.mirror-garden-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.mirror-garden-board-heading h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.mirror-flower-arrive,.mirror-garden-success,.mirror-garden-workspace{animation:none}}.mirror-garden-scroll.is-horizontal{max-width:414px;margin-inline:auto}.memory-pairs-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:clamp(28px,5vw,80px);align-items:start;margin-top:32px}.memory-pairs-inspector,.memory-pairs-workspace{min-width:0}.memory-pairs-intro-art>svg{display:block;width:100%;height:auto;border-radius:18px}.memory-pairs-round-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}.memory-pairs-inspector h2,.memory-pairs-round-heading h2{font-size:clamp(21px,2vw,26px);line-height:1.4;margin:0}.memory-pairs-round-heading>span{font-size:13px;white-space:nowrap}.memory-pairs-workspace .memory-score{display:flex;flex-wrap:wrap;align-items:center;gap:12px 30px;padding:12px 0;margin-bottom:20px;border-block:1px solid #d4dccb;font-size:14px}.memory-pairs-workspace .memory-score small{flex-basis:100%}.memory-pairs-board{display:grid;grid-template-columns:repeat(var(--memory-cols),minmax(0,1fr));gap:12px;max-width:650px}.memory-pair-card{position:relative;border:2px solid #2b5b56;background:#2d605a;color:#ebf1df;border-radius:14px;padding:0;min-width:44px;min-height:44px;box-shadow:0 4px 0 #c3cbb6;cursor:pointer;touch-action:manipulation;overflow:hidden}.memory-pair-card:before{content:"";display:block;padding-top:100%}.memory-pair-card.is-revealed{background:#fff8e7;border-color:#c2ceb1;color:#264e4c}.memory-pair-card.is-matched{border-color:#769767;box-shadow:0 4px 0 #b2c7a0}.memory-pair-card:focus-visible{outline:3px solid #b37a30;outline-offset:3px}.memory-pair-card:hover:not(:disabled):not(.is-matched){transform:translateY(-2px)}.strategy-page .memory-pair-card:disabled{cursor:default;opacity:1}.memory-card-face{position:absolute;inset:5px;display:flex;align-items:center;justify-content:center}.memory-card-face>.memory-animal{display:block;width:100%;height:100%}.memory-card-face>.choice-picture{width:100%;height:100%;margin:0}.memory-card-face>.choice-picture img{max-width:100%;max-height:100%;object-fit:contain}.memory-pair-card.is-revealed .memory-card-face{animation:memory-open .18s ease-out}.memory-pairs-old-picture{font-size:clamp(28px,5vw,68px);line-height:1}.memory-card-check{position:absolute;right:5px;bottom:5px;border-radius:50%;padding:2px;background:#e1ecd5;color:#386a46}.memory-pairs-saved-note,.memory-pairs-workspace .memory-click-result{font-size:14px;line-height:1.7;margin-top:22px}.memory-pairs-saved-note{color:#567362}.memory-pairs-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px}.memory-pairs-inspector>p:not(.memory-pairs-eyebrow){font-size:14px;line-height:1.8}.memory-pairs-finished button,.memory-pairs-inspector button{font:inherit;min-height:44px;cursor:pointer}.memory-pairs-finished>button,.memory-pairs-primary{display:flex;justify-content:center;align-items:center;gap:13px;border:0;border-radius:12px;background:#2d6057;color:#fff;padding:12px 17px;width:100%;font-weight:700!important;margin-top:22px}.memory-pairs-finished>button:hover,.memory-pairs-primary:hover{background:#234e47}.memory-pairs-new,.memory-pairs-peek{display:flex;justify-content:center;align-items:center;gap:12px;border:0;border-radius:12px;background:#e4ecd5;color:#476c3f;padding:12px 14px;width:100%;margin-top:20px}.memory-pairs-peek:disabled{opacity:.4;cursor:default}.memory-pairs-pace{display:flex;flex-direction:column;gap:9px;font-size:14px;margin:24px 0;line-height:1.6}.memory-pairs-pace select{min-height:44px;max-width:100%;border:1px solid #b7c9ae;background:#fff9ed;color:#295952;font:inherit;padding:9px 12px;border-radius:10px;cursor:pointer}.memory-pairs-notice{min-height:64px}.memory-pairs-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.memory-pairs-actions button{display:flex;align-items:center;gap:8px;padding:10px 12px;border:0;border-radius:11px;background:#e7ecdf;color:#2f5e56}.memory-pairs-actions button:disabled{opacity:.4;cursor:default}.memory-pairs-new{background:#e7ecdf;color:#315e56}.memory-pairs-archive{border:0;background:transparent;color:#2a6055;text-align:left;padding:12px 0;margin-top:12px;text-decoration:underline;text-underline-offset:3px}.memory-pairs-help{margin-top:24px;border-top:1px solid #d4ddcb;padding-top:18px;font-size:13px;line-height:1.8}.memory-pairs-help summary{cursor:pointer}.memory-pairs-finished{padding:clamp(24px,5vw,70px);background:#e6edd9;border-radius:20px;color:#3d674b;text-align:center;animation:memory-open .35s ease-out}.memory-pairs-finished>svg{margin:auto}.memory-pairs-finished h2{font-size:clamp(28px,3vw,42px);margin:18px 0 10px}.memory-pairs-finished p{font-size:16px;line-height:1.8}.memory-pairs-finished button:focus-visible,.memory-pairs-inspector button:focus-visible,.memory-pairs-pace select:focus-visible{outline:3px solid #b37a30;outline-offset:3px}.memory-pairs-layout{animation:memory-arrive .4s ease-out}@keyframes memory-open{0%{opacity:.3;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes memory-arrive{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.memory-pairs-layout{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:24px}.memory-pairs-board{gap:8px}.memory-pair-card{border-radius:10px}.memory-card-face{inset:3px}.memory-pairs-workspace .memory-score{gap:10px 24px}.memory-pairs-notice{min-height:0}.memory-pairs-intro-art{max-width:520px;margin:auto}}@media (prefers-reduced-motion:reduce){.memory-pair-card.is-revealed .memory-card-face,.memory-pairs-finished,.memory-pairs-layout{animation:none}.memory-pair-card:hover:not(:disabled):not(.is-matched){transform:none}}.shadow-match-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:clamp(28px,5vw,80px);align-items:start;margin-top:32px}.shadow-inspector,.shadow-option,.shadow-stage{min-width:0}.shadow-outline{max-width:410px;margin:0 auto 28px;text-align:center;background:#fff8e7;border:1px solid #dedcc7;border-radius:22px;padding:20px}.shadow-outline>.shadow-mark{display:block;width:160px;max-width:100%;height:160px;margin:auto}.shadow-eyebrow{font-size:11px;line-height:1.7;letter-spacing:.16em;text-transform:uppercase}.shadow-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.strategy-page .shadow-choice{position:relative;display:block;width:100%;min-height:44px;min-width:44px;padding:8px;border:2px solid #d4d9c5;border-radius:15px;background:#f8f1df;color:#254e52;cursor:pointer;touch-action:manipulation}.shadow-drawing>.shadow-mark{width:160px;max-width:100%;height:160px;display:block}.shadow-choice>.shadow-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:800;padding-bottom:8px}.shadow-choice:hover:not(:disabled){border-color:#859e77;transform:translateY(-2px)}.shadow-choice.is-chosen{border-color:#9d7a42}.shadow-choice.is-correct{border-color:#668d60;background:#eaf0db}.strategy-page .shadow-choice:disabled{opacity:1;cursor:default}.shadow-fit-overlay{position:absolute;inset:0;pointer-events:none;animation:shadow-fit .4s ease-out}.shadow-fit-overlay .shadow-mark{display:block;width:100%;height:100%}.shadow-fit-overlay .shadow-mark path:first-child{fill:none}.shadow-inspector h2{font-size:clamp(23px,2vw,29px);line-height:1.4;margin:10px 0 18px}.shadow-inspector p{font-size:14px;line-height:1.8}.shadow-teaching{border-block:1px solid #d3ddc7;padding:16px 0;margin:20px 0}.shadow-teaching h3{font-size:17px;margin:0}.shadow-inspector button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 15px;border:0;border-radius:12px;background:#e7ecd9;color:#315e54;font:inherit;cursor:pointer;max-width:100%;white-space:normal}.shadow-inspector button:disabled{cursor:default}.shadow-success>button,.shadow-teaching>button{background:#2e6158;color:#fff;width:100%;font-weight:700}.shadow-hint,.shadow-next,.shadow-rotate{width:100%;margin-top:16px}.shadow-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.shadow-describe{background:transparent!important;text-decoration:underline;text-underline-offset:3px;padding-left:0!important;margin-top:20px}.shadow-description{font-size:13px;line-height:1.8;text-align:left;overflow-wrap:anywhere}.shadow-feedback{min-height:48px;color:#715b37}.shadow-caption{font-size:12px!important;color:#617261}.shadow-hint-text{padding:12px;background:#f7edcc;border-radius:12px}.shadow-choice:focus-visible,.shadow-inspector button:focus-visible{outline:3px solid #bd8640;outline-offset:3px}.shadow-success{animation:shadow-fit .4s ease-out}.shadow-fit-overlay .shadow-mark path:last-child{stroke-width:.15}@keyframes shadow-fit{0%{opacity:.3;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (max-width:800px){.shadow-match-layout{grid-template-columns:minmax(0,1fr);gap:28px}.shadow-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shadow-outline{padding:15px;max-width:330px}.shadow-feedback{min-height:0}}@media (prefers-reduced-motion:reduce){.shadow-fit-overlay,.shadow-success{animation:none}.shadow-choice:hover:not(:disabled){transform:none}}.shadow-drawing{display:block;position:relative;width:160px;max-width:100%;height:160px;margin:auto}.shadow-match-page .strategy-heading h1{overflow-wrap:anywhere}@media (max-width:1100px){.shadow-drawing,.shadow-drawing>.shadow-mark,.shadow-outline>.shadow-mark{width:100px;height:100px}}.two-rule-page{background:#f5f0e4}.sort-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:36px;align-items:start}.sort-lesson{margin:0 0 24px;padding:14px 20px;border-left:4px solid #dc7853;background:#fff9ea}.sort-lesson p{margin:0 0 10px}.sort-orientation{margin-top:0}.sort-scroll{overflow:auto;max-height:72vh;overscroll-behavior:contain;border-radius:14px;border:2px solid #acbda8}.sort-scroll:focus-visible{outline:3px solid #d46a43;outline-offset:3px}.sort-table{border-collapse:initial;border-spacing:0;width:100%;min-width:500px;table-layout:fixed}.sort-table th{padding:10px 5px;text-align:center;text-transform:capitalize;background:#e1e9d6;position:-webkit-sticky;position:sticky;z-index:3;top:0;vertical-align:middle}.sort-table th:first-child{left:0;width:100px;z-index:4}.sort-table tbody th{z-index:2}.sort-table .sort-picture{display:block;width:52px;height:52px;margin:0 auto 6px}.sort-table td{position:relative;min-height:132px;height:132px;border-left:1px solid #b9c6b0;border-top:1px solid #b9c6b0;padding:42px 5px 8px;vertical-align:top;background:#fffbed}.sort-place.sort-place{position:absolute;top:0;left:0;width:100%;height:44px;border:0;background:transparent;border-radius:0;display:block;padding:8px;min-height:44px}.sort-place span{position:absolute;top:8px;left:0;right:0;font-size:.8em}.sort-place:focus-visible{outline:3px solid #d46a43;outline-offset:-4px}.sort-cell-tokens{align-items:start;flex-wrap:wrap;gap:5px;pointer-events:none}.sort-cell-tokens,.sort-token.sort-token{position:relative;display:flex;justify-content:center}.sort-token.sort-token{flex-direction:column;align-items:center;background:#fff8e6;border:2px solid #b5c5ab;border-radius:12px;min-width:64px;min-height:70px;width:80px;padding:5px;color:#214f4d;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;transition:box-shadow .15s,border-color .15s}.sort-token .sort-picture{width:46px;height:46px;margin:0}.sort-token>span:not(.sort-token-name){font-size:.75rem}.sort-token-name{font-size:.7rem;line-height:1.2}.sort-token.is-selected{border-color:#c65e39;box-shadow:0 0 0 3px #e8b993}.two-rule-page .sort-token:disabled{opacity:1}.sort-tray{margin-top:24px}.sort-tray h2{margin-bottom:6px}.sort-tray p{margin-top:0}.sort-tray-tokens{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;min-height:30px}.sort-return.sort-return{font-size:.85em}.sort-controls{position:-webkit-sticky;position:sticky;top:20px;min-width:0}.sort-controls>button{display:block;width:100%;margin:10px 0;min-height:48px;white-space:normal}.sort-primary.sort-primary{background:#285f55;color:white}.sort-history{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.sort-history button{min-height:44px}.sort-progress{font-size:.9em;border-bottom:1px solid #c4ceb9;padding-bottom:14px}.sort-feedback{min-height:3em}.sort-controls details{margin-top:22px}.sort-controls summary{cursor:pointer;min-height:44px}.sort-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);width:76px;height:76px;filter:drop-shadow(0 6px 8px #234d492c)}.sort-table td.is-fit{background:#e0ebd4;animation:sort-fit .4s ease-out}.sort-table .sort-token{width:64px}.sort-table .sort-token-name{display:none}@keyframes sort-fit{0%{background:#f3d7a9}to{background:#e0ebd4}}@media (max-width:850px){.sort-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.sort-controls{position:static}.sort-table{min-width:480px}.sort-table th:first-child{width:90px}.sort-token.sort-token{min-height:78px}.sort-lesson{padding:12px}.sort-controls>button{max-width:100%}}@media (prefers-reduced-motion:reduce){.sort-token.sort-token{transition:none}.sort-table td.is-fit{animation:none}}.size-order-page{background:#f5f0e4}.order-rule{border-left:4px solid #d47956;padding-left:18px;margin-bottom:22px}.order-rule h2{margin:0 0 8px}.order-rule p{margin:0}.order-lesson{margin:20px 0;padding:14px 18px;background:#fff9e9}.order-lesson p{margin-top:0}.order-scroll{overflow:auto;overscroll-behavior:contain;padding:8px 4px 16px;max-width:100%;border-bottom:1px solid #b2c1a9}.order-scroll:focus-visible{outline:3px solid #b3733c;outline-offset:2px}.order-line{display:flex;align-items:flex-end;min-width:100%;width:-webkit-max-content;width:max-content;justify-content:center}.order-slot{width:176px;flex:0 0 176px;text-align:center;position:relative}.order-position{display:block;font-size:.8em;margin-bottom:8px}.order-gap.order-gap,.order-object.order-object{background:transparent;border:2px solid transparent;display:flex;flex-direction:column;gap:0;padding:0;border-radius:8px;width:176px;max-width:none;min-height:230px;color:#27554f;touch-action:none;-webkit-user-select:none;user-select:none}.order-sculpture{height:184px;width:172px;flex:none;display:flex;align-items:flex-end;justify-content:center;position:relative;border-bottom:2px solid #a4b799;margin-bottom:12px}.order-picture{display:block;flex:none;max-width:none;overflow:visible}.order-fixed>span,.order-gap>span,.order-object>span{padding:4px 6px 10px;line-height:1.3;overflow-wrap:anywhere}.order-object.is-selected{border-color:#bd693f;box-shadow:0 0 0 2px #dfb18a}.size-order-page .order-gap:disabled,.size-order-page .order-object:disabled{opacity:1}.order-fixed{min-height:230px;border:2px solid transparent;display:flex;flex-direction:column;align-items:center}.order-gap.order-gap{border:2px dashed #a4b799;background:#fff8e7}.order-question{font-size:3rem;margin-bottom:35px}.order-choice-line{display:flex;justify-content:flex-start;width:-webkit-max-content;width:max-content;min-width:100%;align-items:flex-end}.order-tray{margin-top:24px}.order-tray h3{margin-bottom:8px}.order-controls{margin-top:24px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.order-controls>details,.order-controls>h2,.order-controls>p{flex-basis:100%;margin:0}.order-movers{display:flex;gap:12px;flex-wrap:wrap;flex-basis:100%}.order-controls button{min-height:48px;padding:10px 16px}.order-feedback{min-height:3em;padding:12px 0}.order-primary.order-primary{background:#2b6457;color:#fff;min-width:130px}.order-controls details{margin-top:14px}.order-controls summary{min-height:44px;cursor:pointer}.order-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 5px 5px #27554f33)}.order-line.is-fit .order-sculpture{border-bottom-color:#5a8b59;animation:order-glow .4s ease-out}@keyframes order-glow{0%{background:#f4deb9}to{background:transparent}}@media (max-width:600px){.order-lesson{padding:12px}.order-controls button{max-width:100%;white-space:normal}}@media (prefers-reduced-motion:reduce){.order-line.is-fit .order-sculpture{animation:none}}.order-picture circle,.order-picture path{vector-effect:non-scaling-stroke}.logic-family-nav{margin:8px 0 26px;padding:16px 0;border-top:1px solid #c8d2c0;border-bottom:1px solid #c8d2c0;color:#28564f}.logic-family-nav h3{font-size:1.15rem;margin:0 0 6px;font-weight:800}.logic-family-nav p{margin:0 0 12px;color:#536e60;line-height:1.6}.logic-family-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 14px}.logic-family-nav li{min-width:0;max-width:100%}.logic-family-nav a{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:44px;padding:9px 10px;text-decoration:none;border-radius:5px;line-height:1.4;overflow-wrap:anywhere;transition:background-color .15s}.logic-family-nav a:hover{background:#e8eddd}.logic-family-nav a[aria-current=page]{background:#285e53;color:#fff;font-weight:700}.logic-family-nav a:focus-visible{outline:3px solid #c1804b;outline-offset:3px}.logic-family-nav a span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:420px){.logic-family-nav ul{gap:5px}.logic-family-nav a{padding-inline:8px;max-width:100%}}@media (prefers-reduced-motion:reduce){.logic-family-nav a{transition:none}}.number-gate-page{background:#f4f0e4}.gate-interaction button{font-size:.9375rem;line-height:1.4}.gate-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:start}.gate-sequence h2{margin:0 0 12px}.gate-sequence ol{list-style:none;display:flex;align-items:center;gap:30px;padding:0;margin:0;flex-wrap:wrap}.gate-sequence li{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:64px;min-height:80px;border:2px solid #b1bfa9;border-radius:12px;background:#fff7e4}.gate-sequence li.is-next{border-color:#b77545;background:#f6d9a1}.gate-sequence li.is-done{background:#d8e6c9}.gate-number{font-size:1.7rem;font-weight:900;line-height:1.2}.gate-dots{width:34px;height:24px;fill:currentColor;display:block}.gate-sequence-arrow{position:absolute;left:calc(100% + 7px);font-size:1.25rem;top:26px}.gate-state{height:32px;display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1.2;font-weight:800}.gate-sequence>p{margin:12px 0}.gate-lesson{margin:20px 0;padding:14px 18px;border-left:4px solid #cd8853;background:#fff8e7}.gate-board-help,.gate-lesson p{margin-top:0}.gate-scroll{overflow:auto;max-width:100%;padding:8px;background:#233f55;border-radius:20px;width:-webkit-max-content;width:max-content;box-sizing:border-box}.gate-board{position:relative;width:calc(var(--gate-size) * 56px);height:calc(var(--gate-size) * 56px);flex:none;outline-offset:-4px}.gate-board:focus-visible{outline:3px solid #f7ce83}.gate-map{width:100%;height:100%;display:block}.gate-map text{font-family:inherit}.gate-hit.gate-hit{position:absolute;width:56px;min-width:56px;height:56px;min-height:56px;max-width:none;margin:0;padding:0;border:0;background:transparent;border-radius:8px;touch-action:pan-x pan-y}.gate-hit[aria-current=location]{touch-action:none}.gate-hit.gate-hit:focus-visible{outline:3px solid #d77949;outline-offset:-4px}.gate-animal{transition:transform .18s ease-out;pointer-events:none}.gate-map.is-dragging .gate-animal{transition:none}.gate-follow.gate-follow{margin-top:12px;min-height:44px;padding:10px 14px}.gate-controls{position:-webkit-sticky;position:sticky;top:20px;min-width:0}.gate-controls>h2{margin:8px 0}.gate-controls>.gate-dots{width:60px;height:40px}.gate-controls>button{display:block;width:100%;margin:10px 0;min-height:48px;padding:10px 14px}.gate-progress{font-size:.9em;border-bottom:1px solid #bdcbb4;padding-bottom:14px}.gate-feedback{min-height:3em}.gate-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:15px}.gate-directions button{min-height:48px;padding:8px}.gate-directions button:first-child{grid-column:2}.gate-directions button:nth-child(2){grid-column:1}.gate-primary.gate-primary{background:#2e6254;color:#fff}.gate-history{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.gate-history button{min-height:44px;padding:9px 14px}.gate-controls details{margin-top:20px}.gate-controls summary{cursor:pointer;min-height:44px}.gate-controls details p{line-height:1.65}@media (max-width:850px){.gate-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.gate-controls{position:static}.gate-controls>button{max-width:420px}.gate-directions{max-width:340px}.gate-sequence ol{gap:22px}.gate-sequence li{width:58px}.gate-sequence-arrow{left:calc(100% + 4px)}.gate-lesson{padding:12px}}@media (prefers-reduced-motion:reduce){.gate-animal{transition:none}}.gate-map.is-home .gate-frog{animation:gate-celebrate .35s ease-out}@keyframes gate-celebrate{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.gate-map.is-home .gate-frog{animation:none}}@media (max-width:420px){.gate-sequence ol{gap:12px}}.route-switch-page{background:#fbf7ed;color:#244b56}.switch-interaction button{font-size:.9375rem;line-height:1.4;min-height:44px}.switch-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.switch-scroll{max-width:100%;overflow:auto;border-radius:24px;border:1px solid #d9decb;overscroll-behavior-x:contain}.switch-map{margin-inline:auto;display:block;max-width:none}.switch-lesson{background:#e7eddb;padding:18px 22px;border-radius:18px;margin:24px 0}.switch-controls{display:grid;gap:12px}.switch-controls h2{font-size:1.4rem;margin:0}.switch-controls fieldset{margin:0;border:1px solid #b9c9bc;border-radius:14px;padding:8px 10px 12px;min-width:0}.switch-controls legend{font-weight:800;padding:0 5px}.switch-controls fieldset>div{display:flex;flex-wrap:wrap;gap:7px}.switch-controls button[aria-pressed=true]{background:#2e6974;color:#fffaf0;border-color:#2e6974}.switch-controls .switch-locate{background:transparent;padding-inline:8px}.switch-controls .switch-primary{background:#bd643d;color:#fff9ef;font-weight:800}.switch-history{display:flex;gap:10px;flex-wrap:wrap}.switch-controls .switch-hinted{outline:3px solid #d6a144;outline-offset:2px}.switch-feedback{min-height:4.5em;background:#f0eedf;border-radius:12px;padding:12px;margin:0}.switch-destinations{display:flex;flex-wrap:wrap;gap:10px 20px;padding:0;list-style:none;font-weight:700}.switch-explanation{border-left:4px solid #6e9999;padding-left:12px;display:flex;flex-wrap:wrap;gap:8px}.switch-explanation p{width:100%;margin:0}.switch-map .switch-bird{transition:transform .28s ease-in-out}.switch-controls fieldset:disabled{opacity:1}.switch-controls fieldset:disabled button{opacity:.7}@media (max-width:760px){.switch-workspace{grid-template-columns:minmax(0,1fr)}.switch-controls{max-width:560px}.switch-lesson{padding:14px}.switch-controls fieldset>div{gap:8px}}@media (prefers-reduced-motion:reduce){.switch-map .switch-bird{transition:none}}.marble-maze-page{background:#f4efdf}.marble-interaction button{font-size:.9375rem;line-height:1.4;min-height:44px}.marble-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}.marble-lesson{background:#e4e9d3;border-radius:18px;padding:18px 22px;margin:24px 0}.marble-scroll{overflow:auto;max-width:100%;border-radius:18px;background:#283f57;overscroll-behavior-x:contain}.marble-board{width:calc(var(--marble-size) * 56px);height:calc(var(--marble-size) * 56px);position:relative;margin-inline:auto;isolation:isolate}.marble-map{width:100%;height:100%;display:block}.marble-board .marble-hit{position:absolute;width:56px;height:56px;min-height:56px;padding:0;border:0;border-radius:9px;background:transparent;touch-action:pan-x pan-y;z-index:1}.marble-board .marble-hit:hover{background:#f8bd5233}.marble-board .marble-hit:focus-visible{outline:3px solid #dc7445;outline-offset:-4px}.marble-controls{display:grid;gap:12px}.marble-controls h2{font-size:1.45rem;margin:0}.marble-stars{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}.marble-stars li{border:2px dashed #a09a78;padding:10px 14px;border-radius:12px;color:#9a6a23}.marble-stars .is-collected{border-style:solid;background:#e4c46c;color:#344c42}.marble-stars span{display:block;font-size:.9rem}.marble-feedback{min-height:4.5em;background:#e8e7d7;border-radius:12px;padding:12px;margin:0}.marble-directions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.marble-history{display:flex;gap:10px;flex-wrap:wrap}.marble-controls .marble-primary{background:#326d79;color:#fffaed;font-weight:800}.marble-actor{transition:transform .18s ease-in-out}.marble-map.is-complete .marble-glow{animation:marble-arrival .6s ease-out 1}@keyframes marble-arrival{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.7)}}@media (max-width:760px){.marble-workspace{grid-template-columns:minmax(0,1fr)}.marble-controls{max-width:560px}.marble-lesson{padding:14px}}@media (prefers-reduced-motion:reduce){.marble-actor{transition:none}.marble-map.is-complete .marble-glow{animation:none}}.robot-command-page{background:#f8f3e5}.robot-interaction button{font-size:.9375rem;line-height:1.4;min-height:44px}.robot-lesson{background:#e4ead7;padding:18px 22px;border-radius:18px;margin:24px 0}.robot-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:32px;align-items:start}.robot-scroll{overflow:auto;background:#2d445b;border-radius:20px;max-width:100%;overscroll-behavior-x:contain}.robot-board{margin-inline:auto}.robot-map{display:block;width:100%;height:100%}.robot-actor{transition:transform .3s ease}.robot-workspace h2{font-size:1.4rem;margin:18px 0 10px}.robot-palette{display:grid;grid-template-columns:1fr 1fr;gap:10px}.robot-palette button{display:flex;gap:10px;align-items:center;justify-content:center}.robot-palette span{font-size:1.5em;font-weight:800}.robot-feedback{background:#e8eadb;padding:14px;border-radius:14px;min-height:6em;margin:20px 0 14px}.robot-history,.robot-run-controls{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.robot-run-controls .robot-primary{background:#3a717a;color:#fff9e7;font-weight:800}.robot-plan ol{padding:0;list-style:none;display:grid;gap:12px}.robot-plan li{padding:12px;border:2px solid #cad3bf;border-radius:16px;background:#fffaf0;min-width:0}.robot-card-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.robot-card-title strong{font-size:1.1rem;text-transform:capitalize}.robot-card-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.robot-card-tools button{flex:1 1;padding-inline:8px}.robot-card-title .robot-drag{touch-action:none;cursor:grab;width:44px;min-width:44px;padding:0;font-size:1.4rem}.robot-plan .is-executing{border-color:#b27f2e;background:#f9e9bf}.robot-plan .is-drop-target{outline:3px dashed #367782;outline-offset:3px}.robot-empty{border:2px dashed #b3bfa8;border-radius:16px;padding:28px 18px}.robot-plan #robot-drag-help{font-size:.9rem}@media (max-width:760px){.robot-workspace{grid-template-columns:minmax(0,1fr)}.robot-lesson{padding:14px}.robot-card-tools button{flex:0 1 auto}.robot-palette{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.robot-actor{transition:none}}@media (max-width:380px){.robot-palette{grid-template-columns:minmax(0,1fr)}}.road-builder-page{background:#f8f2e2}.road-interaction button{font-size:.9375rem;line-height:1.4;min-height:44px}.road-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.road-lesson{background:#e2e9d1;border-radius:18px;padding:18px 22px;margin:24px 0}.road-scroll{max-width:100%;overflow:auto;border-radius:18px;background:#e2e8d4;overscroll-behavior-x:contain}.road-board{position:relative;margin-inline:auto;isolation:isolate}.road-map{display:block;width:100%;height:100%}.road-board .road-cell{width:56px;height:56px;min-height:56px;position:absolute;background:transparent;border:0;padding:0;border-radius:8px}.road-board .road-cell:hover{background:#d89b3a22}.road-board .road-cell:focus-visible{outline:3px solid #a66537;outline-offset:-4px}.road-feedback{background:#e9ead9;border-radius:14px;padding:14px;min-height:5em;margin:20px 0 14px}.road-history,.road-run-controls{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.road-run-controls .road-primary{background:#3f7078;color:#fff9e8;font-weight:800}.road-controls h2,.road-inventory h2{font-size:1.4rem;margin:0 0 10px}.road-tray{display:grid;grid-template-columns:1fr 1fr;gap:10px}.road-tray button{display:flex;align-items:center;gap:8px;text-align:left;min-width:0;touch-action:none}.road-tray button[aria-pressed=true]{outline:3px solid #b1783d;background:#fff4d6}.road-piece{width:56px;min-width:56px;height:56px;display:block}.road-tray span{font-weight:700}.road-tray small{display:block;font-size:.8rem;font-weight:400}.road-selected{border-top:1px solid #c3cdb7;padding-top:18px;margin-top:24px}.road-selected h3{font-size:1.1rem;margin:0 0 12px}.road-selected>div{display:flex;flex-wrap:wrap;gap:8px}.road-bus{transition:transform .25s ease}.road-controls details{margin-top:24px}@media (max-width:760px){.road-workspace{grid-template-columns:minmax(0,1fr)}.road-lesson{padding:14px}.road-controls{max-width:560px}.road-tray{grid-template-columns:repeat(2,minmax(0,1fr))}.road-tray button{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.road-bus{transition:none}}.road-workspace{grid-template-rows:auto 1fr}.road-board-region{grid-column:1;grid-row:1/span 2;min-width:0}.road-inventory{grid-column:2;grid-row:1;min-width:0}.road-controls{grid-column:2;grid-row:2}.road-tray-scroll-controls{display:none}@media (max-width:760px){.road-workspace{display:flex;flex-direction:column}.road-controls,.road-inventory{width:100%;max-width:560px}.road-tray{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:4px;gap:12px;overscroll-behavior-x:contain}.road-tray button{flex:0 0 8rem;min-width:118px;min-height:112px}.road-tray-scroll-controls{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.road-board-region{width:100%}}.water-flower-page{background:#f6f2e3}.flower-pipe-interaction button{font-size:.9375rem;line-height:1.4;min-height:44px}.flower-pipe-lesson{background:#e2e9d2;border-radius:18px;padding:18px 22px;margin:24px 0}.flower-pipe-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.flower-pipe-scroll{max-width:100%;overflow:auto;border-radius:22px;background:#e5ead6;overscroll-behavior-x:contain}.flower-pipe-board{position:relative;margin-inline:auto;isolation:isolate}.flower-pipe-map{display:block;width:100%;height:100%}.flower-pipe-board .flower-pipe-hit{position:absolute;width:56px;height:56px;min-height:56px;background:transparent;border:0;padding:0;border-radius:9px;touch-action:pan-x pan-y}.flower-pipe-board .flower-pipe-hit:hover{background:#dea95122}.flower-pipe-board .flower-pipe-hit.is-selected{outline:2px solid #b67b39;outline-offset:-3px}.flower-pipe-board .flower-pipe-hit:focus-visible{outline:4px solid #ad6a34;outline-offset:-4px}.flower-pipe-controls{display:grid;gap:12px}.flower-pipe-controls h2{font-size:1.45rem;margin:0}.flower-pipe-feedback{background:#e7ead9;border-radius:14px;padding:14px;min-height:5em;margin:0}.flower-pipe-controls .flower-pipe-primary{background:#397c91;color:#fff9e8;font-weight:800}.flower-pipe-selected{border-top:1px solid #c1cdb5;padding-top:16px}.flower-pipe-selected h3{font-size:1.1rem;margin:0 0 10px}.flower-pipe-piece{width:64px;height:64px;display:block}.flower-pipe-find,.flower-pipe-history,.flower-pipe-selected>div{display:flex;flex-wrap:wrap;gap:10px}.flower-pipe-find{margin-top:10px}.flower-is-happy .flower-pipe-bloom{animation:flower-grow .6s ease-out 1;transform-origin:0 22px}@keyframes flower-grow{0%{transform:scale(.85)}70%{transform:scale(1.12)}to{transform:scale(1)}}@media (max-width:760px){.flower-pipe-workspace{grid-template-columns:minmax(0,1fr)}.flower-pipe-controls{max-width:560px}.flower-pipe-lesson{padding:14px}}@media (prefers-reduced-motion:reduce){.flower-is-happy .flower-pipe-bloom{animation:none}}.character-guess-interaction{max-width:56rem;margin:auto;color:#294e59}.character-guess-hint,.character-guess-lesson{padding:1rem 1.2rem;background:#eee6d2;border-radius:1rem;margin:1rem 0}.character-guess-cue{scroll-margin-top:6rem}.character-questions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.character-questions button{display:flex;align-items:center;gap:.65rem;flex:1 1 11rem;text-align:left;background:#e5eadb;color:#294e59;min-height:64px}.character-questions svg{width:40px;height:40px;flex:0 0 40px;pointer-events:none}.character-questions button:disabled{opacity:1}.character-notes{padding:1rem;border:2px solid #afc0ae;border-radius:1rem;margin:1rem 0 1.5rem}.character-notes h3{margin:0 0 .7rem}.character-notes ol{padding-left:1.5rem;margin:0}.character-notes li{padding:.35rem 0;overflow-wrap:anywhere}.character-notes li>svg{width:32px;height:32px;vertical-align:middle;margin-right:.5rem;pointer-events:none}.character-grid{display:grid;grid-template-columns:repeat(var(--character-columns),minmax(0,1fr));gap:1rem}.character-card{padding:.85rem;background:#eee8d7;border-radius:1rem;min-width:0}.character-portrait-wrap{position:relative;max-width:160px;width:100%;margin:auto}.character-portrait{display:block;width:100%;height:auto}.character-card h3{margin:.6rem 0 .2rem;font-size:1.2rem}.character-card>p{font-size:.85rem;margin:0 0 .8rem;overflow-wrap:anywhere}.character-card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.character-card-actions>button{width:100%}.character-card.is-crossed h3{text-decoration:line-through;text-decoration-thickness:2px}.character-cross{position:absolute;inset:0;display:grid;place-items:center;font-size:110px;font-weight:500;color:#843f4d;text-shadow:0 0 3px #fff2d5;pointer-events:none}.character-card.is-hint{outline:4px solid #ac6b6d;outline-offset:2px}.character-guess-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0 1rem}.character-guess-interaction button{min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.character-guess-feedback{font-weight:650;padding:1rem 0}.character-guess-feedback.is-complete{color:#366c59;animation:character-found .4s ease-out}.character-guess-interaction details{padding:1rem 0}.character-guess-interaction summary{min-height:48px;cursor:pointer}@media (max-width:650px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:360px){.character-grid{grid-template-columns:1fr}}@keyframes character-found{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.character-guess-feedback.is-complete{animation:none}}.craft-stick-interaction{max-width:54rem;margin:auto;color:#294e59}.craft-stick-hint,.craft-stick-lesson{padding:1rem 1.2rem;background:#eee6d2;border-radius:1rem;margin:1rem 0}.craft-stick-cue{scroll-margin-top:6rem}.craft-stick-board{position:relative;width:100%;max-width:30rem;aspect-ratio:1;margin:1rem auto 1.5rem}.craft-stick-scene{display:block;width:100%;height:auto;pointer-events:none}.craft-stick-board .craft-stick-point{position:absolute;display:grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;border:0;padding:0;background:transparent;transition:none;z-index:1;font-size:.75rem;line-height:1}.craft-stick-point>span{display:grid;place-items:center;width:2em;height:2em;min-width:24px;min-height:24px;max-width:100%;max-height:100%;border-radius:50%;background:#294e59;color:#fff5df;font-weight:750;pointer-events:none}.craft-stick-point.is-selected>span{background:#a7626a;box-shadow:0 0 0 3px #f7ecd3}.craft-stick-board .craft-stick-point:disabled{opacity:1}.craft-stick-board .craft-stick-point:focus-visible{outline:3px solid #a7626a;outline-offset:-2px;border-radius:50%}.craft-stick-actions,.craft-stick-slots{display:flex;flex-wrap:wrap;gap:.65rem}.craft-stick-interaction button{min-height:48px;white-space:normal;max-width:100%;overflow-wrap:anywhere}.craft-stick-feedback{padding:1rem 0;font-weight:650}.craft-stick-interaction details{padding:1rem 0}.craft-stick-interaction summary{min-height:48px;cursor:pointer}.craft-stick-demo{display:block;width:100%;max-width:260px;height:auto;margin:.75rem 0}.craft-stick-shared-demo{animation:stick-shared 1.5s ease-in-out 3}@keyframes stick-shared{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.craft-stick-shared-demo{animation:none}}.domino-trail-interaction{max-width:60rem;margin:auto;color:#294e59}.domino-trail-hint,.domino-trail-lesson{padding:1rem 1.2rem;margin:1rem 0;background:#eee6d2;border-radius:1rem}.domino-trail-cue{scroll-margin-top:6rem}.domino-piece{display:flex;border:3px solid #294e59;border-radius:12px;overflow:hidden;align-items:stretch;width:-webkit-max-content;width:max-content;max-width:100%;background:#294e59}.domino-piece>span{display:grid;place-items:center;width:2.4em;min-height:2.5em;font-size:1.3rem;line-height:1;border-right:2px solid #294e59;color:#294e59}.domino-piece>span:last-child{border:0}.domino-trail-path{padding:1rem;background:#e7e9db;border-radius:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0 2rem}.domino-marker{display:grid;gap:.45rem;justify-items:center;max-width:100%}.domino-trail-path ol{list-style:none;display:contents;padding:0}.domino-trail-path li{display:flex;align-items:center;gap:.5rem;max-width:100%;animation:domino-arrive .18s ease-out}.domino-chain-arrow{font-size:1.5rem}.domino-chain-piece{display:grid;gap:.4rem;justify-items:center;min-width:0}.domino-chain-names{font-size:.8rem;overflow-wrap:anywhere}.domino-marker.is-goal{margin-left:auto}.domino-tray{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;margin:1rem 0 1.5rem}.domino-tray-piece{padding:1rem;background:#f3ead6;border-radius:1rem;min-width:0}.domino-tray-piece h3{font-size:1.05rem;margin:0 0 .7rem}.domino-tray-piece p{font-size:.85rem;overflow-wrap:anywhere}.domino-tray-piece>div{display:flex;flex-wrap:wrap;gap:.5rem}.domino-tray-piece.is-hint{outline:4px solid #b77b65;outline-offset:2px}.domino-trail-actions{display:flex;flex-wrap:wrap;gap:.65rem}.domino-trail-interaction button{min-height:48px;max-width:100%;overflow-wrap:anywhere;white-space:normal}.domino-trail-feedback{font-weight:650;padding:1rem 0}.domino-trail-interaction details{padding:1rem 0}.domino-trail-interaction summary{min-height:48px;cursor:pointer}@keyframes domino-arrive{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.domino-trail-path li{animation:none}}@media (max-width:640px){.domino-trail-path li{width:100%;justify-content:center;min-width:0}.domino-chain-arrow{flex:0 0 1em}.domino-chain-piece{flex:0 1 13rem;min-width:0;max-width:100%}.domino-chain-piece .domino-piece{width:100%;max-width:100%}.domino-chain-piece .domino-piece>span{width:50%;min-width:0}.domino-chain-names{max-width:100%;text-align:center}}.bead-ring-interaction{max-width:58rem;margin:auto;color:#294b60}.bead-ring-hint,.bead-ring-lesson{padding:1rem 1.2rem;margin:1rem 0;background:#eee6d2;border-radius:1rem}.bead-ring-cue{scroll-margin-top:6rem}.bead-ring-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem;align-items:center;margin:1rem 0 1.5rem}.bead-rings-scene{width:100%;height:auto;display:block;pointer-events:none;overflow:visible}.bead-ring-target h3{font-size:1.2rem}.bead-ring-target h4{margin:.75rem 0 .4rem}.bead-ring-target ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;gap:5px}.bead-ring-target li{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.bead-ring-target li>span{display:grid;place-items:center;border-radius:50%;width:1.6em;max-width:100%;height:1.6em;flex-shrink:0;line-height:1;font-size:25px;color:#243f55}.bead-ring-target small{font-size:.8rem;overflow-wrap:anywhere}.bead-ring-actions,.bead-ring-turns{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.bead-ring-actions button,.bead-ring-lesson button,.bead-ring-turns button{min-height:48px;max-width:100%;overflow-wrap:anywhere;white-space:normal}.bead-ring-turns button{background:#294b60;color:#fff5df}.bead-ring-turns button.is-hint{outline:4px solid #d87868;outline-offset:2px}.bead-ring-feedback{font-weight:650;padding:.6rem 0}.bead-ring-interaction details{padding:1rem 0}.bead-ring-interaction summary{min-height:48px;cursor:pointer}.ring-turn-ccw,.ring-turn-cw{transform-origin:210px 210px;animation:ring-cw .22s ease-out}.ring-turn-ccw{animation-name:ring-ccw}.ring-bead-transfer{animation:ring-transfer .22s ease-out}@keyframes ring-cw{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes ring-ccw{0%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes ring-transfer{0%{transform:translate(var(--bead-x),var(--bead-y))}to{transform:translate(0)}}@media (max-width:620px){.bead-ring-stage{grid-template-columns:1fr;gap:.75rem}.bead-ring-stage>div{max-width:330px;width:100%;margin:auto}.bead-ring-target ol{max-width:23rem}.bead-ring-target h3{margin-top:0}}@media (prefers-reduced-motion:reduce){.ring-bead-transfer,.ring-turn-ccw,.ring-turn-cw{animation:none}}.picture-slide-page{--picture-ink:#284b52}.picture-slide-interaction{max-width:54rem;margin:auto;color:var(--picture-ink)}.picture-slide-hint,.picture-slide-lesson{padding:1rem 1.2rem;background:#f0e8d5;border-radius:1rem;margin:1rem 0}.picture-slide-cue{scroll-margin-top:6rem}.picture-slide-cue h2{font-size:clamp(1.35rem,4vw,2rem);margin-bottom:.4rem}.picture-slide-numbers{display:flex;gap:.65rem;align-items:center;min-height:48px;margin-bottom:.75rem}.picture-slide-numbers input{width:24px;height:24px;flex-shrink:0}.picture-slide-stage{display:grid;grid-template-columns:clamp(64px,20vw,160px) minmax(0,1fr);gap:12px;align-items:start;max-width:43rem;margin:1rem auto 1.5rem}.picture-slide-goal{margin:0}.picture-slide-goal figcaption{font-weight:750;overflow-wrap:anywhere;margin-bottom:.35rem}.picture-slide-goal svg{display:block;width:100%;height:auto;border-radius:8px;border:2px solid #abbfba}.picture-slide-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#284b52;padding:5px;border-radius:14px;box-shadow:0 10px 24px #284b521a}.picture-slide-board .picture-slide-tile,.picture-slide-gap{aspect-ratio:1;min-width:0;min-height:48px;padding:0;border-radius:5px;border:2px solid transparent;position:relative;overflow:hidden;background:#f5eedc}.picture-slide-board .picture-slide-tile:disabled{opacity:1;cursor:default}.picture-slide-board .picture-slide-tile:active:not(:disabled){transform:none}.picture-slide-tile svg{display:block;width:100%;height:100%;pointer-events:none}.picture-slide-tile>span{position:absolute;left:3px;top:3px;min-width:1.25em;padding:0 .15em;line-height:1.25;background:#fff5de;color:#284b52;border-radius:4px;font-weight:800;font-size:1rem;pointer-events:none}.picture-slide-tile:not(:disabled){border-color:#ffce68;cursor:pointer}.picture-slide-board .picture-slide-tile:focus-visible{outline:4px solid #d95b65;outline-offset:1px;z-index:1}.picture-slide-tile.is-hint{box-shadow:inset 0 0 0 5px #d95b65}.picture-slide-gap{display:grid;place-items:center;color:#77918e;border:2px dashed #77918e;font-size:1.4rem}.picture-slide-actions{display:flex;flex-wrap:wrap;gap:.65rem}.picture-slide-actions button,.picture-slide-lesson button{min-height:48px;white-space:normal;max-width:100%;overflow-wrap:anywhere}.picture-slide-feedback{padding:1rem 0;font-weight:650}.picture-slide-board.is-complete{box-shadow:0 0 0 4px #7ba58a,0 12px 28px #284b5220;animation:picture-settle .45s ease-out}.picture-slide-interaction details{padding:1rem 0}.picture-slide-interaction summary{cursor:pointer;min-height:48px}@keyframes picture-settle{0%{scale:.98}to{scale:1}}@media (prefers-reduced-motion:reduce){.picture-slide-board.is-complete{animation:none}}.flat-ropes-page{background:#efeee1}.flat-rope-interaction{max-width:50rem;margin:auto}.flat-rope-interaction p{line-height:1.7}.flat-rope-lesson{padding:1.2rem;border-left:4px solid #b69a48;background:#fff0ce;margin-bottom:1.5rem}.flat-rope-cue{padding:1rem 0;scroll-margin-top:1rem}.flat-rope-cue h2{margin:0}.flat-rope-interaction button{min-width:48px;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.flat-rope-board{position:relative;width:min(100%,32rem);aspect-ratio:1;margin:1.5rem auto}.flat-rope-scene{display:block;width:100%;height:100%;pointer-events:none}.flat-rope-interaction .flat-rope-slot{position:absolute;z-index:1;width:56px;height:56px;min-width:56px;min-height:56px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:2px dashed #9cb18e;border-radius:50%;background:#f8f5e7;color:#527d69;line-height:1;transition:none;touch-action:manipulation}.flat-rope-slot>span{font-size:1.1rem;font-weight:700}.flat-rope-slot>small{position:absolute;top:calc(100% + 3px);left:50%;transform:translateX(-50%);font-size:.65rem;line-height:1;background:#efeee1;padding:1px 3px;border-radius:4px;pointer-events:none}.flat-rope-slot>.flat-rope-node-warning{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:22px;height:22px;font-size:16px;background:#fff1ce;color:#8e553c;border:2px solid #8e553c;border-radius:50%;pointer-events:none}.flat-rope-interaction .flat-rope-slot.is-occupied{border:3px solid #6e8e6d;background:#fff2d3;color:#294f55}.flat-rope-interaction .flat-rope-slot.is-selected{box-shadow:0 0 0 4px #b7993b}.flat-rope-interaction .flat-rope-slot.is-hint{outline:3px dashed #b47a3b;outline-offset:3px}.flat-rope-interaction .flat-rope-slot:disabled{opacity:1;cursor:default}.flat-rope-interaction button:focus-visible{outline:4px solid #294f55;outline-offset:2px}.flat-rope-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.flat-rope-actions button{padding:.7rem 1rem;border-radius:1rem}.flat-rope-feedback{padding:1rem 0;scroll-margin-top:1rem}.flat-rope-feedback.is-complete{padding:1rem;background:#dfeacd;border:3px solid #b7cca4;border-radius:1rem;animation:rope-clear .5s ease-out}.flat-rope-hint{padding:1rem;background:#fff0cc;border-left:4px solid #b7993b;margin:1rem 0}.flat-rope-hint h3{margin-top:0}.flat-rope-interaction details{margin-top:1.5rem;line-height:1.7}@keyframes rope-clear{0%{transform:scale(.97)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.flat-rope-feedback.is-complete{animation:none}}.triangle-page{background:#efeee1}.triangle-interaction{max-width:52rem;margin:auto}.triangle-interaction p{line-height:1.7}.triangle-lesson{padding:1.2rem;border-left:4px solid #b79b48;background:#fff0ce;margin-bottom:1.5rem}.triangle-interaction button{min-width:48px;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.triangle-actions,.triangle-joins,.triangle-modes{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.triangle-actions button,.triangle-joins button,.triangle-modes button{padding:.7rem 1rem;border-radius:1rem}.triangle-modes button{border:3px solid transparent;background:#e1e7d7}.triangle-modes button[aria-pressed=true]{border-color:#9e8036;background:#fff0cc}.triangle-cue{padding:1rem 0;scroll-margin-top:1rem}.triangle-cue h2{margin:0}.triangle-scores{display:flex;gap:1rem;flex-wrap:wrap}.triangle-scores p{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.6rem;margin:.5rem 0;padding:.7rem 1rem;background:#faf6e6;border-radius:1rem;flex:1 1;min-width:min(100%,10rem)}.triangle-scores .tic-symbol{width:36px;height:36px;grid-row:span 2}.triangle-scores span{font-size:.8rem}.triangle-computer-controls{padding:1rem 0;border-top:1px solid #c6d0b6;margin:1rem 0}.triangle-computer-controls label{display:flex;align-items:center;gap:.6rem;min-height:48px}.triangle-computer-controls input{width:24px;height:24px;flex-shrink:0;accent-color:#477775}.triangle-computer-controls button{padding:.6rem 1rem;border-radius:1rem}.triangle-computer-controls p{font-size:.85rem}.triangle-board{position:relative;width:min(100%,32rem);aspect-ratio:1;margin:1.5rem auto}.triangle-scene{display:block;width:100%;height:100%;pointer-events:none}.triangle-interaction .triangle-dot{position:absolute;z-index:1;transform:translate(-50%,-50%);width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border:3px solid #7b996e;background:#fff9e7;border-radius:50%;color:#294f55;font-size:1rem;font-weight:700;line-height:1;transition:none;touch-action:manipulation}.triangle-interaction .triangle-dot:active:not(:disabled){transform:translate(-50%,-50%)}.triangle-dot.is-selected{box-shadow:0 0 0 4px #bd9a35;background:#fff0c5}.triangle-interaction .triangle-dot:disabled{opacity:1;border-color:#9caf8c;background:#e8eedc}.triangle-interaction button:focus-visible{outline:4px solid #294f55;outline-offset:2px}.triangle-feedback{padding:1rem 0;scroll-margin-top:1rem}.triangle-feedback.is-complete{padding:1rem;background:#dfeacf;border:3px solid #b8cba4;border-radius:1rem;animation:triangle-grow .5s ease-out}.triangle-hint{padding:1rem;border-left:4px solid #b79b48;background:#fff0cd;margin:1rem 0}.triangle-hint h3{margin-top:0}.triangle-interaction details{margin-top:1.5rem;line-height:1.7}@keyframes triangle-grow{0%{transform:scale(.97)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.triangle-feedback.is-complete{animation:none}}.homes-page{background:#eeeee0}.homes-interaction{max-width:54rem;margin:auto}.homes-lesson{padding:1.2rem;background:#fff1d0;border-left:4px solid #b59a4c;margin-bottom:1.5rem}.homes-interaction p{line-height:1.7}.homes-cue{padding:1rem 0;scroll-margin-top:1rem}.homes-cue h2{margin:0}.homes-interaction button{min-width:48px;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.home-animal{display:block;width:56px;height:56px;max-width:100%;flex-shrink:0}.home-animal>.memory-animal,.home-picture .memory-animal{width:100%;height:100%;max-width:none}.home-picture{display:block;width:8rem;max-width:100%;height:auto}.homes-clues{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem;list-style:none;padding:0;margin:1rem 0 1.5rem}.homes-clues li{padding:1rem;border-top:3px solid #c3cfb4;background:#faf6e6}.home-clue-number{font-size:.85rem;font-weight:700}.home-clue-picture{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:.6rem 0}.home-clue-picture .home-animal{width:40px;height:40px}.home-clue-picture .home-picture{width:54px;height:61px;max-width:none}.home-clue-picture>span,.home-clue-picture>strong{font-size:1.4rem;font-weight:700}.homes-clues li.is-conflict{border-color:#a06448;background:#fff0d4}.homes-clues li.is-satisfied{border-color:#799b68;background:#e7efda}.home-clue-note{font-weight:700}.home-tools{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0}.home-tools button{display:flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border:3px solid transparent;border-radius:1rem;background:#e1e7d5}.home-tools button[aria-pressed=true]{border-color:#92722b;background:#fff0cb}.home-tools .home-animal{width:36px;height:36px}.home-tools small{display:block;font-size:.75rem;line-height:1.4}.home-village{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:1rem;margin:1.5rem 0}.home-village button{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.3rem;padding:.75rem .5rem;background:#f9f6e7;border:3px solid transparent;border-radius:1rem;min-width:0}.home-village button>strong{font-size:1rem}.home-village button>span{font-size:.85rem}.home-village button.is-hint{border-color:#ad923a;background:#fff0ca}.homes-interaction button:focus-visible{outline:4px solid #294f55;outline-offset:-4px}.home-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.home-actions button{padding:.7rem 1rem;border-radius:1rem}.home-actions button:first-child{background:#306b68;color:#fff9eb}.homes-feedback{padding:1rem 0;scroll-margin-top:1rem}.homes-feedback.is-complete{padding:1rem;background:#dfeacf;border:3px solid #bbcca7;border-radius:1rem;animation:home-welcome .5s ease-out}.homes-hint{padding:1rem;background:#fff0c9;border-left:4px solid #ad923a;margin:1rem 0}.homes-hint h3{margin-top:0}.homes-interaction details{line-height:1.7;margin-top:1.5rem}@keyframes home-welcome{0%{transform:scale(.97)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.homes-feedback.is-complete{animation:none}}.seating-page{background:#efeee2}.seating-interaction{max-width:50rem;margin:auto}.seating-lesson{padding:1.2rem;border-left:4px solid #bb9b4a;background:#fff1ce;margin-bottom:1.5rem}.seating-interaction p{line-height:1.7}.seating-cue{padding:1rem 0;scroll-margin-top:1rem}.seating-cue h2{margin:0}.seating-interaction button{min-width:48px;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.seating-clues{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;padding:0;list-style:none;margin:1rem 0 1.5rem}.seating-clues li{padding:1rem;border-top:3px solid #c6d2b6;background:#faf6e8}.seating-clue-number{font-weight:700;font-size:.85rem}.seating-clue-picture{display:flex;align-items:center;gap:.6rem;margin:.7rem 0;flex-wrap:wrap}.seating-clue-picture>span{font-size:1.6rem;font-weight:700}.seating-seat-symbol{display:flex;align-items:center;justify-content:center;background:#e1cf9e;border-radius:.4rem;min-width:2.5rem;min-height:2.5rem}.seating-animal{display:block;width:56px;height:56px;max-width:100%;flex-shrink:0}.seating-animal>.memory-animal{width:100%;height:100%;max-width:none}.seating-clue-picture .seating-animal{width:44px;height:44px}.seating-clues li.is-conflict{border-color:#9e5d45;background:#fff0d5}.seating-clue-note{font-weight:700}.seating-tools{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0}.seating-tools button{display:flex;align-items:center;gap:.4rem;padding:.5rem .8rem;background:#e1e7d9;border:3px solid transparent;border-radius:1rem}.seating-tools button[aria-pressed=true]{border-color:#937329;background:#fff0c9}.seating-tools .seating-animal{width:36px;height:36px}.seating-tools small{display:block;font-size:.75rem;line-height:1.4}.seating-screen-directions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.7rem;font-size:.9rem;margin:1rem 0}.seating-bench{display:grid;gap:.5rem;position:relative;padding:.75rem .25rem 1.2rem;border-bottom:16px solid #aa8956;margin:0 0 1rem;direction:ltr;writing-mode:horizontal-tb;background:linear-gradient(transparent 60%,#d7bf8d 0);border-radius:.5rem}.seating-interaction .seating-bench button{display:flex;align-items:center;flex-direction:column;justify-content:space-between;min-width:0;padding:.5rem .15rem .7rem;border:3px solid transparent;background:#faf6e8;border-radius:1rem;min-height:108px;gap:.5rem}.seating-seat-number{font-size:.85rem;font-weight:700;line-height:1.3}.seating-bench .seating-animal{width:56px;height:56px}.seating-empty{font-size:2rem;color:#a4b798;line-height:1}.seating-interaction .seating-bench button.is-hint{border-color:#b29840;background:#fff1ce}.seating-interaction button:focus-visible{outline:4px solid #294f55;outline-offset:-4px}.seating-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.seating-actions button{padding:.7rem 1rem;border-radius:1rem}.seating-actions button:first-child{background:#306b68;color:#fff9eb}.seating-feedback{padding:1rem 0;scroll-margin-top:1rem}.seating-feedback.is-complete{padding:1rem;background:#e0ecd5;border:3px solid #b9cda7;border-radius:1rem;animation:seating-welcome .5s ease-out}.seating-hint{padding:1rem;background:#fff0cc;border-left:4px solid #b29840;margin:1rem 0}.seating-hint h3{margin-top:0}.seating-interaction details{line-height:1.7;margin-top:1.5rem}@keyframes seating-welcome{0%{transform:scale(.97)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.seating-feedback.is-complete{animation:none}}.sudoku-page{background:#f0eee3}.sudoku-interaction{max-width:48rem;margin:auto}.sudoku-lesson{padding:1.2rem;border-left:4px solid #b89644;background:#fff2d3;margin-bottom:1.5rem}.sudoku-cue p,.sudoku-hint p,.sudoku-lesson p{line-height:1.7}.sudoku-cue{padding:1rem 0;margin:1rem 0;scroll-margin-top:1rem}.sudoku-cue h2{margin:0}.sudoku-tools{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.sudoku-interaction button{min-width:48px;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.sudoku-tools button{display:flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border:3px solid transparent;border-radius:1rem;background:#e0e8dc}.sudoku-tools button[aria-pressed=true]{border-color:#8b6a26;background:#fff0c9}.sudoku-animal{display:block;width:48px;height:48px;max-width:100%;flex-shrink:0}.sudoku-animal>.memory-animal{width:100%;height:100%;max-width:none}.sudoku-tools .sudoku-animal{width:36px;height:36px}.sudoku-board-legend{line-height:1.7}.sudoku-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(100%,28rem);margin:1.5rem auto;border:4px solid #567b70;border-radius:.7rem;overflow:hidden;background:#fff9e9}.sudoku-interaction .sudoku-cell{position:relative;display:flex;justify-content:center;align-items:center;aspect-ratio:1;min-width:0;padding:7px 3px 15px;border:1px solid #a3b6a1;border-radius:0;background:#fff9e9;isolation:isolate}.sudoku-cell:nth-child(4n+2){border-right:4px solid #567b70}.sudoku-cell:nth-child(n+5):nth-child(-n+8){border-bottom:4px solid #567b70}.sudoku-interaction .sudoku-cell.is-fixed{opacity:1;background:#dfe7d8;color:#294f55}.sudoku-cell .sudoku-coordinate{position:absolute;bottom:1px;left:4px;font-size:.65rem;font-weight:700;line-height:1.1}.sudoku-fixed-mark{position:absolute;right:4px;top:1px;font-size:.75rem}.sudoku-empty{font-size:2rem;color:#aabca5}.sudoku-interaction .sudoku-cell.is-conflict{box-shadow:inset 0 0 0 4px #a66048;background:#fff0d1}.sudoku-interaction .sudoku-cell.is-hint{box-shadow:inset 0 0 0 4px #b99835}.sudoku-interaction button:focus-visible{outline:4px solid #294f55;outline-offset:-4px;z-index:1}.sudoku-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.sudoku-actions button{padding:.7rem 1rem;border-radius:1rem}.sudoku-actions button:first-child{background:#306b68;color:#fff9eb}.sudoku-feedback{padding:1rem 0;line-height:1.7;scroll-margin-top:1rem}.sudoku-feedback.is-complete{padding:1rem;background:#e1ecd8;border:3px solid #b5c9a5;border-radius:1rem;animation:sudoku-bloom .5s ease-out}.sudoku-hint{padding:1rem;border-left:4px solid #b99835;background:#fff1cb;margin:1rem 0}.sudoku-hint h3{margin-top:0}.sudoku-interaction details{margin-top:1.5rem;line-height:1.7}@keyframes sudoku-bloom{0%{transform:scale(.97)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sudoku-feedback.is-complete{animation:none}}.secret-bottles-page{background:#f2eee4}.secret-bottle-interaction{max-width:56rem;margin:auto}.secret-bottle-lesson{padding:1.2rem;background:#fff3d4;border-left:4px solid #b9953c;margin-bottom:1.5rem}.secret-bottle-lesson p{line-height:1.7}.secret-practice{padding:1rem 0;border-top:1px solid #d8c99e;margin:1rem 0}.secret-practice h3{margin-top:0}.secret-bottle-picture{display:block;width:64px;max-width:100%;height:auto;flex-shrink:0}.secret-bottle-row{display:flex;align-items:center;justify-content:flex-start;gap:.6rem;list-style:none;padding:0;margin:.75rem 0;max-width:100%;flex-wrap:wrap}.secret-bottle-row li{display:flex;flex-direction:column;align-items:center;gap:.25rem}.secret-bottle-row .secret-bottle-picture{width:40px}.secret-position-mini{font-size:.85rem;font-weight:700}.secret-bottle-cue{padding:1rem;background:#fff9eb;border-radius:1rem;margin:1rem 0;scroll-margin-top:1rem}.secret-bottle-cue h2{margin:0}.secret-bottle-cue p{line-height:1.7;margin:.5rem 0 0}.secret-bottle-interaction button{min-width:48px;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.secret-draft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,5.5rem),1fr));gap:.7rem;margin:1.5rem 0}.secret-draft-choice{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem .3rem;background:#e3ece5;border:3px solid transparent;border-radius:1rem;min-width:0}.secret-draft-choice>span{line-height:1.5;text-align:center;overflow-wrap:anywhere}.secret-draft-choice.is-selected{border-color:#a47624;background:#fff0cb}.secret-draft-choice:focus-visible{outline:4px solid #294f55;outline-offset:2px}.secret-bottle-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.secret-submit{background:#306b68;color:#fff9eb;padding:.85rem 1.2rem}.secret-latest{padding:1rem;background:#fff0cb;border-radius:1rem;margin:1rem 0;scroll-margin-top:1rem}.secret-latest h3{margin:0;line-height:1.6}.secret-bottle-feedback{min-height:3rem;line-height:1.7}.secret-bottle-feedback.is-complete{padding:1rem;background:#dfebd9;color:#28674d;border-radius:1rem;animation:secret-bottle-celebrate .45s ease-out}.secret-candidate-aid{padding:1rem;background:#edf1e5;border-radius:1rem;margin:1.5rem 0}.secret-candidate-aid h3{margin-top:0}.secret-candidate-aid p{line-height:1.7;overflow-wrap:anywhere}.secret-candidate-status{border-left:4px solid #477775;padding:.6rem .8rem;background:#fff9eb}.secret-candidate-status.is-ruled-out{border-color:#b9953c}.secret-history{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem}.secret-history>li{padding:1rem;border:2px solid #d6d9ca;border-radius:1rem;background:#fff9eb;min-width:0}.secret-history h3{margin:0}.secret-history p{line-height:1.7}.secret-history .is-full{border-color:#7fae8c}.secret-feedback-count{font-size:1.2rem;font-weight:700}.secret-history-empty{line-height:1.7}.secret-bottle-interaction details{margin:1rem 0}@keyframes secret-bottle-celebrate{50%{box-shadow:0 0 0 7px #b5d5c2}}@media (prefers-reduced-motion:reduce){.secret-bottle-feedback.is-complete{animation:none}}.one-stick-page{background:#f2eee4}.one-stick-interaction{max-width:56rem;margin:auto}.one-stick-lesson{padding:1.2rem;background:#fff3d4;border-left:4px solid #b9953c;margin-bottom:1.5rem}.one-stick-goal{background:#fff9eb;padding:1rem;border-radius:1rem;margin:1rem 0;scroll-margin-top:1rem}.one-stick-goal h2{margin:0}.one-stick-goal p{line-height:1.7}.one-stick-goal>svg{display:block;width:180px;height:60px;max-width:100%}.one-stick-board{max-width:32rem;margin:1.5rem auto}.one-stick-drawing{display:block;width:100%;height:auto}.one-stick-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr));gap:.6rem;margin:1rem 0}.one-stick-interaction button{min-width:48px;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.one-stick-choice{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:.5rem;border:2px solid transparent;border-radius:.8rem;background:#e3ece5;gap:.3rem}.one-stick-choice svg{width:44px;height:44px;flex-shrink:0}.one-stick-choice.is-selected{border-color:#a47624;background:#fff0cb}.one-stick-choice.is-hinted{box-shadow:0 0 0 2px #b9953c}.one-stick-choice:focus-visible{outline:4px solid #294f55;outline-offset:2px}.one-stick-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.one-stick-actions .one-stick-check{background:#306b68;color:#fff9eb;padding:.9rem 1.2rem}.one-stick-feedback{min-height:3rem;line-height:1.7}.one-stick-feedback.is-complete{padding:1rem;border-radius:1rem;background:#dfebd9;color:#28674d}.one-stick-results{padding:1rem;background:#fff9eb;border-radius:1rem;margin:1rem 0}.one-stick-results h2{margin:0;scroll-margin-top:1rem}.one-stick-results p{line-height:1.7}.one-stick-proof-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}.one-stick-proof-list button{border:2px solid transparent}.one-stick-proof-list button[aria-pressed=true]{border-color:#a47624}.one-stick-counted{animation:one-stick-celebrate .45s ease-out}@keyframes one-stick-celebrate{50%{box-shadow:0 0 0 7px #b5d5c2}}@media (prefers-reduced-motion:reduce){.one-stick-counted{animation:none}}.bead-tubes-page{background:#f2eee4}.bead-tube-interaction{max-width:56rem;margin:auto}.bead-tube-lesson{padding:1.2rem;background:#fff3d4;border-left:4px solid #b9953c;margin-bottom:1.5rem}.bead-tube-legend{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0;margin:1rem 0}.bead-tube-legend li{display:flex;align-items:center;gap:.5rem}.bead-tube-cue svg,.bead-tube-legend svg{width:44px;height:44px;flex-shrink:0}.bead-tube-cue{position:-webkit-sticky;position:sticky;top:.5rem;z-index:4;padding:1rem;background:#fff9eb;border-radius:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin:1rem 0;scroll-margin-top:1rem}.bead-tube-cue h2{margin:0}.bead-tube-cue p{margin:0;flex-basis:100%;line-height:1.7}.bead-tube-cue.is-complete{position:static}.bead-tube-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,5.3rem),1fr));gap:.8rem;margin:1.5rem 0}.bead-tube-interaction .bead-tube-choice{border:3px solid transparent;border-radius:1.1rem;background:#e3ece5;padding:.7rem .3rem;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.35rem;max-width:100%;min-height:48px;touch-action:manipulation;scroll-margin-top:12rem}.bead-tube-choice.is-selected{border-color:#a47624;background:#fff0cb}.bead-tube-choice.is-legal{border-color:#477775}.bead-tube-choice.is-hinted{box-shadow:0 0 0 3px #b9953c}.bead-tube-choice:focus-visible{outline:4px solid #294f55;outline-offset:2px}.bead-tube-interaction .bead-tube-choice:disabled{opacity:1}.bead-tube-choice>span{overflow-wrap:anywhere;text-align:center;line-height:1.5}.bead-tube-picture{display:block;width:90px;max-width:100%;height:auto;flex-shrink:0}.bead-tube-choice>span:first-child{font-weight:700}.bead-tube-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.bead-tube-interaction button{min-height:48px;min-width:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.bead-tube-feedback{line-height:1.7;min-height:3rem}.bead-tube-feedback.is-complete{padding:1rem;border-radius:1rem;background:#dfebd9;color:#28674d}.bead-tube-ball{animation:bead-tube-arrive .18s ease-out}.bead-tube-success{animation:bead-tube-success .5s ease-out}@keyframes bead-tube-arrive{0%{opacity:.2}to{opacity:1}}@keyframes bead-tube-success{50%{box-shadow:0 0 0 7px #b5d5c2}}@media (prefers-reduced-motion:reduce){.bead-tube-ball,.bead-tube-success{animation:none}}@media (max-width:480px){.bead-tube-cue{position:static}}.island-page{background:#f2efe4}.island-interaction{max-width:54rem;margin:auto}.island-lesson{padding:1.2rem;background:#fff3d4;border-left:4px solid #b9953c;margin-bottom:1.5rem}.island-cue{padding:1rem;background:#fff9eb;border-radius:1rem;margin:1rem 0;scroll-margin-top:1rem}.island-cue h2{margin:0}.island-cue p{margin:.5rem 0 0}.island-board{position:relative;max-width:32rem;margin:1.5rem auto 2.5rem}.island-spacer{padding-top:100%}.island-scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.island-interaction .island-node{position:absolute;padding:0;border:0;border-radius:50%;background:transparent;color:#294f55;min-height:0;min-width:0;max-width:none;font-size:1.05rem;line-height:1;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.island-interaction .island-node:disabled{opacity:1}.island-node.is-selected{outline:3px solid #a47624;outline-offset:1px}.island-node:focus-visible{outline:4px solid #306b68;outline-offset:1px}.island-dots{position:absolute;top:91%;left:50%;transform:translateX(-50%);display:flex;gap:3px;pointer-events:none}.island-dot{width:8px;height:8px;border:1px solid #306b68;border-radius:50%;background:#fff9eb}.island-dot.is-filled{background:#306b68}.island-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.island-interaction button{min-height:48px;min-width:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.island-bridge{animation:island-bridge .22s ease-out}.island-counts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.6rem;margin:1.5rem 0}.island-counts li{padding:.5rem 0;border-bottom:1px solid #cecdb9;overflow-wrap:anywhere;line-height:1.7}.island-counts .is-filled{color:#28674d;font-weight:700}.island-feedback{min-height:3rem;line-height:1.7}.island-feedback.is-complete{padding:1rem;border-radius:1rem;background:#e1ecda;color:#28674d}.island-complete{animation:island-success .5s ease-out}@keyframes island-bridge{0%{opacity:.2}to{opacity:1}}@keyframes island-success{50%{box-shadow:0 0 0 8px #b5d5c2}}@media (prefers-reduced-motion:reduce){.island-bridge,.island-complete{animation:none}}.tilt-page{background:#eef0e6}.tilt-interaction{max-width:52rem;margin:auto}.tilt-lesson{padding:1.2rem;background:#fff3d4;border-left:4px solid #b9953c;margin-bottom:1.5rem}.tilt-status{background:#fff9eb;padding:1rem;border-radius:1rem;margin:1rem 0;scroll-margin-top:1rem}.tilt-status h2{margin:0}.tilt-status p{margin:.5rem 0 0}.tilt-board-frame{position:relative;width:100%;max-width:30rem;margin:1.5rem auto;overflow:hidden;border-radius:1.5rem;background:#e1d7bd}.tilt-board-spacer{padding-top:100%}.tilt-rotor{position:absolute;inset:0;transform-origin:center}.tilt-rotor.is-turning{transition:transform .18s ease-in-out}.tilt-drawing{display:block;width:100%;height:100%}.tilt-directions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0;color:#306b68}.tilt-down{font-size:1.15rem;font-weight:700}.tilt-turns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.25rem 0}.tilt-interaction button{min-height:48px;white-space:normal;max-width:100%;overflow-wrap:anywhere}.tilt-turns button{flex:1 1 12rem;padding:1rem;background:#306b68;color:#fff9eb;font-size:1.1rem}.tilt-turns button:disabled{opacity:.65}.tilt-controls>div{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.tilt-feedback{min-height:3rem;line-height:1.7}.tilt-feedback.is-complete{padding:1rem;background:#dfebd9;color:#28674d;border-radius:1rem}.tilt-explanation{padding:1rem;background:#fff9eb;border-radius:.75rem;line-height:1.7}.tilt-legend{font-size:.95rem;line-height:1.7}.tilt-capture{animation:tilt-capture .5s ease-out}@keyframes tilt-capture{50%{box-shadow:0 0 0 8px #b5d5c2}}@media (prefers-reduced-motion:reduce){.tilt-rotor.is-turning{transition:none}.tilt-capture{animation:none}}