/* Meadow activities extend the existing illustrated worlds and tactile pieces. */
.meadow-board{max-width:680px}.meadow-board .adv-primary{margin-top:24px}.mead-paint-target{width:150px;height:145px;display:grid;place-items:center;margin:10px auto 25px;background:var(--paint);border-radius:51% 49% 60% 40%/60% 40% 60% 40%;border:6px solid #fffae0;box-shadow:0 7px 0 #73627a33,0 10px 30px #9f6a9924}.mead-palette{display:flex;justify-content:center;gap:18px}.mead-palette button{display:grid;gap:9px;justify-items:center;min-width:75px;border-radius:35px 35px 22px 22px;padding:14px}.mead-palette button>span{width:53px;height:61px;border-radius:50% 50% 43% 43%;box-shadow:inset 7px 5px 0 #fff3,0 4px 0 #7e627d22;border:2px solid white}.mead-palette b{font-size:16px}.mead-face-stage{display:flex;align-items:center;justify-content:center;gap:30px;padding:18px;background:linear-gradient(#f8e0e9c9,#f3dfc8bf);border-radius:40px;border:3px solid white;box-shadow:0 6px 0 #a88ba938}.mead-face-stage>div{display:grid;justify-items:center;max-width:130px;gap:10px}.mead-face-stage small{font-size:15px;line-height:1.6}.mead-face{max-width:100%;height:auto;filter:drop-shadow(0 6px 3px #8b687d25)}
.mead-memory{max-width:350px;background:linear-gradient(#494f7c,#293955);padding:18px;border:6px solid #bba6ce;border-radius:30px;box-shadow:0 7px 0 #6e5d8c66}.mead-memory button{background:linear-gradient(#747ca0,#4d5c81);box-shadow:0 3px 0 #192f4b66;border:2px solid #adaac2}.mead-memory button.lit{background:radial-gradient(#fff7c3,#e8cf95);border-color:#fff1ac;box-shadow:0 0 18px #f7da9b66,0 3px 0 #ae8a5b66}.mead-memory button:disabled{opacity:1}
.mead-ribbons{display:grid;grid-template-columns:60px minmax(0,1fr) 62px;max-width:550px;margin:12px auto;background:#fff9e6c2;border:3px solid #fff;border-radius:28px;padding:10px;box-shadow:0 7px 0 #bba3c944}.mead-ribbons>svg{width:100%;height:100%;min-height:225px}.mead-ribbon-starts,.mead-ribbon-ends{display:flex;flex-direction:column}.mead-ribbon-starts>div,.mead-ribbon-ends>button{height:75px;min-height:75px;display:flex;align-items:center;justify-content:center;position:relative}.mead-ribbon-starts .marked{border-radius:20px;background:#f1d99e;box-shadow:inset 0 0 0 3px white}.mead-ribbon-ends>button{padding:4px;border-radius:14px;min-width:48px;margin:0;box-shadow:none}.mead-ribbon-ends b{position:absolute;bottom:7px;font-size:15px}
.mead-stamp-target{position:relative;display:grid;place-items:center;width:190px;height:180px;margin:15px auto 25px;background:#fff4d9d9;border:5px solid white;border-radius:30px;box-shadow:0 6px 0 #b8a8b955}.mead-stamp-target>div{position:absolute}.mead-stamps{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.mead-stamps button{padding:13px;border-radius:22px;background:linear-gradient(#fff9e8,#e5d9ec)}
.mead-nested{position:relative;display:flex;align-items:center;justify-content:center;min-height:220px;margin:8px auto 20px;max-width:330px;background:radial-gradient(ellipse,#fff5dac4,#f5ead754);border-radius:50%}.mead-nested>span{position:absolute;width:var(--boxsize);height:var(--boxsize);border-radius:20px;border:5px solid #fff9;box-shadow:inset 0 0 0 2px #9d7c9c3b,4px 5px 0 #80647a26}.mead-box-options{display:flex;flex-wrap:wrap;align-items:end;justify-content:center;gap:12px;margin-bottom:22px}.mead-box-options button{display:grid;justify-items:center;gap:10px;padding:11px 9px;background:#fff5e7b8;border-radius:20px}.mead-box-options small{font-size:14px}.mead-box{display:grid;place-items:center;border:4px solid #fff9;border-radius:12px;background:linear-gradient(135deg,#d5bbdf,#ae8ec4);box-shadow:3px 4px 0 #896c9655}
.mead-chain-line{display:flex;align-items:center;justify-content:safe center;overflow-x:auto;gap:5px;padding:18px 8px;min-height:105px;background:#e6dcf3ba;border:3px solid #fff;border-radius:24px;box-shadow:0 6px 0 #9f8eb33d}.mead-domino{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff4d8;border-radius:12px;border:2px solid #fff;box-shadow:0 3px 0 #c8ad7f66;padding:8px;flex-shrink:0}.mead-domino>.adv-icon:first-child{border-right:2px solid #d9c4a2;padding-right:5px;box-sizing:content-box}.mead-chain-options{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:25px auto}.mead-chain-options button{padding:5px}.mead-chain-line>.adv-icon{flex-shrink:0}
.mead-islands{padding:14px;background:linear-gradient(#8ec9d8,#b7e2e2);border:5px solid #e2f9ee;border-radius:28px;box-shadow:0 7px 0 #649aaa66;max-width:370px;gap:5px}.mead-islands>span{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:13px;min-width:0}.mead-islands>.land{background:linear-gradient(#ede5c6,#d5cca8);box-shadow:0 3px 0 #9f9b7a55;border:2px solid #fffb}.mead-islands>.water{color:#3c7c98;font-size:25px}.mead-islands>button{background:linear-gradient(#e8efc8,#b5d39c);border-radius:15px;box-shadow:0 3px 0 #7a9c6a66}
.mead-table{display:flex;justify-content:center;flex-wrap:wrap;gap:22px 16px;background:repeating-linear-gradient(90deg,#f1d6b2d9 0 35px,#fff1dcd9 35px 70px);border:7px solid #d7b58d;border-radius:38px;padding:22px 13px;box-shadow:0 7px 0 #ae8c6744}.mead-table article{display:grid;justify-items:center;gap:10px}.mead-table article>div{display:flex;gap:9px}.mead-table button{width:62px;height:62px;font-size:14px;padding:5px;border-radius:50%;display:grid;place-items:center}.mead-plate{display:block;width:43px;height:43px;background:radial-gradient(#fff8e1 0 47%,#cab5db 49% 62%,#f3e8f5 64% 76%,#b49bc5 78%);border-radius:50%;border:2px solid white;box-shadow:0 3px 0 #967bab44}.mead-cup{display:block;width:31px;height:37px;border:4px solid #d3e8eb;border-top:6px solid white;border-radius:5px 5px 12px 12px;background:linear-gradient(#a8d2dd,#c2e3e9);position:relative;box-shadow:0 3px 0 #7ba3b144}.mead-cup:after{content:'';position:absolute;width:12px;height:20px;border:4px solid #d3e8eb;border-radius:50%;left:-14px;top:2px}
.mead-parade{padding:18px 13px;background:#e7e3f4c7;border:3px solid white;border-radius:30px;box-shadow:0 6px 0 #a89cc444}.mead-parade>strong{display:block;text-align:right;padding:0 10px 15px;font-size:17px}.mead-parade>div{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px}.mead-parade button{padding:10px 7px;background:linear-gradient(#fff4dd,#efd1a6);border-radius:40px 40px 20px 20px;min-width:76px}.mead-parade>small{display:block;margin-top:20px;font-size:15px;font-weight:800}
.mead-chests{display:flex;flex-wrap:wrap;justify-content:center;gap:22px 16px;margin-top:36px}.mead-chests button{position:relative;min-width:125px;max-width:180px;padding:16px 10px 10px;border:5px solid #dbba87;border-radius:15px;background:#b7895c}.mead-chest-lid{position:absolute;top:-21px;left:-5px;right:-5px;height:26px;background:linear-gradient(#bb9667,#e5c591);border:4px solid #f5dab1;border-radius:15px 15px 4px 4px;transform:rotate(-6deg);transform-origin:bottom left}.mead-chest-inside{min-height:86px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;background:#725146;border-radius:9px;padding:6px;max-width:144px}.mead-chests small{display:block;color:#fff6df;font-size:16px;padding-top:10px}
.mead-fruit-source{min-height:80px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;padding:15px;background:#fff7ddd9;border:3px solid white;border-radius:35px;max-width:470px;margin:auto}.mead-split{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mead-split>article{padding:16px 8px;background:#e2edd3b8;border:3px solid white;border-radius:30px;margin-top:18px}.mead-split h3{font-size:20px;margin:0 0 12px}.mead-basket{position:relative;display:flex;justify-content:center;align-items:center}.mead-basket strong{position:absolute;bottom:13px;min-width:45px;line-height:45px;background:#fffae6ee;border:2px solid white;border-radius:50%;font-size:27px}.mead-split .exp-tools{gap:9px;margin-bottom:0}.mead-split button{font-size:14px;padding:8px 10px}
.mead-gates{display:flex;align-items:center;justify-content:center;gap:20px;padding:30px 15px;background:#dfd8eccf;border:4px solid #fff;border-radius:30px;margin:22px auto}.mead-gates>span{font-size:clamp(27px,6vw,43px);font-weight:900;padding:20px 12px;background:#fff3d8;border-radius:20px;border:3px solid #fff;min-width:65px}.mead-gates button{font-size:43px;width:75px;background:linear-gradient(#bca4d7,#9b81bc);color:#fff}.mead-numberline{overflow-x:auto;background:#d9eff1d9;border:3px solid #fff;border-radius:30px;padding:24px 12px;margin:18px auto}.mead-numberline>div{display:flex;align-items:center;justify-content:space-between;gap:2px;min-width:510px;position:relative}.mead-numberline>div:before{content:'';position:absolute;left:22px;right:22px;top:27px;height:4px;background:#86a7b8}.mead-numberline button{position:relative;display:grid;justify-items:center;gap:5px;min-width:48px;border-radius:50px;background:#f3ecd2;padding:8px 2px}.mead-numberline b{font-size:19px}
.mead-action-scene{display:flex;align-items:center;justify-content:center;min-height:230px;background:radial-gradient(ellipse,#fff6dbe0,#e2edcd8a);border:3px solid #fff;border-radius:40px;padding:20px;gap:5px}.mead-action-scene>div{margin-right:-38px;margin-top:55px;z-index:1;display:flex;align-items:center}.mead-weather-scene{display:flex;justify-content:center;align-items:center;gap:25px;padding:20px;border-radius:40px;background:linear-gradient(#d9e9f5b5,#fff0d2b5);border:3px solid white}.mead-weather-options{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:22px}.mead-weather-options button{display:grid;justify-items:center;gap:10px;flex:1;min-width:115px;border-radius:28px;padding:15px 10px}.mead-weather-options b{font-size:18px}
.mead-story-card{margin:18px auto;padding:22px;background:linear-gradient(110deg,#fff9e8eb,#eae0f1e8);border:4px solid white;border-radius:30px;box-shadow:0 7px 0 #a796b23d;line-height:1.9}.mead-story-card p{font-size:22px;font-weight:600;margin:13px auto}.mead-story-card h3{font-size:24px}.mead-truth-scene{position:relative;display:grid;place-items:center;min-height:210px;background:radial-gradient(ellipse,#fff7d9d9,#e9efda8c);border:4px solid white;border-radius:36px}.mead-truth-scene>div{position:absolute;top:60px;left:50%;transform:translateX(-50%);font-size:18px;background:#fff6d9b8;border-radius:15px;padding:6px}
.mead-word-ribbon{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 0;background:#e9decba8;border:3px solid white;border-radius:24px;padding:16px 9px}.mead-word-ribbon>span{display:inline-grid;place-items:center;font-size:27px;font-weight:900;min-width:27px;height:48px;background:#fff7e4;border-block:2px solid #fff;border-radius:7px}.mead-word-ribbon button{min-width:27px;min-height:48px;padding:4px 3px;border-radius:7px;box-shadow:0 3px 0 #9f8ab544;color:#67517a;font-size:20px;background:#e5d2ed}.mead-word-ribbon button.selected{min-width:42px}.mead-readback{padding:18px;margin-top:18px;font-size:25px;font-weight:800;line-height:1.7;background:#fff9e6db;border:3px dashed #bea8cf;border-radius:22px}
@media(max-width:480px){.mead-face-stage{gap:12px;padding:12px}.mead-face-stage>div{max-width:90px}.mead-face-stage>.mead-face{max-width:155px}.mead-palette{gap:12px}.mead-palette button{min-width:68px;padding:12px 9px}.mead-stamps{gap:9px}.mead-stamps button{padding:10px}.mead-stamps .adv-icon{width:48px!important;height:48px!important}.mead-ribbons{grid-template-columns:48px minmax(0,1fr) 50px;padding:6px}.mead-ribbon-ends>button{min-width:44px}.mead-ribbon-starts .adv-icon{width:38px!important;height:38px!important}.mead-gates{gap:10px;padding:22px 9px}.mead-gates>span{padding:15px 6px;min-width:55px}.mead-gates button{width:61px}.mead-chests button{min-width:110px;width:calc(50% - 12px)}.mead-split{gap:10px}.mead-split h3{font-size:17px}.mead-parade button{min-width:66px}.mead-parade button .adv-icon{width:50px!important;height:50px!important}.mead-parade>div{gap:10px}.mead-word-ribbon{padding:12px 5px}.mead-word-ribbon>span{min-width:24px;font-size:24px}.mead-word-ribbon button{min-width:27px}.mead-story-card{padding:18px 14px}.mead-story-card p{font-size:20px}.mead-story-card h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.meadow-board *{transition:none!important}}

.mead-word-ribbon{overflow-x:auto;flex-wrap:nowrap;justify-content:safe center}.mead-word-ribbon>span{flex-shrink:0}.mead-word-ribbon button{min-width:44px;flex-shrink:0}.meadow-board .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}