.playground{max-width:1040px}.pg-stage{background:#fffdf5;border:5px solid white;border-radius:32px;padding:26px;box-shadow:0 15px 50px #37594810;min-height:360px}.pg-eyebrow{letter-spacing:.18em;font:700 11px sans-serif;color:#748c7f}.pg-options{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.pg-options button[aria-pressed=true]{background:#427d69;color:white}.pg-help{background:#edf2e5;padding:16px 22px;border-radius:20px;line-height:1.8}.pg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pg-item{min-height:105px;background:#fff7df;border:3px solid #fff;border-radius:22px;box-shadow:0 5px 0 #dfdfcf;font-size:20px}.pg-item[aria-pressed=true]{outline:4px solid #619785;background:#e2efdd}.pg-item img{width:75px;height:75px;display:block;margin:auto}.pg-item small{display:block;font-size:14px}.pg-item:disabled{opacity:.65}.pg-progress{display:flex;gap:8px;margin:20px 0;justify-content:center;flex-wrap:wrap}.pg-dot{width:24px;height:8px;border-radius:10px;background:#dae3d5}.pg-dot.done{background:#6caa90}.pg-win{background:#f5e6b5;padding:20px;border-radius:24px;text-align:center;margin-top:24px;font-size:23px}.pg-win button{margin:15px}.pg-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.puzzle-board{display:grid;gap:4px;background:#cfddcd;padding:6px;border-radius:22px;overflow:hidden}.puzzle-piece,.puzzle-slot{aspect-ratio:1.2;border:2px dashed #9aaf9d;border-radius:12px;min-width:0;padding:0;overflow:hidden;background-color:#eef3e7;background-repeat:no-repeat}.puzzle-slot.placed{border-style:solid;border-color:#fff}.puzzle-piece{width:100%;background-color:#faebcc;min-height:70px}.piece-label{font-size:13px;background:#fff9;border-radius:10px;padding:3px 7px}.puzzle-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.recipe{display:flex;gap:12px;align-items:center;justify-content:center;padding:20px;background:#f2ead3;border-radius:24px;margin:18px 0;font-size:30px}.recipe img{width:65px;height:65px}.kitchen-bowl{width:210px;height:170px;border-radius:20px 20px 100px 100px;background:linear-gradient(#f3c988 15%,#93b9ac 16%);margin:30px auto;display:flex;justify-content:center;align-items:center;gap:5px;box-shadow:inset 0 -16px #659786}.kitchen-bowl img{width:58px}.pg-action{display:block;min-width:200px;margin:24px auto;font-size:23px}.garden-plots{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;background:linear-gradient(#d7e5b8,#accc9a);padding:26px;border-radius:28px}.plot{min-height:155px;background:repeating-linear-gradient(0deg,#b98e69 0 25px,#ae815e 26px 30px);border:5px solid #d4ae87;border-radius:25px;color:white;position:relative}.plot img{width:90px;height:90px;display:block;margin:auto}.plot small{background:#534937aa;border-radius:8px;padding:4px 8px}.swatch{width:64px;height:64px;border:5px solid white;box-shadow:0 3px 0 #cbd5c5;border-radius:50%;padding:0}.swatch[aria-pressed=true]{outline:4px solid #365b50}.mix-bowl{height:110px;border:6px solid white;border-radius:20px 20px 60px 60px;max-width:230px;margin:auto}.paint-canvas{width:100%;max-height:420px;border-radius:24px;background:#f5f0dc;border:5px solid white}.paint-canvas [data-region]{cursor:pointer;stroke:#48665c;stroke-width:3;transition:fill .2s}.pattern-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:25px 0}.pattern-tile{width:80px;height:90px;background:#eaf0df;border-radius:20px;display:grid;place-items:center;font-size:42px}.pattern-tile img{width:65px}.map{display:grid;gap:3px;background:#b3c699;padding:8px;border-radius:25px;max-width:540px;margin:auto}.map-cell{aspect-ratio:1;min-width:0;display:grid;place-items:center;border-radius:9px;background:#f0e7c7;position:relative;font-size:25px}.map-cell.blocked{background:#91b184}.map-cell img{width:80%;height:80%}.map-cell.goal{outline:4px solid #e0a958;z-index:1}.map-cell.visited{background:#d8e7c0}.pg-pad{display:grid;grid-template-columns:repeat(3,60px);gap:7px;justify-content:center;margin:20px}.pg-pad button{font-size:25px;padding:10px}.drums{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.drum{height:180px;border-radius:45%;border:8px solid #c4a17b;box-shadow:0 12px 0 #987653;background:#f4dfab;font-size:48px}.drum img{width:85px;height:85px}.drum.active{background:#fff7cb;outline:6px solid #85b9a5;transform:translateY(6px);box-shadow:0 6px 0 #987653}.sort-toy svg{width:70px;height:70px}.sort-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.sort-box{background:#e7d8b8;border:5px solid #c4ae85;border-radius:12px 12px 30px 30px;min-height:110px;font-size:18px}.pg-nudge{animation:pg-wiggle .25s}.pg-bounce{animation:pg-pop .3s}.pg-status{min-height:65px}.pg-link{color:#365c48;text-decoration:underline}.pg-count{font-size:22px;text-align:center}.pg-stage h2{font-size:24px}.pg-stage button:focus-visible{outline:4px solid #ba8544;outline-offset:3px}.pg-stage button{touch-action:manipulation}.pg-stage .garden-sprite{width:1.2em;height:1.2em}.pg-stage .pg-item .garden-sprite{width:75px;height:75px}.pg-stage .recipe .garden-sprite{width:60px;height:60px}.pg-stage .drum .garden-sprite{width:80px;height:80px}.pg-stage .plot .garden-sprite{width:90px;height:90px}@keyframes pg-pop{50%{transform:scale(1.06)}}@keyframes pg-wiggle{50%{transform:translateX(5px)}}@media(max-width:650px){.pg-stage{padding:15px;min-height:300px}.pg-split{grid-template-columns:1fr;gap:18px}.pg-grid{gap:10px}.pg-item{font-size:17px}.pg-item img{width:58px;height:58px}.garden-plots{padding:14px;gap:12px}.plot{min-height:130px}.pattern-tile{width:56px;height:65px}.pattern-tile img{width:45px}.drums{gap:12px}.drum{height:135px;border-width:5px}.drum img{width:60px!important}.sort-boxes{gap:8px}.sort-box{font-size:14px;padding:10px 4px}.recipe{gap:7px;font-size:24px}.pg-options button{padding:11px 13px}.map-cell{font-size:18px}}
@media(prefers-reduced-motion:reduce){.pg-bounce,.pg-nudge{animation:none}.paint-canvas [data-region]{transition:none}}

.puzzle-piece[aria-pressed=true]{outline:4px solid #427d69;outline-offset:2px;box-shadow:0 6px 0 #9bb9a5}.puzzle-slot:focus-visible{outline-offset:-5px}.sort-toy[aria-pressed=true]{transform:translateY(-4px)}
.silhouette-board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:30px;background:#dce7d4;border-radius:28px;margin-bottom:28px}.silhouette{filter:brightness(0) opacity(.3)}.silhouette-board img{width:100%;height:130px}.box-example{display:block;margin-bottom:10px}.box-example svg,.box-example img{width:65px;height:65px}.packed-toys{font-size:11px;color:#5c8471;min-height:20px;display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.delivery-truck{width:85%;height:85%;max-width:75px}.parcel-dock{padding:22px;background:#f5e5b4;border-radius:25px}.chopping-board{display:flex;justify-content:center;gap:18px;background:repeating-linear-gradient(4deg,#dbb98a 0 18px,#d4af7d 19px 20px);padding:36px 20px;border:8px solid #bb9769;border-radius:32px}.sliced-food{display:flex;gap:2px;transform:rotate(-12deg)}.sliced-food img{width:40px!important;height:60px!important;clip-path:inset(0 20% 0 0)}.mixing-circle{position:relative;border-radius:50%;background:radial-gradient(#e5c99a 45%,#a5c7bb 46% 59%,#6f9f8d 60%);height:290px;width:290px;margin:55px auto;display:flex;justify-content:center;align-items:center}.mixing-circle>img{width:58px;height:58px}.stir-spot{position:absolute;top:calc(50% - 28px);left:calc(50% - 28px);width:56px;height:56px;padding:4px;transform:rotate(var(--a)) translateY(-130px) rotate(calc(-1 * var(--a)));border-radius:50%;font-size:28px}.stir-spot[aria-pressed=true]{outline:5px solid #ddb554;background:#fff1b0;box-shadow:0 0 0 10px #e7d48644}.finished-dish{position:relative;width:240px;min-height:170px;margin:25px auto;border:12px solid #fffaf0;background:#ecddb8;border-radius:50%;box-shadow:0 8px 0 #aac6b6;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:22px}.finished-dish span img{width:60px!important;height:60px!important}.dish-1{border-radius:18px 18px 80px 80px;background:#e5ad6c}.dish-2{border-radius:25px;background:#edc58b}.dish-2>img{position:absolute;inset:10%;width:80%;height:80%;opacity:.65}.dish-2 span{position:relative;z-index:1}.cooking-pot{position:relative;min-height:210px}.steam{display:none;position:absolute;left:48%;top:-20px;font-size:55px;color:#8aa997}.steaming .steam{display:block;animation:steam-up 1s ease-in-out infinite}.garden-decor{height:75px;display:flex;gap:20px;justify-content:center}.garden-decor:empty{display:none}.garden-decor img{width:70px!important;height:70px!important}.mix-history{display:flex;gap:12px;justify-content:center;align-items:center;padding:15px}.mix-history span{width:45px;height:45px;border-radius:50%;border:3px solid white}.pg-item[aria-pressed=true]{transform:translateY(-3px)}@keyframes steam-up{to{transform:translateY(-15px);opacity:.3}}@media(max-width:650px){.silhouette-board{padding:14px;gap:9px}.silhouette-board img{height:90px}.chopping-board{padding:22px 10px;gap:8px}.chopping-board .pg-item{padding:8px}.mixing-circle{width:225px;height:225px;margin:50px auto}.stir-spot{transform:rotate(var(--a)) translateY(-105px) rotate(calc(-1 * var(--a)))}.box-example svg{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){.steam{animation:none!important}}