/* V64: a dedicated, full-page illustrated meadow reward.
   Counting cards are untouched; every animal exists individually in the scene. */
#app:has(.zw-meadow-result){
 position:relative!important;
 height:100dvh!important;
 min-height:100dvh!important;
 max-height:100dvh!important;
 overflow:hidden!important;
 background:#87c75e!important;
}
#app:has(.zw-meadow-result)>.app-header{
 position:absolute!important;inset:0 0 auto 0!important;
 z-index:60!important;min-height:0!important;height:0!important;
 width:100%!important;padding:0!important;margin:0!important;
 background:transparent!important;border:0!important;
 pointer-events:none!important;
}
#app:has(.zw-meadow-result)>.app-header .brand{display:none!important}
#app:has(.zw-meadow-result)>.app-header .header-tools{
 position:absolute!important;top:max(11px,env(safe-area-inset-top))!important;
 right:3%!important;left:auto!important;width:auto!important;
 display:flex!important;justify-content:flex-end!important;z-index:61!important;pointer-events:auto!important;
}
#app:has(.zw-meadow-result)>.app-header .zw-go-home{
 display:grid!important;place-items:center!important;
 width:clamp(45px,12vw,53px)!important;height:clamp(45px,12vw,53px)!important;
 min-width:0!important;min-height:0!important;max-width:none!important;
 margin:0!important;padding:0!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;
 border:3px solid #9d7244!important;border-radius:50%!important;
 background:linear-gradient(160deg,#fff3c4,#f0ce86)!important;
 box-shadow:inset 0 1px #fffbe6,0 3px 1px #66532e80!important;
 opacity:1!important;pointer-events:auto!important;
}
#app:has(.zw-meadow-result)>.app-header .zw-home-label{display:none!important}
#app:has(.zw-meadow-result)>.app-header .zw-go-home svg{width:27px!important;height:27px!important}
#app:has(.zw-meadow-result) .zw-meadow-result.main-content{
 display:block!important;position:absolute!important;inset:0!important;
 height:100%!important;min-height:0!important;max-height:100%!important;
 width:100%!important;max-width:none!important;
 margin:0!important;padding:0!important;overflow:hidden!important;
 border:0!important;
 background:#8cce74 url('/gameworld-v49.webp') center center/100% 100% no-repeat!important;
 isolation:isolate!important;
}
.zw-meadow-result .zw-meadow-sr{
 position:absolute!important;width:1px!important;height:1px!important;
 padding:0!important;margin:0!important;overflow:hidden!important;
 clip-path:inset(50%)!important;white-space:nowrap!important;
}
.zw-meadow-result .zw-meadow-number{
 position:absolute!important;z-index:6!important;
 left:50%!important;top:22%!important;transform:translate(-50%,-50%) rotate(-3deg)!important;
 display:grid!important;place-items:center!important;
 width:clamp(67px,21vw,100px)!important;height:clamp(67px,21vw,100px)!important;
 border:5px solid #a2764b!important;border-radius:51% 47% 50% 52%!important;
 background:radial-gradient(circle at 35% 23%,#fff7cf,#e6c28b 78%,#c29667)!important;
 box-shadow:0 5px 0 #80664390,inset 0 0 0 2px #fff2cf,0 1px 14px #fff4c466!important;
 color:#634733!important;
 text-shadow:0 2px #fff4cd!important;
 font:900 clamp(41px,11vw,62px)/1 'Trebuchet MS','Chalkboard SE',system-ui,sans-serif!important;
}
.zw-meadow-number span{position:relative!important;z-index:2!important}
.zw-meadow-number svg{
 position:absolute!important;right:-20%!important;top:-22%!important;
 width:41%!important;height:41%!important;
 filter:drop-shadow(0 2px 0 #8a66388c);
}
.zw-meadow-result .animal-care-stage.zw-meadow-stage{
 position:absolute!important;inset:auto!important;
 left:3%!important;top:40%!important;width:94%!important;height:42%!important;
 max-width:none!important;min-height:0!important;max-height:none!important;
 display:block!important;margin:0!important;padding:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 overflow:visible!important;box-shadow:none!important;z-index:4!important;
}
.zw-meadow-result .animal-care-stage .result-animals.zw-meadow-animals{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;
 min-height:0!important;max-height:none!important;
 margin:0!important;padding:0!important;background:none!important;
 overflow:visible!important;z-index:3!important;
}
.zw-meadow-result .zw-meadow-animals .animal-card.zw-meadow-pet{
 position:absolute!important;left:var(--x)!important;top:var(--y)!important;
 width:clamp(57px,19.2vw,83px)!important;height:clamp(70px,22.6vw,97px)!important;
 margin:0!important;padding:0!important;min-height:0!important;
 display:grid!important;place-items:center!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
 transform:translate(-50%,-50%) rotate(var(--lean))!important;
 transform-origin:center 90%!important;overflow:visible!important;
 z-index:calc(4 + var(--layer))!important;opacity:0;
 animation:zw-meadow-appear .66s cubic-bezier(.23,.87,.32,1.2) both!important;
 animation-delay:calc(var(--i)*90ms)!important;
 filter:drop-shadow(1px 4px 2px #53733b57)!important;
 pointer-events:none!important;
}
.zw-meadow-result .zw-meadow-animals[style*="--meadow-count:3"] .zw-meadow-pet,
.zw-meadow-result .zw-meadow-animals[style*="--meadow-count:4"] .zw-meadow-pet{
 width:clamp(78px,24vw,114px)!important;height:clamp(88px,27vw,129px)!important;
}
.zw-meadow-result .zw-meadow-animals[style*="--meadow-count:5"] .zw-meadow-pet,
.zw-meadow-result .zw-meadow-animals[style*="--meadow-count:6"] .zw-meadow-pet{
 width:clamp(65px,21vw,97px)!important;height:clamp(79px,25vw,114px)!important;
}
.zw-meadow-result .zw-meadow-animals .zw-meadow-pet img.zw-meadow-illustration{
 display:block!important;width:100%!important;height:100%!important;
 min-width:0!important;min-height:0!important;object-fit:contain!important;
 object-position:center bottom!important;filter:none!important;
 animation:zw-meadow-idle 3.3s ease-in-out infinite;
 animation-delay:calc(var(--i)*-.34s);
 transform-origin:center 85%!important;
}
.zw-meadow-result .zw-meadow-animals .zw-meadow-pet:before{
 content:'';position:absolute;bottom:3%;left:15%;right:15%;height:10%;
 border-radius:50%;background:#507c3759;filter:blur(3px);z-index:-1;
}
@keyframes zw-meadow-appear{
 0%{opacity:0;translate:0 18px;scale:.82}
 62%{opacity:1;translate:0 -5px;scale:1.04}
 100%{opacity:1;translate:0 0;scale:1}
}
@keyframes zw-meadow-idle{
 0%,57%,100%{transform:translateY(0) rotate(0)}
 72%{transform:translateY(-4px) rotate(2.5deg)}
 86%{transform:translateY(-1px) rotate(-2.5deg)}
}
.zw-meadow-result.zw-meadow-playing .zw-meadow-pet img.zw-meadow-illustration{
 animation:none!important;transition:none!important;
}
.zw-meadow-result .zw-meadow-actions{
 position:absolute!important;z-index:15!important;
 left:3.8%!important;top:84%!important;width:92.4%!important;height:12.4%!important;
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:clamp(6px,2vw,14px)!important;align-items:center!important;justify-items:center!important;
 padding:0!important;margin:0!important;pointer-events:auto!important;
}
.zw-meadow-result .zw-meadow-action{
 display:grid!important;place-items:center!important;
 width:clamp(62px,20.4vw,95px)!important;height:clamp(62px,20.4vw,95px)!important;
 max-width:100%!important;max-height:100%!important;min-width:0!important;
 aspect-ratio:1!important;margin:0!important;padding:12%!important;
 border:4px solid #9f7546!important;border-radius:50%!important;
 background:radial-gradient(circle at 33% 22%,#fff8df,#eac98d 75%,#d39f68)!important;
 box-shadow:inset 0 0 0 2px #fff7dc,0 4px 0 #805d3d95!important;
 transform:none!important;transition:transform .14s ease,filter .14s ease!important;
 -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
}
.zw-meadow-result .zw-meadow-action:nth-child(2){background:radial-gradient(circle at 33% 22%,#e5faff,#a5d8ea 75%,#7cb2cf)!important}
.zw-meadow-result .zw-meadow-action:nth-child(3){background:radial-gradient(circle at 33% 22%,#fff0f0,#f6c2d2 75%,#dca0b3)!important}
.zw-meadow-result .zw-meadow-action:nth-child(4){background:radial-gradient(circle at 33% 22%,#fffce8,#d6dda5 75%,#a9be78)!important}
.zw-meadow-result .zw-meadow-action img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none!important}
.zw-meadow-result .zw-meadow-action:active{transform:translateY(3px) scale(.92)!important}
.zw-meadow-result .zw-meadow-action:focus-visible{outline:4px solid #ffe49b!important;outline-offset:2px!important}
.zw-meadow-result.zw-meadow-playing .zw-meadow-action:disabled{opacity:.48!important}
.zw-meadow-result.zw-meadow-playing .zw-meadow-action.is-selected{
 opacity:1!important;transform:scale(1.08)!important;
 box-shadow:inset 0 0 0 2px #fff7dc,0 0 0 4px #ffe8a1,0 5px 0 #805d3d95!important;
}
.zw-meadow-result .zw-all-care-item{width:clamp(23px,7vw,42px)!important;height:clamp(23px,7vw,42px)!important}
.zw-meadow-result .zw-all-care-feed{top:64%!important;left:28%!important}
.zw-meadow-result .zw-all-care-water{top:46%!important;left:58%!important}
.zw-meadow-result .zw-all-care-pet{top:9%!important;left:41%!important}
.zw-meadow-result .zw-all-care-ball{top:68%!important;left:36%!important}
@media(max-width:360px) and (orientation:portrait){
 .zw-meadow-result .zw-meadow-actions{top:83.2%!important;height:13.2%!important;gap:4px!important}
 .zw-meadow-result .zw-meadow-action{width:clamp(57px,21vw,74px)!important;height:clamp(57px,21vw,74px)!important;padding:10%!important}
 .zw-meadow-result .animal-care-stage.zw-meadow-stage{top:40%!important;height:41%!important}
}
@media(orientation:landscape) and (max-height:620px){
 #app:has(.zw-meadow-result) .zw-meadow-result.main-content{
  background-image:url('/animal-meadow-land-v64.webp')!important;
  background-position:center center!important;
  background-size:100% 100%!important;
 }
 .zw-meadow-result .zw-meadow-number{
  top:23%!important;left:13%!important;
  width:clamp(57px,12vh,80px)!important;height:clamp(57px,12vh,80px)!important;
  font-size:clamp(32px,10vh,53px)!important;
 }
 .zw-meadow-result .animal-care-stage.zw-meadow-stage{
  left:23%!important;top:35%!important;width:73%!important;height:38%!important;
 } 
 .zw-meadow-result .zw-meadow-animals .zw-meadow-pet{top:calc(var(--y) - 8%)!important;
 /* align the bottom animal row above the action buttons */
 }
 .zw-meadow-result .zw-meadow-actions{
  left:3%!important;top:77%!important;width:94%!important;height:18%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }
 .zw-meadow-result .zw-meadow-action{width:clamp(47px,14vh,70px)!important;height:clamp(47px,14vh,70px)!important;padding:9%!important}
 .zw-meadow-result .zw-meadow-animals .animal-card.zw-meadow-pet,
 .zw-meadow-result .zw-meadow-animals[style*="--meadow-count:3"] .zw-meadow-pet,
 .zw-meadow-result .zw-meadow-animals[style*="--meadow-count:4"] .zw-meadow-pet,
 .zw-meadow-result .zw-meadow-animals[style*="--meadow-count:5"] .zw-meadow-pet,
 .zw-meadow-result .zw-meadow-animals[style*="--meadow-count:6"] .zw-meadow-pet{
  width:clamp(41px,11vh,65px)!important;height:clamp(49px,14vh,79px)!important;
 }
}
@media(prefers-reduced-motion:reduce){
 .zw-meadow-result .zw-meadow-pet{animation-duration:.22s!important;animation-delay:0s!important}
 .zw-meadow-result .zw-meadow-pet img{animation:none!important}
}