.garden-app{color:#174448;width:min(1448px,100%);min-height:100svh;margin:auto}.garden-app .garden-header.play-header{height:64px;min-height:64px;padding-inline:22px}@media (min-width:1000px) and (min-height:721px) and (orientation:landscape){.garden-app .garden-header.play-header{height:72px;min-height:72px}}.garden-header .play-header-back-space{display:none}.garden-app .garden-header .play-header-title{color:#174448;font-size:30px}.garden-header .play-header-control{color:#174448;border-color:#c9c7b9;font-size:16px}.garden-scene{isolation:isolate;aspect-ratio:1.85;background:#83ccee -webkit-image-set(url(/art/garden-painter-background.avif) 1x type("image/avif"),url(/art/garden-painter-background.png) 1x type("image/png")) 50%/cover;background:#83ccee image-set("/art/garden-painter-background.avif" 1x type("image/avif"),"/art/garden-painter-background.png" 1x type("image/png")) 50%/cover;width:min(100%,185svh - 466.2px);margin:0 auto;position:relative;overflow:hidden}.garden-rainbow{aspect-ratio:1;pointer-events:none;width:66%;position:absolute;bottom:32.5%;right:0}.garden-band{left:50%;bottom:calc(var(--band-size) * var(--band-offset));width:var(--band-size);aspect-ratio:1;position:absolute;translate:-50%}.garden-band-empty,.garden-band-ink{background:url(/art/garden-painter-rainbow.png) var(--band-position) / 300% 200% no-repeat;background-image:image-set("/art/garden-painter-rainbow.avif" 1x type("image/avif"),"/art/garden-painter-rainbow.png" 1x type("image/png"));position:absolute;inset:0}.garden-band-empty{filter:brightness(0)invert(96%)sepia(14%)saturate(350%)drop-shadow(4px 0 #fff3da)drop-shadow(-4px 0 #fff3da)drop-shadow(0 4px #fff3da)}.garden-band-ink{opacity:0}.garden-band[data-painted=true] .garden-band-ink{opacity:1}.garden-band.is-helped[data-painted=false] .garden-band-ink{opacity:.35}.garden-cloud{background:0 0;border:0;border-radius:48%;width:39%;height:52%;padding:0;position:absolute;top:13%;left:1%}.garden-cloud-art{aspect-ratio:1;pointer-events:none;background:-webkit-image-set(url(/art/garden-painter-cloud.avif) 1x type("image/avif"),url(/art/garden-painter-cloud.png) 1x type("image/png")) 50% 0/300% 200% no-repeat;background:image-set("/art/garden-painter-cloud.avif" 1x type("image/avif"),"/art/garden-painter-cloud.png" 1x type("image/png")) 50% 0/300% 200% no-repeat;width:100%;display:block;position:absolute;top:50%;left:0;translate:0 -50%}.garden-cheek-paint,.garden-splash,.garden-shower i{background:var(--paint);pointer-events:none;position:absolute;-webkit-mask:-webkit-image-set(url(/art/garden-painter-splash.avif) 1x type("image/avif"),url(/art/garden-painter-splash.png) 1x type("image/png")) 50%/contain no-repeat;-webkit-mask:image-set("/art/garden-painter-splash.avif" 1x type("image/avif"),"/art/garden-painter-splash.png" 1x type("image/png")) 50%/contain no-repeat;mask:image-set("/art/garden-painter-splash.avif" 1x type("image/avif"),"/art/garden-painter-splash.png" 1x type("image/png")) 50%/contain no-repeat}.garden-cheek-paint{width:13%;height:15%;top:59%;left:28%;rotate:65deg}.garden-splash{z-index:1;left:var(--splash-start);aspect-ratio:2/3;transform-origin:50% 100%;width:9%;animation:1.1s ease-out both garden-splash-still;top:66%;translate:-50%}.garden-paints{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;display:grid;position:absolute;bottom:3%;left:2%;right:2%}.garden-pot{aspect-ratio:1;background:0 0;border:0;border-radius:48%;min-width:64px;min-height:64px;padding:0;position:relative}.garden-pot-art{pointer-events:none;transform-origin:50% 85%;background:-webkit-image-set(url(/art/garden-painter-paints.avif) 1x type("image/avif"),url(/art/garden-painter-paints.png) 1x type("image/png")) 0 0/300% 200% no-repeat;background:image-set("/art/garden-painter-paints.avif" 1x type("image/avif"),"/art/garden-painter-paints.png" 1x type("image/png")) 0 0/300% 200% no-repeat;width:100%;height:100%;display:block;scale:1.08}.garden-pot.is-helped{outline-offset:3px;outline:4px dashed #174448}.garden-controls{--play-slots:4;--play-slot:216px;justify-content:center;align-items:center;gap:24px;margin:4px auto 0;display:flex}.garden-controls>button,.garden-controls>a{color:#174448;background:#fffdf3;border:1px solid #c9c7b9;border-radius:32px;justify-content:center;align-items:center;gap:9px;min-width:152px;min-height:64px;padding:12px 19px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 3px #d7d4c6}.garden-controls>.garden-replay{color:#fffdf3;background:#476c54;border-color:#365342;box-shadow:0 3px #2f513d}.garden-controls svg{flex-shrink:0;width:24px;height:24px}.garden-app button,.garden-app a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:is(.garden-app button:focus-visible,.garden-app a:focus-visible){outline-offset:4px;outline:4px solid #174448}.garden-controls>:active{transform:translateY(2px);box-shadow:0 1px #c9c7b9}.garden-audio-error{text-align:center;color:#365342;min-height:16px;margin:0 auto;font-size:12px;line-height:16px}.garden-shower{pointer-events:none;position:absolute;inset:0;overflow:hidden}.garden-shower i{top:15%;left:var(--drop-x);background:var(--drop-color);opacity:0;width:22px;height:33px}@keyframes garden-splash-still{0%,65%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:no-preference){.garden-splash{animation:.9s ease-out both garden-color-flight}.garden-cloud-art.is-touched{animation:.65s ease-out garden-puff}.garden-pot-art.is-touched{animation:.45s ease-out garden-pot-pop}.garden-shower i{animation:garden-rain 1.5s var(--drop-delay) ease-in both}@keyframes garden-color-flight{0%{opacity:1;transform:scale(.45)}30%{transform:scale(1)}75%{opacity:1}to{left:var(--splash-end);top:var(--splash-target-top,33%);opacity:0;transform:scale(.6)}}@keyframes garden-puff{30%{transform:scale(1.06,.94)rotate(-3deg)}65%{transform:scale(.98,1.02)rotate(2deg)}}@keyframes garden-pot-pop{35%{transform:scale(1.08,.93)rotate(-5deg)}70%{transform:rotate(3deg)}}@keyframes garden-rain{10%,90%{opacity:.85}to{transform:translateY(260px) rotate(var(--drop-turn));opacity:0}}}@media (prefers-reduced-motion:reduce){.garden-pot-art.is-touched{transform:rotate(-4deg)}.garden-shower i{top:calc(35% + var(--drop-x) / 3);opacity:.7}}@media (max-width:799px){.garden-app .garden-header.play-header{height:auto;padding-inline:12px}.garden-app .garden-header .play-header-title{font-size:25px}}@media (max-width:700px){.garden-scene{aspect-ratio:.9;width:100%;min-height:450px}.garden-rainbow{width:64%;bottom:52%}.garden-cloud{width:44%;height:27%;top:13%}.garden-paints{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;bottom:3%;left:7%;right:7%}.garden-pot{justify-self:center;width:100%;max-width:112px}.garden-splash{--splash-target-top:25%;left:var(--splash-mobile-start);top:var(--splash-mobile-top)}.garden-controls{flex-wrap:wrap;gap:20px 24px;padding-inline:12px}.garden-controls>button,.garden-controls>a{flex:0 42%;min-width:0;padding:10px}.garden-audio-error{padding:6px 12px}}