/* Zählwiese Tiere zählen 7.0 – fully image illustrated screen. No canvas/SVG game art. */
#app:has(.zw247-game){
 --zw247-wheat:#fae7bd;
 position:relative!important;isolation:isolate!important;
 overflow:hidden!important;height:100dvh!important;min-height:100dvh!important;
 max-height:100dvh!important;
 background:#8fcf8c url('/animal-feeding-v85/meadow-portrait.webp') center/cover no-repeat!important;
}
#app .zw247-game,#app .zw247-game *{box-sizing:border-box}
#app .main-content.zw247-game{
 flex:1 1 auto!important;min-height:0!important;height:100%!important;
 width:100%!important;max-width:none!important;overflow:hidden!important;
 margin:0!important;padding:0 max(8px,env(safe-area-inset-right,0px)) max(4px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))!important;
 background:transparent!important;position:relative!important;isolation:isolate!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:space-between!important;
 user-select:none!important;-webkit-user-select:none!important;touch-action:manipulation!important;
}
#app .zw247-game .zw247-sr{
 position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;
 overflow:hidden!important;white-space:nowrap!important;
}
#app:has(.zw247-game) .app-header{
 position:absolute!important;inset:0 0 auto 0!important;height:0!important;min-height:0!important;
 padding:0!important;background:transparent!important;z-index:99!important;
 pointer-events:none!important;
}
#app:has(.zw247-game) .app-header .brand{display:none!important}
#app:has(.zw247-game) .app-header .header-tools{pointer-events:auto!important}
#app:has(.zw247-game) #homeBtn{
 background:transparent url('/animals-v248/nav-home.webp') center/contain no-repeat!important;
 position:fixed!important;top:max(8px,env(safe-area-inset-top,0px))!important;
 left:auto!important;right:max(9px,env(safe-area-inset-right,0px))!important;
 width:clamp(66px,19.5vw,88px)!important;height:clamp(66px,19.5vw,88px)!important;
 min-width:0!important;max-width:none!important;min-height:0!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
 box-shadow:none!important;transform:none!important;z-index:2147479988!important;
 opacity:1!important;pointer-events:auto!important;
}
#app:has(.zw247-game) #homeBtn svg,
#app:has(.zw247-game) #homeBtn .zw-home-label{display:none!important}
#app:has(.zw247-game) #zw240Restart{
 background:transparent url('/animals-v248/nav-restart.webp') center/contain no-repeat!important;
 width:clamp(66px,19.5vw,88px)!important;height:clamp(66px,19.5vw,88px)!important;
 min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
 left:max(9px,env(safe-area-inset-left,0px))!important;
 top:max(8px,env(safe-area-inset-top,0px))!important;
 border:0!important;box-shadow:none!important;padding:0!important;z-index:2147480000!important;
}
#app:has(.zw247-game) #zw240Restart img{opacity:0!important}
#app:has(.zw247-game) #homeBtn:active,
#app:has(.zw247-game) #zw240Restart:active{filter:brightness(1.1) drop-shadow(0 2px 2px #493f2f6d)!important;transform:scale(.91)!important}
#app .zw247-game .zw247-top{
 flex:0 0 auto;width:100%;height:clamp(150px,22dvh,204px);
 padding-top:max(17px,env(safe-area-inset-top,0px));
 display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
 z-index:13;gap:0;pointer-events:none;
}
#app .zw247-game .zw247-title{
 display:block;width:clamp(185px,58vw,360px);max-width:68%;height:clamp(88px,15dvh,145px);
 object-fit:contain;filter:drop-shadow(0 4px 2px #5b4c3250);margin:0;
}
#app .zw247-game .zw247-progress{
 display:flex;justify-content:center;align-items:center;gap:clamp(4px,1.1vw,9px);
 flex:0 0 auto;width:100%;height:35px;margin:0 0 4px;
}
#app .zw247-game .zw247-progress-flower{
 display:block;object-fit:contain;width:clamp(24px,8vw,37px);height:clamp(24px,8vw,37px);
 opacity:.48;filter:grayscale(.65);transform:scale(.81);
}
#app .zw247-game .zw247-progress-flower.is-done{
 opacity:1;filter:drop-shadow(0 2px 2px #8a6a4d50);transform:scale(1.05);
 animation:zw247-progress-wiggle 3s ease-in-out infinite;
}
#app .zw247-game .zw247-meadow{
 flex:1 1 0;min-height:0!important;max-width:860px;width:100%;
 display:block;position:relative;isolation:isolate;overflow:hidden;
 z-index:4;
}
#app .zw247-game .zw247-scene-grass{display:none}
#app .zw247-game .zw247-butterfly{
 display:block;position:absolute;z-index:2;object-fit:contain;
 width:clamp(34px,10vw,65px);height:clamp(34px,10vw,65px);
 pointer-events:none;opacity:.92;filter:drop-shadow(0 3px 2px #67513445);
 animation:zw247-fly 5.6s ease-in-out infinite;
}
#app .zw247-game .zw247-butterfly-a{top:4%;left:2%}
#app .zw247-game .zw247-butterfly-b{right:3%;top:8%;animation-delay:-2.9s;animation-duration:6.3s}
#app .zw247-game .zw247-side-flower{
 width:clamp(33px,6vw,55px);height:clamp(33px,6vw,55px);
 object-fit:contain;position:absolute;bottom:1%;z-index:2;pointer-events:none;opacity:.9;
 animation:zw247-flower-sway 3.5s ease-in-out infinite alternate;
}
#app .zw247-game .zw247-side-left{left:2%}
#app .zw247-game .zw247-side-right{right:2%;animation-delay:-1.5s}
#app .zw247-game .zw247-animal-group{
 position:absolute;inset:3% 0 1%;width:100%;height:96%;z-index:5;
}
#app .zw247-game button.zw247-animal{
 appearance:none!important;-webkit-appearance:none!important;
 position:absolute!important;left:var(--x)!important;top:var(--y)!important;
 background:transparent!important;border:none!important;box-shadow:none!important;
 width:var(--pet-size)!important;height:var(--pet-height)!important;
 padding:0!important;margin:0!important;min-width:0!important;min-height:0!important;
 max-width:none!important;max-height:none!important;
 transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;
 justify-content:center!important;overflow:visible!important;cursor:pointer;
 z-index:5;touch-action:manipulation!important;outline-offset:-4px!important;
 filter:drop-shadow(0 4px 2px #44623e59);
 animation:zw247-animal-bounce 3.5s ease-in-out infinite;
 animation-delay:calc(var(--i) * -.3s);
}
#app .zw247-game .zw247-animal-group{
 --pet-size:clamp(70px,20vw,146px);
 --pet-height:clamp(82px,27vw,180px);
}
#app .zw247-game .zw247-count-1{--pet-size:clamp(190px,55vw,340px);--pet-height:clamp(218px,64vw,380px)}
#app .zw247-game .zw247-count-2{--pet-size:clamp(134px,38vw,240px);--pet-height:clamp(170px,48vw,280px)}
#app .zw247-game .zw247-count-3{--pet-size:clamp(122px,32vw,204px);--pet-height:clamp(149px,39vw,255px)}
#app .zw247-game .zw247-count-4{--pet-size:clamp(114px,29vw,188px);--pet-height:clamp(139px,37vw,230px)}
#app .zw247-game .zw247-count-5,
#app .zw247-game .zw247-count-6{--pet-size:clamp(86px,23vw,145px);--pet-height:clamp(109px,28vw,179px)}
#app .zw247-game .zw247-count-7,
#app .zw247-game .zw247-count-8{--pet-size:clamp(72px,19vw,135px);--pet-height:clamp(91px,25vw,160px)}
#app .zw247-game .zw247-count-9,
#app .zw247-game .zw247-count-10{--pet-size:clamp(66px,17vw,120px);--pet-height:clamp(80px,22vw,140px)}
#app .zw247-game button.zw247-animal .zw244-sprite{
 position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;
 max-height:100%!important;max-width:100%!important;pointer-events:none!important;
}
#app .zw247-game button.zw247-animal .zw244-frame{
 display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
 object-fit:contain!important;position:relative!important;inset:auto!important;
 pointer-events:none!important;image-rendering:auto;
}
#app .zw247-game button.zw247-animal:focus-visible{
 outline:3px dashed #bd7d45!important;border-radius:25%;
}
#app .zw247-game button.zw247-animal:active{filter:brightness(1.12) drop-shadow(0 2px 3px #b97e4e7a)!important}
#app .zw247-game .zw247-count-mark{
 position:absolute;right:1%;top:2%;width:clamp(24px,6vw,46px);height:clamp(24px,6vw,46px);
 display:grid;place-items:center;background:url('/animal-feeding-v85/food-button.webp') center/contain no-repeat;
 opacity:0;transform:translateY(12px) scale(.4);pointer-events:none;z-index:12;
 transition:transform .28s cubic-bezier(.18,1.7,.4,1),opacity .2s;
}
#app .zw247-game .zw247-count-mark img{width:70%;height:70%;object-fit:contain}
#app .zw247-game .zw247-animal.is-counted .zw247-count-mark{opacity:1;transform:translateY(0) scale(1)}
#app .zw247-game .zw247-footer{
 flex:0 0 auto;position:relative;z-index:20;
 width:min(100%,690px);height:clamp(142px,23.3dvh,195px);
 min-height:0;display:grid;place-items:center;
}
#app .zw247-game .zw247-footer-board{
 position:absolute;inset:0!important;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;object-fit:fill!important;
 pointer-events:none!important;filter:drop-shadow(0 5px 4px #71513c50);
}
#app .zw247-game .zw247-answer-row,
#app .zw247-game .zw247-reward-row{
 z-index:3;position:relative;display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%;height:100%;padding:clamp(12px,2vw,22px) clamp(14px,4vw,22px);
 gap:clamp(5px,2.7vw,23px);
}
#app .zw247-game button.zw247-number,
#app .zw247-game button.zw247-reward{
 position:relative!important;appearance:none!important;-webkit-appearance:none!important;
 border:none!important;border-radius:50%!important;background:transparent!important;
 padding:0!important;margin:0!important;box-shadow:none!important;
 flex:0 1 132px!important;width:clamp(78px,24vw,125px)!important;
 height:clamp(78px,24vw,125px)!important;
 min-width:0!important;min-height:0!important;
 max-width:132px!important;max-height:132px!important;cursor:pointer;touch-action:manipulation!important;
 filter:drop-shadow(0 3px 2px #60452f55);
 transition:transform .16s ease,filter .18s ease;
}
#app .zw247-game button.zw247-number>img,#app .zw247-game button.zw247-reward>img{
 display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;
}
#app .zw247-game button.zw247-number:active,
#app .zw247-game button.zw247-reward:active{transform:scale(.89) rotate(-4deg);filter:brightness(1.08)}
#app .zw247-game button.zw247-number:focus-visible,
#app .zw247-game button.zw247-reward:focus-visible{outline:4px dashed #ad704d!important;outline-offset:0}
#app .zw247-game button.zw247-number.wrong{
 animation:zw247-incorrect .38s ease-in-out!important;
}
#app .zw247-game .zw247-reward-row{
 gap:clamp(3px,1vw,8px);padding:13px 9px 8px;
}
#app .zw247-game button.zw247-reward{
 flex-basis:116px!important;width:clamp(65px,20vw,112px)!important;height:clamp(65px,20vw,112px)!important;
 max-width:112px!important;max-height:112px!important;
 animation:zw247-hope 2.7s ease-in-out infinite;
 animation-delay:calc(var(--i,0)*-.3s);
}
#app .zw247-game button.zw247-reward:disabled{opacity:.55!important;filter:saturate(.72)}
#app .zw247-game button.zw247-reward.is-selected:disabled{opacity:1!important;filter:drop-shadow(0 3px 10px #fff5a4);transform:scale(1.12)}
#app .zw247-game.zw247-celebrating .zw247-reward:not(.is-selected){opacity:.18!important}
#app .zw247-game .zw247-fx{
 position:absolute;z-index:13;pointer-events:none!important;object-fit:contain!important;
 max-width:none!important;max-height:none!important;opacity:0;
}
#app .zw247-game .zw247-fx-balloon{width:clamp(47px,11vw,80px);height:clamp(95px,19vw,135px);animation:zw247-balloon-rise 3.5s ease-out both}
#app .zw247-game .zw247-fx-bubble{width:clamp(28px,9vw,54px);height:clamp(28px,9vw,54px);animation:zw247-bubble-rise 3.5s ease-out both}
#app .zw247-game .zw247-fx-confetti{width:clamp(15px,4vw,32px);height:clamp(15px,4vw,32px);animation:zw247-confetti-drop 3.1s ease-out both}
#app .zw247-game .zw247-fx-star{width:clamp(25px,9vw,57px);height:clamp(25px,9vw,57px);animation:zw247-stars 3.1s ease-in-out both}
#app .zw247-game.zw247-ending{animation:zw247-scene-leave .5s ease forwards}
@keyframes zw247-animal-bounce{0%,100%{translate:0 2px;rotate:-2deg}50%{translate:0 -7px;rotate:2deg}}
@keyframes zw247-progress-wiggle{0%,100%{rotate:-8deg}50%{rotate:9deg}}
@keyframes zw247-fly{0%,100%{transform:translate(0,5px) rotate(-12deg)}40%{transform:translate(14px,-12px) rotate(15deg)}70%{transform:translate(-8px,-20px) rotate(-6deg)}}
@keyframes zw247-flower-sway{from{transform:rotate(-11deg)}to{transform:rotate(13deg)}}
@keyframes zw247-hope{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg) scale(1.04)}}
@keyframes zw247-incorrect{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
@keyframes zw247-balloon-rise{0%{opacity:0;transform:translateY(60px) rotate(-8deg)}15%{opacity:1}65%{opacity:1;transform:translate(var(--drift,20px),-180px) rotate(9deg)}100%{opacity:0;transform:translateX(-14px) translateY(-450px) rotate(-14deg)}}
@keyframes zw247-bubble-rise{0%{opacity:0;transform:translateY(60px) scale(.55)}20%{opacity:.87}65%{opacity:.95;transform:translate(var(--drift,20px),-150px) scale(1.17)}100%{opacity:0;transform:translateY(-320px) scale(.78)}}
@keyframes zw247-confetti-drop{0%{opacity:0;transform:translateY(-90px) rotate(-40deg)}17%{opacity:1}70%{opacity:.96;transform:translateY(70px) rotate(var(--spin,120deg))}100%{opacity:0;transform:translateY(155px) rotate(240deg)}}
@keyframes zw247-stars{0%{opacity:0;transform:scale(.23) rotate(-15deg)}30%{opacity:1;transform:scale(1.25) rotate(12deg)}55%{opacity:.95;transform:scale(.7) rotate(-13deg)}100%{opacity:0;transform:scale(1.6) rotate(28deg)}}
@keyframes zw247-scene-leave{to{opacity:0;transform:translateY(-15px)}}
@media(orientation:landscape){
 #app:has(.zw247-game){background-image:url('/animal-feeding-v85/meadow-landscape.webp')!important}
 #app .zw247-game .zw247-top{height:clamp(60px,18dvh,100px);padding-top:2px;flex-direction:row;justify-content:center;gap:16px}
 #app .zw247-game .zw247-title{width:clamp(160px,24vw,290px);height:clamp(49px,17dvh,92px);max-width:33%}
 #app .zw247-game .zw247-progress{width:min(32%,250px);height:27px}
 #app .zw247-game .zw247-progress-flower{width:25px;height:25px}
 #app .zw247-game .zw247-footer{height:clamp(79px,25dvh,135px);width:min(100%,710px)}
 #app .zw247-game button.zw247-number{width:clamp(53px,16dvh,88px)!important;height:clamp(53px,16dvh,88px)!important;flex-basis:88px!important}
 #app .zw247-game button.zw247-reward{width:clamp(53px,16dvh,85px)!important;height:clamp(53px,16dvh,85px)!important;flex-basis:85px!important}
 #app .zw247-game .zw247-animal-group{--pet-size:clamp(67px,12dvh,130px);--pet-height:clamp(74px,21dvh,158px)}
 #app .zw247-game .zw247-count-1{--pet-size:clamp(135px,33dvh,210px);--pet-height:clamp(150px,47dvh,245px)}
 #app .zw247-game .zw247-count-2{--pet-size:clamp(108px,24dvh,158px);--pet-height:clamp(120px,29dvh,190px)}
 #app .zw247-game .zw247-count-3,.zw247-game .zw247-count-4{--pet-size:clamp(85px,22dvh,144px);--pet-height:clamp(96px,25dvh,172px)}
 #app .zw247-game .zw247-count-8,.zw247-game .zw247-count-9,.zw247-game .zw247-count-10{--pet-size:clamp(56px,17dvh,92px);--pet-height:clamp(62px,19dvh,103px)}
 #app:has(.zw247-game) #homeBtn,#app:has(.zw247-game) #zw240Restart{width:clamp(54px,17dvh,75px)!important;height:clamp(54px,17dvh,75px)!important}
}
@media(min-width:950px){
 #app:has(.zw247-game){width:min(100vw,990px)!important;max-width:990px!important;margin:0 auto!important;background-position:center center!important}
 #app .zw247-game .zw247-top{height:clamp(128px,19dvh,180px)!important;padding-top:27px!important;flex-direction:column!important}
 #app .zw247-game .zw247-title{width:360px!important;height:135px!important;max-width:40%!important}
 #app .zw247-game .zw247-progress{width:100%!important;height:32px!important}
 #app .zw247-game .zw247-footer{width:min(100%,750px)!important;height:182px!important}
 #app .zw247-game .zw247-animal-group{--pet-size:clamp(84px,13vw,156px);--pet-height:clamp(100px,16vw,187px)}
}
@media(max-width:360px) and (orientation:portrait){
 #app .zw247-game .zw247-top{height:126px;padding-top:6px}
 #app .zw247-game .zw247-title{width:195px;height:78px}
 #app .zw247-game .zw247-footer{height:136px}
 #app .zw247-game button.zw247-number{width:clamp(68px,23vw,90px)!important;height:clamp(68px,23vw,90px)!important}
 #app .zw247-game button.zw247-reward{width:clamp(56px,18vw,73px)!important;height:clamp(56px,18vw,73px)!important}
 #app:has(.zw247-game) #homeBtn,#app:has(.zw247-game) #zw240Restart{width:60px!important;height:60px!important}
}
@media(prefers-reduced-motion:reduce){
 #app .zw247-game .zw247-animal{animation-duration:7s!important}
 #app .zw247-game .zw247-butterfly{animation-duration:9s!important}
 #app .zw247-game .zw247-reward{animation:none!important}
}
/* V247 refinements: fit the illustrated mockup's hierarchy without clipping. */
#app .zw247-game .zw247-title{width:clamp(250px,82vw,460px)!important;max-width:84%!important;height:clamp(108px,17dvh,152px)!important}
#app .zw247-game .zw247-top{height:clamp(149px,21dvh,199px)!important}
#app .zw247-game .zw247-footer{height:clamp(122px,19.5dvh,173px)!important}
#app .zw247-game .zw247-animal-group .zw244-frame{transform:scale(1.17)!important;transform-origin:50% 60%}
#app .zw247-game .zw247-count-1 .zw244-frame,
#app .zw247-game .zw247-count-2 .zw244-frame,
#app .zw247-game .zw247-count-3 .zw244-frame,
#app .zw247-game .zw247-count-4 .zw244-frame{transform:scale(1.42)!important}
#app .zw247-game .zw247-count-5 .zw244-frame,
#app .zw247-game .zw247-count-6 .zw244-frame{transform:scale(1.31)!important}
#app .zw247-game .zw247-animal.is-counted{filter:drop-shadow(0 3px 7px #fff0a6c9)}
@media(orientation:landscape){
 #app .zw247-game .zw247-top{height:clamp(60px,18dvh,95px)!important}
 #app .zw247-game .zw247-title{height:clamp(60px,17dvh,95px)!important;width:clamp(180px,30vw,330px)!important;max-width:38%!important}
 #app .zw247-game .zw247-footer{height:clamp(81px,25dvh,131px)!important}
 #app .zw247-game .zw247-count-4 .zw244-frame{transform:scale(1.22)!important}
}
@media(min-width:950px){
 #app .zw247-game .zw247-top{height:clamp(145px,20dvh,198px)!important}
 #app .zw247-game .zw247-title{width:420px!important;max-width:50%!important;height:145px!important}
 #app .zw247-game .zw247-footer{height:180px!important}
}
@media(max-width:360px) and (orientation:portrait){
 #app .zw247-game .zw247-top{height:122px!important}
 #app .zw247-game .zw247-title{width:250px!important;max-width:80%!important;height:90px!important}
 #app .zw247-game .zw247-footer{height:124px!important}
}

/* V248: icon centering and visible celebration effects */
#app .zw247-game .zw247-top{
 height:clamp(180px,23dvh,222px)!important;
 padding-top:max(33px,env(safe-area-inset-top,0px))!important;
 justify-content:flex-end!important;
}
#app .zw247-game .zw247-title{
 width:min(77vw,370px)!important;max-width:77%!important;
 height:clamp(86px,13dvh,126px)!important;
 object-fit:contain!important;
}
#app .zw247-game .zw247-progress{height:33px!important}
#app .zw247-game .zw247-progress-flower{width:clamp(24px,7.5vw,33px)!important;height:clamp(24px,7.5vw,33px)!important}
#app .zw247-game .zw247-footer{height:clamp(157px,21dvh,204px)!important}
#app .zw247-game .zw247-reward-row{
 width:100%!important;gap:clamp(2px,0.6vw,5px)!important;
 padding:9px 7px 7px!important;
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 justify-content:stretch!important;justify-items:center!important;align-items:center!important;
}
#app .zw247-game .zw247-answer-row{gap:clamp(2px,1.4vw,13px)!important;padding:12px 14px!important}
#app .zw247-game button.zw247-reward{
 width:100%!important;height:auto!important;
 aspect-ratio:1/1!important;max-width:116px!important;max-height:116px!important;
 min-height:66px!important;min-width:0!important;
 margin:0!important;padding:0!important;flex:none!important;
 display:grid!important;place-items:center!important;overflow:visible!important;
 transform-origin:center!important;
}
#app .zw247-game button.zw247-reward img{
 display:block!important;width:100%!important;height:100%!important;
 max-width:100%!important;max-height:100%!important;
 margin:auto!important;padding:0!important;object-fit:contain!important;
 object-position:center!important;transform:translateZ(0)!important;
}
#app .zw247-game button.zw247-number{
 width:clamp(89px,26vw,128px)!important;height:clamp(89px,26vw,128px)!important;
 display:grid!important;place-items:center!important;min-width:0!important;
}
#app .zw247-game button.zw247-number img{
 display:block!important;object-fit:contain!important;object-position:center!important;
 width:100%!important;height:100%!important;margin:auto!important;
}
#app .zw247-game .zw247-fx{
 opacity:0;visibility:visible!important;
 pointer-events:none!important;z-index:80!important;
 will-change:transform,opacity;
}
#app .zw247-game .zw247-fx-balloon{
 animation-name:zw247-balloon-rise!important;
 animation-duration:3.7s!important;
 animation-timing-function:ease-out!important;
 animation-fill-mode:both!important;
}
#app .zw247-game .zw247-fx-bubble{
 animation-name:zw247-bubble-rise!important;
 animation-duration:3.5s!important;
 animation-fill-mode:both!important;
}
#app .zw247-game .zw247-fx-confetti{
 animation-name:zw247-confetti-drop!important;
 animation-duration:3.1s!important;
 animation-fill-mode:both!important;
}
#app .zw247-game .zw247-fx-star{
 animation-name:zw247-stars!important;
 animation-duration:3.2s!important;
 animation-fill-mode:both!important;
}
#app .zw247-game .zw248-present{
 position:absolute!important;z-index:18!important;
 width:clamp(74px,20vw,110px)!important;height:clamp(66px,18vw,98px)!important;
 left:50%!important;bottom:calc(clamp(157px,21dvh,204px) - 10px)!important;
 transform:translateX(-50%)!important;object-fit:contain!important;
 pointer-events:none!important;
 filter:drop-shadow(0 4px 3px #69513a5f)!important;
 animation:zw248-gift-bob 1.8s ease-in-out infinite;
}
#app .zw247-game .zw248-present.zw248-opening{
 animation:zw248-gift-pop .65s cubic-bezier(.18,1.35,.25,1) forwards;
}
@keyframes zw248-gift-bob{
 0%,100%{transform:translate(-50%,2px) rotate(-4deg)}
 50%{transform:translate(-50%,-8px) rotate(4deg)}
}
@keyframes zw248-gift-pop{
 0%{opacity:1;transform:translate(-50%,0) scale(1)}
 50%{opacity:1;transform:translate(-50%,-35px) scale(1.17) rotate(-8deg)}
 100%{opacity:0;transform:translate(-50%,-75px) scale(.7) rotate(20deg)}
}
@media(orientation:landscape){
 #app .zw247-game .zw247-top{height:clamp(70px,18dvh,105px)!important;padding-top:0!important;flex-direction:row!important}
 #app .zw247-game .zw247-title{width:min(35vw,315px)!important;max-width:35%!important;height:clamp(60px,17dvh,94px)!important}
 #app .zw247-game .zw247-footer{height:clamp(80px,25dvh,132px)!important}
 #app .zw247-game .zw248-present{width:67px!important;height:64px!important;bottom:calc(clamp(80px,25dvh,132px) - 6px)!important}
 #app .zw247-game button.zw247-reward{max-width:clamp(53px,16dvh,88px)!important;min-height:0!important}
}
@media(max-width:360px) and (orientation:portrait){
 #app .zw247-game .zw247-top{height:133px!important;padding-top:19px!important}
 #app .zw247-game .zw247-title{width:76%!important;height:82px!important}
 #app .zw247-game .zw247-footer{height:138px!important}
 #app .zw247-game .zw248-present{bottom:132px!important;width:68px!important;height:68px!important}
}
@media(prefers-reduced-motion:reduce){
 #app .zw247-game .zw247-fx{animation-duration:2s!important}
}



