/* Zählwiese Backstube v161 — premium interaction polish, not a second old scene. */
#app .zw161{
 -webkit-font-smoothing:antialiased!important;
}
#app .zw161 .zw160-canvas{
 isolation:isolate!important;
}
#app .zw161 .zw160-characters .zw160-character{
 filter:drop-shadow(0 3px 2px rgba(105,70,43,.15))!important;
}
#app .zw161 .zw160-bowl-unit{
 filter:drop-shadow(0 4px 2px rgba(109,72,45,.2))!important;
}
#app .zw161 .zw160-heading{
 background:#fff1d5f2!important;
}
#app .zw161 .zw160-circle{
 min-width:70px!important;
 min-height:70px!important;
}
#app .zw161 .zw160-choose-friends::before {
 content:'';position:absolute;z-index:0;pointer-events:none;
 width:80%;height:35%;top:0;left:10%;
 background:url('/bakery-v141/paper-garland.webp') center/contain no-repeat;opacity:.95;
}
#app .zw161 .zw160-choose-friends img {
 position:relative;z-index:1;filter:drop-shadow(0 3px 3px rgba(104,65,40,.19));
}
#app .zw161 .zw160-recipe-grid {
 border:5px solid #b27c4f!important;
 background:#fef0d7f4!important;
 box-shadow:inset 0 3px 0 #fffae9,0 6px 10px rgba(105,68,41,.23)!important;
}
#app .zw161 .zw160-recipe:focus-visible,
#app .zw161 .zw160-ingredient:focus-visible{
 outline:4px dotted #805734!important;
 outline-offset:3px!important;
}
#app .zw161 .zw160-recipe img{
 filter:drop-shadow(0 2px 1px #9b6f4540)!important;
}
#app .zw161 .zw160-count-lesson{
 background:#fff2d8f5!important;
}
#app .zw161 .zw160-count-item.zw160-ticked:after {
 border-radius:9px!important;
 transform:rotate(-25deg)!important;
}
#app .zw161 .zw160-tray{
 background:#fff0d4f0!important;
 box-shadow:0 3px #fff9e8 inset,0 5px 10px rgba(106,67,41,.20)!important;
}
#app .zw161 .zw160-ingredient{
 min-height:52px!important;
}
#app .zw161 .zw160-ingredient img{
 transition:transform .16s ease!important;
}
#app .zw161 .zw160-ingredient:active img{transform:scale(.88) rotate(-6deg)!important}
#app .zw161 .zw160-bowl-hop{animation:zw161-bowl-hop .5s ease-out both!important}
#app .zw161 .zw160-whisk-control{
 background-image:url('/picnic-v120/token-mint.webp')!important;
}
#app .zw161 .zw160-whisk-control img,
#app .zw161 .zw160-whisk-art,
#app .zw161 .zw160-tool-image[src*="whisk-upright.webp"]{
 transform:none!important;
 object-fit:contain!important;
}
#app .zw161 .zw160-whisk-actor{
 width:31%!important;height:61%!important;left:35%!important;top:-6%!important;
 transform-origin:49% 73%!important;
 z-index:7!important;
}
#app .zw161 .zw160-whisk-art{
 filter:drop-shadow(0 2px 2px #503c2c70)!important;
}
#app .zw161.zw160-stirring .zw160-whisk-actor{
 animation:zw161-whisk-circle .63s ease-in-out infinite!important;
}
#app .zw161.zw161-manual .zw160-whisk-actor{
 animation:none!important;
 transform:translate(var(--zw161-x,0px),var(--zw161-y,0px)) rotate(var(--zw161-angle,0deg))!important;
 transition:transform .08s ease-out!important;
}
#app .zw161 .zw160-bowl-mixing{
 touch-action:none!important;-webkit-tap-highlight-color:transparent!important;
}
#app .zw161 .zw160-bowl-mixing .zw160-bowl-target{pointer-events:none!important}
#app .zw161 .zw160-bowl-foreground{
 z-index:8!important;
}
#app .zw161 .zw161-circle-guide{
 width:58px!important;height:24px!important;
 pointer-events:none!important;position:relative!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 background:url('/bakery-v152/stir-circular-marks.webp') center/contain no-repeat!important;
 opacity:.85!important;
}
#app .zw161.zw160-stirring .zw161-circle-guide{
 animation:zw161-guide-move 1.4s ease-in-out infinite alternate!important;
}
#app .zw161 .zw160-stir-progress span{
 width:18px!important;height:18px!important;
 border:3px solid #936a49!important;
 background:#fff6e6!important;
 transition:background .16s ease,transform .2s ease!important;
}
#app .zw161 .zw160-stir-progress span.done{
 background:#91bf82!important;
 box-shadow:0 1px 6px rgba(95,138,75,.35)!important;
 transform:scale(1.12)!important;
}
#app .zw161 .zw160-mix-bottom{
 gap:3px!important;
}
#app .zw161 .zw160-bake-bottom .zw160-circle{
 background-image:url('/picnic-v120/token-rose.webp')!important;
}
#app .zw161 .zw160-oven-wrap{
 filter:drop-shadow(0 3px 3px #5b403d2d)!important;
}
#app .zw161 .zw161-oven-steam{
 position:absolute!important;
 left:30%!important;top:-5%!important;
 width:40%!important;height:25%!important;
 opacity:0!important;pointer-events:none!important;z-index:10!important;
}
#app .zw161.zw160-baking .zw161-oven-steam{
 animation:zw161-steam 2s ease-in-out infinite!important;
}
#app .zw161 .zw160-result-dish{
 filter:drop-shadow(0 6px 4px rgba(101,68,43,.2))!important;
}
#app .zw161 .zw160-win-stars img{
 animation:zw161-stars 2.4s ease-in-out infinite alternate!important;
}
#app .zw161 .zw160-win-stars img:nth-child(2){animation-delay:-.9s!important}
#app .zw161 .zw160-win-stars img:nth-child(3){animation-delay:-1.5s!important}
.zw161-flying-ingredient{
 position:fixed!important;z-index:9999!important;pointer-events:none!important;
 width:69px!important;height:69px!important;object-fit:contain!important;
 transform:translate(-50%,-50%)!important;
 animation:zw161-fly-food .72s cubic-bezier(.3,.56,.36,1) both!important;
 filter:drop-shadow(0 2px 2px #80664a4f)!important;
}
@keyframes zw161-fly-food{
 0%{opacity:1;transform:translate(-50%,-50%) scale(.85) rotate(0deg)}
 45%{opacity:1;transform:translate(calc(-50% + var(--fx-half)),calc(-50% + var(--fy-half) - 20px)) scale(1.02) rotate(-9deg)}
 100%{opacity:0;transform:translate(calc(-50% + var(--fx)),calc(-50% + var(--fy))) scale(.26) rotate(24deg)}
}
@keyframes zw161-whisk-circle{
 0%,100%{transform:translate(-6px,1px) rotate(-10deg)}
 25%{transform:translate(1px,-5px) rotate(1deg)}
 50%{transform:translate(7px,0) rotate(11deg)}
 75%{transform:translate(0,5px) rotate(-2deg)}
}
@keyframes zw161-bowl-hop{
 0%,100%{transform:translateY(0) scale(1)}
 50%{transform:translateY(-5px) scale(1.025)}
}
@keyframes zw161-steam{
 0%{opacity:0;transform:translateY(12px) scale(.7)}
 40%,65%{opacity:.82}
 100%{opacity:0;transform:translateY(-20px) scale(1.1)}
}
@keyframes zw161-guide-move{to{transform:rotate(12deg) scale(1.08)}}
@keyframes zw161-stars{to{transform:translateY(-5px) rotate(8deg) scale(1.05)}}
@media(orientation:landscape){
 #app .zw161 .zw160-whisk-actor{width:29%!important;height:63%!important;top:-9%!important;left:36%!important}
 #app .zw161 .zw161-circle-guide{width:46px!important;height:17px!important}
 #app .zw161 .zw160-stir-progress span{width:15px!important;height:15px!important}
 #app .zw161 .zw160-mix-bottom{gap:1px!important}
}
@media(orientation:portrait) and (max-height:620px){
 #app .zw161 .zw161-circle-guide{width:37px!important;height:15px!important}
 #app .zw161 .zw160-stir-progress span{width:14px!important;height:14px!important}
 #app .zw161 .zw160-mix-bottom{gap:0!important}
 #app .zw161 .zw160-whisk-actor{width:28%!important;height:57%!important;top:-6%!important}
}
@media(prefers-reduced-motion:reduce){
 #app .zw161 *{animation:none!important;transition:none!important}
 .zw161-flying-ingredient{animation:none!important;display:none!important}
}

/* 161b: exact drawing dimensions. Whisk stays entirely inside bowl and action button. */
#app .zw161 .zw160-whisk-actor{
 width:21%!important;height:46%!important;
 left:39.5%!important;top:14%!important;
 transform-origin:52% 78%!important;
}
#app .zw161 .zw160-whisk-control{
 display:flex!important;
 align-items:center!important;justify-content:center!important;
 overflow:visible!important;
}
#app .zw161 .zw160-whisk-control img{
 display:block!important;
 flex:none!important;
 width:52%!important;height:56%!important;
 min-width:0!important;min-height:0!important;
 max-width:52%!important;max-height:56%!important;
 object-fit:contain!important;
 align-self:center!important;justify-self:center!important;
}
#app .zw161 .zw160-tool-lesson .zw160-tool-image,
#app .zw161 .zw160-tool-image[src*="whisk-upright.webp"]{
 width:clamp(43px,13vw,75px)!important;
 max-width:75px!important;
 height:72%!important;max-height:72%!important;
 object-fit:contain!important;
}
@media(orientation:landscape){
 #app .zw161 .zw160-whisk-actor{
  width:20%!important;height:46%!important;top:10%!important;left:40%!important;
 }
 #app .zw161 .zw160-whisk-control img{width:50%!important;height:55%!important}
}
@media(orientation:portrait) and (max-height:620px){
 #app .zw161 .zw160-whisk-actor{
  width:19%!important;height:43%!important;top:14%!important;left:40.5%!important;
 }
 #app .zw161 .zw160-whisk-control img{width:48%!important;height:52%!important}
}

/* Keep the hand-drawn whisk legible in the large toddler control. */
#app .zw161 .zw160-whisk-control img{
 width:82%!important;height:82%!important;
 max-width:82%!important;max-height:82%!important;
}
@media(orientation:landscape){
 #app .zw161 .zw160-whisk-control img{width:78%!important;height:78%!important;max-width:78%!important;max-height:78%!important}
}