/* Conta os patinhos: lago no meio, moitas na margem de baixo, fila de patinhos atrás da mamãe. */
.play-patinhos .toy-scene{background:#c9ecfb;isolation:isolate}
.pat-pond{position:absolute;left:2%;right:2%;top:31%;height:44%;z-index:2}
.pat-pond>svg{display:block;width:100%;height:100%}
.pat-lily{position:absolute;width:min(16cqw,8cqh);aspect-ratio:2;animation:pat-float 4s ease-in-out infinite alternate}
.pat-lily svg,.pat-reed svg{display:block;width:100%;height:100%}
.pat-fish{position:absolute;top:40%;width:min(12cqw,9cqh);aspect-ratio:1;opacity:0;pointer-events:none}
.pat-fish .art-img{width:100%;height:100%;object-fit:contain}
.pat-reed{position:absolute;top:24%;width:min(13cqw,9cqh);aspect-ratio:5/12;z-index:3;transform-origin:50% 100%;animation:sc-sway-soft 3.4s ease-in-out infinite alternate;pointer-events:none}
.pat-reed-l{left:-1%}.pat-reed-r{right:0;top:30%;animation-delay:-1.7s}
.pat-duck{position:absolute;width:min(26cqw,12.5cqh);aspect-ratio:1;translate:-50% -94%;transition:translate .35s cubic-bezier(.3,1.5,.5,1);pointer-events:none;z-index:70}
.pat-duck.swim{translate:-50% -72%}
.pat-mama{width:min(40cqw,19cqh)}
.pat-clip{position:absolute;inset:0;transform-origin:50% 90%}
.pat-bob{width:100%;height:100%}
.pat-bob .art-img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(60,80,40,.25))}
.pat-duck.swim .pat-clip{clip-path:inset(-20% -20% 28% -20%)}
.pat-duck.swim .pat-bob{animation:pat-bob 1.7s ease-in-out infinite alternate}
.pat-baby.swim .pat-bob{animation-duration:1.2s}
.pat-ripple{position:absolute;left:4%;right:4%;top:66%;height:13%;border-radius:50%;border:clamp(2px,.7cqw,4px) solid #ffffffcc;background:#4fa9d433;opacity:0;transition:opacity .3s}
.pat-duck.swim .pat-ripple{opacity:1;animation:pat-ripple 1.7s ease-in-out infinite alternate}
.pat-baby.pat-hidden{z-index:94;scale:.7}
.pat-bush{position:absolute;width:min(34cqw,20cqh);aspect-ratio:12/7;translate:-50% -96%;z-index:95;transform-origin:50% 100%;pointer-events:none}
.pat-bush svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 0 rgba(60,110,50,.25))}
.pat-hit{position:absolute;inset:0;z-index:120;border:0;background:transparent;padding:0;touch-action:manipulation;cursor:pointer}
@keyframes pat-bob{from{translate:0 0;rotate:-2deg}to{translate:0 4%;rotate:2deg}}
@keyframes pat-ripple{from{scale:.9}to{scale:1.08}}
@keyframes pat-float{from{translate:0 0;rotate:-3deg}to{translate:4% 6%;rotate:3deg}}