/* V249: exact illustration from the user's APPROVED counting/reward images.
   UI elements remain semantic, tactile buttons, never canvas/synthetic icons.
   Background fragments are original painted raster assets. */
@media(orientation:portrait) and (max-width:949px){
 #app:has(.zw247-game) #homeBtn{
  background:transparent!important;border:0!important;
  filter:none!important;box-shadow:none!important;
  width:clamp(58px,20vw,85px)!important;height:clamp(58px,20vw,85px)!important;
  top:0!important;right:0!important;
 }
 #app:has(.zw247-game) #zw240Restart{
  background:transparent!important;border:0!important;
  filter:none!important;box-shadow:none!important;
  width:clamp(58px,20vw,85px)!important;height:clamp(58px,20vw,85px)!important;
  top:0!important;left:0!important;
 }
 #app:has(.zw247-game) #homeBtn img,#app:has(.zw247-game) #zw240Restart img{opacity:0!important}
 #app .zw247-game .zw247-top{
  position:relative!important;isolation:isolate!important;
  flex:0 0 auto!important;width:100%!important;
  height:46.8vw!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;align-self:stretch!important;
 }
 #app .zw247-game .zw247-top::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url('/animals-v249/reference_header.webp') top center / 100% 100% no-repeat;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 90%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 90%,transparent 100%);
 }
 #app .zw247-game .zw247-top .zw247-title,
 #app .zw247-game .zw247-top .zw247-progress{opacity:0!important;visibility:hidden!important}
 #app .zw247-game .zw247-footer.zw247-rewards{
  flex:0 0 auto!important;position:relative!important;
  width:100%!important;height:67.8vw!important;max-height:none!important;
  min-height:0!important;margin:0!important;isolation:isolate!important;
 }
 #app .zw247-game .zw247-footer.zw247-rewards::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:url('/animals-v249/reference_reward.webp') center bottom / 100% 100% no-repeat;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 5%,#000 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 5%,#000 100%);
 }
 #app .zw247-game .zw247-rewards .zw247-footer-board,
 #app .zw247-game .zw247-rewards button.zw247-reward img,
 #app .zw247-game .zw248-present{
  opacity:0!important;visibility:hidden!important;
 }
 #app .zw247-game .zw247-rewards .zw247-reward-row{
  z-index:3!important;width:100%!important;height:100%!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  justify-content:center!important;justify-items:center!important;
  align-content:center!important;align-items:center!important;
  margin:0!important;padding:10px 8px 9px!important;gap:0!important;
 }
 #app .zw247-game .zw247-rewards button.zw247-reward{
  display:block!important;width:100%!important;max-width:110px!important;
  height:auto!important;min-height:0!important;aspect-ratio:1/1!important;
  background:transparent!important;box-shadow:none!important;
  border:0!important;filter:none!important;outline-offset:0;
 }
 #app .zw247-game .zw247-rewards button.zw247-reward:active{
  box-shadow:0 0 0 3px #fff4a9b0!important;transform:scale(.94)!important;
 }
 #app .zw247-game .zw247-rewards button.zw247-reward:focus-visible{
  outline:3px dashed #ad704d!important;outline-offset:-3px!important;
 }
 #app .zw247-game:has(.zw247-count-4) .zw247-footer.zw247-answers{
  flex:0 0 auto!important;position:relative!important;
  width:100%!important;height:59.7vw!important;max-height:none!important;min-height:0!important;
  isolation:isolate!important;
 }
 #app .zw247-game:has(.zw247-count-4) .zw247-answers::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:url('/animals-v249/reference_answer.webp') center bottom / 100% 100% no-repeat;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 4%,#000 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 4%,#000 100%);
 }
 #app .zw247-game:has(.zw247-count-4) .zw247-answers .zw247-footer-board,
 #app .zw247-game:has(.zw247-count-4) .zw247-answers .zw247-number img{
  opacity:0!important;visibility:hidden!important;
 }
 #app .zw247-game:has(.zw247-count-4) .zw247-answers .zw247-answer-row{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;height:100%!important;gap:0!important;
  padding:8px 16px 9px!important;align-items:center!important;justify-items:center!important;
 }
 #app .zw247-game:has(.zw247-count-4) .zw247-answers button.zw247-number{
  width:100%!important;height:auto!important;aspect-ratio:1/1!important;
  max-width:122px!important;min-height:0!important;min-width:0!important;
  margin:0!important;padding:0!important;box-shadow:none!important;
  border:0!important;background:transparent!important;filter:none!important;
 }
 #app .zw247-game.zw247-celebrating .zw247-footer.zw247-rewards::before{
  filter:brightness(1.08) saturate(1.12);
 }
 #app .zw247-game.zw247-celebrating .zw247-reward:not(.is-selected){opacity:1!important}
 #app .zw247-game .zw247-fx{z-index:70!important}
}
@media(orientation:portrait) and (max-width:360px){
 #app .zw247-game .zw247-top{height:46.8vw!important}
 #app .zw247-game .zw247-footer.zw247-rewards{height:67.8vw!important}
 #app .zw247-game:has(.zw247-count-4) .zw247-footer.zw247-answers{height:59.7vw!important}
}


