/* Zählwiese Picknick v120: actual alpha-transparent, handpainted round food tokens.
   No rectangles from the previous image crops. Reuses common game celebration. */
#app .zw107 .zw107-food-button{
 background: transparent url('/picnic-v120/token-gold.webp') center center / contain no-repeat!important;
 background-color:transparent!important;
 border:none!important;
 overflow:visible!important;
 box-shadow:none!important;
 outline-offset:-2px!important;
 padding:0!important;
 min-width:0!important;
 min-height:0!important;
 aspect-ratio:1 / 1;
 max-height:100%!important;
 touch-action:none!important;
 user-select:none!important;
 -webkit-user-select:none!important;
 -webkit-touch-callout:none!important;
}
#app .zw107 .zw107-food-button:nth-child(4n+2){
 background-image:url('/picnic-v120/token-rose.webp')!important;
}
#app .zw107 .zw107-food-button:nth-child(4n+3){
 background-image:url('/picnic-v120/token-blue.webp')!important;
}
#app .zw107 .zw107-food-button:nth-child(4n+4){
 background-image:url('/picnic-v120/token-mint.webp')!important;
}
#app .zw107 .zw107-food-button img.zw118-fullfood{
 display:block!important;
 position:absolute!important;
 inset:12%!important;
 width:76%!important;
 height:76%!important;
 max-width:76%!important;
 max-height:76%!important;
 object-fit:contain!important;
 object-position:center center!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
 filter:drop-shadow(0 1px 1px #634c3254)!important;
 pointer-events:none!important;
}
#app .zw107 .zw107-food-grid{
 align-items:center!important;
 justify-items:center!important;
 overflow:visible!important;
}
#app .zw107 .zw107-goal-piece img.zw118-fullfood,
#app .zw107 .zw107-collected img.zw118-fullfood,
#app .zw107 .zw117-reward-food img.zw118-fullfood{
 position:static!important;
 inset:auto!important;
 width:100%!important;
 height:100%!important;
 max-width:100%!important;
 max-height:100%!important;
 object-fit:contain!important;
}
#app .zw107 .zw107-food-button.zw107-hintglow{
 animation:zw107-hint 1s ease-in-out 2!important;
}
@media (max-width:400px) and (orientation:portrait){
 #app .zw107 .zw107-food-grid{gap:1px 4px!important}
 #app .zw107 .zw107-food-button{width:min(100%,95px)!important;max-width:95px!important}
}
@media (min-aspect-ratio:6/5){
 #app .zw107 .zw107-food-button{height:100%!important;aspect-ratio:1/1!important;max-width:min(100%,75px)!important}
}