/* Backstube v206: better tactile mixing, rising pastry, direct animal feeding.
   Original pencil/wax illustrations remain the only visible art assets. */

/* The whisk moves WITH the finger, rather than the batter spinning on its own. */
#app .zw165-mix.zw161-manual .zw160-whisk-actor{
 transition:transform .045s linear!important;
 transform:translate(var(--zw161-x,0px),var(--zw161-y,0px)) rotate(var(--zw161-angle,0deg))!important;
 will-change:transform!important;
}
#app .zw165-mix.zw160-stirring .zw160-bowl-foreground{
 filter:drop-shadow(0 0 5px #fff2b8a8) saturate(1.03)!important;
}
#app .zw165-mix .zw160-stir-progress span.zw206-new-progress{
 animation:zw206-progress-pop .46s cubic-bezier(.18,.84,.23,1.25) both!important;
}
@keyframes zw206-progress-pop{
 0%{transform:scale(.60);opacity:.30}
 57%{transform:scale(1.42);opacity:1}
 100%{transform:scale(1.18);opacity:1}
}
#app .zw165-mix .zw160-bowl-unit.zw206-bowl-complete{
 animation:zw206-finish-batter .6s cubic-bezier(.2,.7,.32,1) both!important;
}
@keyframes zw206-finish-batter{
 0%,100%{transform:scale(1) rotate(0)}
 28%{transform:scale(1.055) rotate(-2deg)}
 62%{transform:scale(1.05) rotate(2deg)}
}
/* A friendly invitation to trace the illustrated circular guide. */
#app .zw165-mix .zw161-circle-guide{
 filter:drop-shadow(0 0 5px #ffeab18b) drop-shadow(0 2px 2px #6c4d3c4d)!important;
}
#app .zw165-mix.zw161-manual .zw161-circle-guide{
 animation:none!important;
 opacity:.55!important;
}
/* The recipe appears to rise and become baked inside the REAL illustrated oven.
   Baked pastry uses the existing per-recipe artwork, not a generic disc. */
#app .zw165-bake .zw160-oven-wrap .zw165-oven-pastry{
 transform-origin:50% 80%!important;
 transition:transform .65s cubic-bezier(.17,.77,.27,1),opacity .48s ease,filter .48s ease!important;
}
#app .zw165-bake .zw160-oven-wrap.zw206-bake-step-1 .zw165-oven-pastry{
 opacity:.32!important;
 transform:translateY(8px) scale(.72)!important;
 filter:saturate(.72) brightness(1.14) drop-shadow(0 1px 1px #8a593c42)!important;
}
#app .zw165-bake .zw160-oven-wrap.zw206-bake-step-2 .zw165-oven-pastry{
 opacity:.73!important;
 transform:translateY(3px) scale(.88)!important;
 filter:saturate(.91) brightness(1.07) drop-shadow(0 1px 2px #87553f74)!important;
}
#app .zw165-bake .zw160-oven-wrap.zw206-bake-step-3 .zw165-oven-pastry{
 opacity:1!important;
 transform:translateY(0px) scale(1)!important;
 filter:saturate(1.10) drop-shadow(0 2px 3px #8e603a8c)!important;
}
/* The progress symbols gently hop only once when earned. */
#app .zw165-bake .zw166-bake-star.zw166-baked{
 transform-origin:center center!important;
 filter:drop-shadow(0 0 7px #ffe8a1) saturate(1.12)!important;
}
/* At the end the child may feed either character with one tap, besides dragging
   the treat from the plate. Large original illustrated characters are the buttons. */
#app .zw165-win .zw160-character{
 cursor:pointer!important;
 touch-action:manipulation!important;
 -webkit-tap-highlight-color:transparent!important;
 transition:filter .18s ease,scale .18s ease!important;
}
#app .zw165-win .zw160-character:active{
 scale:.95!important;
 filter:drop-shadow(0 0 11px #ffe1a5) drop-shadow(0 2px 2px #855f425e)!important;
}
#app .zw165-win .zw160-character:focus-visible{
 outline:4px dashed #ffe7b0!important;outline-offset:2px!important;
}
#app .zw165-win .zw160-character.zw162-fed{
 animation:zw206-fed-giggle .66s cubic-bezier(.15,.86,.24,1) both!important;
 filter:drop-shadow(0 0 10px #ffe8a4)!important;
}
@keyframes zw206-fed-giggle{
 0%,100%{transform:rotate(0deg) scale(1)}
 22%{transform:rotate(-5deg) scale(1.07)}
 46%{transform:rotate(5deg) scale(1.09)}
 70%{transform:rotate(-3deg) scale(1.035)}
}
/* Keep page responsive and free of clipped controls on small iPhones. */
@media(orientation:landscape) and (max-height:440px){
 #app .zw165-mix .zw160-stir-progress span{width:17px!important;height:17px!important}
 #app .zw165-win .zw160-character:active{scale:.98!important}
}
@media(prefers-reduced-motion:reduce){
 #app .zw165-mix .zw160-stir-progress span.zw206-new-progress,
 #app .zw165-mix .zw160-bowl-unit.zw206-bowl-complete,
 #app .zw165-win .zw160-character.zw162-fed{
  animation:none!important;
 }
 #app .zw165-bake .zw160-oven-wrap .zw165-oven-pastry{
  transition:none!important;
 }
}