/* Original ducklings from the exact approved scene, only for four chosen chicks.
   Invisible animal hit areas remain fully interactive, with counting stamps. */
@media(orientation:portrait) and (max-width:949px){
 #app .zw247-game.zw249-duck-reference .zw247-meadow::before{
  content:''!important;display:block!important;
  position:absolute!important;inset:0!important;z-index:4!important;
  pointer-events:none!important;opacity:1!important;
  background:url('/animals-v249/count_scene.webp') center center / 100% 100% no-repeat!important;
  animation:zw249-reference-life 3.8s ease-in-out infinite alternate;
 }
 #app .zw247-game.zw249-duck-reference.zw247-result .zw247-meadow::before{
  background-image:url('/animals-v249/reward_scene.webp')!important;
 }
 #app .zw247-game.zw249-duck-reference .zw247-butterfly,
 #app .zw247-game.zw249-duck-reference .zw247-side-flower{opacity:0!important}
 #app .zw247-game.zw249-duck-reference button.zw247-animal .zw244-sprite,
 #app .zw247-game.zw249-duck-reference button.zw247-animal .zw244-frame{
  visibility:hidden!important;opacity:0!important;
 }
 #app .zw247-game.zw249-duck-reference button.zw247-animal{
  z-index:9!important;filter:none!important;animation:none!important;
 }
 #app .zw247-game.zw249-duck-reference .zw247-animal:nth-child(1){left:50%!important;top:33%!important}
 #app .zw247-game.zw249-duck-reference .zw247-animal:nth-child(2){left:22%!important;top:50%!important}
 #app .zw247-game.zw249-duck-reference .zw247-animal:nth-child(3){left:78%!important;top:51%!important}
 #app .zw247-game.zw249-duck-reference .zw247-animal:nth-child(4){left:50%!important;top:69%!important}
 #app .zw247-game.zw249-duck-reference button.zw247-animal.is-counted .zw247-count-mark{
  z-index:40!important;opacity:1!important;
 }
 #app .zw247-game.zw249-duck-reference .zw247-count-mark{
  background:url('/animals-v247/button-1.webp') center/contain no-repeat!important;
 }
 @keyframes zw249-reference-life{
  from{transform:translateY(1px) scale(1)}
  to{transform:translateY(-3px) scale(1.006)}
 }
}

