/* Zählwiese Memory v223 — faster illustrated confetti, fuller balloons, consistent cards. */
body .zw222-celebration .zw223-sprinkle {
  position:absolute!important;
  display:block!important;
  width:clamp(86px,25vw,134px)!important;
  height:clamp(86px,25vw,134px)!important;
  pointer-events:none!important;
  object-fit:contain!important;
  opacity:0;
  will-change:transform,opacity!important;
  filter:drop-shadow(0 1px 1px #6d4b2a24)!important;
  animation:zw223-sprinkle var(--duration,2400ms) cubic-bezier(.17,.56,.3,1) var(--delay,0ms) both!important;
}
@keyframes zw223-sprinkle {
  0% {opacity:0;transform:translate3d(-9px,13px,0) scale(.66) rotate(-20deg)}
  10% {opacity:1}
  34% {opacity:1;transform:translate3d(var(--half-x),var(--half-y),0) scale(1.07) rotate(28deg)}
  74% {opacity:1}
  100% {opacity:0;transform:translate3d(var(--end-x),var(--end-y),0) scale(.83) rotate(var(--end-rot))}
}
body .zw222-celebration .zw213-balloon {
  filter:drop-shadow(0 2px 1px #66472c36)!important;
}
/* Subtle single-time celebration on the matched cards, not continuous expensive glows. */
#app .memory127-page.memory127-game .memory127-card.is-matched .memory127-front {
  animation:zw223-card-warmth .6s ease-out 1 both!important;
}
@keyframes zw223-card-warmth {
  0% {filter:brightness(1) saturate(1)}
  40% {filter:brightness(1.12) saturate(1.1)}
  100% {filter:brightness(1.025) saturate(1.04)}
}
/* The twenty equal back illustrations use a single CSS image, avoiding twenty img elements. */
#app .memory127-page.memory127-game .memory127-back{
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
#app .memory127-page.memory127-numbers .memory127-back {
  background-image:url('/memory-painted-v220/back-numbers.webp')!important;
}
#app .memory127-page.memory127-animals .memory127-back {
  background-image:url('/memory-painted-v220/back-animals.webp')!important;
}
#app .memory127-page.memory127-fingers .memory127-back {
  background-image:url('/memory-painted-v220/back-fingers.webp')!important;
}
/* Keep labels and buttons crisp in the narrow desktop game canvas. */
#app .memory127-page.memory127-game .memory127-card {
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}
@media (prefers-reduced-motion:reduce) {
  body .zw222-celebration .zw223-sprinkle {
    animation-duration:480ms!important;will-change:auto!important;
  }
  #app .memory127-page.memory127-game .memory127-card.is-matched .memory127-front {
    animation:none!important;
  }
}
