.garden-tile .tile-picture{position:relative;overflow:hidden;background:url('balloon-art/meadow.webp') center 71%/cover!important}.garden-tile .tile-picture:after{content:'';position:absolute;inset:auto 0 0;height:23%;background:linear-gradient(transparent,#305d3066);pointer-events:none}.garden-cover-flower{position:absolute;z-index:1;left:14%;bottom:-8%;height:103%;width:54%;object-fit:contain;filter:drop-shadow(0 8px 5px #254c2c8c);animation:garden-idle 4s ease-in-out infinite;transform-origin:50% 95%}.garden-cover-friend{position:absolute;z-index:2;right:1%;bottom:-13%;height:78%;width:53%;object-fit:contain;filter:drop-shadow(0 8px 5px #254c2c8c);animation:garden-cover-hop 3.8s ease-in-out infinite}
@keyframes garden-idle{50%{transform:rotate(3deg)}}@keyframes garden-cover-hop{45%{transform:translateY(-5px)}55%{transform:translateY(0)}}
#garden-play-screen{max-width:1100px;margin:auto;padding:clamp(10px,2.4vw,26px)}.garden-heading{text-align:center;margin-bottom:12px}.garden-heading h1{margin:.12em 0;color:#425d87;font-size:clamp(2rem,5vw,3.4rem)}.garden-heading p{margin:.2rem 0 .7rem;color:#486476;font-size:clamp(1rem,2vw,1.18rem)}
.garden-shell{max-width:930px;margin:auto;background:#f8f6e9;border:6px solid #fff8df;border-radius:34px;box-shadow:0 8px 0 #a0bd83,0 20px 36px #2d5a3f40;overflow:hidden}.garden-scene{position:relative;isolation:isolate;aspect-ratio:1.72;min-height:390px;max-height:600px;overflow:hidden;background:url('garden-art/garden-clearing-v2.webp') center 60%/cover #a9d87c}.garden-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(#fff9d122,transparent 28%,#315b1b23 84%,#244b2285);pointer-events:none;z-index:0}.garden-sunlight{position:absolute;inset:-20% 0 0;background:radial-gradient(circle at 83% 12%,#fffddc8c,transparent 22%);mix-blend-mode:screen;animation:garden-light 8s ease-in-out infinite alternate;pointer-events:none}@keyframes garden-light{to{opacity:.55;transform:translateX(-3%)}}
.garden-butterfly{position:absolute;z-index:1;top:19%;left:37%;color:#fff3a8;font-size:26px;text-shadow:0 0 9px #fff,0 3px 4px #678c3a;animation:garden-float 7s ease-in-out infinite;pointer-events:none}.garden-butterfly.two{left:73%;top:30%;color:#ffd6f3;font-size:18px;animation-delay:-3s}@keyframes garden-float{50%{transform:translate(30px,-15px) rotate(35deg)}}
.garden-friend{position:absolute;z-index:2;bottom:25%;width:24%;height:54%;pointer-events:none;filter:drop-shadow(0 12px 8px #244c2370)}.garden-friend.bunny{left:1.5%}.garden-friend.fox{right:1.5%}.garden-friend img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom;transform-origin:50% 90%;animation:garden-friend-breathe 4s ease-in-out infinite}.garden-friend.fox img{animation-delay:-1.4s}.garden-friend.celebrate img{animation:garden-friend-cheer .55s ease-in-out 3}.garden-friend-speech{position:absolute;left:50%;top:2%;transform:translate(-50%,-25%);padding:7px 11px;border:2px solid #fff;border-radius:18px;background:#fff9e9e8;color:#6a6355;font-size:clamp(11px,1.5vw,16px);font-weight:900;white-space:nowrap;box-shadow:0 4px 8px #395b4161}.garden-friend.fox .garden-friend-speech{top:7%}@keyframes garden-friend-breathe{50%{transform:translateY(-3px) scale(1.02)}}@keyframes garden-friend-cheer{50%{transform:translateY(-17px) rotate(-5deg)}}
.garden-flowers{position:absolute;z-index:3;left:11%;right:11%;bottom:2%;height:51%;display:flex;align-items:end;justify-content:space-around;gap:clamp(3px,1vw,13px)}.garden-plot{position:relative;flex:1;max-width:220px;height:100%;min-width:0;border:0;background:transparent!important;padding:0!important;box-shadow:none!important;cursor:pointer;touch-action:manipulation;transform:translateZ(0)}.garden-plot:focus-visible,.garden-seeds button:focus-visible{outline:5px solid #4c82de;outline-offset:3px}.garden-plot:hover .garden-pot{transform:translateY(-3px)}.garden-pot{position:absolute;inset:auto 2% 0;height:39%;transition:transform .2s;filter:drop-shadow(0 12px 6px #1b3b1b7a)}.garden-pot-body{position:absolute;inset:24% 7% 0;border-radius:13% 13% 35% 35%/12% 12% 28% 28%;background:linear-gradient(93deg,#884c2d 0%,#c87346 15%,#eaa36f 43%,#b76539 72%,#6d3a27 100%);border:3px solid #9e5a35;box-shadow:inset 0 12px 6px #ffe2ae66,inset 0 -15px 13px #70392188}.garden-pot-body:after{content:'';position:absolute;left:5%;right:5%;top:36%;height:10%;border-top:2px solid #f5ba7f80;border-bottom:2px solid #713f2d69;border-radius:50%}.garden-pot-rim{position:absolute;left:1%;right:1%;top:16%;height:31%;border-radius:50%;background:linear-gradient(#e9aa75,#a65b37 65%,#6e3927);box-shadow:inset 0 4px 4px #ffe1b382,0 5px 5px #4b2a1d80;z-index:2}.garden-soil{position:absolute;z-index:3;left:8%;right:8%;top:13%;height:22%;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,#966044,#6c3d2c 73%,#48281e);border:3px solid #c38358;box-shadow:inset 0 3px 7px #2a150c99}.garden-pot-front{position:absolute;z-index:5;left:1%;right:1%;top:33%;height:20%;border-radius:12px 12px 40% 40%;background:linear-gradient(100deg,#9d4e2e,#f8bb84 33%,#d4814d 63%,#884126);box-shadow:0 4px 4px #5d352596,inset 0 2px 3px #ffe6b199}.garden-pot-label{position:absolute;z-index:6;left:50%;bottom:10%;transform:translateX(-50%);max-width:94%;padding:3px 7px;border-radius:12px;background:#fff8e8ed;color:#68472f;font-weight:900;font-size:clamp(10px,1.2vw,14px);line-height:1.15;white-space:nowrap;box-shadow:0 3px 4px #6f452b66}
.garden-growth{position:absolute;z-index:4;left:50%;bottom:26%;width:90%;height:91%;transform:translateX(-50%);pointer-events:none;transform-origin:50% 100%;display:grid;place-items:end center}.garden-growth img{width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 7px 4px #22492872);transform-origin:50% 90%;animation:garden-sway 5s ease-in-out infinite}.garden-seed{position:absolute;bottom:4%;left:50%;width:18px;height:13px;border-radius:50%;background:radial-gradient(circle at 33% 23%,#d6a777,#8a4d2b 65%,#51311f);box-shadow:inset -3px -3px 3px #54311c,0 2px 3px #1f251c80;transform:translateX(-50%) rotate(-20deg)}.garden-sprout{position:absolute;bottom:1%;left:50%;height:59%;width:8px;transform:translateX(-50%);border-radius:9px;background:linear-gradient(90deg,#2d7c40,#9ddd68 50%,#3b8c49);box-shadow:0 5px 5px #19452677}.garden-sprout:before,.garden-sprout:after{content:'';position:absolute;bottom:42%;width:40px;height:20px;background:radial-gradient(ellipse at 30% 20%,#d8f49b,#6ab855 56%,#327c45);border-radius:90% 5% 80% 5%;box-shadow:0 3px 4px #1c4d2677}.garden-sprout:before{right:4px;transform:rotate(30deg)}.garden-sprout:after{left:4px;transform:scaleX(-1) rotate(30deg)}.garden-plot:not(.is-planted) .garden-growth{opacity:.65}.garden-empty{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);color:#fff6d5;font-size:clamp(30px,5vw,58px);font-weight:900;text-shadow:0 3px 3px #34261cba}.garden-plot.is-bloomed .garden-growth img{animation:garden-sway 5s ease-in-out infinite}.garden-plot.garden-action-plant .garden-seed{animation:garden-seed-drop .7s cubic-bezier(.2,.8,.4,1) both}.garden-plot.garden-action-water .garden-sprout{animation:garden-sprout-grow .8s cubic-bezier(.2,.8,.2,1) both}.garden-plot.garden-action-bloom .garden-growth img{animation:garden-flower-open 1.2s cubic-bezier(.2,1.4,.3,1) both}.garden-plot.garden-action-bloom .garden-pot{animation:garden-pot-pop .6s ease-out}.garden-plot.garden-action-plant .garden-soil{animation:garden-soil-pop .55s ease-out}
@keyframes garden-sway{50%{transform:rotate(3deg)}}@keyframes garden-seed-drop{from{transform:translate(-50%,-100px) rotate(-80deg) scale(1.4);opacity:0}70%{opacity:1}to{transform:translate(-50%,0) rotate(-20deg) scale(1)}}@keyframes garden-sprout-grow{from{transform:translateX(-50%) scaleY(.08);opacity:.5}to{transform:translateX(-50%) scaleY(1);opacity:1}}@keyframes garden-flower-open{from{transform:scale(.18) rotate(-35deg);opacity:.1}55%{opacity:1}75%{transform:scale(1.13) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes garden-pot-pop{40%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes garden-soil-pop{40%{filter:brightness(1.35);transform:scale(1.06)}to{filter:none;transform:scale(1)}}
.garden-water-effect{position:absolute;z-index:8;left:var(--target-x,50%);bottom:24%;width:120px;height:150px;transform:translateX(-50%);opacity:0;pointer-events:none}.garden-water-effect img{position:absolute;left:-12%;top:0;width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 5px 5px #2045347a)}.garden-water-effect i{position:absolute;left:60%;top:39%;width:9px;height:14px;border-radius:60% 60% 70% 70%;background:linear-gradient(90deg,#e9fbff,#5cc5ee,#277abd);box-shadow:0 2px 5px #ecffff;opacity:0;animation-delay:var(--d)}.garden-water-effect.is-pouring{opacity:1;animation:garden-can 1.1s ease-in-out both}.garden-water-effect.is-pouring img{animation:garden-can-tilt 1.1s ease-in-out both}.garden-water-effect.is-pouring i{animation:garden-drop .65s ease-in var(--d) forwards}@keyframes garden-can{90%{opacity:1}to{opacity:0}}@keyframes garden-can-tilt{50%{transform:rotate(-32deg) translate(-5px,-8px)}}@keyframes garden-drop{20%{opacity:1}to{transform:translate(28px,85px) scale(.65);opacity:0}}
.garden-particles{position:absolute;inset:0;z-index:7;pointer-events:none}.garden-particles i{position:absolute;left:var(--x);top:var(--y);width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#ffe783 52%,#f7a648);box-shadow:0 0 12px #fff6af;animation:garden-spark 1.45s ease-out forwards}@keyframes garden-spark{to{transform:translate(var(--dx),var(--dy)) scale(.1) rotate(180deg);opacity:0}}
/* Water is followed by a short, readable day-night-day growth cycle. */
.garden-sky-cycle{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;background:linear-gradient(180deg,#ffe8a455 0%,#e6876188 53%,#493369a8 100%)}.garden-scene.garden-time-lapse .garden-sky-cycle{animation:garden-day-night 3.35s ease-in-out both}.garden-cycle-sun,.garden-cycle-moon{position:absolute;display:block;border-radius:50%;width:clamp(55px,10vw,105px);aspect-ratio:1;right:13%;top:4%;opacity:0}.garden-cycle-sun{background:radial-gradient(circle at 35% 30%,#fffef5 0 13%,#fff8c7 38%,#ffd25c 72%,#eeaa39 100%);box-shadow:0 0 0 14px #fff4a438,0 0 38px 22px #ffe37b9c,0 0 95px 48px #ffedac69}.garden-cycle-moon{right:20%;top:6%;width:clamp(42px,7vw,72px);background:radial-gradient(circle at 34% 25%,#fffef4,#e8f1fc 63%,#b7c8e7);box-shadow:0 0 22px 10px #dae8ff9c}.garden-cycle-stars{position:absolute;left:9%;right:8%;top:11%;font-size:clamp(21px,4vw,42px);letter-spacing:clamp(8px,3vw,36px);color:#fffbee;text-shadow:0 0 12px #fff,0 0 24px #fff;opacity:0;white-space:nowrap}.garden-time-lapse .garden-cycle-sun{animation:garden-sun-pass 3.35s ease-in-out both}.garden-time-lapse .garden-cycle-moon{animation:garden-moon-pass 3.35s ease-in-out both}.garden-time-lapse .garden-cycle-stars{animation:garden-stars-pass 3.35s ease-in-out both}.garden-time-lapse .garden-sunlight{animation:garden-light-pass 3.35s ease-in-out both}@keyframes garden-day-night{0%{opacity:0;background:#ffe8a400}16%{opacity:.52;background:#ffba6b8a}39%{opacity:.87;background:#142a6ed9}63%{opacity:.91;background:#152552df}82%{opacity:.64;background:#ffe1a688}100%{opacity:0;background:#fff7ca00}}@keyframes garden-sun-pass{0%{opacity:1;transform:translate(0,0) scale(.85)}27%{opacity:1;transform:translate(-48px,135px) scale(.74)}39%{opacity:0;transform:translate(-85px,230px) scale(.6)}65%{opacity:0;transform:translate(80px,220px) scale(.65)}82%{opacity:1;transform:translate(38px,80px) scale(.9)}100%{opacity:1;transform:translate(0,0) scale(1)}}@keyframes garden-moon-pass{0%,28%{opacity:0;transform:translate(40px,150px)}47%{opacity:1;transform:translate(0,0)}62%{opacity:1;transform:translate(-30px,-12px)}78%,100%{opacity:0;transform:translate(-75px,145px)}}@keyframes garden-stars-pass{0%,31%,78%,100%{opacity:0}45%,64%{opacity:1}}@keyframes garden-light-pass{0%,20%{opacity:1}47%,65%{opacity:.08}88%,100%{opacity:1}}
.garden-water-effect.is-pouring{animation:garden-can 1.75s ease-in-out both}.garden-water-effect.is-pouring img{animation:garden-can-tilt 1.75s ease-in-out both}.garden-water-effect i:nth-of-type(1){--d:.23s;--drift:18px}.garden-water-effect i:nth-of-type(2){--d:.36s;--drift:27px}.garden-water-effect i:nth-of-type(3){--d:.49s;--drift:12px}.garden-water-effect i:nth-of-type(4){--d:.62s;--drift:31px}.garden-water-effect i:nth-of-type(5){--d:.75s;--drift:18px}.garden-water-effect i:nth-of-type(6){--d:.88s;--drift:24px}.garden-water-effect i:nth-of-type(7){--d:1.01s;--drift:13px}.garden-water-effect i:nth-of-type(8){--d:1.14s;--drift:30px}.garden-water-effect i:nth-of-type(9){--d:1.27s;--drift:20px}.garden-water-effect.is-pouring i{animation:garden-drop-rich .54s cubic-bezier(.3,.2,.7,1) var(--d) both}.garden-water-effect:after{content:'';position:absolute;left:72%;bottom:-2%;width:55px;height:18px;border:3px solid #d8faff;border-radius:50%;box-shadow:0 0 0 5px #9ce6fa7a;opacity:0;transform:scale(.25)}.garden-water-effect.is-pouring:after{animation:garden-splash-ring 1.75s ease-out both}@keyframes garden-can-tilt{0%,100%{transform:rotate(0)}23%,76%{transform:rotate(-43deg) translate(-7px,-12px)}}@keyframes garden-can{0%,92%{opacity:1}100%{opacity:0}}@keyframes garden-drop-rich{0%{opacity:0;transform:translate(0,0) scale(.7)}18%{opacity:1}100%{opacity:0;transform:translate(var(--drift),97px) scale(.55)}}@keyframes garden-splash-ring{0%,34%{opacity:0;transform:scale(.2)}55%{opacity:.9;transform:scale(.7)}85%,100%{opacity:0;transform:scale(1.35)}}
.garden-panel{position:relative;padding:13px 20px 15px;background:linear-gradient(#fff8e7,#e7f4df);box-shadow:inset 0 7px 10px #607a4944}.garden-panel>p:first-child{margin:1px 0 10px;text-align:center;color:#385d52;font-weight:900;font-size:clamp(.96rem,2vw,1.18rem)}.garden-seeds{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.garden-seeds button{min-width:132px;min-height:65px;display:flex;align-items:center;justify-content:center;gap:4px;border:3px solid #f7f6d9;border-radius:19px;background:linear-gradient(#fffefa,#dfecda);color:#3e5f58;font-size:1rem;font-weight:900;box-shadow:0 5px 0 #9bb694,0 9px 9px #3564334d;touch-action:manipulation;transition:transform .15s}.garden-seeds button[aria-pressed=true]{background:linear-gradient(#fffbd8,#c9efa9);border-color:#f6d96f;box-shadow:0 5px 0 #7cac60,0 9px 9px #3564334d}.garden-seeds button:active{transform:translateY(3px)}.garden-seeds button img{height:46px;width:46px;object-fit:contain;filter:drop-shadow(0 3px 2px #315c3570)}.garden-progress-row{display:flex;gap:13px;align-items:center;max-width:690px;margin:14px auto 0}.garden-bar{flex:1;height:17px;border:3px solid white;border-radius:20px;background:#b9d9c2;overflow:hidden;box-shadow:inset 0 2px 4px #56836a}.garden-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#91cd69,#ffe583,#f7b274);border-radius:inherit;transition:width .5s}.garden-progress-row p{min-width:100px;margin:0;color:#41645b;text-align:right;font-weight:900}
.garden-scene.garden-paused *{animation-play-state:paused!important}
@media(max-width:650px){.garden-shell{border-width:4px;border-radius:27px}.garden-scene{aspect-ratio:auto;height:min(56vh,470px);min-height:345px;background-position:center 65%}.garden-friend{bottom:31%;width:31%;height:48%}.garden-friend.bunny{left:-1%}.garden-friend.fox{right:-2%}.garden-friend-speech{font-size:11px;padding:4px 7px}.garden-flowers{left:3%;right:3%;height:49%;bottom:2%}.garden-plot{max-width:none}.garden-pot{height:36%}.garden-growth{height:80%;bottom:24%;width:104%}.garden-pot-label{font-size:10px;padding:2px 4px}.garden-water-effect{width:90px;height:120px;bottom:22%}.garden-water-effect img{width:65px;height:65px}.garden-panel{padding:10px 8px 13px}.garden-seeds{gap:6px}.garden-seeds button{min-width:99px;min-height:59px;font-size:.79rem;padding:3px 4px}.garden-seeds button img{height:38px;width:36px}.garden-progress-row{margin:13px 6px 0}.garden-progress-row p{min-width:80px;font-size:.8rem}}
@media(max-width:390px){.garden-scene{min-height:320px;height:53vh}.garden-friend-speech{display:none}.garden-seeds button{min-width:93px}.garden-pot-label{font-size:9px}}
.garden-friend{bottom:18%}
@media(max-width:650px){.garden-friend{bottom:20%}}
.garden-water-effect{left:var(--target-x,50%);top:var(--soil-y,75%);bottom:auto;width:120px;height:105px;transform:translate(-15px,-100%)}
.garden-water-effect img{left:0;top:-2px;width:90px;height:90px;transform-origin:15% 35%}
.garden-water-ribbon{position:absolute;left:0;top:30px;width:36px;height:75px;overflow:visible;opacity:0;filter:drop-shadow(0 0 5px #c9faff)}
.garden-water-ribbon path{fill:none;stroke:#a8ebff;stroke-width:9;stroke-linecap:round;stroke-dasharray:90 100;stroke-dashoffset:95}
.garden-water-effect.is-pouring .garden-water-ribbon{animation:garden-stream-show 1.75s ease both}
.garden-water-effect.is-pouring .garden-water-ribbon path{animation:garden-stream-run .64s linear .25s 3}
.garden-water-effect i{left:12px;top:39px;width:7px;height:10px}
.garden-water-effect.is-pouring i{animation:garden-drop-to-soil .58s cubic-bezier(.2,.3,.8,1) var(--d) both}
.garden-water-effect.is-pouring img{animation:garden-can-pour-v2 1.75s ease-in-out both}
.garden-water-effect:after{left:-10px;bottom:-13px;width:50px;height:16px}
.garden-plot.garden-soaking .garden-soil:after{content:'';position:absolute;inset:1px;border-radius:50%;background:radial-gradient(ellipse,#9acff599,#5d9db166 48%,transparent 75%);animation:garden-soil-wet 1.75s ease-out both}
@keyframes garden-stream-show{0%,13%{opacity:0}23%,82%{opacity:.94}100%{opacity:0}}
@keyframes garden-stream-run{from{stroke-dashoffset:95}to{stroke-dashoffset:-95}}
@keyframes garden-drop-to-soil{0%{opacity:0;transform:translate(0,0) scale(.5)}20%{opacity:1}100%{opacity:0;transform:translate(var(--drift),59px) scale(.5)}}
@keyframes garden-can-pour-v2{0%,100%{transform:rotate(0)}22%,78%{transform:rotate(-23deg) translate(-3px,-2px)}}
@keyframes garden-soil-wet{0%{opacity:0}30%,70%{opacity:1}100%{opacity:0}}
@media(max-width:650px){.garden-water-effect{width:90px;height:80px;bottom:auto}.garden-water-effect img{width:65px;height:65px}.garden-water-ribbon{top:21px;height:59px}.garden-water-effect i{top:28px}.garden-water-effect:after{bottom:-9px}.garden-water-effect.is-pouring i{animation-name:garden-drop-to-soil-small}@keyframes garden-drop-to-soil-small{0%{opacity:0;transform:translate(0,0) scale(.5)}20%{opacity:1}100%{opacity:0;transform:translate(var(--drift),43px) scale(.5)}}}
@media(prefers-reduced-motion:reduce){.garden-tile .tile-picture img,.garden-scene *{animation:none!important;transition:none!important}.garden-butterfly,.garden-particles,.garden-water-effect{display:none!important}}