/* Tiere zählen 7.2 – six fully illustrated interactive rewards, each with eight WebP frames. */
#app .zw247-game.zw247-result .zw247-footer.zw247-rewards{
 height:clamp(184px,29dvh,263px)!important;
 width:min(100%,650px)!important;
}
#app .zw247-game .zw247-rewards .zw247-footer-board{
 object-fit:fill!important;
 width:100%!important;height:100%!important;
}
#app .zw247-game .zw247-reward-row{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:repeat(2,minmax(0,1fr))!important;
 align-content:center!important;
 align-items:center!important;
 justify-content:center!important;
 justify-items:center!important;
 column-gap:clamp(8px,3.3vw,31px)!important;
 row-gap:clamp(3px,0.8vh,9px)!important;
 padding:clamp(13px,2.6vh,23px) clamp(22px,7vw,47px)!important;
 width:100%!important;height:100%!important;
}
#app .zw247-game button.zw247-reward{
 flex:none!important;display:grid!important;place-items:center!important;
 width:100%!important;
 height:100%!important;
 max-width:clamp(69px,23vw,111px)!important;
 max-height:clamp(69px,23vw,111px)!important;
 min-width:0!important;min-height:0!important;
 padding:0!important;margin:0 auto!important;
 aspect-ratio:1/1!important;
 border:0!important;box-shadow:none!important;
 transform-origin:center center!important;
}
#app .zw247-game button.zw247-reward img{
 display:block!important;width:100%!important;height:100%!important;
 max-width:100%!important;max-height:100%!important;
 object-fit:contain!important;object-position:50% 50%!important;
 margin:auto!important;padding:0!important;transform:none!important;
 pointer-events:none!important;
}
#app .zw247-game .zw249-action-frame{
 display:block!important;position:absolute!important;
 inset:0!important;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;
 object-fit:contain!important;object-position:center!important;
 pointer-events:none!important;z-index:30!important;
 filter:drop-shadow(0 2px 2px #624f3759);
 animation:zw249-illustration-appear .23s ease-out both;
}
#app .zw247-game .zw247-animal.zw249-in-action{
 filter:drop-shadow(0 4px 5px #ecda9b99)!important;
}
#app .zw247-game .zw247-animal.zw249-happy{
 animation:zw249-happy-bounce .56s ease-in-out infinite alternate!important;
}
#app .zw247-game .zw249-reward-particle{
 display:block!important;position:absolute!important;
 width:clamp(20px,6vw,39px)!important;
 height:clamp(20px,6vw,39px)!important;
 object-fit:contain!important;
 max-width:none!important;max-height:none!important;
 z-index:28!important;pointer-events:none!important;
 animation:zw249-party-float 3.5s ease-out both;
 opacity:0;
}
#app .zw247-game .zw249-particle-wash,
#app .zw247-game .zw249-particle-drink{
 width:clamp(24px,7vw,44px)!important;
 height:clamp(24px,7vw,44px)!important;
}
#app .zw247-game.zw247-result .zw248-present{
 bottom:calc(clamp(184px,29dvh,263px) - 9px)!important;
 width:clamp(68px,17vw,96px)!important;
 height:clamp(68px,17vw,96px)!important;
}
@keyframes zw249-illustration-appear{
 0%{opacity:0;transform:scale(.9) translateY(9px)}
 100%{opacity:1;transform:scale(1) translateY(0)}
}
@keyframes zw249-happy-bounce{
 0%{translate:0 3px;rotate:-4deg}
 100%{translate:0 -11px;rotate:4deg}
}
@keyframes zw249-party-float{
 0%{opacity:0;transform:translate3d(0,29px,0) rotate(-15deg) scale(.25)}
 20%{opacity:.94;transform:translate3d(4px,-11px,0) rotate(12deg) scale(1.08)}
 65%{opacity:1;transform:translate3d(var(--wander,20px),-65px,0) rotate(var(--twist,55deg)) scale(1)}
 100%{opacity:0;transform:translate3d(0,-132px,0) rotate(175deg) scale(.65)}
}
@media(max-width:360px) and (orientation:portrait){
 #app .zw247-game.zw247-result .zw247-footer.zw247-rewards{
  height:180px!important;
 }
 #app .zw247-game .zw247-reward-row{
  padding:10px 20px!important;
  column-gap:8px!important;row-gap:0!important;
 }
 #app .zw247-game button.zw247-reward{
  max-width:73px!important;max-height:73px!important;
 }
 #app .zw247-game.zw247-result .zw248-present{
  bottom:174px!important;width:61px!important;height:61px!important;
 }
}
@media(orientation:landscape){
 #app .zw247-game.zw247-result .zw247-footer.zw247-rewards{
  height:clamp(90px,29dvh,160px)!important;
  width:min(96%,780px)!important;
 }
 #app .zw247-game .zw247-reward-row{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:1fr!important;
  column-gap:clamp(2px,0.7vw,8px)!important;
  padding:8px 30px!important;
 }
 #app .zw247-game button.zw247-reward{
  max-width:clamp(53px,20dvh,102px)!important;
  max-height:clamp(53px,20dvh,102px)!important;
 }
 #app .zw247-game.zw247-result .zw248-present{
  bottom:calc(clamp(90px,29dvh,160px) - 2px)!important;
  width:clamp(48px,12dvh,67px)!important;
  height:clamp(48px,12dvh,67px)!important;
 }
}
@media(min-width:950px) and (orientation:portrait){
 #app .zw247-game.zw247-result .zw247-footer.zw247-rewards{height:256px!important}
 #app .zw247-game button.zw247-reward{max-width:109px!important;max-height:109px!important}
}
@media(prefers-reduced-motion:reduce){
 #app .zw247-game .zw249-reward-particle{animation-duration:4.5s!important}
 #app .zw247-game .zw247-animal.zw249-happy{animation-duration:1s!important}
}

