*{box-sizing:border-box}body{margin:0;background:#e8f1d7 url('/assets/garden.webp') center/cover fixed;color:#294d36;font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif}button,a,input{font:inherit}button{cursor:pointer;color:inherit;background:#fffef5;border:2px solid #ccdab6;border-radius:18px;min-height:52px;padding:10px 18px;font-weight:800;touch-action:manipulation}button:hover{background:#f2f8df}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid #4671b2;outline-offset:3px}button[aria-pressed=true],button.selected{background:#fff0a8;border-color:#987823;box-shadow:0 3px 0 #98782333}button:disabled{cursor:default;opacity:.55}.world{max-width:980px;margin:auto;padding:20px 22px 30px}.world-header{display:flex;align-items:center;gap:15px;justify-content:space-between}.world-header h1{font-size:clamp(22px,4vw,35px);line-height:1.15;text-align:center;margin:0}.home{color:inherit;font-weight:900;background:#fffef5;border:2px solid #ccdab6;border-radius:18px;padding:15px;text-decoration:none;white-space:nowrap}.options,.tools{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:18px 0}.options button{font-size:16px}.prompt{text-align:center;font-size:21px;min-height:2.6em;margin:18px auto 10px;max-width:650px;font-weight:800;line-height:1.4}.play-area{position:relative;background:#fffef5;border:4px solid #fff;border-radius:32px;box-shadow:0 8px 0 #416c3420;padding:22px;min-height:340px;overflow:hidden}.tools:empty{display:none}.tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:95px}.tools img{width:68px;height:64px;object-fit:contain}.art{width:100%;height:100%;object-fit:contain;pointer-events:none}.scene{position:relative;width:min(100%,620px);aspect-ratio:1.5;margin:auto;border-radius:28px;overflow:hidden;background:#b4e2e1;touch-action:none}.scene svg{display:block;width:100%;height:100%}.scene-land{fill:#9bc568;stroke:#759e47;stroke-width:2}.world-water{fill:#63c4d8;transition:y .7s,height .7s;opacity:.9}.placed-art{position:absolute;width:15%;height:24%;transform:translate(-50%,-65%);pointer-events:none}.scene-frog{position:absolute;width:16%;height:25%;transform:translate(-50%,-65%);transition:left .65s ease-in-out,top .65s ease-in-out;pointer-events:none;z-index:3}.scene-boat{position:absolute;width:15%;height:24%;transform:translate(-50%,-50%);transition:left 1.2s ease-in-out,top 1.2s ease-in-out;pointer-events:none;z-index:2}.scene-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.character{width:180px;height:180px;object-fit:contain}.row{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}.center{text-align:center}.dog-picture{position:relative;width:min(100%,260px);aspect-ratio:.62;margin:auto;border-radius:28px;overflow:hidden;background:#addff7}.dog-picture>img:first-child{position:absolute;height:100%;width:200%;max-width:none;top:0}.dog-picture.butter>img:first-child{left:0}.dog-picture.biggie>img:first-child{left:-100%}.dog-coat{position:absolute;width:72%;height:30%;object-fit:contain;left:14%;bottom:22%;pointer-events:none}.dog-boots{position:absolute;width:65%;height:17%;left:18%;bottom:12%;pointer-events:none}.fasteners{position:absolute;left:35%;right:35%;bottom:29%;display:flex;flex-direction:column;gap:7px}.fasteners button{min-height:44px;padding:6px;background:#fff9d1}.zip-control{display:flex;align-items:center;justify-content:center;gap:14px;margin:15px auto;font-weight:900}.zip-control input{width:min(240px,60vw);height:48px;accent-color:#bf741b}.brush-progress{display:flex;justify-content:center;gap:10px;margin:12px}.brush-progress i{width:18px;height:18px;border-radius:50%;background:#d7e2c1}.brush-progress i.done{background:#759b43}.puddles{display:flex;justify-content:center;gap:12px}.puddle{border-radius:50%;background:#b9e7ed;min-width:85px;min-height:60px}.dog-picture.splashing{animation:bounce .7s ease}.badge{position:absolute;right:15px;top:15px;background:#fff0a8;border-radius:14px;padding:10px;font-weight:900}.shape-board{width:min(100%,600px);margin:auto;aspect-ratio:1.5;background:#e4e5f5;border:3px solid #d0d1e4;border-radius:24px;position:relative;touch-action:none;overflow:hidden}.shape-board svg{width:100%;height:100%;display:block}.shape-piece{width:65px;height:65px;display:block;pointer-events:none}.shape-tray{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.shape-tray button{padding:9px;min-width:90px}.slots-button{cursor:pointer}.shape-hint{stroke:#ec983e;stroke-width:5}.finished-art{height:240px;max-width:85%;object-fit:contain}.bakery-counter{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}.whole-muffin{width:170px;height:170px;position:relative}.whole-muffin img{width:100%;height:100%;object-fit:contain}.fraction-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.slices{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:15px}.slice{width:100px;height:100px;padding:0;border-radius:18px}.slice svg{display:block;width:90px;height:90px;pointer-events:none}.plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:660px;margin:auto}.plate{min-height:170px;border-radius:28px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.plate .guest{width:75px;height:75px;object-fit:contain}.plate-pieces{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;min-height:55px}.plate-pieces svg{width:45px;height:45px;pointer-events:none}.postcard{background:#ffefb5;border:3px solid #dac784;border-radius:26px;width:min(100%,480px);padding:18px;margin:auto;text-align:center}.postcard .word-art{height:140px;width:170px;object-fit:contain}.word-slots{display:flex;justify-content:center;gap:10px;margin:18px 0}.word-slot{font-size:42px;line-height:1;width:75px;height:85px;padding:10px;border:3px dashed #a6b98c;min-height:75px}.letter-tray{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.letter{font-size:38px;width:72px;height:78px;color:#ad3658;background:#ffe6e6}.letter.vowel{color:#2f69a5;background:#dceef9}.mail-result{display:flex;align-items:center;justify-content:center;gap:15px}.mail-result img{width:130px;height:130px;object-fit:contain}.picnic{position:relative;background:#cce39e;border-radius:26px;padding:22px}.guests{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.guest-card{background:#fffef5;border:3px solid #e3cd90;border-radius:26px;min-width:130px;flex:1;max-width:240px;min-height:210px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px}.guest-card img{height:90px;width:100px;object-fit:contain}.guest-card .small-art{height:54px;width:65px}.guest-card .seat{background:#b89562;border-radius:12px;width:80px;height:12px}.cup{width:45px;height:50px;border:3px solid #7caaa9;border-radius:7px 7px 17px 17px;position:relative;overflow:hidden}.cup-water{position:absolute;bottom:0;width:100%;background:#69cadb;transition:height .6s}.cup span{position:relative;font-size:14px}.picnic-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:15px}.speech-bubble{background:#fff;border-radius:18px;padding:12px;font-size:17px;min-height:48px;text-align:center}.table-setting{width:90px;height:60px;border-radius:50%;background:#fff3d7;border:3px solid #dac798}.help-art{height:90px;width:100px;object-fit:contain}footer{display:flex;gap:12px;justify-content:center;margin-top:20px}footer button{font-size:16px}#sound{white-space:nowrap;font-size:14px} .choice-card img{height:110px;width:140px;object-fit:contain}.choice-card{min-width:170px}.selected-float{position:fixed;width:70px;height:70px;object-fit:contain;pointer-events:none;z-index:100;transform:translate(-50%,-50%)}@keyframes bounce{50%{transform:translateY(-16px)}}@media(max-width:580px){.world{padding:12px 10px 24px}.world-header{gap:7px;flex-wrap:wrap}.world-header h1{width:100%;order:3;margin:7px 0}.home,#sound{padding:10px 12px;min-height:46px}.options{margin:12px 0;gap:6px}.options button{padding:9px 12px;min-height:46px}.prompt{font-size:18px;margin:12px auto 8px;min-height:3em}.play-area{padding:12px;border-radius:24px;min-height:280px}.tools{gap:7px}.tools button{min-width:75px;padding:8px;font-size:14px}.tools img{width:55px;height:55px}.scene{aspect-ratio:1.25}.shape-board{aspect-ratio:1.25}.dog-picture{max-width:210px}.word-slot{width:65px;height:75px}.plates{gap:9px}.plate{min-height:150px;padding:10px}.guest-card{min-width:100px;min-height:170px;padding:10px}.guest-card img{width:75px;height:75px}.picnic{padding:12px}.choice-card{min-width:130px}.choice-card img{width:100px;height:95px}.slices{gap:7px}.slice{width:75px;height:75px}.slice svg{width:65px;height:65px}.whole-muffin{width:140px;height:140px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.slots-button{pointer-events:all}.tools [data-draggable]{touch-action:none}.help-scene{min-height:230px}.help-scene .help-snail{width:120px;height:120px}.help-scene.helped .help-snail{animation:snail-arrives 1.5s ease forwards}.turn-can{display:block;transition:transform 1s ease;transform:translateX(-45px)}.turn-can.passed,.turn-can.rabbit-first{transform:translateX(45px)}.turn-can.rabbit-first.passed{transform:translateX(-45px)}.turn-flowers{opacity:.65;transform:scale(.9)}.turn-flowers.watered{opacity:1;transform:scale(1.12);transition:transform 1s ease,opacity 1s ease}@keyframes snail-arrives{from{transform:translateX(-30px)}to{transform:translateX(30px)}}

.turn-can.together{transform:translateX(0)}

.care-motion{position:absolute;width:30%;height:23%;object-fit:contain;left:35%;top:25%;pointer-events:none;animation:care-stroke .7s ease forwards;z-index:5}@keyframes care-stroke{from{transform:translate(-30px,-12px)}to{transform:translate(30px,30px);opacity:0}}