/* Quiet, tactile play scenes, with controls outside the scrolling content. */
.purpose-lesson .purpose-play{display:flex;flex-direction:column;gap:10px;width:100%;max-width:760px;margin:auto}.purpose-lesson .play-instruction{font-size:19px;line-height:1.35;margin:0;text-align:center;color:#3d604c;font-weight:700}.purpose-lesson .play-feedback{font-size:16px;line-height:1.35;text-align:center;min-height:2.6em;margin:2px 0;color:#506b4b}.play-scene{position:relative;border:2px solid #d9cfad;border-radius:25px;overflow:hidden;background:#fffaf0;isolation:isolate;min-height:250px}.play-scene img{object-fit:contain;user-select:none;pointer-events:none}.play-scene .activity-art{width:100%;height:100%;object-fit:contain}.play-dock{display:flex;justify-content:center;gap:10px;flex:none;background:#fcf4df;border-top:1px solid #dccaa4;padding:10px 0 4px}.play-dock button{flex:1;min-width:0;max-width:170px;min-height:88px;border:2px solid #d8c598;border-radius:22px;background:#f5dfaa;box-shadow:0 4px #c1ad80;color:#3c5c48;padding:7px;touch-action:none;user-select:none;-webkit-user-select:none}.play-dock button>span{display:block;font-size:33px;line-height:1.1}.play-dock button img{height:39px;width:48px;object-fit:contain;display:block;margin:auto;pointer-events:none}.play-dock button small{display:block;font-size:14px;font-weight:800;line-height:1.2;margin-top:3px}.play-dock button.holding,.play-dock button:active{background:#d4e2c2;box-shadow:0 1px #9eaf88;transform:translateY(3px)}.play-dock button:focus-visible,.play-scene button:focus-visible{outline:4px solid #bd8d38;outline-offset:2px}.play-dock #playAgain{max-width:75px;background:#f3ecd8}.play-dock button:disabled{opacity:.5}.play-context{display:block;text-align:center;font-size:11px;line-height:1.4;color:#6f725d;padding:8px 10px;background:#fff8e9}.play-journal{display:flex;justify-content:center;gap:9px;padding:10px;position:relative;z-index:2;background:#fff7e5}.play-journal>span{width:47px;height:47px;border:2px dashed #c6ba95;border-radius:13px;display:grid;place-items:center;color:#897e59;font-size:22px}.play-journal>span.collected{border-style:solid;border-color:#799d70;background:#e5edd9}.play-journal img{width:40px;height:40px}.play-ready{outline:3px solid #d4ac54;outline-offset:2px}.purpose-lesson progress{display:block;width:75%;height:16px;margin:12px auto;accent-color:#739563}.purpose-lesson .play-complete .play-feedback{font-weight:800}
.discovery-window{height:285px;overflow:hidden;position:relative;background:linear-gradient(#c9e1dc 0%,#edf0cc 52%,#c7d4a8 53%,#b0c48c 100%)}.discovery-world{position:absolute;height:100%;width:1100px;left:20%;will-change:transform}.discovery-stop{position:absolute;bottom:60px;width:105px;height:155px;display:flex;flex-direction:column;align-items:center;z-index:1}.discovery-stop .activity-art{height:125px}.discovery-stop b{font-size:14px;background:#fff8e4dc;border-radius:10px;padding:3px 8px}.discovery-path{position:absolute;bottom:24px;left:-200px;width:1500px;height:35px;border-radius:50%;background:#dfc99c;box-shadow:0 9px 0 #b8a37955}.discovery-benny{position:absolute;bottom:12px;left:13%;width:90px;height:105px;z-index:3}.discovery-benny img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 3px #394a3530)}
.seed-workshop{position:relative;height:290px;background:radial-gradient(ellipse at 40% 15%,#ffedb6,transparent 60%),linear-gradient(#f8eed5,#e3ead4)}.seed-pot{position:absolute;bottom:25px;left:25%;width:40%;height:110px;background:#bd7a51;clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);border-top:13px solid #d79e70;overflow:hidden}.seed-soil{position:absolute;bottom:0;width:100%;height:0;background:radial-gradient(#b58f60 1px,transparent 2px) 0 0/13px 13px,#70533d}.seed-pot #seedGrain{position:absolute;top:30%;left:48%;width:16px;height:25px;transform:rotate(30deg);background:#e0bb72;border-radius:60%}.seed-plant{position:absolute;bottom:120px;left:30%;width:30%;height:125px;z-index:2}.seed-tool{position:absolute;right:4%;top:35px;width:85px;height:100px;transition:transform .25s}.seed-tool.pouring{transform:rotate(-30deg)}.seed-steps{display:flex;justify-content:space-around;padding:3px 10px 14px;font-size:14px;font-weight:700;color:#725c3b}.seed-button-grain{width:22px;height:35px;margin:auto;border-radius:65%;background:#ac7137;border:3px solid #deb373}
.feeding-pond{height:310px;position:relative;background:linear-gradient(#e3e9cd 0 15%,#b0d6d1 16%,#559296 100%);border-top:3px solid #a3bda0}.fish-scoop{position:absolute;top:2%;width:55px;height:55px;transform:translateX(-50%);display:flex;align-items:center;z-index:3}.fish-scoop img{width:40px;height:40px}.fish-scoop span{font-size:26px;font-weight:900}.pond-friend{position:absolute;width:70px;height:65px;transform:translate(-50%,-50%)}.pond-friend.fed{filter:saturate(.7)}.fish-meal{position:absolute;right:2px;top:-9px;width:20px;height:20px;background:#fff1b7;border:2px solid #4c7356;border-radius:50%;display:none}.fed .fish-meal{display:block}.fed .fish-meal:after{content:'✓';font-size:15px;color:#32583c;position:absolute;inset:-2px 1px}#fishPellet{position:absolute;width:10px;height:10px;border:2px solid #fff2c9;background:#ad763e;border-radius:50%;transform:translate(-50%,-50%)}
.gentle-meadow{position:relative;height:290px;background:linear-gradient(#dbe9da,#f4edd0 55%,#c2d6a9)}.gentle-flower{position:absolute;left:10%;bottom:20px;width:125px;height:190px}.gentle-palm{position:absolute;right:10%;bottom:25px;width:115px;height:140px}#gentleWing{position:absolute;right:18%;top:15px;width:95px;height:100px;will-change:transform}
.pair-boarding{height:155px;position:relative;overflow:hidden}.pair-boarding>img{width:100%;height:100%;object-fit:cover;object-position:center 62%;opacity:.8}#pairAboard{position:absolute;bottom:8px;display:flex;justify-content:center;width:100%;gap:10px}#pairAboard>span{display:flex;padding:4px;background:#fff4dded;border-radius:12px}#pairAboard img{height:40px;width:38px}.pair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.pair-grid button{height:105px;background:#fff5df;border:3px solid #dcccaa;border-radius:19px;padding:6px;box-shadow:0 3px #bba989}.pair-grid .picked{border-color:#598166;background:#e0ebd6}.pair-grid .paired{opacity:.35;box-shadow:none}.pair-grid .pair-hint{outline:3px dashed #bf9a4f;outline-offset:-8px}
.shutter-room{display:flex;justify-content:center;gap:14px;padding:38px 15px;background:linear-gradient(90deg,#92603e,#b98757,#92603e);height:290px;align-items:center}.shutter-window{position:relative;overflow:hidden;width:30%;height:190px;padding:0;border:8px solid #d7ae76;border-radius:40px 40px 9px 9px;background:#415d68;box-shadow:0 6px 8px #523c36}.shutter-window[aria-pressed=true]{outline:4px solid #f8dd92;outline-offset:5px}.rain-view{position:absolute;inset:0;background:linear-gradient(#182a39bb,#28475844),url('activity-upgrade/rain-window.webp') center/cover}.wood-shutter{position:absolute;top:0;left:0;width:100%;height:0;background:repeating-linear-gradient(0deg,#9f7049 0 26px,#7c573a 27px 29px);border-bottom:5px solid #d3a269;box-sizing:border-box}.shutter-window b{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);color:#fff6d4;font-size:25px;text-shadow:0 2px 2px #322}.shutter-window:disabled{opacity:1}
.brush-meadow{background:linear-gradient(#dae9df,#fcf1d6);padding:12px 0 0}.brush-meadow svg{display:block;width:100%;height:300px;touch-action:none}.rainbow-palette{display:flex;justify-content:center;gap:7px;padding:12px 7px}.rainbow-palette button{padding:5px;min-width:0;width:50px;height:53px;border:3px solid #d4c8a8;border-radius:16px;background:#fff8e7;box-shadow:0 3px #beae88}.rainbow-palette button span{display:block;width:100%;height:100%;background:var(--paint);border-radius:9px}.rainbow-palette button[aria-pressed=true]{border-color:#375b48;transform:translateY(-4px)}.rainbow-palette .painted:after{content:'✓';color:white;position:relative;top:-29px;text-shadow:0 1px 2px #333;font-size:22px}
.peg-bench{display:flex;justify-content:space-around;align-items:center;height:280px;background:linear-gradient(#eee6ce 55%,#c49b69 56%,#d2ae7c 90%,#ad7b4d 91%)}.play-peg{width:27%;height:160px;background:transparent;box-shadow:none;padding:0;border:3px solid transparent;border-radius:20px;position:relative}.play-peg[aria-pressed=true]{border-color:#7c9670}.play-peg>span{position:absolute;width:var(--peg-size);height:calc(100px - var(--depth,0)*65px);border-radius:40% 40% 7px 7px;bottom:25px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#a06d3e,#e5c18a 45%,#b8804a);border:3px solid #93643e;box-shadow:0 9px 0 5px #79583a}.play-peg b{position:absolute;top:3px;left:0;right:0;color:#654d37}.play-peg:disabled{opacity:1}
@media(max-width:650px){.purpose-lesson .purpose-play{gap:7px}.purpose-lesson .play-instruction{font-size:15px}.purpose-lesson .play-feedback{font-size:13px;margin:0}.purpose-lesson .play-scene{min-height:180px;border-radius:18px}.play-dock{gap:7px;padding:7px 0 3px}.play-dock button{min-height:76px;border-radius:18px;padding:5px}.play-dock button small{font-size:11px}.play-dock button img{height:32px;width:38px}.play-dock #playAgain{max-width:52px}.discovery-window,.seed-workshop,.feeding-pond,.gentle-meadow,.shutter-room,.peg-bench{height:clamp(180px,29svh,255px)}.play-journal{padding:7px;gap:8px}.play-journal>span{height:38px;width:38px;font-size:18px}.play-journal img{height:32px;width:32px}.play-context{font-size:9px;padding:5px}.discovery-stop{height:125px;bottom:45px}.discovery-stop .activity-art{height:100px}.discovery-benny{width:72px;height:85px;bottom:8px}.discovery-path{bottom:17px}.seed-pot{height:85px;bottom:17px}.seed-plant{bottom:95px;height:90px}.seed-tool{width:65px;height:80px;top:15px}.seed-steps{font-size:12px;padding-bottom:7px}.pond-friend{width:54px;height:50px}.gentle-flower{width:100px;height:145px;bottom:5px}.gentle-palm{height:110px;width:95px;bottom:8px}#gentleWing{height:70px;width:75px;top:5px}.pair-boarding{height:95px}.pair-grid{gap:9px;padding:10px}.pair-grid button{height:83px}.shutter-room{padding:20px 12px;gap:12px}.shutter-window{height:140px;border-width:6px;border-radius:28px 28px 8px 8px}.brush-meadow svg{height:clamp(190px,29svh,270px)}.rainbow-palette{gap:5px;padding:10px 5px}.rainbow-palette button{width:calc((100% - 30px)/7);height:47px;border-radius:12px;padding:3px}.play-peg{height:145px}.purpose-lesson progress{margin:8px auto;height:12px}}
@media(prefers-reduced-motion:reduce){.purpose-lesson *{transition:none!important;scroll-behavior:auto!important}.play-dock button:active{transform:none}}

.discovery-window{background:linear-gradient(#f9f1d522,#6a9b5822),url("activity-upgrade/rainbow-meadow.webp") center/cover}.gentle-meadow{background:linear-gradient(#f9f1d544,#6a9b5822),url("activity-upgrade/rainbow-meadow.webp") center/cover}

.seed-pot{background:linear-gradient(90deg,#9f5f3c,#d39a70 38%,#c1875d 68%,#9c5d3d);box-shadow:inset 0 8px 10px #6b3f3622}.seed-soil{border-radius:50% 50% 0 0/12% 12% 0 0}.seed-pot:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(92deg,transparent 0 5px,#fff1ce0a 6px 7px);pointer-events:none}

.discovery-garden{height:360px;position:relative;background:linear-gradient(#f9f1d533,#6a9b5833),url("activity-upgrade/rainbow-meadow.webp") center/cover}.garden-discovery{position:absolute;transform:translate(-50%,-50%);width:78px;height:95px;display:flex;flex-direction:column;align-items:center}.garden-discovery img{height:72px}.garden-discovery b{font-size:12px;border-radius:8px;background:#fff7e4df;padding:2px 5px}.garden-discovery.discovered:after{content:'✓';position:absolute;top:0;right:0;background:#fff3ce;border:2px solid #759766;border-radius:50%;color:#365b3d;padding:0 4px}.explorer-benny{position:absolute;width:69px;height:85px;transform:translate(-50%,-50%);z-index:3;pointer-events:none;filter:drop-shadow(0 4px 3px #36452955)}.explorer-benny img{width:100%;height:100%}.purpose-lesson:has(.discovery-garden) .play-dock button{min-width:44px}.purpose-lesson:has(.discovery-garden) .play-dock button span{font-size:31px}
@media(max-width:650px){.discovery-garden{height:clamp(210px,32svh,280px)}.garden-discovery{width:61px;height:75px}.garden-discovery img{height:55px}.garden-discovery b{font-size:10px}.explorer-benny{width:53px;height:66px}}

.purpose-lesson .lesson-heading .play-instruction{margin:5px 0 10px}.purpose-lesson .purpose-play{margin:0 auto}
@media(max-height:700px) and (max-width:650px){.purpose-lesson .play-instruction{font-size:13px}.purpose-lesson .lesson-heading .play-instruction{margin:2px 0 6px}.discovery-garden{height:180px}.garden-discovery{width:53px;height:65px}.garden-discovery img{height:47px}.explorer-benny{width:45px;height:56px}.play-journal{padding:4px}.play-journal>span{width:32px;height:32px}.play-journal img{width:28px;height:28px}.purpose-lesson .play-feedback{font-size:11px}.purpose-lesson .purpose-play{gap:4px}}
.rainbow-palette{flex-wrap:wrap}.rainbow-palette button{width:52px;min-width:48px;height:52px}
@media(max-height:700px) and (max-width:650px){.pair-boarding{height:55px}.pair-grid button{height:60px}.pair-grid{gap:7px;padding:8px}.brush-meadow svg{height:135px}.rainbow-palette{gap:5px;padding:7px 5px}.rainbow-palette button{width:48px;height:48px}.shutter-room{height:175px;padding:14px 12px}.purpose-lesson .play-context{font-size:8px}}