/* Backstube V163 — tactile, real pencil-textured asset buttons + reactive drag targets. */
#app .zw163 .zw160-circle,
#app .zw163 .zw160-recipe,
#app .zw163 .zw160-ingredient{
 -webkit-tap-highlight-color:transparent!important;
 touch-action:none!important;
 border:0!important;
 background-size:100% 100%!important;
 background-repeat:no-repeat!important;
 background-position:center!important;
 transition:transform .17s cubic-bezier(.16,1.2,.4,1),filter .16s ease!important;
 filter:drop-shadow(0 5px 2px rgba(77,51,33,.25))!important;
}
#app .zw163 .zw160-circle{
 background-image:url('/bakery-v163/button-mint.webp')!important;
 padding:clamp(10px,2vw,16px)!important;
}
#app .zw163 .zw160-circle.zw160-tray-button{
 background-image:url('/bakery-v163/button-berry.webp')!important;
}
#app .zw163 .zw160-recipe{
 background-image:url('/bakery-v163/button-honey.webp')!important;
 padding:clamp(5px,1vw,8px)!important;
}
#app .zw163 .zw160-recipe:nth-child(even){
 background-image:url('/bakery-v163/button-berry.webp')!important;
}
#app .zw163 .zw160-recipe:nth-child(3n){
 background-image:url('/bakery-v163/button-mint.webp')!important;
}
#app .zw163 .zw160-ingredient{
 background-image:url('/bakery-v163/button-honey.webp')!important;
 min-width:0!important;
 padding:clamp(4px,1.2vw,9px)!important;
}
#app .zw163 .zw160-ingredient:nth-child(2),
#app .zw163 .zw160-ingredient:nth-child(5){
 background-image:url('/bakery-v163/button-berry.webp')!important;
}
#app .zw163 .zw160-ingredient:nth-child(3){
 background-image:url('/bakery-v163/button-mint.webp')!important;
}
#app .zw163 .zw160-ingredient:nth-child(4){
 background-image:url('/bakery-v163/button-sky.webp')!important;
}
#app .zw163 .zw160-recipe img,
#app .zw163 .zw160-ingredient img{
 width:88%!important;height:88%!important;
 max-width:88%!important;max-height:88%!important;
 object-fit:contain!important;
 filter:drop-shadow(0 2px 1px rgba(99,66,41,.18))!important;
}
#app .zw163 .zw160-circle img{
 width:76%!important;height:76%!important;
 max-width:76%!important;max-height:76%!important;
 object-fit:contain!important;
 margin:auto!important;
 filter:drop-shadow(0 1px 1px rgba(101,69,46,.18))!important;
}
#app .zw163 .zw160-whisk-control img{
 width:76%!important;height:78%!important;
 max-width:76%!important;max-height:78%!important;
}
#app .zw163 .zw160-circle:active,
#app .zw163 .zw160-recipe:active,
#app .zw163 .zw160-ingredient:active{
 transform:translateY(3px) scale(.95)!important;
 filter:drop-shadow(0 1px 1px rgba(77,51,33,.3))!important;
}
#app .zw163 .zw160-ingredient.zw163-drag-origin,
#app .zw163 .zw160-circle.zw163-drag-origin{
 opacity:.52!important;
 transform:scale(.95)!important;
}
#app .zw163 .zw160-bowl-unit.zw163-can-drop:after,
#app .zw163 .zw160-oven-wrap.zw163-can-drop:after{
 content:''!important;
 position:absolute!important;
 inset:15% 7% 15%!important;
 border:4px dashed #b38350!important;
 border-radius:46%!important;
 background:rgba(254,229,173,.14)!important;
 z-index:12!important;
 pointer-events:none!important;
 animation:zw163-ready .66s ease-in-out infinite alternate!important;
}
#app .zw163 .zw160-oven-wrap.zw163-can-drop:after{
 inset:19% 18% 18%!important;
 border-radius:25%!important;
}
#app .zw163 .zw160-bowl-unit.zw163-can-drop,
#app .zw163 .zw160-oven-wrap.zw163-can-drop{
 filter:drop-shadow(0 0 9px #e8b770aa)!important;
}
#app .zw163 .zw163-oven-accept{
 animation:zw163-oven-accept .36s ease-out 1!important;
}
#app .zw163 .zw163-used{
 opacity:.62!important;pointer-events:none!important;
}
#app .zw163 .zw160-oven-scene .zw160-oven-wrap{
 transition:filter .15s ease!important;
}
#app .zw163 .zw160-bowl-unit.zw160-bowl-hop{
 animation:zw161-bowl-hop .44s ease-out 1!important;
}
.zw163-flying-tray{
 position:fixed!important;
 left:0;top:0;
 width:clamp(68px,17vw,120px)!important;
 height:clamp(65px,17vw,110px)!important;
 z-index:999999!important;
 object-fit:contain!important;
 transform:translate(-50%,-50%)!important;
 animation:zw163-tray-flight .98s cubic-bezier(.25,.85,.38,1) both!important;
 pointer-events:none!important;
 filter:drop-shadow(0 7px 3px #60483155)!important;
}
#app .zw163 .zw160-ghost,
.zw160-ghost{
 width:clamp(75px,20vw,116px)!important;
 height:clamp(75px,20vw,116px)!important;
}
.zw160-ghost img{
 width:100%!important;height:100%!important;
 object-fit:contain!important;
 filter:drop-shadow(0 2px 2px #77533f44)!important;
}
@keyframes zw163-ready{from{opacity:.47;transform:scale(.985)}to{opacity:1;transform:scale(1.028)}}
@keyframes zw163-oven-accept{0%,100%{transform:scale(1)}55%{transform:scale(1.035)}}
@keyframes zw163-tray-flight{
 0%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(-7deg)}
 40%{opacity:1;transform:translate(calc(-50% + var(--flight-x40)),calc(-50% + var(--flight-y40))) scale(1) rotate(4deg)}
 100%{opacity:0;transform:translate(calc(-50% + var(--flight-x)),calc(-50% + var(--flight-y))) scale(.3) rotate(0)}
}
@media(orientation:landscape){
 #app .zw163 .zw160-ingredient{padding:2px!important}
 #app .zw163 .zw160-circle{padding:9px!important}
 #app .zw163 .zw160-whisk-control img{width:75%!important;height:75%!important}
}
@media(prefers-reduced-motion:reduce){
 #app .zw163 *,#app .zw163 *:before,#app .zw163 *:after{animation:none!important;transition:none!important}
 .zw163-flying-tray{animation:none!important;display:none!important}
}

/* The oven must not obscure the faces of Moritz and Igor. */
#app .zw163 .zw160-oven-wrap{
 width:53%!important;left:23.5%!important;
 height:70%!important;bottom:1%!important;
}
#app .zw163 .zw160-oven-scene .zw160-characters .zw160-character{
 width:34%!important;height:72%!important;bottom:3%!important;
}
#app .zw163 .zw160-oven-art{
 object-fit:contain!important;
}
#app .zw163 .zw160-oven-wrap.zw163-can-drop:after{
 inset:19% 12% 20%!important;
}
@media(orientation:landscape){
 #app .zw163 .zw160-oven-wrap{
  width:47%!important;left:26.5%!important;
  height:81%!important;bottom:0!important;
 }
 #app .zw163 .zw160-oven-scene .zw160-characters .zw160-character{
  width:29%!important;height:88%!important;bottom:1%!important;
 }
}
@media(orientation:portrait) and (max-height:620px){
 #app .zw163 .zw160-oven-wrap{
  width:49%!important;left:25.5%!important;height:66%!important;
 }
}

/* Recipe sheet and mixing utensil remain recognisable at small iPhone sizes. */
#app .zw163 .zw160-tray-button img{
 width:95%!important;height:95%!important;
 max-width:95%!important;max-height:95%!important;
 filter:drop-shadow(0 2px 2px #67462b55)!important;
}
#app .zw163 .zw160-whisk-control img{
 width:85%!important;height:86%!important;
 max-width:85%!important;max-height:86%!important;
 filter:drop-shadow(0 1px 2px #65483155)!important;
}
@media(orientation:landscape){
 #app .zw163 .zw160-tray-button img{
  width:95%!important;height:95%!important;max-width:95%!important;max-height:95%!important;
 }
 #app .zw163 .zw160-whisk-control img{
  width:83%!important;height:82%!important;max-width:83%!important;max-height:82%!important;
 }
}