/* Zählwiese applause v229: STATIC many-hands image with one entrance/exit motion. */
#app .zw223-finger .zw229-applause,
body .zw222-celebration .zw229-applause,
body .zw229-applause{
 position:absolute!important;
 left:50%!important;bottom:4%!important;top:auto!important;
 width:min(92%,410px)!important;height:min(73%,540px)!important;
 max-width:96%!important;z-index:180!important;
 display:flex!important;align-items:flex-end!important;justify-content:center!important;
 overflow:visible!important;pointer-events:none!important;
 opacity:0;transform:translate3d(-50%,75px,0);
 contain:layout style!important;
}
#app .zw223-finger .zw229-applause{
 bottom:10%!important;height:min(72%,500px)!important;
}
body .zw222-celebration .zw229-applause{
 bottom:15%!important;height:min(66%,490px)!important;
}
.zw229-applause.zw229-show{
 animation:zw229-float 2.55s cubic-bezier(.21,.78,.28,1) both!important;
}
.zw229-applause .zw229-applause-art{
 display:block!important;position:relative!important;
 width:100%!important;height:100%!important;
 object-fit:contain!important;object-position:center bottom!important;
 max-width:100%!important;max-height:100%!important;
 opacity:1!important;transform:none!important;animation:none!important;
 filter:drop-shadow(0 2px 2px #5e745349)!important;
 border:0!important;background:transparent!important;
 pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;
}
.zw229-applause .zw229-sparkles{
 position:absolute;inset:-5% -6% 0!important;z-index:3!important;
 pointer-events:none!important;overflow:visible!important;
}
.zw229-applause .zw229-spark{
 position:absolute!important;bottom:7%!important;left:var(--x)!important;
 width:clamp(20px,7vw,38px)!important;height:clamp(20px,7vw,38px)!important;
 opacity:0;max-width:none!important;object-fit:contain!important;
 pointer-events:none!important;
 filter:drop-shadow(0 2px 2px #906f4866)!important;
}
.zw229-applause.zw229-show .zw229-spark{
 animation:zw229-sparkle 1.7s ease-out var(--delay) both!important;
}
@keyframes zw229-float{
 0%{opacity:0;transform:translate3d(-50%,85px,0)}
 20%{opacity:1;transform:translate3d(-50%,17px,0)}
 59%{opacity:1;transform:translate3d(-50%,0,0)}
 78%{opacity:1;transform:translate3d(-50%,-30px,0)}
 100%{opacity:0;transform:translate3d(-50%,-125px,0)}
}
@keyframes zw229-sparkle{
 0%{opacity:0;transform:translate3d(0,15px,0) rotate(-13deg) scale(.6)}
 20%{opacity:1;transform:translate3d(0,-8px,0) rotate(6deg) scale(1.1)}
 80%{opacity:.85}
 100%{opacity:0;transform:translate3d(var(--travel),-125px,0) rotate(27deg) scale(.85)}
}
/* Keep original counting hands clear but non-competing beneath the reward. */
#app .zw227-finger.zw223-result:has(.zw229-applause.zw229-show) .zw227-hand-art{
 opacity:.22!important;transition:opacity .12s linear!important;
}
#app .zw227-finger.zw223-result:has(.zw229-applause.zw229-show) .zw227-hand-number{
 opacity:.18!important;
}
@media(orientation:landscape) and (max-height:530px){
 #app .zw223-finger .zw229-applause{
  bottom:6%!important;top:auto!important;
  width:min(48%,430px)!important;
  height:min(86%,310px)!important;
 }
 body .zw222-celebration .zw229-applause{
  bottom:8%!important;
  width:min(58%,470px)!important;
  height:min(83%,310px)!important;
 }
}
@media(prefers-reduced-motion:reduce){
 .zw229-applause.zw229-show{animation:zw229-reduced 2.55s linear both!important}
 .zw229-applause.zw229-show .zw229-spark{animation:none!important;opacity:0!important}
}
@keyframes zw229-reduced{
 0%,100%{opacity:0;transform:translate3d(-50%,0,0)}
 15%,80%{opacity:1;transform:translate3d(-50%,0,0)}
}