/* The original 4-option screenshot must not cover the six new real buttons. */
@media(orientation:portrait) and (max-width:949px){
 #app .zw247-game .zw247-footer.zw247-rewards::before{display:none!important}
 #app .zw247-game .zw247-rewards .zw247-footer-board{
  opacity:1!important;visibility:visible!important;
 }
 #app .zw247-game .zw247-rewards button.zw247-reward img{
  opacity:1!important;visibility:visible!important;
  object-position:50% 50%!important;
 }
 #app .zw247-game .zw248-present{opacity:1!important;visibility:visible!important}
 #app .zw247-game .zw247-footer.zw247-rewards{
  height:clamp(184px,29dvh,263px)!important;
  max-height:263px!important;
 }
 #app .zw247-game .zw247-reward-row{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:6px 12px!important;
  padding:12px 24px!important;
 }
}

/* Final selection-grid override – identical spacing and centered art for all six icons. */
@media (orientation:portrait) and (max-width:949px){
 #app .zw247-game .zw247-footer.zw247-rewards .zw247-reward-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  justify-content:center!important;
  justify-items:center!important;
  align-content:center!important;
  align-items:center!important;
  gap:clamp(1px,0.7vh,8px) clamp(5px,2vw,15px)!important;
  padding:clamp(13px,2vh,20px) clamp(21px,5vw,34px)!important;
 }
 #app .zw247-game .zw247-footer.zw247-rewards button.zw247-reward{
  display:grid!important;place-items:center!important;
  width:min(100%,clamp(67px,23vw,108px))!important;
  height:auto!important;aspect-ratio:1/1!important;
  max-width:108px!important;max-height:108px!important;
  padding:0!important;margin:0!important;
 }
 #app .zw247-game .zw247-footer.zw247-rewards button.zw247-reward img{
  width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  display:block!important;object-position:center center!important;
  object-fit:contain!important;margin:auto!important;
  opacity:1!important;visibility:visible!important;
 }
}
@media(orientation:landscape){
 #app .zw247-game .zw247-footer.zw247-rewards .zw247-reward-row{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:1fr!important;
  gap:clamp(4px,1vw,12px)!important;
  padding:8px clamp(18px,3.5vw,35px)!important;
 }
 #app .zw247-game .zw247-footer.zw247-rewards button.zw247-reward{
  width:100%!important;height:auto!important;aspect-ratio:1/1!important;
  max-width:clamp(50px,20dvh,100px)!important;
  max-height:clamp(50px,20dvh,100px)!important;
  display:grid!important;place-items:center!important;margin:0!important;padding:0!important;
 }
}

