/* Zählwiese v306: painted raster assets, strong visual contrast, no graphic vectors. */
#app .zw94-connect .zw94-pot,
#app .zw192-shapes .zw192-pot {
  background:transparent!important;
  border:0!important;
  outline:0!important;
  overflow:visible!important;
  filter:drop-shadow(0 3px 2px #4a352ab9) drop-shadow(0 0 2px #fff5df)!important;
  transition:transform .15s ease,filter .15s ease!important;
}
#app .zw94-connect .zw94-pot img,
#app .zw192-shapes .zw192-pot img {
  width:100%!important;height:100%!important;
  object-fit:contain!important;transform:scale(1.16)!important;
  filter:brightness(1.02) saturate(1.26)!important;
}
#app .zw94-connect .zw94-pot.active,
#app .zw192-shapes .zw192-pot.active {
  transform:translateY(-6px) scale(1.13)!important;
  filter:drop-shadow(0 3px 4px #4c332abc) drop-shadow(0 0 5px #fff8c8)!important;
}
#app .zw94-connect .zw94-pot.active::after,
#app .zw192-shapes .zw192-pot.active::after {display:none!important;content:none!important;}
#app .zw94-connect .zw94-pot:active,
#app .zw192-shapes .zw192-pot:active {transform:translateY(-2px) scale(.98)!important}
#app .zw192-shapes .zw192-next {display:none!important}
#app .zw192-shapes .zw305-finished-art {
  object-fit:contain!important;
  animation:zw306-storybook-reveal .85s ease-out both!important;
  filter:brightness(1.03) saturate(1.10)!important;
}
@keyframes zw306-storybook-reveal {
  0%{opacity:0;transform:scale(.80) rotate(-3deg)}
  55%{opacity:1;transform:scale(1.035) rotate(1deg)}
  100%{opacity:1;transform:scale(1) rotate(0)}
}
@media(prefers-reduced-motion:reduce){
 #app .zw192-shapes .zw305-finished-art {animation-duration:.15s!important}
}
/* Landscape: global restart is top-left; keep the game's Back control separate. */
@media(orientation:landscape) and (max-height:650px){
 #app .zw192-shapes .zw192-back,
 #app .zw94-connect .zw192-back{
  left:91.4%!important;right:auto!important;top:82%!important;
  width:clamp(44px,13vh,56px)!important;height:clamp(44px,13vh,56px)!important;
  z-index:22!important;
 }
}