/* Zählwiese v197 — polish of both hand-drawn number games. */

/* After winning, reveal the COMPLETE finished illustration.
   Markers and drawing practice lines fade away, so eyes, windows and small
   picture details are no longer hidden behind giant numbered circles. */
#app .zw192-shapes .zw192-board.is-finished .zw192-dot{
 opacity:0!important;
 pointer-events:none!important;
 transition:opacity .72s ease .42s!important;
 animation:none!important;
}
#app .zw192-shapes .zw192-board.is-finished #zw192Canvas{
 opacity:.09!important;
 transition:opacity .72s ease .42s!important;
}
#app .zw192-shapes .zw192-board.is-finished .zw195-painted-motif{
 filter:saturate(1.13) contrast(1.04)!important;
}
#app .zw192-shapes .zw197-dot-spark{
 position:absolute!important;z-index:18!important;
 pointer-events:none!important;
 display:block!important;
 width:clamp(13px,4vw,21px)!important;height:clamp(13px,4vw,21px)!important;
 object-fit:contain!important;
 transform:translate(-50%,-50%) scale(.25);
 animation:zw197-spark-rise .68s cubic-bezier(.12,.68,.31,1) both!important;
 filter:drop-shadow(0 1px 1px #6b522d65)!important;
}
@keyframes zw197-spark-rise{
 0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}
 18%{opacity:1;transform:translate(-50%,-50%) scale(1)}
 75%{opacity:.85}
 100%{opacity:0;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(.5)}
}
/* Clicking one number makes its matching partner visually invite the next tap. */
#app .zw94-connect .zw94-number.zw197-partner:not(.matched){
 z-index:12!important;
 filter:drop-shadow(0 0 8px #fff0a1) drop-shadow(0 3px 3px #74623d75)!important;
 animation:zw197-partner-glow 1.45s ease-in-out infinite!important;
}
#app .zw94-connect .zw94-number.zw197-partner:not(.matched)::after{
 content:"";position:absolute!important;inset:-7px!important;
 border-radius:50%!important;
 border:3px dashed #fff3a2!important;
 box-shadow:0 0 0 2px #ba924d87!important;
 pointer-events:none!important;
}
@keyframes zw197-partner-glow{
 0%,100%{scale:1;filter:drop-shadow(0 0 5px #ffe49b)}
 50%{scale:1.07;filter:drop-shadow(0 0 12px #ffefb1)}
}
/* A wrong second number never resets the correct starting number. */
#app .zw94-connect .zw94-number.zw197-hint-nudge:not(.matched){
 animation:zw197-hint-nudge .56s ease-out 1!important;
}
@keyframes zw197-hint-nudge{
 0%,100%{translate:0 0}
 20%,60%{translate:-4px 0}
 40%,80%{translate:4px 0}
}
/* Keep selected paint blot crisp during play without any layout shift. */
#app .zw192-shapes .zw192-pot.active,
#app .zw94-connect .zw94-pot.active{
 outline-offset:2px!important;
}
@media(prefers-reduced-motion:reduce){
 #app .zw192-shapes .zw192-board.is-finished .zw192-dot,
 #app .zw192-shapes .zw192-board.is-finished #zw192Canvas{
  transition:none!important;
 }
 #app .zw192-shapes .zw197-dot-spark,
 #app .zw94-connect .zw94-number.zw197-partner,
 #app .zw94-connect .zw94-number.zw197-hint-nudge{
  animation-duration:.15s!important;
 }
}