/* Picknick 2.3 – original hand-painted Backstube number hands, no Canvas graphics. */
#app .zw107 .zw107-order .zw233-goal{
 position:relative!important;display:flex!important;flex:1 1 0!important;
 flex-direction:column!important;justify-content:center!important;align-items:center!important;
 min-width:0!important;max-width:none!important;padding:0 1px!important;touch-action:none!important;
}
#app .zw107 .zw107-order .zw233-request{
 display:flex!important;flex:1 1 auto!important;flex-direction:row!important;
 justify-content:center!important;align-items:center!important;gap:2px!important;
 width:100%!important;height:80%!important;min-height:0!important;
 padding:0!important;min-width:0!important;overflow:visible!important;
}
#app .zw107 .zw233-ingredient{
 display:flex!important;flex:0 0 52%!important;align-items:center!important;
 justify-content:center!important;height:86%!important;width:52%!important;
 min-width:0!important;max-width:52%!important;transform-origin:center center!important;
}
#app .zw107 .zw233-ingredient img.zw232-food,
#app .zw107 .zw233-ingredient img.zw231-food,
#app .zw107 .zw233-ingredient img.zw229-food,
#app .zw107 .zw233-ingredient img.zw108-foodimg{
 position:static!important;display:block!important;inset:auto!important;
 width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
 max-width:100%!important;max-height:100%!important;
 object-fit:contain!important;object-position:center!important;
 transform:none!important;animation:none!important;
 filter:drop-shadow(0 2px 1px rgba(99,59,31,.27))!important;pointer-events:none!important;
}
#app .zw107 .zw233-number-hand{
 position:relative!important;display:flex!important;flex:0 0 46%!important;
 justify-content:center!important;align-items:center!important;
 height:100%!important;width:46%!important;max-width:46%!important;
 min-width:0!important;min-height:0!important;overflow:visible!important;pointer-events:none!important;
}
#app .zw107 .zw233-number-hand img.zw233-hand-art{
 position:static!important;display:block!important;inset:auto!important;
 height:100%!important;width:100%!important;max-height:100%!important;max-width:100%!important;
 object-fit:contain!important;object-position:center center!important;
 filter:drop-shadow(1px 2px 1px rgba(85,49,28,.28))!important;
 animation:zw233-hand-appear .53s cubic-bezier(.16,.75,.35,1) both!important;
 transform-origin:50% 85%!important;image-rendering:auto!important;pointer-events:none!important;
}
#app .zw107 .zw233-number-hand img.zw233-done-art{
 width:84%!important;height:82%!important;
 filter:drop-shadow(0 0 7px #fff0a9) drop-shadow(0 2px 1px #825b45)!important;
 animation:zw233-heart-success .78s cubic-bezier(.2,.8,.2,1) both!important;
}
#app .zw107 .zw233-progress{
 position:relative!important;display:flex!important;justify-content:center!important;
 align-items:center!important;flex:0 0 18%!important;height:18%!important;
 min-height:10px!important;gap:clamp(3px,1vw,6px)!important;
 margin:0!important;padding:0!important;overflow:visible!important;z-index:2!important;
}
#app .zw107 .zw233-progress i{
 flex:0 0 auto!important;display:block!important;
 width:clamp(8px,2.35vw,12px)!important;height:clamp(8px,2.35vw,12px)!important;
 min-width:8px!important;min-height:8px!important;
 border:2px solid #855633!important;border-radius:50%!important;
 background:#fdf0cf!important;box-shadow:0 1px 2px #593a2948!important;
 transform:scale(1)!important;transition:background .2s ease,transform .25s ease,box-shadow .25s ease!important;
}
#app .zw107 .zw233-progress i.yes{
 background:#8dcb64!important;border-color:#5c9144!important;
 box-shadow:0 0 5px #fef0a1b8!important;transform:scale(1.13)!important;
}
#app .zw107 .zw233-goal-done .zw233-ingredient{animation:zw233-goal-nod .7s ease-out 1!important}
#app .zw107 .zw233-goal-done .zw233-progress i.yes{
 background:#85bf62!important;border-color:#477a42!important;
}
@keyframes zw233-hand-appear{
 0%{opacity:.18;transform:translateY(7px) rotate(-4deg) scale(.82)}
 56%{opacity:1;transform:translateY(-3px) rotate(3deg) scale(1.08)}
 100%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}
}
@keyframes zw233-heart-success{
 0%{opacity:0;transform:translateY(8px) rotate(-9deg) scale(.35)}
 44%{opacity:1;transform:translateY(-6px) rotate(8deg) scale(1.16)}
 73%{opacity:1;transform:translateY(-1px) rotate(-3deg) scale(.94)}
 100%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}
}
@keyframes zw233-goal-nod{
 0%,100%{transform:translateY(0) scale(1)}
 45%{transform:translateY(-3px) scale(1.08)}
}
@media (min-aspect-ratio:6/5){
 #app .zw107 .zw107-order .zw233-request{height:80%!important;gap:3px!important}
 #app .zw107 .zw233-ingredient{flex-basis:49%!important;max-width:49%!important;height:89%!important}
 #app .zw107 .zw233-number-hand{flex-basis:47%!important;width:47%!important;max-width:47%!important}
 #app .zw107 .zw233-progress{height:16%!important;flex-basis:16%!important;min-height:8px!important;gap:5px!important}
 #app .zw107 .zw233-progress i{width:9px!important;height:9px!important}
}
@media (max-width:375px) and (orientation:portrait){
 #app .zw107 .zw107-order .zw233-goal{padding:0!important}
 #app .zw107 .zw107-order .zw233-request{gap:0!important}
 #app .zw107 .zw233-ingredient{flex-basis:49%!important;max-width:49%!important}
 #app .zw107 .zw233-number-hand{flex-basis:50%!important;width:50%!important;max-width:50%!important}
 #app .zw107 .zw233-progress{gap:3px!important}
 #app .zw107 .zw233-progress i{width:8px!important;height:8px!important}
}
@media(prefers-reduced-motion:reduce){
 #app .zw107 .zw233-hand-art,#app .zw107 .zw233-number-hand img.zw233-done-art,
 #app .zw107 .zw233-goal-done .zw233-ingredient{animation:none!important;transition:none!important}
}