:root{--cream:#fff8ec;--ink:#22304a;--muted:#56617a;--teal:#148473;--mint:#dff3eb;--coral:#ff7668;--yellow:#ffce50;--blue:#d9edfd;--purple:#eee5fa;--border:#deded4;--shadow:0 7px 0 #22304a0a;font-family:ui-rounded,'SF Pro Rounded','Trebuchet MS',Arial,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input,a{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:2px solid var(--border);color:var(--ink);border-radius:17px;padding:12px 18px;background:white;min-height:48px;font-weight:700}button:hover{border-color:var(--teal)}button:active{transform:translateY(2px)}button:disabled{opacity:.5;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:4px solid #2157b7;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(38px,5.3vw,70px);line-height:1.08;letter-spacing:-2px}h2{font-size:clamp(26px,3vw,39px);letter-spacing:-1px}h3{font-size:21px}p{line-height:1.6}.site-header{max-width:1280px;margin:auto;padding:25px 42px;display:flex;align-items:center;gap:30px}.brand{display:flex;gap:10px;align-items:center;font-size:31px;font-weight:900;letter-spacing:-1.5px;text-decoration:none}.brand-mark{width:47px;height:47px;display:grid;place-items:center;background:var(--teal);color:white;border-radius:16px;transform:rotate(-8deg)}.brand-dot{color:var(--coral)}nav{display:flex;gap:14px;margin-inline-start:auto}nav button{background:transparent;border:0}.language{background:white;border-color:var(--ink);font-weight:700}main{max-width:1196px;margin:auto;padding:14px 32px 64px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:36px;padding:44px 0 48px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:800;color:var(--teal);margin-bottom:20px}.hero p{max-width:500px;font-size:19px;color:var(--muted);margin:23px 0}.hero .primary{display:inline-flex;align-items:center;gap:12px}.primary{background:var(--ink);color:white;border-color:var(--ink);box-shadow:var(--shadow)}.primary:hover{background:#34466c;border-color:#34466c}.secondary{background:var(--mint);border-color:transparent}.hero-art{position:relative;min-height:350px;border-radius:48% 47% 39% 46%;background:#cdece2;display:grid;place-items:center}.hero-art .big-icon{width:235px;transform:rotate(-8deg)}.float{position:absolute;display:block;background:white;border-radius:26px;box-shadow:0 10px 30px #22304a12;padding:14px;width:105px}.float.one{inset-inline-start:0;top:12px;transform:rotate(-12deg)}.float.two{inset-inline-end:-5px;top:67px;transform:rotate(13deg)}.float.three{inset-inline-end:53px;bottom:-5px;transform:rotate(7deg)}.hero-note{position:absolute;inset-inline-start:15px;bottom:28px;background:var(--yellow);border-radius:19px;padding:14px 19px;font-weight:800;transform:rotate(-5deg)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0 22px}.section-head p{font-size:15px;color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.filters button{border-color:transparent;background:transparent;border-radius:40px;padding:10px 22px}.filters button[aria-pressed=true]{background:var(--ink);color:white}.library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.activity-card{background:white;border:2px solid #eeeee5;border-radius:27px;overflow:hidden;box-shadow:var(--shadow);text-align:start;padding:0;display:flex;flex-direction:column;min-height:280px}.activity-card:hover{transform:translateY(-3px)}.card-art{height:167px;width:100%;display:flex;justify-content:center;align-items:center;position:relative;background:var(--mint);isolation:isolate}.card-art:before{content:'';position:absolute;width:160px;height:160px;border-radius:50%;background:#ffffff77;z-index:-1}.card-art svg{width:124px;height:124px;transform:rotate(-7deg)}.card-art .small-icon{width:65px;position:absolute;inset-inline-end:34px;bottom:22px;transform:rotate(15deg)}.activity-card:nth-child(4n+2) .card-art{background:#ffe4d5}.activity-card:nth-child(4n+3) .card-art{background:var(--blue)}.activity-card:nth-child(4n+4) .card-art{background:var(--purple)}.card-body{display:block;padding:20px 22px 23px}.card-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:9px}.card-title{font-size:23px;display:block;font-weight:800;letter-spacing:-.5px}.card-caption{font-weight:400;font-size:15px;display:block;margin-top:8px;line-height:1.5;color:var(--muted)}.band{margin-top:44px;border-radius:28px;padding:30px;background:var(--ink);color:white;display:flex;gap:24px;align-items:center}.band svg{width:74px;flex:none}.band p{color:#d7ddeb;margin-top:8px}.band button{margin-inline-start:auto;flex:none}footer{border-top:1px solid var(--border);padding:26px 32px;text-align:center;font-size:14px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0 26px}.toolbar .tools{display:flex;gap:8px}.back{background:transparent}.game-head{text-align:center;margin:15px 0 26px}.game-head p{color:var(--muted);margin:10px auto;max-width:650px}.game-stage{background:white;border:2px solid #ebebdf;border-radius:32px;padding:30px;min-height:365px;box-shadow:var(--shadow);max-width:920px;margin:auto}.stage-prompt{font-size:25px;line-height:1.5;text-align:center;margin-bottom:22px}.progress-track{height:8px;background:#dfede7;border-radius:20px;max-width:300px;margin:18px auto}.progress-track>span{height:100%;display:block;background:var(--teal);border-radius:20px;transition:width .25s}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.picture-option{min-height:147px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:0 4px 0 #22304a10}.picture-option svg{width:95px;height:95px;pointer-events:none}.picture-option .label{font-size:19px}.picture-option.selected{background:var(--mint);border-color:var(--teal)}.picture-option.matched{background:#e6f5e7;opacity:.7}.picture-option[disabled]{opacity:.75}.answer-mark{display:inline-block;min-height:26px}.stage-feedback{text-align:center;font-weight:700;min-height:48px;margin-top:24px;color:var(--teal);font-size:19px}.stage-feedback button{margin-inline-start:15px}.target-art{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;max-width:550px;margin:5px auto 25px}.target-art svg{width:93px;height:93px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.memory-card{height:119px;display:grid;place-items:center;background:var(--purple)}.memory-card svg{width:84px}.memory-card .mystery{font-size:37px;color:#775599}.bins{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bin{min-height:150px;border-style:dashed;background:#f5faf7}.bin svg{display:block;width:82px;margin:auto}.number-option{font-size:38px;padding:25px}.sequence-slots{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:25px}.slot{min-width:100px;border:2px dashed #a4b2c4;border-radius:20px;padding:14px;min-height:120px;text-align:center;background:#f8fafc;flex:1}.slot svg{display:block;width:70px;margin:auto}.game-grid{display:grid;gap:9px;margin:20px auto;direction:ltr}.game-grid.ttt{grid-template-columns:repeat(3,1fr);max-width:355px}.grid-cell{padding:6px;aspect-ratio:1;min-height:0;border-radius:18px;background:#f2f6fb}.grid-cell svg{width:100%;height:100%;display:block;pointer-events:none}.grid-cell[disabled]{opacity:1}.connect-board{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;background:#d8e8fa;padding:13px;border-radius:23px;direction:ltr;max-width:545px;margin:auto}.connect-cell{background:white;border-radius:50%;aspect-ratio:1;display:grid;place-items:center}.connect-cell svg{width:83%;height:83%}.drop-row{display:grid;grid-template-columns:repeat(7,1fr);max-width:545px;gap:5px;margin:0 auto 7px;direction:ltr}.drop-row button{min-width:0;padding:7px;border-radius:13px}.palette{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px}.swatch{border-radius:50%;width:48px;height:48px;padding:0;border:3px solid white;box-shadow:0 0 0 1px #aaa}.swatch[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:3px}.paint-sheet{max-width:440px;margin:auto}.paint-sheet svg{width:100%;max-height:380px}.paint-sheet [data-paint]{cursor:pointer}.paint-sheet [data-paint]:focus{stroke:#2157b7;stroke-width:10}.art-picker{display:flex;gap:8px;overflow:auto;margin:15px 0;padding:6px}.art-picker button{min-width:74px;padding:4px}.art-picker svg{width:61px;height:61px;pointer-events:none}.drawing-wrap{position:relative;border:2px dashed #b5c7c3;border-radius:24px;overflow:hidden;max-width:650px;margin:auto;aspect-ratio:1.75;background:#fffdf6}.drawing-wrap canvas{width:100%;height:100%;touch-action:none;display:block}.canvas-hint{font-size:14px;color:var(--muted);text-align:center;margin:14px}.composer-board{position:relative;min-height:300px;border-radius:24px;background:linear-gradient(#e7f6fc 0 66%,#dff1d6 66%);margin:15px 0;display:grid;grid-template-columns:repeat(4,1fr);padding:20px;gap:12px}.composer-board button{background:#ffffff66;border-style:dashed;min-height:115px;padding:4px}.composer-board button svg{width:85px;height:85px}.composer-board .empty-slot{font-size:28px;color:#7d8b87}.message-bar{min-height:80px;background:#f2f6fb;padding:20px;border-radius:20px;font-size:27px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.message-chip{font-size:21px}.board-tools{text-align:center;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.end-panel{text-align:center;padding:25px 15px}.end-panel svg{width:140px}.end-panel h2{margin:20px 0}.end-panel p{margin:10px 0 26px;color:var(--muted)}.story-illustration{display:flex;justify-content:center;align-items:center;min-height:240px;gap:15px;background:var(--mint);border-radius:28px;margin-bottom:24px}.story-illustration svg{width:150px;max-width:40%}.story-text{font-size:clamp(23px,3vw,32px);line-height:1.7;text-align:center;max-width:690px;margin:0 auto 26px;min-height:106px}.page-nav{display:flex;justify-content:space-between;align-items:center;gap:10px}.parent-note{margin:20px auto 0;max-width:920px;font-size:14px;color:var(--muted);line-height:1.6}.resource-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:23px;margin-top:25px}.resource{background:white;border:2px solid var(--border);border-radius:24px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}.resource .download-link{margin-top:auto}.resource svg{width:90px}.resource h3{margin:15px 0}.resource p{color:var(--muted);margin-bottom:20px}.download-link{display:inline-block;text-decoration:none;border-radius:16px;padding:14px 18px;background:var(--ink);color:white;font-weight:700;min-height:48px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;padding:15px;background:white;z-index:5}.skip:focus{top:0}dialog{border:0;border-radius:30px;padding:35px;max-width:440px;width:calc(100% - 40px);color:var(--ink)}dialog::backdrop{background:#22304a99}dialog p{margin:18px 0}dialog button{margin:7px}html[dir=rtl] h1{letter-spacing:0;line-height:1.3}html[dir=rtl] .brand{letter-spacing:0}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .card-title{letter-spacing:0}html[dir=rtl] .story-text{line-height:1.9}@media(max-width:850px){.site-header{padding:20px 26px;gap:14px}.hero{gap:25px}.hero-art{min-height:300px}.hero-art .big-icon{width:190px}.float{width:80px}.library{gap:17px}.card-body{padding:18px}.card-title{font-size:21px}.hero-note{font-size:14px;bottom:20px;inset-inline-start:0}.card-art .small-icon{inset-inline-end:16px;width:48px}}@media(max-width:620px){.site-header{padding:18px 20px;gap:10px}.brand{font-size:27px}.brand-mark{width:36px;height:39px;font-size:28px}nav{display:none}.language{margin-inline-start:auto;padding:8px 13px}main{padding:5px 18px 40px}.hero{grid-template-columns:1fr;padding:25px 0 32px;gap:30px}.hero h1{font-size:44px}.hero p{font-size:17px;margin:18px 0}.hero-art{min-height:265px;max-width:340px;width:100%;margin:auto}.hero-art .big-icon{width:190px}.float{width:83px}.hero-note{font-size:14px}.eyebrow{margin-bottom:13px}.section-head{align-items:start;display:block}.section-head p{margin-top:9px}.library{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-art{height:124px}.card-art svg{width:88px}.card-art .small-icon{width:45px;inset-inline-end:12px;bottom:14px}.card-art:before{width:110px;height:110px}.activity-card{min-height:248px;border-radius:22px}.card-body{padding:15px 13px}.card-title{font-size:19px}.card-meta{font-size:11px}.card-caption{font-size:13px;line-height:1.5}.filters{gap:4px}.filters button{padding:9px 15px;font-size:14px}.band{padding:24px;display:block}.band svg{width:55px;margin-bottom:15px}.band button{margin-top:20px}.game-stage{padding:20px 15px;border-radius:25px}.choice-grid{gap:9px}.picture-option{padding:10px 5px;min-height:122px}.picture-option svg{width:68px;height:68px}.picture-option .label{font-size:17px}.target-art svg{width:69px;height:69px}.stage-prompt{font-size:22px}.memory-grid{gap:9px;grid-template-columns:repeat(3,1fr)}.memory-card{height:100px;padding:8px}.memory-card svg{width:69px}.toolbar .tools button{padding:10px 12px}.toolbar{margin-top:8px}.bins{gap:12px}.bin{padding:12px 9px}.slot{min-width:70px;padding:10px 5px}.slot svg{width:53px}.game-grid{gap:7px}.connect-board{gap:5px;padding:9px}.drop-row{gap:3px}.drop-row button{min-height:44px;padding:5px}.composer-board{grid-template-columns:repeat(3,1fr);padding:12px;gap:8px}.composer-board button{min-height:92px}.composer-board button svg{width:62px;height:62px}.resource-links{grid-template-columns:1fr}.story-illustration{min-height:190px}.story-illustration svg{width:115px}.story-text{font-size:23px;min-height:130px}.stage-feedback button{margin-top:8px}.page-nav button{padding:10px 14px}.number-option{padding:15px}.message-bar{font-size:23px}.game-head{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.site-header,footer,.toolbar,.filters,.board-tools,.palette,.art-picker,.canvas-hint{display:none}.game-stage{border:0;box-shadow:none}main{padding:0}.paint-sheet{max-width:650px}}
.card-art .small-icon svg{width:100%;height:100%}main:focus{outline:none}.hero-art>svg{width:220px;height:220px}

/* Art direction from the original built-in generated mockup. Real text stays in HTML. */
.hero-art.illustrated{background:transparent;border-radius:0;min-height:350px}.hero-art.illustrated img{width:114%;height:auto;display:block;max-width:none;margin-inline-start:-5%}.hero h1{font-family:Georgia,ui-serif,serif;font-size:clamp(36px,4.5vw,63px);letter-spacing:-2px;line-height:1.12}html[dir=rtl] .hero h1{font-family:Arial,sans-serif;font-size:clamp(34px,4vw,57px);letter-spacing:0;line-height:1.5}.filters button[aria-pressed=true]{background:var(--teal)}@media(max-width:620px){.hero h1{font-size:42px}.hero-art.illustrated{min-height:250px;max-width:330px}.hero-art.illustrated img{width:100%;margin:0}html[dir=rtl] .hero h1{font-size:37px}}
.hero>*{min-width:0}select.language{padding:10px 12px;color:var(--ink);border:2px solid var(--ink);border-radius:17px;min-height:48px;font-weight:700;max-width:150px}html[lang=hi],html[lang=ur]{font-family:Arial,sans-serif}html[lang=hi] h1,html[lang=hi] h2,html[lang=hi] h3{line-height:1.6;letter-spacing:0}html[lang=ur] p,html[lang=ur] button,html[lang=ur] .card-title{line-height:1.9}html[lang=ur] .brand{font-size:29px}html[lang=ur] .hero h1{line-height:1.75}html[lang=ur] .eyebrow{letter-spacing:0}@media(max-width:620px){.hero h1{font-size:clamp(30px,10.2vw,42px)}html[lang=es] .hero h1{font-size:clamp(30px,9.4vw,39px)}.hero-art.illustrated{max-width:min(100%,330px)}.game-head h2{font-size:26px}.toolbar button{font-size:14px}.toolbar .tools{flex-wrap:wrap}.picture-option .label{overflow-wrap:anywhere}html[lang=hi] .card-title,html[lang=ur] .card-title{font-size:18px}}

main[tabindex]:focus-visible{outline:none}

.page-nav>span{white-space:nowrap}
@media(max-width:380px){.page-nav{gap:6px}.page-nav button{font-size:13px;padding:10px 8px}.page-nav>span{font-size:12px}}

/* Scene search shares the studio palette; large fixed targets never require chasing. */
.hunt-inventory{max-width:690px;margin:0 auto 18px;border:2px solid #dce6db;border-radius:22px;background:#fffdf7;padding:16px}.hunt-list-title{display:flex;justify-content:space-between;gap:12px;color:var(--teal);font-size:16px}.hunt-inventory ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;margin:13px 0 0}.hunt-inventory li{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 3px;border:2px solid transparent;border-radius:15px;min-width:0;text-align:center;font-size:15px;line-height:1.5}.hunt-inventory li svg{width:48px;height:48px}.hunt-inventory .is-found{background:var(--mint);border-color:#8bbd96}.hunt-check{position:absolute;inset-inline-end:3px;top:0;color:#17634e;font-weight:900}.hunt-scene{position:relative;isolation:isolate;max-width:690px;height:460px;margin:auto;border:2px solid #acc7c9;border-radius:28px;overflow:hidden;direction:ltr}.hunt-landscape{position:absolute;width:100%;height:100%;inset:0;z-index:-1}.hunt-object{position:absolute;transform:translate(-50%,-50%);width:99px;min-height:104px;padding:5px;border:2px solid transparent;background:#fffdf5ed;border-radius:22px;box-shadow:0 4px 0 #22304a12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:15px;line-height:1.45}.hunt-object svg{width:64px;height:64px;pointer-events:none}.hunt-object:hover{background:white}.hunt-object:active{transform:translate(-50%,-48%)}.hunt-object[aria-pressed=true]{background:#edf8e7;border-color:#287555}.hunt-badge{position:absolute;top:-5px;right:-4px;display:none;width:24px;height:24px;border-radius:50%;background:#287555;color:white;font-size:17px}.hunt-object[aria-pressed=true] .hunt-badge{display:block}.hunt-object:focus-visible{outline-offset:1px;z-index:2}.hunt-object span{overflow-wrap:anywhere;max-width:100%}@media(max-width:620px){.hunt-inventory{padding:12px 7px}.hunt-inventory ul{gap:3px}.hunt-inventory li{font-size:13px}.hunt-inventory li svg{width:38px;height:38px}.hunt-list-title{font-size:14px}.hunt-scene{height:455px;border-radius:20px}.hunt-object{width:74px;min-height:99px;font-size:13px;border-radius:17px}.hunt-object svg{width:51px;height:51px}}html[lang=ur] .hunt-object{line-height:1.7;font-size:15px}html[lang=hi] .hunt-object{line-height:1.6}

/* Original room furniture; physical positions never mirror with text direction. */
.room-controls{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin:0 auto 18px;font-size:16px}.room-controls label{font-weight:700}.room-controls select{min-height:48px;max-width:220px;border:2px solid #acc7c9;border-radius:15px;padding:8px 12px;background:#fffdf7;color:var(--ink)}.room-controls>span{white-space:nowrap;color:var(--teal)}.room-scene{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:570px;margin:auto;padding:16px;background:linear-gradient(#fff4df 0 53%,#f3e0bf 53%);border:3px solid #dfc9a5;border-radius:26px;direction:ltr;overflow:hidden;box-shadow:inset 0 -10px 0 #dabb8c55}.room-zone{position:relative;min-width:0;aspect-ratio:1;background:radial-gradient(ellipse at 50% 93%,#22304a0a,transparent 52%)}.room-zone>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.room-object{position:absolute;width:36%;height:36%;min-height:44px;min-width:44px;padding:2px;border:2px solid transparent;background:transparent;transform:translate(-50%,-50%);border-radius:12px;z-index:2}.room-object svg{width:100%;height:100%;display:block;pointer-events:none}.room-object:hover{border-color:var(--teal);background:#ffffff55}.room-object:active{transform:translate(-50%,-49%)}.room-picture-card{background:#fffdf7;border-color:#9faeb9;box-shadow:0 3px 0 #22304a12}.room-zone>.basket-front{z-index:3}.room-object.room-selected{outline:4px solid #287555;outline-offset:2px}.room-object.room-selected:after{content:'✓';position:absolute;right:-8px;top:-8px;background:#287555;color:white;border-radius:50%;font-size:17px;width:25px;height:25px}.room-object:focus-visible{outline:4px solid #2157b7;outline-offset:1px;z-index:4}@media(max-width:620px){.room-scene{gap:8px;padding:8px;border-radius:19px}.room-controls{font-size:14px;gap:10px}.room-controls select{max-width:180px}}

/* Picture wheel: direct selection and an instant result, with no timed response. */
.wheel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.wheel-turn{display:flex;align-items:center;gap:8px}.wheel-turn svg{width:40px;height:40px}.wheel-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:30px;align-items:start}.wheel-picker{text-align:center;min-width:0}.wheel-select-label{display:block;font-size:15px;font-weight:700;margin:0 0 8px}.wheel-picker select{display:block;width:100%;min-height:48px;border:2px solid #acc7c9;border-radius:15px;padding:8px 10px;color:var(--ink);background:#fffdf7;font-size:16px;text-overflow:ellipsis}.conversation-wheel{position:relative;aspect-ratio:1;max-width:350px;margin:18px auto;direction:ltr}.wheel-dial,.wheel-needle{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wheel-needle{transition:transform .35s ease;transform-origin:50% 50%}.wheel-picture{position:absolute;transform:translate(-50%,-50%);width:22%;height:22%;min-width:48px;min-height:48px;border-radius:22px;padding:5px;box-shadow:0 3px 0 #22304a12;background:#fffefa;border:2px solid #b4bdb6}.wheel-picture svg{width:100%;height:100%;pointer-events:none;display:block}.wheel-picture:active{transform:translate(-50%,-48%)}.wheel-picture[aria-pressed=true]{outline:4px solid #2157b7;outline-offset:3px}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20%;height:20%;min-width:48px;min-height:48px;border-radius:50%;padding:0;font-size:30px;background:var(--ink);color:#ffce50;border:0}.wheel-center:active{transform:translate(-50%,-48%)}.conversation-card{min-width:0;background:#fffaf0;border:2px solid #e6deca;border-radius:24px;padding:22px;text-align:center}.conversation-card.waiting{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.conversation-card.waiting>svg{width:110px;height:110px}.conversation-card h4{font-size:23px;line-height:1.5;margin:12px 0}.conversation-art{width:105px;height:105px;margin:auto}.conversation-art svg{width:100%;height:100%}.conversation-question{font-size:19px;font-weight:700;margin:12px 0 18px}.conversation-responses{display:grid;grid-template-columns:1fr 1fr;gap:9px}.conversation-responses button{padding:10px 8px;font-size:16px;overflow-wrap:anywhere}.conversation-responses button[aria-pressed=true]{background:#eee5fa;border-color:#6f5599;opacity:1}.conversation-responses button:disabled{opacity:.65}.conversation-card details{text-align:start;margin-top:20px;border-top:1px solid #dbd6c9;padding-top:14px;font-size:14px}.conversation-card summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item;padding:9px 3px;line-height:1.6}.conversation-card details p{margin:14px 0}.conversation-card #conversation-feedback p{margin:15px 0;line-height:1.6}.conversation-card #conversation-feedback button{margin:8px 0}.wheel-picker .canvas-hint{margin:13px 0 20px}@media(max-width:700px){.wheel-layout{grid-template-columns:1fr;gap:24px}.wheel-picker{max-width:390px;width:100%;margin:auto}.conversation-card{padding:16px}.conversation-card h4{font-size:21px}.conversation-responses button{font-size:15px}.wheel-picture{border-radius:15px}.wheel-center{font-size:25px}.wheel-turn{font-size:15px}}

.wheel-needle-clip{position:absolute;inset:0;overflow:hidden;pointer-events:none}

/* Find a family: stationary picture cards, room to read and a two-picture basket. */
.family-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;text-align:start;margin:0 0 18px}
.family-controls label{font-weight:750}.family-controls select{min-height:48px;max-width:100%;min-width:0;flex:1 1 160px;padding:10px;border:2px solid #bcd7cf;border-radius:14px;background:#fff;color:#22304a;font:inherit}
.family-controls p{margin:0;font-size:.88rem;flex:1 1 160px;text-align:end}.family-controls b,.family-basket b{display:inline-block;white-space:nowrap;margin-inline-start:6px}
.family-scene{height:450px;position:relative;overflow:hidden;border:2px solid #d6e7df;border-radius:28px;background:#eef8f3;isolation:isolate}
.family-landscape{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.family-sun{position:absolute;width:70px;height:70px;border-radius:50%;background:#ffdd87;top:28px;left:calc(50% - 35px);box-shadow:0 0 0 13px #ffebba88;z-index:-1}
.family-card{position:absolute;transform:translate(-50%,-50%);width:145px;min-height:164px;padding:12px 10px 14px;border:2px solid #e0e9e3;border-radius:22px;background:#fffdf7;color:#22304a;box-shadow:0 7px 0 #9cbbae40;display:flex;align-items:center;flex-direction:column;gap:6px;font:inherit;font-weight:700;line-height:1.45;cursor:pointer}
.family-card[data-slot="0"]{left:26%;top:29%}.family-card[data-slot="1"]{left:74%;top:29%}.family-card[data-slot="2"]{left:50%;top:74%}
.family-card svg{width:106px;height:106px;flex-shrink:0}.family-card>span{overflow-wrap:anywhere;max-width:100%}.family-card:hover{border-color:#328772}.family-card:active{transform:translate(-50%,-50%)}.family-card:focus-visible{outline:4px solid #375ba6;outline-offset:4px}.family-card.family-found{background:#e1f3e9;border-color:#328772;box-shadow:0 5px 0 #bfd8cc}
.family-tick{display:none;position:absolute;top:-10px;inset-inline-end:-8px;width:29px;height:29px;border-radius:50%;background:#26715f;color:#fff;font-style:normal;font-size:19px;border:3px solid #fff}.family-found .family-tick{display:block}
.family-basket{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 8px;padding:18px 22px;border:2px solid #ebd5ad;border-radius:22px;background:#fff4dc;text-align:start}.family-basket strong{font-size:1.1rem}.family-basket p{font-size:.85rem;margin:6px 0 0}.family-slots{display:flex;gap:8px;direction:ltr}.family-slot{display:grid;place-items:center;flex:none;width:60px;height:60px;border:2px dashed #aa885c;border-radius:50%;background:#fffaf0}.family-slot.filled{border-style:solid;border-color:#33826d;background:white}.family-slot svg{width:47px;height:47px}.family-seed{width:12px;height:12px;border:2px solid #b38f5f;border-radius:50%}
@media(max-width:520px){.family-controls{gap:8px}.family-controls label{font-size:.88rem}.family-controls p{flex-basis:100%;text-align:start;font-size:.8rem}.family-scene{height:414px;border-radius:20px}.family-card{width:calc(42% - 5px);min-height:140px;padding:10px 6px;font-size:.84rem;border-radius:18px}.family-card svg{width:78px;height:78px}.family-card[data-slot="0"]{left:25%;top:27%}.family-card[data-slot="1"]{left:75%;top:27%}.family-card[data-slot="2"]{top:73%}.family-sun{width:45px;height:45px;left:calc(50% - 22px);top:25px;box-shadow:0 0 0 9px #ffebba88}.family-basket{padding:14px 12px;flex-wrap:wrap;justify-content:center}.family-basket>div:first-child{flex:1 1 130px}.family-slot{width:49px;height:49px}.family-slot svg{width:39px;height:39px}}

/* Word trail: an untimed three-space board and stable, unscored response controls. */
.trail-settings{display:grid;grid-template-columns:2fr 1fr;gap:16px;text-align:start}.trail-settings>div{min-width:0}.trail-settings label{display:block;font-weight:750;margin-bottom:7px}.trail-settings select{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:2px solid #bbd5cb;border-radius:14px;background:white;color:#22304a;font:inherit}.trail-change-note{font-size:.82rem;color:#52617a;text-align:start;margin:9px 0 22px}
.trail-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;isolation:isolate;gap:8px;padding:20px 18px 13px;margin-bottom:25px;border-radius:28px;background:#eaf6ef;border:2px solid #d5e8dd;direction:ltr}.trail-board:before{content:'';position:absolute;z-index:-1;left:12%;right:12%;top:79px;border-top:12px dotted #adc9b9}.trail-stop{display:flex;align-items:center;flex-direction:column;gap:5px;min-width:0}.trail-stop-label{font-weight:700;font-size:.85rem;line-height:1.5;min-height:26px;max-width:100%;overflow-wrap:anywhere}.trail-stone{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#fff9e8;border:3px solid #dabf88;font-weight:800;font-size:25px;color:#675b41;box-shadow:0 4px 0 #adc9b970}.trail-stone svg{width:55px;height:55px}.trail-tokens{height:39px;display:flex;align-items:center;justify-content:center;gap:2px}.trail-token{display:inline-grid;place-items:center;width:33px;height:33px;background:#fff;border:1px solid #adc9b9;border-radius:50%;box-shadow:0 2px 3px #22304a12}.trail-token svg{width:28px;height:28px}
.trail-play-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.trail-picture-card{padding:24px 18px;background:#fff8e9;border:2px solid #eedbb7;border-radius:26px;min-width:0}.trail-art{max-width:250px;margin:auto;aspect-ratio:1}.trail-art>svg{display:block;width:100%;height:100%}.trail-picture-card h4{font-size:clamp(1.2rem,2.1vw,1.8rem);line-height:1.6;margin:12px 0 0;overflow-wrap:anywhere}.trail-turn-panel{min-width:0}.trail-turn-label{display:flex;align-items:center;justify-content:center;gap:9px;font-size:1.05rem;margin:0 0 18px}.trail-turn-label svg{width:37px;height:37px;flex:none}.trail-responses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trail-responses button{padding:12px 8px;min-height:60px;font-size:1rem;overflow-wrap:anywhere}.trail-responses button[aria-pressed=true]{background:#e2f3ea;border-color:#26745f}.trail-choice-status{min-height:58px;margin:14px 0 8px;font-size:.9rem;line-height:1.5}.trail-turn-panel #trail-move{width:100%;min-height:52px}.trail-turn-panel #trail-move:disabled{opacity:.72;cursor:default;background:#d7e1dc;color:#41584d;border-color:#bbccc1}.trail-adult{text-align:start;padding:15px 18px;border:2px solid #e2e8e3;border-radius:18px;margin-top:22px;font-size:.88rem}.trail-adult summary{cursor:pointer;font-weight:700;min-height:30px;line-height:30px}.trail-finish-art svg{width:100px;height:100px}.trail-finished{font-weight:750;font-size:1.3rem}
@media(max-width:650px){.trail-settings{grid-template-columns:1fr;gap:10px}.trail-settings label{font-size:.9rem;margin-bottom:4px}.trail-board{gap:2px;padding:17px 5px 8px;border-radius:21px}.trail-board:before{top:69px;border-top-width:8px}.trail-stone{width:48px;height:48px;font-size:20px;border-width:2px}.trail-stone svg{width:39px;height:39px}.trail-stop-label{font-size:.74rem;min-height:27px}.trail-token{width:23px;height:23px}.trail-token svg{width:20px;height:20px}.trail-tokens{height:30px;gap:1px}.trail-play-layout{grid-template-columns:1fr;gap:20px}.trail-picture-card{padding:16px}.trail-art{max-width:180px}.trail-picture-card h4{font-size:1.25rem;line-height:1.65;margin-top:6px}.trail-choice-status{min-height:46px}.trail-responses button{min-height:58px}.trail-turn-label{margin-bottom:13px}}
html[dir=rtl] .trail-board{direction:rtl}

/* Word Steps: stationary platforms, generous controls, meaningful per-picture progress. */
.steps-settings{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;text-align:start}
.steps-settings label{display:block;font-weight:750;margin-bottom:8px}.steps-settings select{width:100%;min-height:50px;padding:10px 14px;color:var(--ink);background:white;border:2px solid #b6d5c9;border-radius:16px;font:inherit;min-width:0}
.steps-counter{margin:0;font-size:.85rem;color:#526483;max-width:190px}.steps-counter strong{display:block;font-size:1.5rem;color:var(--ink);margin-top:6px}
.steps-change{font-size:.85rem;color:#526483;text-align:start;margin:10px 0 26px;line-height:1.6}
.steps-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;align-items:center}
.steps-picture{margin:0;padding:20px 16px;border:2px solid #f1d9ad;border-radius:28px;background:#fff8ec;min-width:0;text-align:center}.steps-art svg{display:block;width:100%;max-width:250px;aspect-ratio:1;margin:auto}.steps-picture figcaption{font-size:1.6rem;font-weight:750;margin-top:18px;overflow-wrap:anywhere}
.steps-play{min-width:0}.steps-pond{padding:14px 12px 0;background:radial-gradient(ellipse at 50% 66%,#d9eeef 0 63%,#edf6ef 64%);border:2px solid #cce5dd;border-radius:34px;overflow:hidden}
.steps-stones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:252px;align-items:start}
.steps-stop{display:flex;align-items:center;flex-direction:column;min-width:0}.steps-stop:first-child{padding-top:80px}.steps-stop:nth-child(2){padding-top:40px}
.steps-bird{height:52px;width:58px;display:block}.steps-bird svg{width:100%;height:100%}
.steps-stone{width:100%;max-width:100px;min-width:44px;min-height:66px;padding:10px 4px;border-radius:46% 44% 37% 41%;background:#e0e8df;border:3px solid #9ead9e;box-shadow:0 6px 0 #a6b7ac;color:#465a59;font-size:1.5rem;font-weight:800;transition:none;transform:none!important}
.steps-stone:disabled{opacity:1;color:#59655b;background:#e0e8df}.steps-stop.is-next .steps-stone{background:#ffe8a1;border-color:#977025;box-shadow:0 6px 0 #bd9250;color:#22304a}.steps-stop.is-next .steps-stone:hover{background:#ffdb76}.steps-stop.is-here .steps-stone{background:#b5dfce;border-color:#39876f;box-shadow:0 6px 0 #74aa91}
.steps-stone-label{font-size:.82rem;font-weight:750;line-height:1.4;margin-top:13px;min-height:2.8em;text-align:center;overflow-wrap:anywhere}.steps-bank{display:flex;justify-content:space-between;align-items:end;min-height:62px;border-radius:70% 80% 0 0;background:#c4dfbb;padding:0 12px 10px;margin:0 -12px;text-align:start}
.steps-start{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:750}.steps-start svg{width:46px;height:46px}.steps-pond-flower{width:40px;height:46px}.steps-pond-flower svg{width:100%;height:100%}
.steps-progress{margin:20px 0 14px;font-size:.95rem;font-weight:750}.steps-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.steps-actions button{max-width:100%;overflow-wrap:anywhere}.steps-play>.secondary{min-width:150px}.steps-adult{margin-top:28px;text-align:start;border:2px solid #e1e8e3;border-radius:20px;padding:18px;font-size:.9rem;line-height:1.7}.steps-adult summary{font-weight:750;cursor:pointer;min-height:24px}.steps-adult p{margin:12px 0 0}
@media(max-width:650px){.steps-settings{grid-template-columns:minmax(0,1fr);gap:12px}.steps-counter{display:flex;gap:12px;align-items:center;justify-content:space-between;max-width:none}.steps-counter strong{margin:0;flex-shrink:0}.steps-layout{grid-template-columns:minmax(0,1fr);gap:24px}.steps-art svg{max-width:190px}.steps-picture figcaption{font-size:1.35rem}.steps-stone{min-height:60px}.steps-stone-label{font-size:.8rem}.steps-pond{padding-inline:10px}.steps-adult{padding:14px}}

[dir="rtl"] .steps-bird svg,[dir="rtl"] .steps-start svg{transform:scaleX(-1)}
/* Story Cubes: pictures and deliberate tap editing; layout follows reading direction. */
.cubes-shell{min-width:0}.cubes-modes{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}.cubes-modes button[aria-pressed=true]{background:#d6ece3;border-color:#39876f;box-shadow:0 3px 0 #a1c7b5}.cubes-settings{text-align:start;margin-bottom:24px}.cubes-settings label{display:block;font-weight:750;margin-bottom:8px}.cubes-settings select,.cubes-idea select{width:100%;min-width:0;min-height:50px;padding:10px 12px;border:2px solid #b6d5c9;border-radius:14px;background:white;color:var(--ink);font:inherit}
.cubes-workspace{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,2fr);gap:24px;align-items:start}.cubes-focus{background:#fff2d4;border:2px solid #ebd4a5;border-radius:24px;padding:14px}.cubes-focus>p{font-size:.8rem;font-weight:750;margin:0 0 12px}.cubes-focus figure,.cubes-slots figure{margin:0}.cubes-art svg{display:block;width:100%;height:auto;aspect-ratio:300/220}.cubes-caption{display:block;margin:10px 0 0;line-height:1.6;font-size:.94rem;font-weight:650;overflow-wrap:anywhere}.cubes-editor{min-width:0}.cubes-instruction{text-align:start;margin:0 0 14px;font-size:.94rem;font-weight:700;line-height:1.6}.cubes-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cubes-palette button{padding:6px 6px 12px;border:2px solid #d6e0e1;background:white;border-radius:18px;min-width:0;transform:none!important}.cubes-palette button[aria-pressed=true]{background:#e1f2e9;border-color:#397765;box-shadow:0 0 0 2px #397765}.cubes-palette .cubes-caption{font-size:.8rem}.cubes-draft-title{text-align:start;font-size:1rem;margin:26px 0 18px}
.cubes-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.cubes-slots li{position:relative;padding:16px 7px 7px;border:2px dashed #bbcbd1;border-radius:18px;min-width:0;background:#f6f9f8}.cubes-number{position:absolute;inset-inline-start:10px;top:-14px;border-radius:50%;width:27px;height:27px;background:#22304a;color:white;display:grid;place-items:center;font-weight:700;font-size:.85rem}.cubes-place{display:block;width:100%;min-height:178px;padding:6px;background:white;border:2px solid #dce5e5;transform:none!important}.cubes-place:disabled{opacity:1;background:white;color:var(--ink);cursor:default}.cubes-place:enabled{border-color:#39876f;background:#fff9e9}.cubes-empty{display:block;font-size:2.8rem;color:#8da6ab;line-height:1.1}.cubes-slot-tools{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.cubes-slot-tools button{font-size:.75rem;flex:1 1 44px;min-width:44px;min-height:44px;padding:7px 4px;overflow-wrap:anywhere;transform:none!important}.cubes-hint{color:#526483;font-size:.87rem;line-height:1.7;margin:22px 0}.cubes-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:22px 0}.cubes-actions button,.cubes-modes button{max-width:100%;overflow-wrap:anywhere;transform:none!important}
.cubes-ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cubes-idea{min-width:0;background:#fff8ec;border:2px solid #edd8ae;border-radius:24px;padding:16px}.cubes-idea h4{margin:0 0 14px;font-size:1rem}.cubes-idea-art svg{width:100%;max-width:230px;height:165px;display:block;margin:0 auto 18px}.cubes-idea>button{margin-top:12px;max-width:100%;font-size:.9rem;overflow-wrap:anywhere}.cubes-adult{padding:18px;border:2px solid #e1e8e3;border-radius:20px;margin-top:28px;text-align:start;font-size:.9rem;line-height:1.7}.cubes-adult summary{cursor:pointer;font-weight:750;min-height:24px}.cubes-adult p{margin:12px 0 0}.cubes-shell[data-review=true] .cubes-workspace{display:block}.cubes-slots.is-review li{border-style:solid;padding:20px 12px 14px;background:#fff8ec}.cubes-slots.is-review .cubes-caption{font-size:1.1rem}
@media(max-width:1000px){.cubes-workspace{grid-template-columns:minmax(0,1fr)}.cubes-focus{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1fr);align-items:center;gap:18px}.cubes-focus figure{display:flex;align-items:center;gap:16px}.cubes-focus .cubes-art{max-width:170px;min-width:110px}.cubes-focus .cubes-caption{margin:0;font-size:.85rem}}
@media(max-width:650px){.cubes-focus{display:block}.cubes-focus>p{text-align:start}.cubes-focus figure{gap:12px}.cubes-focus .cubes-art{min-width:90px;max-width:120px;flex:0 0 45%}.cubes-palette{gap:7px}.cubes-palette button{padding:4px 3px 9px;border-radius:12px}.cubes-palette .cubes-caption{font-size:.72rem}.cubes-slots{grid-template-columns:minmax(0,1fr);gap:24px}.cubes-slots li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.5fr);gap:10px;padding:16px 10px 10px}.cubes-place{min-height:132px}.cubes-place .cubes-art svg{max-height:134px}.cubes-slot-tools{flex-direction:column;margin:0;justify-content:center}.cubes-slot-tools button{flex:0 0 auto;font-size:.8rem}.cubes-slots.is-review li{display:block}.cubes-slots.is-review svg{max-height:210px}.cubes-ideas{grid-template-columns:minmax(0,1fr);gap:15px}.cubes-idea-art svg{height:140px}.cubes-idea{padding:16px}.cubes-adult{padding:14px}.cubes-caption{font-size:.88rem}}
@media(max-width:650px){.cubes-palette{grid-template-columns:minmax(0,1fr);gap:10px}.cubes-palette button{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:10px;align-items:center;padding:8px;text-align:start}.cubes-palette .cubes-caption{font-size:.88rem;margin:0}.cubes-palette .cubes-art svg{max-height:100px}}
/* Explicit sequencing: tap/place, separate two/three-picture drafts and example comparison. */
.seq-shell{min-width:0;text-align:start}.seq-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.3fr);gap:24px;align-items:end}.seq-settings label{display:block;font-weight:750;margin-bottom:8px}.seq-settings select{width:100%;min-height:50px;min-width:0;padding:10px 12px;font:inherit;color:var(--ink);background:white;border:2px solid #b6d5c9;border-radius:14px}.seq-counter{font-size:.8rem;line-height:1.5;color:#526483;margin:0}.seq-counter strong{display:block;font-size:1.4rem;color:var(--ink);margin-top:6px}.seq-size{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:24px 0 10px}.seq-size button[aria-pressed=true]{background:#d6ece3;border-color:#39876f;box-shadow:0 3px 0 #a1c7b5}.seq-practice,.seq-hint{font-size:.87rem;color:#526483;line-height:1.7}.seq-instruction{font-weight:700;line-height:1.6;margin:24px 0 14px}.seq-palette{display:grid;grid-template-columns:repeat(var(--seq-columns),minmax(0,1fr));gap:14px}.seq-palette button{min-width:0;padding:8px 8px 14px;background:white;border:2px solid #d6e0e1;border-radius:20px;transform:none!important}.seq-palette button[aria-pressed=true]{background:#e1f2e9;border-color:#397765;box-shadow:0 0 0 2px #397765}.seq-art>svg{display:block;width:100%;height:auto;max-height:195px;aspect-ratio:300/220}.seq-caption{display:block;font-size:.94rem;font-weight:650;line-height:1.65;margin-top:10px;overflow-wrap:anywhere}.seq-shell>h4{margin:28px 0 16px;font-size:1rem}
.seq-slots{display:grid;grid-template-columns:repeat(var(--seq-columns),minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}.seq-slots li{padding:12px 8px 8px;border:2px dashed #bbcbd1;border-radius:20px;background:#f5f9f7;min-width:0}.seq-place-label{display:block;font-weight:750;font-size:.9rem;line-height:1.6;margin:0 4px 10px;color:#456a60}.seq-place{display:block;width:100%;min-height:170px;padding:8px;background:white;border:2px solid #dce5e5;transform:none!important}.seq-place:disabled{opacity:1;color:var(--ink);cursor:default;background:white}.seq-place:enabled{border-color:#39876f;background:#fff9e9}.seq-empty{display:block;font-size:3rem;line-height:1.2;color:#8da6ab}.seq-slot-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.seq-slot-tools button{min-width:44px;min-height:44px;flex:1 1 44px;padding:7px 4px;font-size:.8rem;overflow-wrap:anywhere;transform:none!important}.seq-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}.seq-actions button,.seq-size button{max-width:100%;overflow-wrap:anywhere;transform:none!important}.seq-slots figure{margin:0;text-align:center}.seq-slots.is-review li{border-style:solid;background:#fff8ec;padding:14px}.seq-example{margin-top:24px;border:2px solid #e5d5b2;border-radius:24px;background:#fff8ec;padding:18px}.seq-example[hidden]{display:none}.seq-example h4{margin:0 0 16px}.seq-example ol{display:grid;grid-template-columns:repeat(var(--seq-columns),minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}.seq-example li{min-width:0;text-align:center}.seq-example-label{font-size:.85rem;font-weight:750}.seq-example .seq-art{margin-top:9px}.seq-adult{margin-top:28px;padding:18px;border:2px solid #e1e8e3;border-radius:20px;font-size:.9rem;line-height:1.7}.seq-adult summary{font-weight:750;cursor:pointer;min-height:24px}.seq-adult p{margin:12px 0 0}
@media(max-width:650px){.seq-settings{grid-template-columns:minmax(0,1fr);gap:12px}.seq-counter{display:flex;align-items:center;justify-content:space-between;gap:18px}.seq-counter strong{margin:0;flex-shrink:0}.seq-palette{grid-template-columns:minmax(0,1fr);gap:10px}.seq-palette button{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:10px;text-align:start;padding:9px}.seq-palette .seq-caption{font-size:.88rem;margin:0}.seq-palette .seq-art>svg{max-height:120px}.seq-slots{grid-template-columns:minmax(0,1fr);gap:18px}.seq-slots li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.48fr);gap:8px;padding:12px 9px 9px}.seq-place-label{grid-column:1/-1}.seq-slot-tools{flex-direction:column;justify-content:center;margin:0}.seq-slot-tools button{flex:0 0 auto}.seq-place{min-height:140px}.seq-slots.is-review li{display:block}.seq-slots.is-review .seq-art>svg{max-height:210px}.seq-example ol{grid-template-columns:minmax(0,1fr);gap:22px}.seq-example .seq-art>svg{max-height:190px}.seq-example,.seq-adult{padding:14px}}
/* Source-bound picture quests: reversible map routes and stationary controls. */
.quest-shell{text-align:start;min-width:0}.quest-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.42fr);gap:22px;padding:20px;background:#f1f7f2;border-radius:20px;border:2px solid #d7e6dc}.quest-shell h4{margin:0 0 12px;font-size:1rem;line-height:1.55}.quest-checklist{list-style:none;padding:0;margin:0;display:grid;gap:12px}.quest-checklist li{display:flex;gap:9px;align-items:start;font-size:.9rem;line-height:1.6}.quest-checklist li>span:first-child{flex:0 0 25px;font-size:1.2rem;line-height:1.25;text-align:center;border:2px solid #b1c8b8;border-radius:50%;color:#517964}.quest-checklist li[data-reached=true]>span:first-child{background:#257563;border-color:#257563;color:white}.quest-bag{padding:12px;border-radius:16px;background:white;border:2px solid #dce8df;min-width:0}.quest-bag>span{display:block;font-size:.75rem;font-weight:750;color:#5a6f69}.quest-bag>div{display:flex;align-items:center;gap:9px;margin-top:8px;font-size:.85rem}.quest-bag svg{width:42px;height:42px;flex-shrink:0}.quest-empty{width:30px;text-align:center;font-size:1.5rem;color:#799087}.quest-world{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:26px}.quest-scene{margin:0;border:2px solid #dde5e0;border-radius:24px;overflow:hidden;background:#fffdf8}.quest-scene>svg{display:block;width:100%;height:auto;max-height:390px;aspect-ratio:640/360}.quest-scene figcaption{padding:17px 20px;font-size:1rem;font-weight:650;line-height:1.75;background:white;border-top:2px solid #dde5e0}.quest-interactions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:16px}.quest-interactions:empty{display:none}.quest-interactions button{display:flex;align-items:center;gap:10px;text-align:start;max-width:100%;min-height:54px;overflow-wrap:anywhere;transform:none!important}.quest-action-icon{display:block;width:45px;flex:0 0 45px;border-radius:12px;background:#fff8ec}.quest-action-icon svg{display:block;width:45px;height:45px}.quest-navigation{border:2px solid #e8ddc5;border-radius:24px;padding:20px;background:#fffaf0}.quest-navigation>p{font-size:.86rem;line-height:1.7;color:#566886;margin:0 0 12px}.quest-map{position:relative;height:300px;max-width:650px;margin:auto;direction:ltr}.quest-map.two-places{height:230px}.quest-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.quest-map-place{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;width:126px;min-height:130px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;border:2px solid #d5dace;background:white;border-radius:22px;color:var(--ink);font-size:.85rem;line-height:1.5;transform:none!important}.quest-map-place:disabled{opacity:.64;cursor:default}.quest-map-place.is-here{opacity:1;background:#ddf0e5;border-color:#367e68;box-shadow:0 4px 0 #b2d2bb}.quest-map-icon{width:65px;height:65px}.quest-map-icon svg{width:100%;height:100%;display:block}.quest-here{font-size:.72rem;font-weight:650;color:#346951}.quest-map-place.is-hint,.quest-interactions .is-hint{outline:4px solid #ce941b;outline-offset:4px}.quest-tools{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px}.quest-tools button{max-width:100%;overflow-wrap:anywhere;transform:none!important}.quest-hint{padding:16px;border:2px solid #e4c783;border-radius:16px;background:#fff4d6;font-weight:700;font-size:.9rem;line-height:1.7;margin:20px 0 0}.quest-hint[hidden]{display:none}.quest-adult{margin-top:26px;padding:18px;border:2px solid #e1e8e3;border-radius:20px;font-size:.9rem;line-height:1.7}.quest-adult summary{font-weight:750;cursor:pointer;min-height:24px}.quest-adult p{margin:12px 0 0}
@media(min-width:1100px){.quest-world{grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:18px;align-items:start}.quest-navigation{padding:18px 12px}.quest-map-place{width:90px;min-height:126px}.quest-map-icon{width:55px;height:55px}.quest-map{height:320px}.quest-map.two-places{height:235px}}
@media(max-width:650px){.quest-summary{grid-template-columns:minmax(0,1fr);padding:14px;gap:14px}.quest-bag{display:flex;align-items:center;justify-content:space-between;gap:12px}.quest-bag>div{margin:0}.quest-navigation{padding:15px 8px}.quest-navigation>h4,.quest-navigation>p{margin-inline:5px}.quest-map{height:310px}.quest-map-place{width:82px;min-height:122px;padding:8px 5px;font-size:.8rem}.quest-map-icon{width:49px;height:49px}.quest-here{font-size:.7rem}.quest-scene figcaption{font-size:.9rem;padding:14px}.quest-interactions button{width:100%;justify-content:center}.quest-adult{padding:14px}}
/* Source-preserving reveals and optional untimed harbor aiming. */
.pop-shell{max-width:1000px;margin:auto}.pop-top{display:flex;gap:20px;align-items:end;justify-content:space-between}.pop-top label{display:block;font-weight:750;margin-bottom:8px}.pop-top select{min-height:48px;max-width:100%;width:300px;border:2px solid #b6cdc4;border-radius:14px;background:#fffdf6;padding:10px 14px;font:inherit;color:#22304a}.pop-count{margin:0;display:grid;gap:3px;font-size:.9rem}.pop-count strong{font-size:1.25rem;color:#296c5c}.pop-modes{display:flex;gap:8px;margin:20px 0}.pop-modes button{flex:1;min-height:48px;border:2px solid #b8d3c0;background:#fffdf6}.pop-modes [aria-pressed=true]{background:#22304a;color:#fff8ec;border-color:#22304a}.pop-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);gap:clamp(18px,4vw,48px);align-items:center;background:linear-gradient(140deg,#f8fbf4,#fff8ec);border:1px solid #d4e2d9;border-radius:26px;padding:clamp(12px,3vw,28px)}.pop-world{min-width:0}.pop-cover{width:100%;display:grid;gap:10px;background:#fffdf8;border:2px solid #b8d3c0;border-radius:24px;padding:12px;font-weight:800}.pop-cover>svg{width:100%;height:auto;display:block}.pop-cover>span{padding:6px}.pop-picture{margin:0;text-align:center;background:#fffdf8;border-radius:24px;padding:16px;border:2px solid #c7ded2}.pop-picture>div>svg{display:block;width:100%;height:auto;max-height:300px}.pop-picture figcaption{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;margin:12px 0 0;overflow-wrap:anywhere}.pop-board-wrap{max-width:360px;margin:auto;direction:ltr}#pop-board{display:block;width:100%;height:auto;touch-action:pan-y}.pop-panel{min-width:0}.pop-palette{border:0;padding:0;margin:0 0 15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pop-palette legend{font-weight:750;margin-bottom:10px}.pop-palette button{display:grid;justify-items:center;align-content:start;gap:6px;border:2px solid #bccfc6;border-radius:16px;background:#fffdf8;font-size:.85rem;line-height:1.35;padding:8px 5px;overflow-wrap:anywhere;min-height:90px}.pop-palette button[aria-pressed=true]{outline:3px solid #22304a;outline-offset:2px;border-color:#fffdf8}.pop-palette button>svg{width:44px;height:44px}.pop-direction-label{font-weight:750;display:flex;justify-content:space-between;gap:12px}.pop-direction-label bdi{font-variant-numeric:tabular-nums;font-size:.9rem}#pop-angle{width:100%;margin:0;height:44px;accent-color:#296c5c;cursor:pointer}.pop-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:3px 0 14px}.pop-directions button{display:grid;justify-items:center;font-size:.82rem;padding:8px 4px;min-height:64px;border:1px solid #b8d3c0;background:#fffdf8;overflow-wrap:anywhere}.pop-directions span{font-size:1.35rem;line-height:1.2}.pop-send,#pop-suggest{width:100%;margin-bottom:9px;min-height:48px}.pop-send{background:#296c5c}.pop-remaining{font-size:.9rem;margin:6px 0}.pop-hint{line-height:1.6;margin:12px 0}.pop-actions{display:flex;flex-wrap:wrap;gap:8px}.pop-actions>button{min-height:48px;flex:1 1 110px;white-space:normal}.pop-shell button{color:#22304a}.pop-shell button.primary,.pop-modes [aria-pressed=true]{color:#fff8ec}.pop-mode-note{font-size:.88rem;color:#53655d;margin:14px 0}.pop-adult{line-height:1.65;font-size:.92rem;border-top:1px solid #d4e2d9;padding-top:12px}.pop-adult summary{min-height:44px;display:list-item;cursor:pointer;font-weight:750;padding:8px 0}.pop-shell #pop-status{font-size:.92rem;line-height:1.6;min-height:1.6em}.pop-revealing{max-width:800px}.pop-shell button:focus-visible,.pop-shell input:focus-visible,.pop-shell select:focus-visible{outline:3px solid #2c679b;outline-offset:4px}
@media(max-width:650px){.pop-layout{grid-template-columns:minmax(0,1fr);gap:16px}.pop-top{align-items:stretch;flex-direction:column;gap:10px}.pop-top select{width:100%}.pop-count{display:flex;align-items:center;justify-content:space-between}.pop-world{max-width:330px;width:100%;margin:auto}.pop-modes button{font-size:.9rem;padding:10px 8px}.pop-modes{gap:6px}.pop-picture>div>svg{max-height:220px}.pop-cover>svg{max-height:250px}.pop-palette button{font-size:.8rem}.pop-adult{overflow-wrap:anywhere}}
@media(max-width:380px){.pop-palette{grid-template-columns:1fr;gap:9px}.pop-palette button{display:flex;align-items:center;gap:12px;min-height:60px;padding:7px 12px;font-size:.92rem;text-align:start;overflow-wrap:normal}.pop-palette button>svg{flex-shrink:0}.pop-palette button>span{min-width:0}}
/* Adjacent picture swaps and a deliberate 4×4 fruit basket. */
.swap-shell{max-width:1000px;margin:auto}.swap-top{display:flex;gap:20px;align-items:end;justify-content:space-between}.swap-top label{display:block;font-weight:750;margin-bottom:8px}.swap-top select{min-height:48px;max-width:100%;width:300px;border:2px solid #b6cdc4;border-radius:14px;background:#fffdf6;padding:10px 14px;font:inherit;color:#22304a}.swap-count{margin:0;display:grid;gap:3px;font-size:.9rem}.swap-count strong{font-size:1.25rem;color:#296c5c}.swap-modes{display:flex;gap:8px;margin:20px 0}.swap-modes button{flex:1;min-height:48px;border:2px solid #b8d3c0;background:#fffdf6}.swap-modes [aria-pressed=true]{background:#22304a;color:#fff8ec;border-color:#22304a}.swap-layout{display:grid;grid-template-columns:minmax(270px,1.2fr) minmax(220px,1fr);gap:clamp(18px,4vw,40px);align-items:center;background:linear-gradient(140deg,#f9f1df,#f0f7ed);border:1px solid #dfdec9;border-radius:26px;padding:clamp(12px,2.5vw,26px)}.swap-world,.swap-panel{min-width:0}.swap-reveal-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.swap-reveal-board button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;border:2px solid #b8d3c0;background:#fffdf8;padding:10px;border-radius:18px;gap:10px;font:inherit;overflow-wrap:anywhere}.swap-reveal-board svg{width:100%;height:auto;max-height:180px}.swap-reveal-board .is-empty{border-style:dashed;background:#f4f5e9;color:#53655d}.swap-empty-plus{font-size:2.5rem;line-height:1.2}.swap-reveal-board button:disabled{opacity:.75}.swap-reveal-board .is-picked,.swap-basket .is-picked{outline:3px solid #22304a;outline-offset:2px}.swap-reveal-board .is-neighbour,.swap-basket .is-neighbour{border:3px dashed #267d68;background:#e6f4e9}.swap-basket-wrap{max-width:430px;margin:auto}.swap-goal{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;line-height:1.4}.swap-goal strong{color:#296c5c;white-space:nowrap}.swap-basket{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border:7px solid #d1b183;border-radius:23px;padding:10px;background:repeating-linear-gradient(90deg,#f5dfbb 0,#f5dfbb 14px,#f9e9cb 14px,#f9e9cb 28px)}.swap-basket button{min-width:0;min-height:48px;aspect-ratio:1;padding:3px;border:2px solid #dbc8aa;border-radius:14px;background:#fffdf8;position:relative;display:grid;place-items:center}.swap-basket button>svg{width:100%;height:auto;display:block;max-height:80px}.swap-basket button.is-matched{opacity:1;background:#e3f3e6;border:3px solid #267d68}.swap-basket button.is-hinted{outline:3px dashed #836138;outline-offset:1px}.swap-match-mark{position:absolute;bottom:1px;right:1px;border-radius:50%;background:#267d68;color:#fff;font:750 12px/18px system-ui;width:18px;height:18px}.swap-basket-status{font-size:.9rem;line-height:1.6;min-height:3.2em;margin-bottom:0}.swap-target{display:flex;gap:12px;align-items:center;padding:12px;background:#fffdf8;border:1px solid #dfdec9;border-radius:18px;margin:0 0 18px}.swap-target>div{flex:0 0 86px}.swap-target>div>svg{width:86px;height:86px;display:block}.swap-target figcaption{font-size:.85rem;min-width:0;overflow-wrap:anywhere}.swap-target strong{display:block;font-size:1.25rem;margin-top:5px;color:#296c5c}.swap-hint{line-height:1.6}.swap-actions{display:flex;flex-wrap:wrap;gap:8px}.swap-actions>button{min-height:48px;flex:1 1 130px;white-space:normal}.swap-shell button{color:#22304a}.swap-shell button.primary,.swap-modes [aria-pressed=true]{color:#fff8ec}.swap-shell button.primary{background:#296c5c}.swap-mode-note{font-size:.88rem;color:#53655d;margin:14px 0}.swap-adult{line-height:1.65;font-size:.92rem;border-top:1px solid #d4e2d9;padding-top:12px}.swap-adult summary{min-height:44px;display:list-item;cursor:pointer;font-weight:750;padding:8px 0}.swap-shell button:focus-visible,.swap-shell select:focus-visible{outline:3px solid #2c679b;outline-offset:4px}
@media(max-width:700px){.swap-layout{grid-template-columns:minmax(0,1fr);gap:16px}.swap-top{align-items:stretch;flex-direction:column;gap:10px}.swap-top select{width:100%}.swap-count{display:flex;align-items:center;justify-content:space-between}.swap-world{width:100%;margin:auto}.swap-modes button{font-size:.9rem;padding:10px 8px}.swap-modes{gap:6px}.swap-reveal-board button{min-height:160px;padding:6px;font-size:.9rem}.swap-reveal-board{gap:10px}.swap-basket{gap:6px;padding:8px;border-width:5px}.swap-adult{overflow-wrap:anywhere}}
@media(max-width:380px){.swap-layout{padding:8px}.swap-basket{gap:4px;padding:5px;border-width:4px;border-radius:15px}.swap-basket button{border-radius:9px;padding:2px;min-height:44px}.swap-target>div{flex-basis:70px}.swap-target>div>svg{width:70px;height:70px}}
/* Stationary shape matching and a deliberate, untimed block garden. */
.garden-shell{max-width:1000px;margin:auto;color:#22304a}.garden-top{display:flex;justify-content:space-between;align-items:end;gap:16px}.garden-top label{display:block;font-weight:750;margin-bottom:8px}.garden-top select{width:300px;max-width:100%;min-height:48px;font:inherit;color:inherit;background:#fffdf6;border:2px solid #b6cdc4;border-radius:14px;padding:10px}.garden-top p{margin:0;font-size:.9rem}.garden-top strong{display:block;color:#296c5c;font-size:1.3rem}.garden-modes{display:flex;gap:8px;margin:20px 0}.garden-modes button{flex:1;border:2px solid #b8d3c0;background:#fffdf6;min-height:48px}.garden-modes [aria-pressed=true]{background:#22304a;color:#fff8ec;border-color:#22304a}.garden-world{padding:clamp(10px,3vw,28px);border:1px solid #d4e2d9;border-radius:26px;background:linear-gradient(140deg,#fff6df,#edf5ed)}.garden-match{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.5fr);align-items:center;gap:30px}.garden-match button{position:relative;min-width:0;border:2px solid #b8c9ba;background:#fffdf8;border-radius:20px;padding:14px;color:#22304a;min-height:80px}.garden-match button:disabled{opacity:1}.garden-match svg{width:100%;max-height:240px;display:block}.garden-match strong{display:block;line-height:1.6;font-size:1.2rem;overflow-wrap:anywhere}.garden-match [aria-pressed=true]{outline:3px solid #22304a;outline-offset:3px}.garden-outlines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.garden-outlines button{border-style:dashed}.garden-outlines button.is-matched{border:3px solid #337e63;background:#e2f1df}.garden-match button>span{position:absolute;top:7px;right:9px;font-weight:850;color:#296c5c}.garden-block-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,1fr);gap:30px;align-items:start}.garden-board-wrap{min-width:0}.garden-goal{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;align-items:center;font-weight:750}.garden-goal strong{color:#296c5c;white-space:nowrap}.garden-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;background:#d5dec7;border:5px solid #b0c4a3;border-radius:20px;padding:8px;max-width:390px;margin:auto}.garden-board button{min-width:0;min-height:44px;aspect-ratio:1;padding:0;border:2px solid #bacab2;border-radius:10px;background:#faf9e9;position:relative;display:grid;place-items:center;color:#34594c;font-size:1.8rem}.garden-board button.is-filled{background:var(--block);border:2px solid #405c56}.garden-board button.is-ghost{border:3px dashed #356e59;background:#d7eac9}.garden-board button.is-blocked{border:3px dashed #8e5541;background:#f9ded1}.garden-board [aria-pressed=true]{outline:3px solid #22304a;outline-offset:1px}.garden-board button:disabled{opacity:1}.garden-control-panel{min-width:0}.garden-pieces{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0;padding:0}.garden-pieces legend{font-weight:750;margin-bottom:10px}.garden-pieces button{flex:1 1 80px;display:grid;justify-items:center;align-content:start;gap:3px;min-width:0;min-height:80px;padding:8px;background:#fffdf8;border:2px solid #bacab2;border-radius:14px;font-size:.8rem;line-height:1.4;color:#22304a;overflow-wrap:anywhere}.garden-pieces svg{width:75px;height:56px;max-width:100%}.garden-pieces [aria-pressed=true]{outline:3px solid #22304a;outline-offset:1px}.garden-current{height:90px;display:grid;place-items:center}.garden-current svg{width:120px;height:90px}.garden-moves{display:flex;gap:6px;margin-bottom:10px}.garden-moves button{flex:1;min-width:0;font-size:.8rem;padding:8px 5px;min-height:50px;overflow-wrap:anywhere}.garden-actions{display:flex;flex-wrap:wrap;gap:8px}.garden-actions button{flex:1 1 130px;min-height:48px;max-width:100%;white-space:normal;color:#22304a}.garden-actions button.primary{background:#296c5c;color:#fff8ec}.garden-bottom{margin-top:18px}.garden-status{font-size:.92rem;line-height:1.65;min-height:3.3em;margin:14px 0 0}.garden-note{font-size:.88rem;line-height:1.7;color:#53655d}.garden-adult{font-size:.92rem;line-height:1.75;border-top:1px solid #d4e2d9;padding-top:10px}.garden-adult summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:750}.garden-shell button:focus-visible,.garden-shell select:focus-visible{outline:3px solid #2c679b;outline-offset:4px}
@media(max-width:700px){.garden-top{flex-direction:column;align-items:stretch;gap:10px}.garden-top select{width:100%}.garden-top p{display:flex;align-items:center;justify-content:space-between;gap:12px}.garden-modes button{font-size:.9rem;padding:10px 8px}.garden-match{grid-template-columns:1fr;gap:20px}.garden-match #garden-shape{width:180px;max-width:100%;margin:auto}.garden-match #garden-shape svg{height:145px}.garden-outlines{gap:8px}.garden-outlines button{padding:7px;min-height:75px}.garden-block-layout{grid-template-columns:1fr;gap:15px}.garden-board{gap:4px;padding:5px;border-width:4px}.garden-control-panel{max-width:390px;margin:auto;width:100%}.garden-adult{overflow-wrap:anywhere}}
@media(max-width:380px){.garden-world{padding:6px}.garden-board{gap:3px;padding:3px;border-width:3px;border-radius:12px}.garden-board button{border-radius:7px}.garden-pieces button{flex-basis:65px}.garden-moves{flex-wrap:wrap}.garden-moves button{flex-basis:70px}}
/* A picture market and a visible, reversible collection basket. */
.basket-shell{max-width:1000px;margin:auto;color:#22304a}.basket-top{display:flex;justify-content:space-between;align-items:end;gap:16px}.basket-top label{display:block;font-weight:750;margin-bottom:8px}.basket-top select{width:330px;max-width:100%;min-height:48px;font:inherit;color:inherit;background:#fffdf6;border:2px solid #b6cdc4;border-radius:14px;padding:10px}.basket-top p{margin:0;font-size:.9rem}.basket-top strong{display:block;color:#296c5c;font-size:1.3rem}.basket-modes{display:flex;gap:8px;margin:20px 0}.basket-modes button{flex:1;border:2px solid #b8d3c0;background:#fffdf6;min-height:48px;color:#22304a}.basket-modes [aria-pressed=true]{background:#22304a;color:#fff8ec;border-color:#22304a}.basket-invitation{font-size:1.4rem;margin:18px 0;text-align:center;line-height:1.65}.basket-world{padding:22px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:22px;background:linear-gradient(135deg,#edf5ed,#fff5e2);border:1px solid #d4e2d9;border-radius:26px}.basket-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.basket-choices button{min-width:0;min-height:140px;padding:10px 7px;border:2px solid #b8c9ba;border-radius:20px;background:#fffdf8;display:flex;flex-direction:column;align-items:center;gap:7px;color:#22304a;font-size:.9rem;line-height:1.55;position:relative;overflow-wrap:anywhere}.basket-choices svg{width:100%;height:auto;display:block;max-height:140px}.basket-choices button.is-collected{opacity:1;background:#deecdf;border-color:#7eab8c}.basket-choices button.is-selected{outline:3px solid #22304a;outline-offset:2px}.basket-choices button.is-hint{outline:3px dashed #a17532;outline-offset:2px}.basket-choices b{position:absolute;top:6px;right:8px;color:#296c5c}.basket-panel{min-width:0;padding:15px;background:#fffaf1;border:2px solid #dcc49e;border-radius:22px}.basket-heading h4{margin:0;font-size:1.15rem}.basket-heading p{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:9px 0 15px;font-size:.85rem}.basket-heading strong{white-space:nowrap;color:#296c5c;font-size:1.05rem}.basket-container{display:grid;grid-template-columns:1fr;gap:9px;min-height:190px;border-radius:18px;background:repeating-linear-gradient(0deg,#f5e5c9 0,#f5e5c9 12px,#f9edd7 12px,#f9edd7 24px);padding:12px;border:2px solid #dec6a4}.basket-empty{display:grid;justify-items:center;align-content:center;text-align:center;font-size:.85rem;line-height:1.6}.basket-empty svg{width:110px;height:110px}.basket-empty p{margin:8px 0 0}.basket-slot{background:#fffdf8;border-radius:12px;padding:8px;display:grid;grid-template-columns:55px minmax(0,1fr);align-items:center;gap:8px;font-size:.85rem;line-height:1.4;overflow-wrap:anywhere}.basket-slot>svg{width:55px;height:55px}.basket-slot button{grid-column:1/-1;min-height:44px;padding:7px;color:#22304a;font-size:.85rem}.basket-container.one .basket-slot{grid-template-columns:1fr;justify-items:center;text-align:center}.basket-container.one .basket-slot>svg{width:105px;height:105px}.basket-container.one .basket-slot button{width:100%}.basket-panel>button{width:100%;min-height:48px;margin-top:8px;color:#22304a}.basket-panel>button.primary{background:#296c5c;color:#fff8ec}.basket-selection{min-height:1.6em;margin:8px 0 0;font-weight:750;line-height:1.6;font-size:.95rem;overflow-wrap:anywhere}.basket-status{min-height:3.3em;line-height:1.65;font-size:.92rem;margin:16px 0}.basket-another{padding:18px;border-radius:18px;background:#e5f1eb;border:1px solid #b6cdc4;line-height:1.7;font-size:1rem}.basket-actions{display:flex;flex-wrap:wrap;gap:8px}.basket-actions button{flex:1 1 125px;min-height:48px;color:#22304a;max-width:100%;white-space:normal}.basket-actions button.primary{background:#296c5c;color:#fff8ec}.basket-adult{font-size:.92rem;line-height:1.75;border-top:1px solid #d4e2d9;padding-top:10px;margin-top:18px}.basket-adult summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:750}.basket-shell button:focus-visible,.basket-shell select:focus-visible{outline:3px solid #2c679b;outline-offset:4px}
@media(max-width:850px){.basket-world{grid-template-columns:1fr;gap:20px;padding:18px}.basket-panel{max-width:480px;width:100%;margin:auto}.basket-container.three{grid-template-columns:repeat(3,minmax(0,1fr))}.basket-container.three .basket-empty{grid-column:1/-1}.basket-container.three .basket-slot{grid-template-columns:1fr;justify-items:center;text-align:center;align-content:start}.basket-container.three .basket-slot button{width:100%;align-self:end}.basket-top{flex-direction:column;align-items:stretch;gap:10px}.basket-top select{width:100%}.basket-top p{display:flex;justify-content:space-between;align-items:center}.basket-choices button{min-height:120px}.basket-choices svg{max-height:150px}}
@media(max-width:500px){.basket-world{padding:10px}.basket-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.basket-choices button{border-radius:14px;font-size:.85rem;padding:7px}.basket-panel{padding:10px}.basket-container.three{grid-template-columns:1fr}.basket-container.three .basket-slot{grid-template-columns:55px minmax(0,1fr);justify-items:stretch;text-align:start}.basket-container{padding:9px}.basket-modes button{font-size:.9rem;padding:10px 8px}.basket-adult{overflow-wrap:anywhere}}
/* Word Connections: visible relationships, with an equivalent editable list. */
.connections-shell{max-width:1000px;margin:auto}.connections-top{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:start}.connections-top>div{flex:1;max-width:540px}.connections-top label,.connections-editor label{display:block;font-weight:750;margin-bottom:8px}.connections-top select,.connections-editor select{width:100%;min-height:48px;border:2px solid #b6ccc5;border-radius:14px;background:#fffdf7;padding:10px 12px;font:inherit;color:#22304a}.connections-top p{margin:0;display:grid;gap:5px;font-size:14px}.connections-top strong{font-size:25px;white-space:nowrap}.connections-modes{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:24px 0 16px}.connections-modes button[aria-pressed=true]{background:#22304a;color:white;border-color:#22304a}.connections-original{font-size:14px;margin:8px 0 20px;color:#5d6575}.connections-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,1fr);gap:24px;align-items:start}.connections-board{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 36px;padding:24px 14px;background:#f0f6ef;border:2px solid #dce8df;border-radius:28px;isolation:isolate}.connections-node{position:relative;z-index:1;min-width:0;min-height:136px;max-width:170px;justify-self:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:22px;border:2px solid #c0d3c9;background:#fffdf6;padding:12px 8px;font-size:16px;line-height:1.4;box-shadow:0 5px 0 #dae6dc}.connections-node[data-node-index="0"]{grid-column:1/-1;width:50%}.connections-node svg{width:76px;height:76px;flex:none}.connections-node span{overflow-wrap:anywhere}.connections-node.is-selected{border-color:#7653a2;box-shadow:0 0 0 3px #d2bdea;background:#f6edff}.connections-node.is-hint{border-color:#167e70;border-style:dashed;box-shadow:0 0 0 3px #b7ded3}.connections-node:disabled{opacity:1;color:#22304a}.connections-node b{position:absolute;inset-inline-end:5px;top:5px;width:23px;height:23px;border-radius:50%;background:#7653a2;color:white;font-size:14px}.connections-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}.connections-lines path{fill:none;stroke:#258c7b;stroke-width:5;stroke-linecap:round}.connections-lines circle{fill:#fffdf6;stroke:#258c7b;stroke-width:2}.connections-lines text{fill:#22304a;font:bold 12px system-ui}.connections-lines .connection-preview{stroke:#8764ac;stroke-width:3;stroke-dasharray:7 7}.connections-editor{background:#fff5df;border:2px solid #ecd7a9;border-radius:24px;padding:20px;text-align:start;display:grid;gap:12px}.connections-pair{min-height:68px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;text-align:center}.connections-pair span{display:block;background:white;border:1px solid #ecd7a9;border-radius:12px;padding:8px 12px;font-weight:750;overflow-wrap:anywhere}.connections-pair p{margin:0;font-weight:700}.connections-editor>button{width:100%;min-height:48px}.connections-status{margin:0;font-size:15px;line-height:1.7}.connections-talk-note{font-size:14px;line-height:1.6;margin:0}.connections-example{background:white;border-inline-start:4px solid #258c7b;padding:12px;border-radius:8px;font-size:15px;line-height:1.6;margin:0}.connections-example p{margin:6px 0 0}.connections-record{text-align:start;margin:26px 0}.connections-record h4{font-size:20px;margin:0 0 14px}.connections-empty{border:2px dashed #c8d9cf;border-radius:20px;padding:26px;text-align:center;color:#596473}.connections-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.connections-list li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;background:#fffdf6;border:2px solid #dce8df;border-radius:18px;padding:16px}.connection-number{display:grid;place-items:center;border:2px solid #258c7b;width:30px;height:30px;border-radius:50%;font-weight:750}.connections-list strong{display:block;line-height:1.6;overflow-wrap:anywhere}.connections-list p{font-size:15px;line-height:1.6;margin:5px 0 0}.connection-edit{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:220px}.connection-edit button{min-height:44px;font-size:14px}.connections-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0}.connections-actions button,.connections-modes button{min-height:48px}.connections-adult{border-top:1px solid #c8d9cf;padding-top:18px;text-align:start;font-size:14px;line-height:1.7}.connections-adult summary{cursor:pointer;min-height:44px;font-weight:750}.connections-shell button:focus-visible,.connections-shell select:focus-visible{outline:3px solid #7653a2;outline-offset:4px}.connections-shell button,.connections-shell select{touch-action:manipulation}.connections-shell button:disabled{cursor:default}.connections-shell button:not(.connections-node):disabled{opacity:.58}
@media(max-width:700px){.connections-workspace{grid-template-columns:1fr;gap:18px}.connections-top{align-items:flex-start;gap:12px}.connections-top p{max-width:92px;font-size:12px}.connections-top strong{font-size:22px}.connections-top select{font-size:14px}.connections-board{padding:20px 10px;gap:42px 24px;border-radius:22px}.connections-node{font-size:14px;padding:10px 6px;min-height:124px;border-radius:17px}.connections-node svg{width:66px;height:66px}.connections-node[data-node-index="0"]{width:calc(50% - 12px)}.connections-editor{padding:16px}.connections-list li{grid-template-columns:30px minmax(0,1fr);padding:12px;gap:10px}.connection-edit{grid-column:2;justify-content:flex-start;max-width:none}.connections-list strong{font-size:15px}.connections-list p{font-size:14px}.connections-modes button{flex:1;padding:10px;font-size:14px}.connections-actions button{flex:1 1 110px;font-size:14px}.connections-shell .primary{background:#167e70;color:white}.connections-top>div{min-width:0}.connections-node span{font-size:14px}}

/* Read the character's words; support choices and passing are unscored. */
.feelings-shell{max-width:1000px;margin:auto}.feelings-top{display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:start}.feelings-top>div{flex:1;max-width:530px;min-width:0}.feelings-top label{display:block;font-weight:750;margin-bottom:8px}.feelings-top select{width:100%;min-height:48px;border:2px solid #bacdc5;background:#fffdf6;border-radius:14px;padding:10px 12px;font:inherit;color:#22304a}.feelings-top p{display:grid;gap:5px;margin:0;font-size:14px}.feelings-top strong{font-size:25px;white-space:nowrap}.feelings-modes{display:flex;justify-content:center;gap:10px;margin:24px 0 16px;flex-wrap:wrap}.feelings-modes button{min-height:48px}.feelings-modes button[aria-pressed=true]{background:#22304a;color:white;border-color:#22304a}.feelings-read{font-size:14px;color:#596473;margin:16px 0;line-height:1.6}.feelings-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:22px}.feelings-scene{margin:0;border:2px solid #dbe6db;border-radius:24px;overflow:hidden;background:#f7f7eb}.feelings-scene>svg{width:100%;height:auto;display:block}.feelings-scene figcaption{padding:18px 22px;text-align:start;font-size:17px;line-height:1.7;background:#fffdf6;border-top:1px solid #dbe6db}.feelings-dialogue{display:grid;gap:12px}.feelings-dialogue blockquote{margin:0;background:#fff2d5;border:2px solid #e7cd99;border-radius:25px 25px 25px 6px;padding:26px 22px;font-size:25px;line-height:1.8;font-weight:750;text-align:start;min-height:120px;display:flex;align-items:center;box-shadow:0 6px 0 #f4e3be}.feelings-dialogue blockquote.is-highlighted{outline:3px solid #8966b3;outline-offset:4px}.feelings-story-only{font-size:14px;text-align:start;line-height:1.7;margin:8px 4px;color:#596473}.feelings-choices{display:grid;gap:14px;max-width:720px;margin:24px auto 14px}.feelings-choices.two{grid-template-columns:repeat(2,minmax(0,1fr))}.feelings-choices.three{grid-template-columns:repeat(3,minmax(0,1fr))}.feelings-choices button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;min-height:144px;background:#fffdf6;border:2px solid #c7d8cc;border-radius:22px;padding:15px 10px;font-size:18px;line-height:1.5}.feelings-choices button>svg{height:78px;width:78px;flex:none}.feelings-choices button span{overflow-wrap:anywhere}.feelings-choices button.is-selected,.feelings-access button.is-selected{border-color:#7653a2;background:#f4edfa;box-shadow:0 0 0 3px #d9c8ed}.feelings-access{display:flex;justify-content:center;gap:12px;max-width:720px;margin:18px auto;flex-wrap:wrap}.feelings-access button{display:flex;gap:10px;align-items:center;justify-content:center;flex:1;min-height:58px;min-width:0;background:#f3f7f1;border:2px solid #c7d8cc;border-radius:16px;font-size:15px;line-height:1.5;padding:10px 12px}.feelings-access svg{width:34px;height:34px;flex:none}.feelings-confirm{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin:18px 0}.feelings-confirm p{width:100%;margin:0;font-weight:750;min-height:0}.feelings-confirm p:empty{display:none}.feelings-confirm button{min-height:48px}.feelings-status{margin:14px auto;text-align:center;font-size:16px;line-height:1.7;max-width:690px}.feelings-response{background:#edf6f0;border:2px solid #c9dfd0;border-radius:22px;padding:20px;text-align:start;max-width:740px;margin:20px auto}.feelings-response h4{font-size:18px;margin:0 0 10px;line-height:1.6}.feelings-response p{font-size:16px;line-height:1.7;margin:8px 0}.feelings-response blockquote{font-size:22px;line-height:1.7;padding:12px 16px;background:white;border-inline-start:4px solid #258c7b;border-radius:10px;margin:14px 0}.feelings-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:24px 0}.feelings-actions button{min-height:48px}.feelings-adult{border-top:1px solid #c8d9cf;padding-top:16px;text-align:start;font-size:14px;line-height:1.7}.feelings-adult summary{min-height:44px;font-weight:750;cursor:pointer}.feelings-shell button:focus-visible,.feelings-shell select:focus-visible,.feelings-shell blockquote:focus-visible{outline:3px solid #7653a2;outline-offset:4px}.feelings-shell button,.feelings-shell select{touch-action:manipulation}.feelings-shell button:disabled{opacity:.58;cursor:default}[dir=rtl] .feelings-dialogue blockquote{border-radius:25px 25px 6px 25px}
@media(max-width:700px){.feelings-layout{grid-template-columns:1fr;gap:16px}.feelings-top{align-items:flex-start;gap:12px}.feelings-top p{max-width:90px;font-size:12px}.feelings-top strong{font-size:22px}.feelings-top select{font-size:14px}.feelings-modes button{flex:1;padding:10px;font-size:14px}.feelings-scene figcaption{padding:14px;font-size:15px}.feelings-dialogue blockquote{padding:16px;font-size:22px;min-height:100px}.feelings-choices{gap:12px}.feelings-choices button{font-size:16px;padding:12px 8px;min-height:136px}.feelings-choices button>svg{width:66px;height:66px}.feelings-choices.three{grid-template-columns:1fr}.feelings-choices.three button{flex-direction:row;text-align:start;gap:16px;min-height:86px;padding:12px 16px}.feelings-choices.three button>svg{width:56px;height:56px}.feelings-access button{flex-direction:column;font-size:14px;padding:10px 8px}.feelings-confirm button{flex:1;font-size:15px}.feelings-actions button{flex:1 1 110px;font-size:14px}.feelings-response{padding:16px}.feelings-response blockquote{font-size:20px}.feelings-response p,.feelings-status{font-size:15px}.feelings-shell .primary{background:#167e70;color:white}}

/* Untimed audio-led recognition; all choices stay stationary. */
.vowel-shell{max-width:980px;margin:auto}.vowel-top{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:start}.vowel-top label{display:block;font-weight:750;margin:0 0 9px}.vowel-top select{width:100%;min-height:48px;border:2px solid #bad0c5;border-radius:14px;padding:10px;font:inherit;background:#fffdf6;color:#22304a}.vowel-language-note{color:#596473;font-size:14px;line-height:1.7;text-align:start}.vowel-pending{max-width:680px;margin:24px auto;background:#fff8ec;border:2px solid #e0d6c5;border-radius:24px;overflow:hidden}.vowel-pending>svg{display:block;width:100%;height:auto}.vowel-pending h4{font-size:25px;margin:24px 22px 10px}.vowel-pending p{font-size:18px;line-height:1.7;margin:0 24px 28px}.vowel-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;list-style:none;counter-reset:vowel-step;text-align:start;margin:24px 0}.vowel-steps li{counter-increment:vowel-step;background:#f0f5ee;border-radius:16px;padding:16px;font-size:16px;line-height:1.6}.vowel-steps li:before{content:counter(vowel-step);display:block;font-size:22px;font-weight:800;margin-bottom:7px}.vowel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vowel-cards article{min-width:0;border:2px solid #cadbce;background:#fffdf7;border-radius:22px;padding:14px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.vowel-cards svg{width:100%;height:170px}.vowel-cards h4{font-size:22px;margin:0}.vowel-heard{font-size:14px;margin:0;min-height:22px;color:#406052}.vowel-cards button{min-height:48px;overflow-wrap:anywhere;line-height:1.5;padding:10px 8px}.vowel-cards button.is-selected{background:#eee5f7;border-color:#735198;box-shadow:0 0 0 3px #dbc8eb}.vowel-listen,.vowel-access,.vowel-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0}.vowel-status{font-size:18px;line-height:1.7;margin:22px auto;max-width:730px}.vowel-basket{display:flex;align-items:center;justify-content:center;gap:28px;border:2px solid #cadbd0;border-radius:24px;background:#eef6ef;padding:18px}.vowel-basket>div:first-child{width:130px;flex:none}.vowel-basket svg{width:100%;height:150px}.vowel-basket p{max-width:420px;line-height:1.7;margin:12px 0 0}.vowel-adult{text-align:start;border-top:1px solid #c5d8cb;padding-top:18px;font-size:14px;line-height:1.7;margin-top:28px}.vowel-adult summary{font-weight:750;min-height:44px;cursor:pointer}.vowel-shell button{min-height:48px;touch-action:manipulation}.vowel-shell button:focus-visible,.vowel-shell select:focus-visible{outline:3px solid #7954a1;outline-offset:4px}.vowel-shell button:disabled{opacity:.55;cursor:default}
@media(max-width:620px){.vowel-top{gap:12px;grid-template-columns:1fr}.vowel-steps{grid-template-columns:1fr;gap:8px}.vowel-steps li{padding:12px}.vowel-steps li:before{display:inline;margin-inline-end:10px}.vowel-cards{grid-template-columns:1fr}.vowel-cards article{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:10px}.vowel-cards svg{grid-row:1/4;width:90px;height:115px}.vowel-cards h4,.vowel-cards p{grid-column:2}.vowel-cards button{grid-column:2}.vowel-cards button:last-of-type{grid-column:1/-1}.vowel-basket{gap:16px;flex-wrap:wrap}.vowel-basket>div:first-child{width:95px}.vowel-basket svg{height:110px}.vowel-basket>div:last-child{flex:1;min-width:145px}.vowel-actions button{flex:1 1 110px}.vowel-pending h4{font-size:22px}.vowel-pending p{font-size:16px;margin:0 16px 22px}.vowel-access button{flex:1}}

/* Rhyme Boats: stationary pictures, with no timer or drag requirement. */
.rhyme-shell{max-width:980px;margin:auto}.rhyme-top{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:start}.rhyme-top label{display:block;font-weight:750;margin:0 0 9px}.rhyme-top select{width:100%;min-height:48px;border:2px solid #bad0c5;border-radius:14px;padding:10px;font:inherit;background:#fffdf6;color:#22304a}.rhyme-language-note{color:#596473;font-size:14px;line-height:1.7;text-align:start}.rhyme-pending{max-width:680px;margin:24px auto;background:#fff8ec;border:2px solid #e0d6c5;border-radius:24px;overflow:hidden}.rhyme-pending>svg{display:block;width:100%;height:auto}.rhyme-pending h4{font-size:25px;margin:24px 22px 10px}.rhyme-pending p{font-size:18px;line-height:1.7;margin:0 24px 28px}.rhyme-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;list-style:none;counter-reset:rhyme-step;text-align:start;margin:24px 0}.rhyme-steps li{counter-increment:rhyme-step;background:#f0f5ee;border-radius:16px;padding:16px;font-size:16px;line-height:1.6}.rhyme-steps li:before{content:counter(rhyme-step);display:block;font-size:22px;font-weight:800;margin-bottom:7px}.rhyme-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rhyme-cards article{min-width:0;border:2px solid #cadbce;background:#fffdf7;border-radius:22px;padding:14px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.rhyme-cards svg{width:100%;height:170px}.rhyme-cards h4{font-size:22px;margin:0}.rhyme-heard{font-size:14px;margin:0;min-height:22px;color:#406052}.rhyme-cards button{min-height:48px;overflow-wrap:anywhere;line-height:1.5;padding:10px 8px}.rhyme-cards button.is-selected{background:#eee5f7;border-color:#735198;box-shadow:0 0 0 3px #dbc8eb}.rhyme-listen,.rhyme-access,.rhyme-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0}.rhyme-status{font-size:18px;line-height:1.7;margin:22px auto;max-width:730px}.rhyme-adult{text-align:start;border-top:1px solid #c5d8cb;padding-top:18px;font-size:14px;line-height:1.7;margin-top:28px}.rhyme-adult summary{font-weight:750;min-height:44px;cursor:pointer}.rhyme-shell button{min-height:48px;touch-action:manipulation}.rhyme-shell button:focus-visible,.rhyme-shell select:focus-visible{outline:3px solid #7954a1;outline-offset:4px}.rhyme-shell button:disabled{opacity:.55;cursor:default}
@media(max-width:620px){.rhyme-top{gap:12px;grid-template-columns:1fr}.rhyme-steps{grid-template-columns:1fr;gap:8px}.rhyme-steps li{padding:12px}.rhyme-steps li:before{display:inline;margin-inline-end:10px}.rhyme-cards{grid-template-columns:1fr}.rhyme-cards article{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:10px}.rhyme-cards svg{grid-row:1/4;width:90px;height:115px}.rhyme-cards h4,.rhyme-cards p{grid-column:2}.rhyme-cards button{grid-column:2}.rhyme-cards button:last-of-type{grid-column:1/-1}.rhyme-actions button{flex:1 1 110px}.rhyme-pending h4{font-size:22px}.rhyme-pending p{font-size:16px;margin:0 16px 22px}.rhyme-access button{flex:1}}

.rhyme-model{display:flex;align-items:center;gap:24px;max-width:660px;margin:22px auto;border:2px solid #c6dace;border-radius:24px;background:#f6f3df;padding:16px;text-align:start}.rhyme-model>svg{width:160px;height:160px;flex:none}.rhyme-model h4{font-size:27px;margin:10px 0}.rhyme-model button{margin-top:12px}.rhyme-result{border:2px solid #c6dace;border-radius:24px;background:#eef6f0;padding:20px}.rhyme-pair{max-width:540px;margin:0 auto 22px}.rhyme-pair svg{width:100%;height:auto}.rhyme-pair p{font-size:25px;line-height:1.8;margin:8px 0 18px}.rhyme-cards bdi,.rhyme-model bdi,.rhyme-pair bdi{font-family:Tahoma,Arial,sans-serif;line-height:1.8}.rhyme-model .rhyme-heard{margin:8px 0}
@media(max-width:620px){.rhyme-model{gap:12px;padding:12px}.rhyme-model>svg{width:95px;height:120px}.rhyme-model>div{min-width:0;flex:1}.rhyme-model button{width:100%;padding:10px 8px;overflow-wrap:anywhere}.rhyme-model h4{font-size:24px}.rhyme-cards svg{height:110px}.rhyme-pair p{font-size:22px}.rhyme-pair button{width:100%}}

/* Picture Zoom and Picture to Play: optional gestures, no motion or timed targets. */
.zoom-shell{max-width:1020px;margin:auto}.zoom-task-label{display:block;text-align:start;font-weight:750;margin-bottom:9px}.zoom-shell select{display:block;width:100%;min-height:48px;background:#fffdf6;border:2px solid #bad0c5;border-radius:14px;padding:10px;font:inherit;color:#22304a}.zoom-title{font-size:26px;margin:24px 0}.zoom-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center}.zoom-surface{touch-action:auto;user-select:none;-webkit-user-select:none}.zoom-surface.gesture-enabled{touch-action:none;outline:3px dashed #9e85bd;outline-offset:4px;border-radius:30px}.zoom-surface>svg{display:block;width:100%;height:auto}.zoom-controls{display:flex;flex-direction:column;gap:14px}.zoom-size-buttons{display:flex;gap:12px}.zoom-size-buttons>*{flex:1}.zoom-controls p,.zoom-status,.zoom-guide-note{font-size:17px;line-height:1.75;margin:10px 0}.zoom-controls p{text-align:start}.zoom-status{max-width:760px;margin:26px auto}.zoom-access,.zoom-actions,.zoom-together{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:22px 0}.zoom-adult{text-align:start;border-top:1px solid #c5d8cb;padding-top:20px;font-size:14px;line-height:1.8;margin-top:28px}.zoom-adult summary{font-weight:750;min-height:44px;cursor:pointer}.zoom-shell button{min-height:48px;line-height:1.5;touch-action:manipulation;overflow-wrap:anywhere}.zoom-shell button:focus-visible,.zoom-shell select:focus-visible{outline:3px solid #7954a1;outline-offset:4px}.zoom-shell button:disabled{opacity:.55;cursor:default}.zoom-guide-note{background:#eef5ed;border-radius:18px;padding:16px;text-align:start}.zoom-guide-frame{max-width:520px;margin:22px auto}.zoom-guide-frame svg{width:100%;height:auto}.zoom-guide-frame p{font-size:21px;line-height:1.7;margin:12px 0}.zoom-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.zoom-steps button{padding:12px;border-radius:20px;text-align:start;display:flex;flex-direction:column;gap:10px;align-items:stretch;background:#fffdf6}.zoom-steps button[aria-pressed=true]{border:2px solid #76539a;background:#f2ebf8;box-shadow:0 0 0 3px #e4d8f0}.zoom-steps svg{width:100%;height:auto}.zoom-steps span:first-of-type{font-weight:800}.zoom-steps span:last-child{font-size:15px;font-weight:500;line-height:1.7}
@media(max-width:620px){.zoom-workspace{grid-template-columns:1fr;gap:14px}.zoom-title{font-size:23px}.zoom-controls{gap:12px}.zoom-controls p{font-size:16px}.zoom-actions>*{flex:1 1 110px}.zoom-access>*{flex:1}.zoom-steps{grid-template-columns:1fr}.zoom-steps button{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:8px 14px}.zoom-steps svg{grid-row:1/3}.zoom-steps span{grid-column:2}.zoom-guide-frame p{font-size:18px}.zoom-guide-note{font-size:15px}.zoom-surface.gesture-enabled{outline-offset:2px}}
/* Stationary targets with physical CSS-pixel sizing and equivalent fixed controls. */
.tap-shell{max-width:1020px;margin:auto}.tap-shell>label{display:block;text-align:start;font-weight:750;margin-bottom:9px}.tap-shell select{width:100%;min-height:48px;background:#fffdf6;border:2px solid #bad0c5;border-radius:14px;padding:10px;font:inherit;color:#22304a}.tap-shell h4{font-size:25px;margin:22px 0}.tap-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:28px}.tap-request{display:flex;gap:12px;align-items:center;justify-content:center;padding:12px 8px;margin-bottom:16px;background:#fff8d5;border:2px solid #d7c998;border-radius:17px}.tap-request svg{width:44px;height:44px;flex:none}.tap-request span{text-align:start;font-size:19px}.tap-board{position:relative;width:100%;height:360px;direction:ltr;touch-action:auto}.tap-backdrop{position:absolute;inset:0;pointer-events:none}.tap-backdrop svg{width:100%;height:100%;display:block}.tap-point{position:absolute;min-height:0;padding:9px;border-radius:50%;border:2px solid #657887;background:#fff;touch-action:manipulation;transition:none!important;transform:none!important;display:grid;place-items:center}.tap-point svg{width:100%;height:100%;pointer-events:none}.tap-goal{background:#fff8d5;border:4px solid #185f53;box-shadow:inset 0 0 0 4px #fff8d5,inset 0 0 0 6px #185f53}.tap-goal:disabled{opacity:1;background:#cdece2;border-style:solid}.tap-point:focus-visible{outline-offset:5px}.tap-settings{display:flex;flex-direction:column;gap:14px}.tap-settings p{line-height:1.7}.tap-sizes{display:flex;gap:10px}.tap-sizes>*{flex:1}.tap-location{margin-top:12px;font-size:15px;color:#56617a}.tap-status{font-size:18px;line-height:1.7;min-height:54px;margin:22px auto}.tap-access,.tap-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px 0}.tap-adult{text-align:start;border-top:1px solid #c3d9cd;padding-top:18px}.tap-adult summary{font-weight:700;cursor:pointer;min-height:48px;display:list-item}.tap-adult p{margin:12px 0;line-height:1.75}.tap-shell button{overflow-wrap:anywhere}.tap-shell button:active{transform:none}
@media(max-width:700px){.tap-workspace{grid-template-columns:1fr;gap:24px}.tap-shell h4{font-size:22px}.tap-settings{max-width:500px;width:100%;margin:auto}.tap-access>*,.tap-actions>*{flex:1 1 105px}.tap-request span{font-size:17px}}
/* Broad guided paths; drawing is optional and local to this surface. */
.trace-shell{max-width:1020px;margin:auto}.trace-shell>label{display:block;text-align:start;font-weight:750;margin-bottom:9px}.trace-shell select{width:100%;min-height:48px;background:#fffdf6;border:2px solid #bad0c5;border-radius:14px;padding:10px;font:inherit;color:#22304a;margin-bottom:14px}.trace-shell h4{font-size:25px;margin:20px 0}.trace-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px;align-items:start}.trace-surface{width:100%;aspect-ratio:1;touch-action:auto;user-select:none;-webkit-user-select:none}.trace-surface>svg{display:block;width:100%;height:100%;pointer-events:none}.trace-surface.draw-enabled{touch-action:none;outline:3px dashed #6c5885;outline-offset:5px;border-radius:30px;cursor:crosshair}.trace-controls{display:flex;flex-direction:column;gap:14px}.trace-controls p,.trace-note{line-height:1.7}.trace-pieces{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trace-pieces button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:100px;background:#fffdf6}.trace-pieces button[aria-pressed=true]{background:#e1efe8;border-color:#247761}.trace-pieces svg{width:70px;height:42px}.trace-legend{display:flex;justify-content:space-evenly;gap:12px;margin:12px 0;font-size:14px}.trace-legend span{display:flex;align-items:center;gap:6px;flex:1}.trace-legend svg{width:36px;height:36px;flex:none}.trace-status{font-size:18px;line-height:1.7;min-height:52px;margin:22px auto}.trace-access,.trace-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px 0}.trace-adult{text-align:start;border-top:1px solid #c3d9cd;padding-top:18px}.trace-adult summary{min-height:48px;font-weight:700;cursor:pointer}.trace-adult p{margin:12px 0;line-height:1.75}.trace-shell button{overflow-wrap:anywhere}.trace-shell button:active{transform:none}
@media(max-width:700px){.trace-workspace{grid-template-columns:1fr;gap:22px}.trace-shell h4{font-size:22px}.trace-controls{max-width:500px;width:100%;margin:auto}.trace-access>*,.trace-actions>*{flex:1 1 105px}.trace-pieces button{min-height:108px}}
/* Voluntary shared turns with stable pictures and deliberate handover. */
.turn-shell{max-width:1040px;margin:auto}.turn-shell>label{display:block;text-align:start;font-weight:750;margin-bottom:10px}.turn-shell select{width:100%;min-height:48px;border:2px solid #bed6c8;border-radius:14px;padding:10px;background:#fffdf6;color:#22304a;font:inherit}.turn-shell h4{font-size:25px;margin:22px 0}.turn-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px;align-items:start}.turn-picture{margin:0;border:2px solid #bed6c8;border-radius:26px;background:#fff8ec;overflow:hidden}.turn-picture>svg{width:100%;height:auto;display:block}.turn-picture figcaption{padding:12px 20px 20px}.turn-picture figcaption>span{font-weight:750;font-size:14px;color:#526655}.turn-picture p{font-size:20px;line-height:1.6;margin:9px 0 0}.turn-picture-nav{display:flex;gap:12px;margin:16px 0}.turn-picture-nav button{flex:1;min-width:0}.turn-choice-panel>p{line-height:1.7;margin:16px 0}.turn-choice-panel>p.turn-who{font-weight:800;font-size:20px;margin-top:0}.turn-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.turn-roles button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;min-height:112px;padding:12px 7px}.turn-roles svg{width:40px;height:40px}.turn-pair{height:40px;display:flex;align-items:center}.turn-pair svg{width:28px;height:28px}.turn-shell button[aria-pressed=true]{background:#e1efe8;border-color:#247761;box-shadow:inset 0 0 0 1px #247761}.turn-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.turn-choices button{min-height:76px}.turn-shell.is-roomy .turn-choices{grid-template-columns:1fr}.turn-shell.is-roomy .turn-choices button{min-height:84px;font-size:20px}.turn-status{min-height:58px}.turn-choice-panel>#turn-offer{width:100%;min-height:56px}.turn-role-help,.turn-offer-help{font-size:15px}.turn-endings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.turn-endings>p{grid-column:1/-1;font-weight:750;margin:8px 0}.turn-endings button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.turn-endings svg{width:45px;height:45px;flex:none}.turn-pictures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.turn-pictures button{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:14px}.turn-pictures svg{width:100%;height:auto}.turn-pictures span{line-height:1.5}.turn-actions,.turn-settings-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0}.turn-shell details{text-align:start;border-top:1px solid #c3d9cd;padding:12px 0}.turn-shell summary{min-height:48px;font-weight:750;cursor:pointer;line-height:1.6;padding-top:10px}.turn-shell details p,.turn-shell li{line-height:1.8}.turn-shell ol{padding-inline-start:25px}.turn-shell li{margin-bottom:9px}.turn-shell button{overflow-wrap:normal;word-break:normal}.turn-picture-nav button,.turn-actions button{padding:12px 10px}.turn-shell button:active{transform:none}
@media(max-width:700px){.turn-workspace{grid-template-columns:1fr;gap:24px}.turn-pictures{grid-template-columns:1fr}.turn-pictures button{display:grid;grid-template-columns:110px 1fr;text-align:start}.turn-pictures svg{grid-row:1/3}.turn-pictures span{min-width:0}.turn-actions button,.turn-settings-actions button{flex:1 1 110px}.turn-shell h4{font-size:22px}.turn-endings button{flex-direction:column}.turn-roles button{font-size:15px}}

@media(max-width:420px){.turn-roles{grid-template-columns:1fr}.turn-roles button{flex-direction:row;justify-content:center;min-height:64px;font-size:16px;gap:12px}.turn-roles svg{width:34px;height:34px}.turn-pair svg{width:26px;height:26px}.turn-pictures button{grid-template-columns:85px 1fr}}
/* Picture questions: deliberate reveal and optional comparison. */
.card-shell{max-width:960px;margin:auto}.card-shell>label{display:block;font-weight:700;margin-bottom:8px}.card-shell select{width:100%;min-height:48px;margin-bottom:8px;font:inherit;color:#22304a;background:#fffdf6;border:2px solid #b8d7c8;border-radius:14px;padding:11px 12px}.card-shell>h4{font-size:25px;margin:14px 0 24px}.card-shell button{overflow-wrap:normal;word-break:normal}.card-cover{max-width:330px;margin:16px auto}.card-cover svg{width:100%;display:block}.card-scene{margin:0 auto 18px;max-width:540px;padding:14px;border:2px solid #b8d7c8;border-radius:26px;background:#fff8ec}.card-scene>svg{display:block;width:100%;max-height:330px}.card-scene figcaption{font-size:19px;line-height:1.6;padding:12px 6px 4px}.card-badge{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 16px;background:white;border:2px solid #b8d7c8;border-radius:10px;width:fit-content;margin:6px auto}.card-badge span{padding-inline-start:14px;border-inline-start:2px solid #b8d7c8}.card-reveal,.card-compare{display:flex;justify-content:center;margin:18px 0 24px}.card-reveal button,.card-compare button{min-width:200px;max-width:100%;min-height:54px;padding:14px 22px}.card-count-intro{line-height:1.6;margin:0 0 20px;text-align:center}.card-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card-choices>button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:3px solid #dfe0d6;border-radius:24px;padding:14px;background:#fff;gap:12px;min-width:0;position:relative}.card-choices>button>svg{width:100%;max-height:245px}.card-choice-name{font-size:22px}.card-choices>button[aria-pressed=true]{border-color:#267b68;background:#e3f1e9}.card-selection-label{font-size:14px;line-height:1.5;color:#245e50}.card-target-label{display:block;border:2px solid #8c7424;border-radius:14px;background:#fff3c5;color:#4f421c;font-size:15px;line-height:1.45;padding:7px 12px}.card-choices>button.is-target{box-shadow:inset 0 0 0 2px #b89b45}.card-answer{margin:22px 0;padding:18px 24px;background:#fff6d6;border-radius:20px;border:2px solid #e3d493;line-height:1.7}.card-answer h4{margin:0 0 8px;font-size:22px}.card-answer p{margin:8px 0}.card-methods{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0 10px}.card-methods>p{flex-basis:100%;font-weight:700;margin:0 0 6px}.card-methods button{min-height:52px;padding:12px 18px}.card-methods button[aria-pressed=true],.card-settings-actions button[aria-pressed=true]{border-color:#267b68;background:#e3f1e9}.card-status{min-height:48px;line-height:1.65;margin:16px 0 22px}.card-actions,.card-settings-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.card-actions button{padding:12px 14px;min-height:48px}.card-shell details{border-top:1px solid #bfd4ca;margin-top:24px;padding:20px 0}.card-shell summary{cursor:pointer;min-height:44px;font-weight:700;line-height:1.6}.card-shell details p{line-height:1.8}.card-settings-actions{margin-top:14px}.card-shell.is-roomy .card-choices{grid-template-columns:1fr}.card-shell.is-roomy .card-choices svg{max-height:230px}.card-shell.is-roomy .card-methods button{min-height:72px;font-size:19px;flex:1 1 40%}
@media(max-width:540px){.card-choices{grid-template-columns:1fr}.card-scene{padding:10px}.card-scene figcaption{font-size:17px}.card-shell>h4{font-size:23px}.card-choices>button{padding:12px}.card-actions{display:grid;grid-template-columns:1fr 1fr}.card-actions button{min-height:66px}.card-methods{display:grid;grid-template-columns:1fr 1fr}.card-methods>p{grid-column:1/-1}.card-methods button{padding:12px 8px}.card-settings-actions{flex-direction:column}.card-shell.is-roomy .card-methods{grid-template-columns:1fr}.card-answer{padding:16px}.card-shell details{margin-top:20px}}
/* Animal pairs: equal-size pictures, deliberate comparison, optional recording mode. */
.listen-shell{width:min(100%,820px);margin:auto}.listen-shell button,.listen-shell select{font:inherit;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.listen-shell select{display:block;width:100%;padding:12px;border:2px solid #b5cdbf;border-radius:16px;background:#fff;color:#22304a}.listen-shell label{display:block;font-weight:700;margin:10px 0}.listen-modes,.listen-access,.listen-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}.listen-shell button[aria-pressed=true]{background:#e5f2ed;box-shadow:inset 0 0 0 3px #328772}.listen-mode-label{text-align:center;font-weight:700;color:#426c61}.listen-word{text-align:center;background:#e5f2ed;border-radius:22px;padding:16px;margin:18px 0}.listen-word span,.listen-word strong{display:block}.listen-word strong{font-size:clamp(26px,4vw,38px);margin-top:6px}.listen-pictures{display:grid;grid-template-columns:1fr 1fr;gap:18px}.listen-pictures button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:16px;background:#fffaf1;border:2px solid #c5d7ce;border-radius:26px}.listen-pictures svg{width:min(100%,240px);aspect-ratio:1;height:auto}.listen-pictures strong{font-size:clamp(22px,3vw,30px);line-height:1.45}.listen-pictures button.is-target{box-shadow:inset 0 0 0 4px #328772}.listen-pictures button:disabled{opacity:.8}.listen-choice-label,.listen-target-label{border-radius:12px;padding:5px 9px;font-size:16px;background:#e4eaf6;color:#22304a}.listen-target-label{background:#d1eadf}.listen-compare{text-align:center;margin:20px 0}.listen-answer{padding:16px;background:#e5f2ed;border-radius:20px;text-align:center}.listen-answer p{margin:0 0 8px}.listen-answer strong{font-size:28px}.listen-status{text-align:center;min-height:1.5em}.listen-shell details{margin:16px 0;padding:16px;border:1px solid #c5d7ce;border-radius:18px;text-align:start}.listen-shell summary{min-height:44px;cursor:pointer;align-content:center;font-weight:700}.listen-recordings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.listen-recordings>div{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;background:#edf1fa;text-align:center}.listen-completion{font-size:16px}.listen-pending{padding:12px;background:#fff2d5;border-radius:12px}.listen-shell bdi{overflow-wrap:anywhere}@media(max-width:540px){.listen-pictures,.listen-recordings{grid-template-columns:1fr}.listen-pictures svg{max-width:180px}.listen-shell button{flex-shrink:1}.listen-modes button{width:100%}}
/* End animal pairs. */

/* Picture Workshop: deliberate selection and placement in fictional scenes. */
.workshop-shell {text-align:start}
.workshop-shell>label {display:block;font-weight:700;margin-block-end:.4rem}
.workshop-shell>select {width:100%;min-height:48px;border:2px solid #bfd3c8;border-radius:18px;padding:.6rem;background:white;color:var(--ink);font:inherit}
.workshop-layout {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem;margin-block:1.4rem;align-items:start}
.workshop-scene {margin:0;background:#f4f8f2;border-radius:24px;padding:1rem;border:1px solid #bfd3c8}
.workshop-scene figcaption {font-weight:800;text-align:center;margin-block-end:.7rem}
.workshop-scene>svg {display:block;width:100%;height:auto}
.workshop-summary {padding-inline-start:1.4rem;font-size:.95rem;line-height:1.7}
.workshop-controls {min-width:0}
.workshop-controls fieldset {border:0;margin:0 0 1.2rem;padding:0;min-width:0}
.workshop-controls legend {font-weight:800;margin-block-end:.6rem}
.workshop-pieces {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.workshop-pieces button {display:grid;justify-items:center;align-content:start;min-width:0;border-radius:20px;background:#fff8ec;gap:.3rem}
.workshop-pieces button>svg {width:100%;max-width:130px;height:auto}
.workshop-pieces button[aria-pressed=true] {box-shadow:inset 0 0 0 3px #26745f;background:#e1f0e9}
.workshop-slots {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.workshop-slots>div {display:flex;flex-direction:column;gap:.6rem;align-items:stretch;border:1px solid #bfd3c8;border-radius:18px;padding:.6rem;min-width:0}
.workshop-slots>div:only-child {grid-column:1/-1}
.workshop-slots span {text-align:center;overflow-wrap:anywhere}
.workshop-shell button {min-height:48px;white-space:normal;overflow-wrap:break-word}
.workshop-shell button:disabled {opacity:1;color:#59677d;background:#edf0f3;border-color:#d0d8df;cursor:default}
.workshop-status {min-height:3em;margin-block:1rem;text-align:center}
.workshop-access,.workshop-actions {display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-block:1rem}
.workshop-access [aria-pressed=true] {background:#e1f0e9;box-shadow:inset 0 0 0 2px #26745f}
.workshop-model-control {text-align:center}
.workshop-model {background:#e5f2ed;border-radius:24px;margin-block:1rem;padding:1rem;text-align:center}
.workshop-model h4 {margin-block:.2rem 1rem;font-size:1.1rem}
.workshop-model svg {display:block;width:100%;max-width:360px;margin-inline:auto}
.workshop-model p {max-width:600px;margin-inline:auto}
.workshop-shell details {border:1px solid #bfd3c8;border-radius:18px;padding:1rem;margin-block-start:1rem}
.workshop-shell summary {min-height:44px;display:list-item;align-content:center;cursor:pointer;font-weight:700}
.workshop-shell details p {line-height:1.8}
@media(max-width:760px) {.workshop-layout {grid-template-columns:1fr;gap:1rem}.workshop-scene {max-width:470px;width:100%;margin-inline:auto}.workshop-scene>svg {max-height:360px}.workshop-pieces button>svg {max-width:100px}}
@media(max-width:380px) {.workshop-slots {grid-template-columns:1fr}.workshop-actions {display:grid}.workshop-access {gap:.5rem}.workshop-pieces {gap:.5rem}.workshop-scene {padding:.65rem}}
/* End Picture Workshop. */






/* Puppet Play: explicit picture states with no required body imitation. */
.puppet-shell{max-width:1050px;margin:0 auto;text-align:start}.puppet-shell>label{display:block;font-weight:800;margin:.7rem 0 .35rem}.puppet-shell select{width:100%;min-height:48px;max-width:100%;border:2px solid #bfd3c8;border-radius:16px;padding:.65rem;background:#fff;color:#22304a;font:inherit}.puppet-pretend{font-size:.95rem;color:#46566d;line-height:1.6}.puppet-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.puppet-scene{margin:0;padding:18px;border:1px solid #bfd3c8;border-radius:24px;background:#f3f8f1;text-align:center}.puppet-scene figcaption{font-weight:800;margin:0 0 10px}.puppet-scene>svg{display:block;width:100%;height:auto}.puppet-scene p{line-height:1.7;margin:.7rem 0 0}.puppet-shell fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}.puppet-shell legend{font-weight:800;margin:0 0 8px}.puppet-characters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.puppet-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.puppet-shell button{min-height:48px;min-width:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.puppet-characters button,.puppet-steps button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;background:#fff8ec;border:2px solid #dfdfd3;border-radius:20px}.puppet-characters svg,.puppet-steps svg{display:block;width:100%;max-width:160px;height:auto}.puppet-characters strong,.puppet-steps strong{line-height:1.4}.puppet-shell button[aria-pressed=true]{border-color:#2257c7;outline:2px solid #2257c7;outline-offset:1px;background:#e6f2ed}.puppet-status{min-height:3rem;text-align:center;line-height:1.6}.puppet-access,.puppet-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}.puppet-model-control{text-align:center;margin:18px 0}.puppet-model{border:3px solid #2257c7;outline:0;border-radius:24px;padding:18px;background:#e6f2ed;text-align:center}.puppet-model:focus{box-shadow:0 0 0 3px white,0 0 0 6px #2257c7}.puppet-model h4{margin:0}.puppet-model p{line-height:1.6}.puppet-model-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.puppet-model figure{margin:0;min-width:0}.puppet-model figure svg{width:100%;height:auto;display:block}.puppet-model figcaption{font-weight:800;padding:8px 0;line-height:1.5}.puppet-shell details{margin-top:18px;padding:16px;border:1px solid #bfd3c8;border-radius:18px;line-height:1.75}.puppet-shell details summary{cursor:pointer;font-weight:800;min-height:44px;align-content:center}.puppet-shell :focus-visible{outline:3px solid #2257c7;outline-offset:3px}@media(max-width:650px){.puppet-layout{grid-template-columns:1fr;gap:16px}.puppet-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.puppet-steps button{padding:8px 5px}.puppet-scene{padding:12px}.puppet-model-frames{grid-template-columns:1fr}.puppet-model figure svg{max-width:300px;margin:auto}}@media(max-width:360px){.puppet-steps{grid-template-columns:1fr}.puppet-steps button{flex-direction:row;justify-content:start;text-align:start;padding:8px}.puppet-steps svg{width:88px;flex:0 0 88px}.puppet-actions button{width:100%}}
/* End Puppet Play. */

/* Cloud Friends: original part building with separate optional play guides. */
.friend-shell{max-width:1050px;margin:0 auto;text-align:start}.friend-shell>label{display:block;font-weight:800;margin:.7rem 0 .35rem}.friend-shell select{width:100%;min-height:48px;max-width:100%;border:2px solid #bfd3c8;border-radius:16px;padding:.65rem;background:#fff;color:#22304a;font:inherit;margin-bottom:22px}.friend-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.friend-scene{margin:0;padding:16px;border:1px solid #bfd3c8;border-radius:24px;background:#f3f8f1;text-align:center}.friend-scene figcaption{font-weight:800;margin:0 0 10px}.friend-scene>svg{display:block;width:100%;height:auto}.friend-scene p{line-height:1.6;margin:.6rem 0 0}.friend-shell fieldset{border:0;padding:0;margin:0 0 16px;min-width:0}.friend-shell legend{font-weight:800;margin:0 0 8px}.friend-pieces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.friend-shell button{min-height:48px;min-width:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.friend-pieces button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;background:#fff8ec;border:2px solid #dfdfd3;border-radius:20px}.friend-pieces svg{display:block;width:100%;max-width:160px;height:74px}.friend-pieces strong{line-height:1.4}.friend-shell button[aria-pressed=true]{border-color:#2257c7;outline:2px solid #2257c7;outline-offset:1px;background:#e6f2ed}.friend-placement{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.friend-status{min-height:3rem;text-align:center;line-height:1.6}.friend-summary{list-style:none;margin:12px 0;padding:0}.friend-summary li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid #d8e3da;padding:10px 0;line-height:1.5}.friend-summary span{flex:1 1 150px}.friend-access,.friend-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}.friend-guide-control{text-align:center;margin:18px 0}.friend-guide{border:3px solid #2257c7;outline:0;border-radius:24px;padding:18px;background:#e6f2ed;text-align:center}.friend-guide:focus{box-shadow:0 0 0 3px white,0 0 0 6px #2257c7}.friend-guide h4{margin:0}.friend-guide p{line-height:1.6}.friend-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.friend-guide figure{margin:16px auto 0;max-width:430px}.friend-guide figure svg{width:100%;height:auto;display:block}.friend-guide figcaption{padding:8px 0;line-height:1.5}.friend-branches{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.friend-shell details{margin-top:18px;padding:16px;border:1px solid #bfd3c8;border-radius:18px;line-height:1.75}.friend-shell details summary{cursor:pointer;font-weight:800;min-height:44px;align-content:center}.friend-shell :focus-visible{outline:3px solid #2257c7;outline-offset:3px}@media(max-width:650px){.friend-layout{grid-template-columns:1fr;gap:16px}.friend-scene{padding:12px}.friend-guide-steps{grid-template-columns:1fr}}@media(max-width:360px){.friend-actions button{width:100%}.friend-summary li{display:grid}.friend-pieces svg{height:65px}}
/* End Cloud Friends. */

/* My Next Step: source-bound transition requests without timing or automatic advance. */
.transition-shell{max-width:1050px;margin:0 auto;text-align:start}.transition-shell>label{display:block;font-weight:800;margin:.7rem 0 .4rem}.transition-shell select{width:100%;min-height:48px;max-width:100%;border:2px solid #bfd3c8;border-radius:16px;padding:.65rem;background:white;color:#22304a;font:inherit;margin-bottom:22px}.transition-pictures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.transition-pictures figure{margin:0;padding:14px;border:3px solid #e0e2d8;border-radius:24px;background:#fffaf1;min-width:0}.transition-pictures figure.transition-current{border-color:#148473;background:#edf6ed}.transition-pictures h4{font-size:1rem;margin:0;line-height:1.5;text-align:center}.transition-showing{min-height:2.5em;font-size:.8rem;line-height:1.3;text-align:center;margin:8px 0;color:#165e55;font-weight:800}.transition-pictures svg{width:100%;height:auto;display:block}.transition-pictures figcaption{display:grid;gap:6px;font-size:.9rem;line-height:1.5;text-align:center}.transition-pictures figcaption span{font-size:.9em}.transition-shell fieldset{border:0;padding:0;margin:26px 0 16px;min-width:0}.transition-shell legend{font-size:1.2rem;font-weight:800;margin:0 0 14px}.transition-requests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.transition-shell button{min-height:48px;min-width:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.transition-requests button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:white;border:2px solid #dce2d8;border-radius:22px;padding:12px}.transition-requests svg{width:70px;height:70px}.transition-requests strong{line-height:1.5}.transition-shell button[aria-pressed=true]{border-color:#2257c7;outline:2px solid #2257c7;outline-offset:1px;background:#e6f2ed}.transition-message{background:#f0ebfa;border-radius:22px;padding:20px;line-height:1.65;text-align:center;min-height:120px}.transition-message strong{font-size:1.1rem}.transition-message p{margin:8px 0 0}.transition-move,.transition-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:20px 0}.transition-hint{font-size:.9rem;line-height:1.65;text-align:center}.transition-partner{text-align:center;padding:16px;border:1px solid #bfd3c8;border-radius:20px;margin:20px 0}.transition-partner p{font-size:.9rem;line-height:1.6;margin-bottom:0}.transition-shell details{margin-top:18px;padding:16px;border:1px solid #bfd3c8;border-radius:18px;line-height:1.75}.transition-shell details summary{cursor:pointer;font-weight:800;min-height:44px;align-content:center}.transition-shell :focus-visible{outline:3px solid #2257c7;outline-offset:3px}@media(max-width:650px){.transition-pictures{gap:9px}.transition-pictures figure{padding:8px;border-radius:17px}.transition-pictures h4{font-size:.85rem}.transition-pictures figcaption{font-size:.85rem}.transition-showing{min-height:3.8em;font-size:.7rem}.transition-requests{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.transition-requests button{padding:10px}.transition-requests svg{width:60px;height:60px}}@media(max-width:360px){.transition-move button,.transition-actions button{width:100%}}
/* End My Next Step. */

/* Garden Basket: eleven source-bound picture collections. */
.collect-shell{max-width:1050px;margin:0 auto;text-align:start}.collect-shell>label{display:block;font-weight:800;margin:.7rem 0 .4rem}.collect-shell select{width:100%;min-height:48px;max-width:100%;border:2px solid #bfd3c8;border-radius:16px;padding:.65rem;background:white;color:#22304a;font:inherit;margin-bottom:18px}.collect-invitation{text-align:center;font-size:1.5rem;line-height:1.5;margin:4px 0 22px}.collect-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}.collect-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.collect-shell button{min-width:44px;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.collect-choices button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fff8ec;border:2px solid #deded4;border-radius:24px;padding:14px}.collect-choices svg{width:100%;max-width:180px;height:auto;aspect-ratio:1}.collect-choices strong{line-height:1.5}.collect-shell button[aria-pressed=true]{border-color:#2257c7;outline:2px solid #2257c7;outline-offset:1px;background:#e6f2ed}.collect-choices button.collect-hint{outline:3px dashed #885700;outline-offset:3px}.collect-basket{background:#f1f7ec;border:2px solid #bed3ba;border-radius:28px;padding:20px;text-align:center}.collect-basket h4{margin:0 0 14px;font-size:1.3rem}.collect-container{background:#fffdf6;border-radius:20px;padding:15px;min-height:240px}.collect-container svg{width:100%;height:auto;max-width:185px}.collect-container p{line-height:1.5;margin:12px 0}.collect-selection{min-height:1.6em;font-weight:800}.collect-basket>button{margin:5px 0;width:100%}.collect-status{min-height:3em;text-align:center;line-height:1.7;margin:24px 0 12px}.collect-access,.collect-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:16px 0}.collect-shell details{margin-top:22px;padding:16px;border:1px solid #bfd3c8;border-radius:18px;line-height:1.75}.collect-shell details summary{cursor:pointer;font-weight:800;min-height:44px;align-content:center}.collect-shell :focus-visible{outline:3px solid #2257c7;outline-offset:3px}@media(max-width:650px){.collect-layout{grid-template-columns:1fr;gap:18px}.collect-choices{gap:10px}.collect-choices button{padding:10px}.collect-basket{padding:16px}.collect-container{min-height:0}.collect-container svg{max-width:130px}}@media(max-width:360px){.collect-access button,.collect-actions button{width:100%}}
/* End Garden Basket. */

/* Sorting Baskets: two-category collection and colour-independent shape groups. */
.sorting-shell{max-width:1050px;margin:0 auto;text-align:start}.sorting-shell>label{display:block;font-weight:800;margin:.7rem 0 .4rem}.sorting-shell select{width:100%;min-height:48px;max-width:100%;border:2px solid #bfd3c8;border-radius:16px;padding:.65rem;background:white;color:#22304a;font:inherit;margin-bottom:18px}.sorting-invitation{text-align:center;font-size:1.4rem;line-height:1.5;margin:4px 0 22px}.sorting-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sorting-shell button{min-width:44px;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.sorting-choices button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fff8ec;border:2px solid #deded4;border-radius:24px;padding:14px}.sorting-choices svg{width:100%;max-width:150px;height:auto;aspect-ratio:1}.sorting-choices strong{line-height:1.5}.sorting-shell button[aria-pressed=true]{border-color:#2257c7;outline:2px solid #2257c7;outline-offset:1px;background:#e6f2ed}.sorting-shell .sorting-hint{outline:3px dashed #885700;outline-offset:3px}.sorting-selection{min-height:1.6em;font-weight:800;text-align:center;line-height:1.6;margin:20px 0}.sorting-bins{display:grid;grid-template-columns:repeat(var(--sorting-count),minmax(0,1fr));gap:18px}.sorting-basket{background:#f1f7ec;border:2px solid #bed3ba;border-radius:28px;padding:20px;text-align:center}.sorting-basket h4{margin:0 0 14px;font-size:1.3rem}.sorting-bin-symbol svg{width:50px;height:50px;margin-bottom:10px}.sorting-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;background:#fffdf6;border-radius:20px;padding:15px;min-height:200px}.sorting-container>div{flex:1;min-width:90px;max-width:200px}.sorting-container svg{width:100%;height:auto;max-width:110px}.sorting-container>svg{max-width:95px}.sorting-container p{line-height:1.5;margin:8px 0}.sorting-basket>button{margin-top:15px;width:100%}.sorting-status{min-height:3em;text-align:center;line-height:1.7;margin:24px 0 12px}.sorting-access,.sorting-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:16px 0}.sorting-shell details{margin-top:22px;padding:16px;border:1px solid #bfd3c8;border-radius:18px;line-height:1.75}.sorting-shell details summary{cursor:pointer;font-weight:800;min-height:44px;align-content:center}.sorting-shell :focus-visible{outline:3px solid #2257c7;outline-offset:3px}@media(max-width:650px){.sorting-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sorting-choices button{padding:10px}.sorting-bins{grid-template-columns:1fr}.sorting-basket{padding:16px}.sorting-container{min-height:0}.sorting-container>div{flex:1 1 130px;min-width:130px}.sorting-container svg{max-width:100px}}@media(max-width:360px){.sorting-access button,.sorting-actions button{width:100%}}
/* End Sorting Baskets. */

/* Room Explorer: stationary scene positions with equivalent list and two-choice access. */
.explore-shell{text-align:center}.explore-shell>label{display:block;text-align:start;font-weight:700;margin-bottom:6px}.explore-shell select{width:100%;padding:10px;border:2px solid #c4d8ce;border-radius:14px;background:#fff;color:var(--ink);min-height:48px;font:inherit}.explore-invitation{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0}.explore-invitation svg{width:64px;height:64px}.explore-invitation h4{margin:0;font-size:22px}.explore-views,.explore-access,.explore-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:16px 0}.explore-shell button{min-width:44px;min-height:48px;white-space:normal;overflow-wrap:anywhere}.explore-views button{flex:1 1 180px;max-width:320px}.explore-room{position:relative;height:460px;border:2px solid #c6bda7;border-radius:26px;overflow:hidden;isolation:isolate;direction:ltr}.explore-decor{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.explore-room [data-explore-piece]{position:absolute;transform:translate(-50%,-50%);width:160px;min-height:167px}.explore-room [data-explore-piece]:active{transform:translate(-50%,-50%)}[data-explore-piece]{background:#fffaf0;border:2px solid #deded3;border-radius:21px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:17px;line-height:1.45}[data-explore-piece]>svg{width:105px;height:105px;max-width:100%;pointer-events:none}[data-explore-piece]>strong{max-width:100%;overflow-wrap:anywhere}.explore-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px;background:#f4eada;border-radius:22px;border:2px solid #c6bda7}.explore-hint{outline:3px dashed #286f67;outline-offset:2px}[data-explore-piece][aria-pressed=true]{border-color:#286f67;background:#e8f3e4}.explore-found{color:#1b6257;font-size:15px;font-weight:700}.explore-status{min-height:60px;margin:22px 0;font-size:18px;line-height:1.7}.explore-shell details{text-align:start;border:1px solid #c2d9ce;border-radius:18px;padding:18px;margin-top:24px;line-height:1.8}.explore-shell summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item;align-content:center}.explore-shell details p{margin:12px 0}.explore-shell button:focus-visible{outline:3px solid #1854cc;outline-offset:3px}.explore-shell [aria-pressed=true]:not([data-explore-piece]){border-color:#286f67;background:#e5f3ed}
@media(max-width:620px){.explore-invitation h4{font-size:20px}.explore-invitation svg{width:48px;height:48px}.explore-room{height:475px;border-radius:19px}.explore-room [data-explore-piece]{width:98px;min-height:140px;font-size:14px;padding:7px}.explore-room [data-explore-piece]>svg{width:73px;height:73px}.explore-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:10px}.explore-list [data-explore-piece]{font-size:15px;padding:8px}.explore-list [data-explore-piece]>svg{width:78px;height:78px}.explore-views,.explore-access,.explore-actions{gap:10px}.explore-access button,.explore-actions button{flex:1 1 180px}.explore-status{font-size:17px}.explore-shell details{padding:14px}}html[lang=ur] [data-explore-piece]{line-height:1.8}
/* End Room Explorer. */

/* Tools in Action: nineteen source-bound object and use choices. */
.tools-shell{text-align:center}.tools-shell>label{display:block;text-align:start;font-weight:700;margin-bottom:6px}.tools-shell select{width:100%;padding:10px;border:2px solid #c4d8ce;border-radius:14px;background:#fff;color:var(--ink);min-height:48px;font:inherit}.tools-invitation{display:flex;align-items:center;justify-content:center;gap:18px;margin:22px 0;padding:16px;border:2px solid #e3dfcf;border-radius:22px;background:#fffaf0}.tools-invitation svg{width:90px;height:90px}.tools-invitation h4{margin:0;font-size:23px;line-height:1.5}.tools-access,.tools-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:16px 0}.tools-shell button{min-width:44px;min-height:48px;white-space:normal;overflow-wrap:anywhere}.tools-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}[data-tools-piece]{background:#fffaf0;border:2px solid #deded3;border-radius:22px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:20px;line-height:1.5}[data-tools-piece]>svg{width:100%;height:auto;max-width:100%;pointer-events:none}[data-tools-piece]>strong{max-width:100%;overflow-wrap:anywhere}.tools-hint{outline:3px dashed #286f67;outline-offset:2px}[data-tools-piece][aria-pressed=true]{border-color:#286f67;background:#e8f3e4}.tools-found{color:#1b6257;font-size:16px;font-weight:700}.tools-status{min-height:60px;margin:22px 0;font-size:18px;line-height:1.7}.tools-shell details{text-align:start;border:1px solid #c2d9ce;border-radius:18px;padding:18px;margin-top:24px;line-height:1.8}.tools-shell summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item;align-content:center}.tools-shell details p{margin:12px 0}.tools-shell button:focus-visible{outline:3px solid #1854cc;outline-offset:3px}.tools-shell [aria-pressed=true]:not([data-tools-piece]){border-color:#286f67;background:#e5f3ed}
@media(max-width:620px){.tools-invitation{padding:12px;gap:12px}.tools-invitation h4{font-size:20px}.tools-invitation svg{width:58px;height:58px}.tools-scenes{grid-template-columns:1fr;gap:16px}[data-tools-piece]{font-size:18px;padding:12px}.tools-access,.tools-actions{gap:10px}.tools-access button,.tools-actions button{flex:1 1 180px}.tools-status{font-size:17px}.tools-shell details{padding:14px}}html[lang=ur] [data-tools-piece]{line-height:1.8}
/* End Tools in Action. */

/* Sound play: source-bound wheel and twins. */
.sound-shell{max-width:980px;margin:auto;display:grid;gap:18px;text-align:center}.sound-shell *{box-sizing:border-box}.sound-shell button,.sound-shell select{min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.sound-shell button{min-width:110px;padding:12px 16px}.sound-shell select{width:100%;min-width:0;padding:12px}.sound-top{text-align:start;display:grid;gap:8px}.sound-modes,.sound-actions,.sound-player{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.sound-shell button[aria-pressed=true]{background:#d5eee5;border-color:#257765;box-shadow:0 0 0 2px #257765}.sound-pending{font-size:.95rem;color:#4d5e66;background:#f0f4ef;border-radius:16px;padding:12px;margin:0}.sound-wheel{display:grid;justify-items:center;gap:12px;font-size:1.4rem}.sound-disc{width:min(100%,320px);aspect-ratio:1;border-radius:50%;padding:29px;background:conic-gradient(#ffdc83 0deg 60deg,#e5e0f3 60deg 120deg,#cae8df 120deg 180deg,#ffe0d6 180deg 240deg,#cde9ed 240deg 300deg,#f0e3c8 300deg);border:3px solid #243349;position:relative;box-shadow:0 9px 0 #eadbc8}.sound-disc:before{content:'';position:absolute;top:-10px;left:calc(50% - 10px);border-left:10px solid transparent;border-right:10px solid transparent;border-top:23px solid #243349}.sound-disc svg{display:block;width:100%;height:100%;background:#fffaf2;border-radius:50%;padding:14px}.sound-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sound-picks button{min-width:0;display:grid;justify-items:center;gap:8px}.sound-picks svg{max-height:90px;width:100%}.sound-model{display:grid;justify-items:center;gap:8px;padding:14px;background:#eef6f0;border-radius:24px;border:2px solid #a6cfb9}.sound-model svg{width:120px;height:120px}.sound-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.sound-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px;background:#fffaf1;border:2px solid #e0d5c6;border-radius:22px}.sound-card-art{width:100%;aspect-ratio:1}.sound-card-art svg{width:100%;height:100%}.sound-card button{min-width:0}.sound-card small{font-size:.85rem;line-height:1.5}.sound-card-number{font-size:.9rem;color:#56616a}.sound-target{border:3px solid #257765;background:#e7f4ed}.sound-target-name{font-size:.9rem;color:#1d5f50}.sound-status{margin:0;min-height:52px;line-height:1.6}.sound-shell details{text-align:start;border:1px solid #cbd7cb;border-radius:16px;padding:14px;min-width:0}.sound-shell details summary{min-height:44px;cursor:pointer;display:flex;align-items:center;font-weight:700}.sound-shell details p{line-height:1.7}.sound-context{display:grid;justify-items:center;gap:8px}.sound-context svg{width:150px;height:150px}.sound-shell button:focus-visible,.sound-shell select:focus-visible,.sound-shell summary:focus-visible{outline:3px solid #245f9c;outline-offset:3px}.sound-shell button:disabled{opacity:.55;cursor:default}
@media(max-width:700px){.sound-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sound-card{padding:10px}.sound-picks{grid-template-columns:1fr}.sound-picks button{grid-template-columns:64px 1fr;align-items:center}.sound-picks svg{height:64px}.sound-disc{width:min(100%,260px)}.sound-actions>*{flex:1 1 130px}.sound-player>*{flex:1 1 150px}.sound-model svg{width:96px;height:96px}.sound-shell{gap:14px}}
/* End Sound play. */

/* Find the Tool: source G20. */
.toolchoice-shell .tools-invitation{flex-direction:column}.toolchoice-shell .tools-invitation>div{width:min(100%,500px)}.toolchoice-shell .tools-invitation svg{display:block;width:100%;height:auto;max-height:320px}.toolchoice-shell [data-tools-piece]>svg{max-width:240px}
/* End Find the Tool. */

/* Picture Match: all 55 source picture and grid tasks. */
.match-shell{max-width:980px;margin:auto;text-align:center}.match-shell>label{display:block;text-align:start;font-weight:700;margin-bottom:8px}.match-shell select{width:100%;min-width:0;min-height:48px;padding:10px;font:inherit;border:2px solid #c4d8ce;border-radius:14px;background:white}.match-invitation{display:grid;justify-items:center;gap:10px;border:2px solid #a8cbb8;background:#edf5ed;border-radius:24px;padding:18px;margin:20px 0}.match-invitation svg{width:180px;height:180px;max-width:100%}.match-invitation strong{font-size:24px}.match-view,.match-access,.match-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0}.match-shell button{min-width:44px;min-height:48px;white-space:normal;overflow-wrap:anywhere}.match-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.match-shell[data-layout=three] .match-options{grid-template-columns:repeat(3,minmax(0,1fr))}.match-shell[data-layout=four] .match-options{grid-template-columns:repeat(4,minmax(0,1fr))}[data-match-piece]{background:#fffaf1;border:2px solid #deded3;border-radius:20px;padding:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:18px;line-height:1.5;min-width:0}[data-match-piece]>svg{display:block;width:100%;max-width:240px;height:auto;pointer-events:none}[data-match-piece]>strong{max-width:100%;overflow-wrap:anywhere}.match-empty{border:2px dashed #d9d7c9;border-radius:20px;display:grid;place-items:center;background:#f5f2eb;color:#69716c;font-size:30px}.match-hint{outline:3px dashed #286f67;outline-offset:2px}[data-match-piece][aria-pressed=true]{background:#e8f3e4;border-color:#286f67}.match-found{font-size:15px;color:#1b6257;font-weight:700}.match-shell button[aria-pressed=true]:not([data-match-piece]){background:#e5f3ed;border-color:#286f67}.match-status{min-height:64px;margin:22px 0;line-height:1.7}.match-shell details{text-align:start;line-height:1.8;border:1px solid #c2d9ce;border-radius:18px;padding:18px;margin-top:24px}.match-shell summary{min-height:44px;cursor:pointer;font-weight:700}.match-shell button:focus-visible,.match-shell select:focus-visible,.match-shell summary:focus-visible{outline:3px solid #1854cc;outline-offset:3px}.match-shell[data-large=true] .match-options{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:620px){.match-invitation svg{width:140px;height:140px}.match-options{gap:8px}[data-match-piece]{padding:6px;border-radius:14px;font-size:16px;gap:8px}.match-found{font-size:13px}.match-empty{border-radius:14px}.match-view button,.match-access button,.match-actions button{flex:1 1 150px}.match-shell[data-large=true] .match-options{grid-template-columns:1fr}.match-shell[data-large=true] [data-match-piece]{padding:14px}.match-shell details{padding:14px}}
/* End Picture Match. */

/* Pencil Question: equal choices, visible explanation and voluntary access. */
.pencil-shell{max-width:880px;margin:auto}.pencil-shell button{min-height:48px;min-width:48px;padding:12px 18px;white-space:normal;overflow-wrap:anywhere}.pencil-scene{margin:0 auto 20px;text-align:center}.pencil-scene svg{display:block;width:min(100%,480px);height:auto;margin:0 auto 12px}.pencil-scene figcaption{max-width:620px;margin:auto;font-size:18px;line-height:1.6}.pencil-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:560px;margin:auto}.pencil-choices button{font-size:32px;font-weight:750;background:#fff8ec;border:2px solid #d7d9d2;min-height:90px}.pencil-shell button[aria-pressed=true]{border-color:#287b75;background:#e3f1ec}.pencil-status{min-height:3.4em;line-height:1.6;text-align:center}.pencil-explanation{background:#e8f2ed;border-inline-start:5px solid #287b75;border-radius:14px;padding:20px;line-height:1.7;font-size:20px}.pencil-access,.pencil-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px auto}.pencil-shell details{margin-top:24px;border:1px solid #d1dedb;border-radius:16px;padding:16px;line-height:1.7}.pencil-shell summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.pencil-shell :focus-visible{outline:3px solid #2563eb;outline-offset:3px}@media(max-width:480px){.pencil-access,.pencil-actions{display:grid;grid-template-columns:minmax(0,1fr)}.pencil-choices{gap:12px}.pencil-scene figcaption{font-size:17px}.pencil-explanation{font-size:18px;padding:16px}}
/* End Pencil Question. */

/* Website library: browse a manageable shelf, search the complete collection. */
.library-search{max-width:620px;margin:28px 0 8px}.library-search label{display:block;font-size:14px;font-weight:750;margin-bottom:9px}.library-search>div{display:flex;background:white;border:2px solid #c9d7d0;border-radius:18px;padding:4px;gap:6px}.library-search input{border:0;min-width:0;width:100%;padding:12px 14px;background:transparent;color:var(--ink);font-size:16px;min-height:48px}.library-search button{border:0;background:#edf4ef;min-width:48px;padding:8px;font-size:25px}.library-search [hidden],.library-more [hidden],.activity-card[hidden]{display:none}.library-results{font-size:13px;color:var(--muted);margin:0 0 16px}.library-more{display:flex;justify-content:center;margin:32px 0}.library-more button{padding:15px 30px;border-color:#b6cec3;background:white}.card-preview{height:208px;padding:12px}.card-preview:before{display:none}.card-preview>svg{width:100%;height:100%;transform:none;max-width:none;overflow:visible}.activity-card{border:1px solid #e3e7df;box-shadow:0 4px 0 #22304a07;transition:transform .15s,box-shadow .15s}.activity-card:hover{box-shadow:0 9px 24px #22304a13}.card-body{padding:20px 22px 24px}.card-title{font-size:22px;line-height:1.3}.card-caption{line-height:1.55}.filters{margin:20px 0 12px}.hero{padding-bottom:24px}.section-head{margin-top:24px}
/* Story feelings: the picture and response sit together on a wide screen. */
body:has(.feelings-shell) .game-stage{max-width:1120px;padding:26px;min-height:0}body:has(.feelings-shell) .game-head{margin:12px 0 20px}body:has(.feelings-shell) .game-head .eyebrow{margin-bottom:8px}body:has(.feelings-shell) .toolbar{margin:8px 0 18px}.feelings-shell{max-width:none}.feelings-actions{margin:16px 0}.feelings-status{margin:10px auto}.feelings-read{margin:12px 0}.feelings-modes{margin:16px 0}.feelings-scene figcaption{padding:14px 18px}.feelings-dialogue blockquote{font-size:23px}.feelings-choices{margin:18px auto 12px}.feelings-choices button{min-height:112px}.feelings-choices button>svg{width:58px;height:58px}
@media(min-width:1000px){.feelings-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px 28px;grid-template-areas:"top top" "modes modes" "read read" "scene quote" "scene choices" "scene access" "scene confirm" "status status" "response response" "actions actions" "adult adult"}.feelings-top{grid-area:top}.feelings-modes{grid-area:modes;margin:0;justify-content:flex-start}.feelings-read{grid-area:read;margin:0}.feelings-layout{display:contents}.feelings-scene{grid-area:scene;align-self:start}.feelings-dialogue{grid-area:quote;gap:8px}.feelings-dialogue blockquote{padding:16px 20px}.feelings-story-only{font-size:13px}.feelings-choices{grid-area:choices;margin:0;max-width:none}.feelings-access{grid-area:access;margin:0;max-width:none}.feelings-confirm{grid-area:confirm;margin:0}.feelings-confirm p{font-size:14px;width:auto}.feelings-status{grid-area:status;margin:0}.feelings-response{grid-area:response;margin:0;max-width:none}.feelings-actions{grid-area:actions;margin:0}.feelings-adult{grid-area:adult}.feelings-shell:has(.feelings-response){row-gap:18px}}
@media(max-width:650px){.card-preview{height:170px}.library-search{margin-top:20px}.library-search input{font-size:15px}.library-more button{width:100%}body:has(.feelings-shell) .game-stage{padding:16px}.feelings-dialogue blockquote{font-size:21px}.feelings-top{gap:12px}.feelings-top>p{font-size:12px}.feelings-choices button{min-height:110px}}
@media(prefers-reduced-motion:reduce){.activity-card{transition:none}.activity-card:hover{transform:none}}

/* Generated story art scales without cropping and retains separate live captions. */
.feelings-scene>.feelings-illustration{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f4eddc}