/* Runtime rendering remains entirely WebP-based. No SVG/canvas in Tiere zählen. */
#app .zw247-game .zw250-group-bounce{
 animation:zw249-happy-bounce 1.3s ease-in-out infinite alternate!important;
}
#app .zw247-game .zw249-action-frame{
 image-rendering:auto;
 contain:layout paint;
}
#app .zw247-game .zw247-reward img{
 object-fit:contain!important;object-position:50% 50%!important;
}

/* v251 exact picture assets – no CSS numerals and no SVG/canvas UI. */
#app .zw247-game .zw247-answers::before{display:none!important}
#app .zw247-game .zw247-answers .zw247-footer-board{
 display:block!important;visibility:visible!important;opacity:1!important;
}
#app .zw247-game .zw247-answers .zw247-number img,
#app .zw247-game:has(.zw247-count-4) .zw247-answers .zw247-number img{
 display:block!important;visibility:visible!important;opacity:1!important;
 object-fit:contain!important;object-position:center center!important;
 max-width:100%!important;max-height:100%!important;
 width:100%!important;height:100%!important;
 filter:drop-shadow(0 2px 3px #74574348);
}
#app .zw247-game .zw247-answers .zw247-answer-row{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 justify-items:center!important;align-items:center!important;
 gap:clamp(4px,1vw,12px)!important;padding:7px clamp(10px,3vw,23px)!important;
 width:100%!important;height:100%!important;
}
#app .zw247-game .zw247-answers .zw247-number{
 display:grid!important;place-items:center!important;max-width:130px!important;
 width:100%!important;height:auto!important;aspect-ratio:1/1!important;
 min-width:0!important;min-height:0!important;
 box-shadow:none!important;background:none!important;border:0!important;padding:0!important;
}
#app .zw247-game .zw247-rewards .zw247-reward{
 box-shadow:none!important;background:none!important;border:0!important;
}
#app .zw247-game .zw247-rewards .zw247-reward::before,
#app .zw247-game .zw247-rewards .zw247-reward::after,
#app .zw247-game .zw247-answers .zw247-number::before,
#app .zw247-game .zw247-answers .zw247-number::after{
 display:none!important;content:none!important;
}
@media(max-width:360px) and (orientation:portrait){
 #app .zw247-game .zw247-answers .zw247-number{max-width:83px!important}
}