/* V165b: real painted sprites, aligned as one scene. No synthetic replacement artwork. */
#app .zw165 .zw160-lesson,
#app .zw165 .zw160-tray,
#app .zw165 .zw160-recipe-grid{
 background-image:url('/bakery-v165/instruction-clean.webp')!important;
}
#app .zw165 .zw160-characters{overflow:visible!important}
#app .zw165 .zw160-scene .zw160-character{
 width:32%!important;height:72%!important;bottom:0!important;
 z-index:6!important;transform-origin:50% 92%!important;
}
#app .zw165 .zw160-scene .zw160-moritz{left:-1%!important}
#app .zw165 .zw160-scene .zw160-igor{right:-1%!important}
#app .zw165 .zw160-scene .zw160-character img{
 width:100%!important;height:100%!important;
 object-fit:contain!important;object-position:center bottom!important;
 image-rendering:auto!important;
}
#app .zw165 .zw160-scene .zw160-bowl-unit{
 width:53%!important;left:23.5%!important;height:58%!important;
 bottom:0!important;z-index:7!important;
 filter:drop-shadow(0 4px 3px rgba(93,58,36,.24))!important;
}
#app .zw165 .zw160-scene .zw160-bowl-base,
#app .zw165 .zw160-scene .zw160-bowl-foreground{
 object-fit:contain!important;image-rendering:auto!important;
}
#app .zw165 .zw160-scene .zw160-bowl-target{
 top:24%!important;height:54%!important;left:12%!important;width:76%!important;
}
#app .zw165 .zw160-scene .zw160-whisk-actor{
 left:38%!important;top:-9%!important;
 width:25%!important;height:62%!important;
}
#app .zw165 .zw160-tray{gap:clamp(5px,1.7vw,13px)!important}
#app .zw165 .zw160-ingredient{
 border-radius:50%!important;overflow:visible!important;
}
#app .zw165 .zw160-ingredient img{
 object-fit:contain!important;image-rendering:auto!important;
}
#app .zw165 .zw160-lesson-end img,
#app .zw165 .zw160-lesson-end-image,
#app .zw165 .zw160-count-item img{
 image-rendering:auto!important;
}
@media(orientation:landscape){
 #app .zw165 .zw160-scene .zw160-character{
  width:30%!important;height:92%!important;bottom:0!important;
 }
 #app .zw165 .zw160-scene .zw160-bowl-unit{
  width:43%!important;left:28.5%!important;height:84%!important;bottom:0!important;
 }
 #app .zw165 .zw160-scene .zw160-whisk-actor{
  width:24%!important;height:65%!important;top:-9%!important;
 }
}
@media(orientation:portrait) and (max-height:640px){
 #app .zw165 .zw160-scene .zw160-character{width:32%!important;height:68%!important}
 #app .zw165 .zw160-scene .zw160-bowl-unit{width:49%!important;left:25.5%!important;height:54%!important}
}
