/* Zählwiese v67 – hand-drawn baby artwork, smooth scene continuity and motion. */
@media(orientation:portrait){
 #app:has(.zw-meadow-result) .zw-meadow-result.main-content{
  background-image:url('/baby-meadow-portrait-v67.webp')!important;
  background-size:100% 100%!important;
 }
}
.zw-meadow-result.zw-meadow-playing .zw-meadow-pet,
.zw-meadow-result.zw-meadow-playing .zw-meadow-illustration{
 backface-visibility:hidden!important;
 -webkit-backface-visibility:hidden!important;
}
/* Keep the original arrival animation running; only the inner illustrated image changes movement. */
.zw-meadow-result .zw-meadow-actions .zw-meadow-action{
 transition:opacity .4s ease-out, transform .24s cubic-bezier(.2,.8,.25,1), filter .3s ease!important;
}
.zw-meadow-result.zw-meadow-playing .zw-meadow-action:disabled:not(.is-selected){
 opacity:.52!important;filter:saturate(.65)!important;
}
.zw-meadow-result.zw-meadow-playing .zw-meadow-action.is-selected{
 opacity:1!important;filter:brightness(1.08) saturate(1.12)!important;
}
.zw-meadow-result .zw-all-care-item{
 position:absolute!important;pointer-events:none!important;
 z-index:30!important;opacity:0;
 width:clamp(25px,8vw,49px)!important;height:clamp(25px,8vw,49px)!important;
 left:46%!important;top:49%!important;
 transform-origin:50% 50%;will-change:transform,opacity;
}
.zw-meadow-result .zw-all-care-item.zw-all-care-feed{top:52%!important;left:48%!important}
.zw-meadow-result .zw-all-care-item.zw-all-care-water{top:48%!important;left:43%!important}
.zw-meadow-result .zw-all-care-item.zw-all-care-pet{top:9%!important;left:45%!important}
.zw-meadow-result .zw-all-care-item.zw-all-care-ball{top:59%!important;left:45%!important}
.zw-meadow-result .zw-all-care-item.zw-all-care-cuddle{top:13%!important;left:44%!important}
.zw-meadow-result .zw-all-care-item.zw-all-care-bubbles{
 top:4%!important;left:38%!important;width:clamp(35px,11vw,64px)!important;
 height:clamp(42px,12vw,75px)!important;
}
.zw-meadow-result .zw-care-spark{
 position:absolute;left:55%;top:10%;z-index:31!important;
 display:block;width:clamp(18px,5vw,29px)!important;
 height:clamp(18px,5vw,29px)!important;
 transform-origin:center center;opacity:0;pointer-events:none!important;
 will-change:opacity,transform;
 filter:drop-shadow(0 1px 1px #705b4680);
}
.zw-meadow-result .zw-care-spark svg{display:block;width:100%;height:100%}
.zw-meadow-result .zw-all-care-item svg{display:block;width:100%;height:100%;overflow:visible}
.zw-meadow-result .zw-meadow-leaving{animation:zw-meadow-fade-out .44s ease-in both!important;pointer-events:none!important}
@keyframes zw-meadow-fade-out{0%{opacity:1;filter:blur(0)}100%{opacity:.05;filter:blur(2px)}}
@media(orientation:landscape) and (max-height:620px){
 .zw-meadow-result .zw-meadow-action{width:clamp(48px,13vh,60px)!important;height:clamp(48px,13vh,60px)!important}
}
@media(prefers-reduced-motion:reduce){
 .zw-meadow-result.zw-meadow-playing .zw-meadow-action:disabled{transition:opacity .2s ease!important}
 .zw-meadow-result .zw-meadow-leaving{animation-duration:.2s!important}
}