/* V177 – zwei Varianten der handgemalten Zahlenjagd */
#app .zw170-launch .zw177-hunt-modes{
 width:min(96%,520px)!important;flex:0 0 auto!important;
 display:flex!important;align-items:flex-end!important;justify-content:space-evenly!important;
 gap:clamp(8px,4vw,28px)!important;margin-bottom:1.1vh!important;
}
#app .zw170-launch .zw177-mode-button{
 position:relative!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;
 width:47%!important;max-width:190px!important;
 min-height:91px!important;padding:0!important;gap:1px!important;
 background:transparent!important;border:none!important;box-shadow:none!important;
 cursor:pointer!important;touch-action:manipulation!important;
 -webkit-tap-highlight-color:transparent!important;
}
#app .zw170-launch .zw177-mode-button img{
 width:clamp(70px,21vw,100px)!important;height:clamp(70px,21vw,100px)!important;
 object-fit:contain!important;pointer-events:none!important;
 filter:drop-shadow(0 3px 3px #533d2d66)!important;
}
#app .zw170-launch .zw177-mode-button span{
 display:block!important;max-width:100%!important;
 padding:5px 10px 6px!important;white-space:nowrap!important;
 font-family:"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif!important;
 font-size:clamp(12px,3.6vw,17px)!important;font-weight:800!important;
 color:#70462b!important;line-height:1.05!important;text-shadow:0 1px 0 #ffefc0!important;
 background:#f8e7c8 url('/bakery-v166/woodlabel.webp') center/100% 100% no-repeat!important;
 border-radius:18px!important;
}
#app .zw170-launch .zw177-mode-button:active img{transform:scale(.92)!important}
#app .zw170-launch .zw177-mode-button:focus-visible{outline:3px solid #86552f!important;border-radius:20px!important}
#app .zw95-hunt .zw95-hunt-bubble{width:clamp(56px,17vw,78px)!important;height:clamp(56px,17vw,78px)!important;min-width:56px!important;min-height:56px!important}
#app .zw95-hunt.zw177-still .zw95-hunt-bubble:not(.is-popped):not(.is-burst):not(.zw91-wrong){
 animation:zw177-soft-sway 5.3s ease-in-out infinite!important;
 animation-delay:var(--wobble-delay,0s)!important;
}
#app .zw95-hunt.zw177-still .zw95-hunt-bubble>img:first-child{
 animation:none!important;
}
#app .zw95-hunt.zw177-flying .zw95-hunt-bubble>img:first-child{
 animation:none!important;
}
@keyframes zw177-soft-sway {
 0%,100%{transform:translate(-50%,-50%) rotate(-1.4deg)}
 25%{transform:translate(calc(-50% + 2px),calc(-50% - 2px)) rotate(.8deg)}
 50%{transform:translate(calc(-50% - 1px),calc(-50% + 2px)) rotate(1.4deg)}
 75%{transform:translate(calc(-50% + 1px),calc(-50% - 2px)) rotate(-.7deg)}
}
#app .zw95-hunt.zw177-flying .zw91-title{background-image:url('/hunt-v177/flying-title.webp')!important}
#app .zw95-hunt.zw177-flying .zw95-hunt-bubble{will-change:left,top!important}
#app .zw95-hunt .zw91-hunt-step i{max-width:18px!important;min-width:0!important}
@media(orientation:portrait) and (max-width:354px){
 #app .zw95-hunt .zw95-hunt-bubble{width:clamp(53px,16.8vw,63px)!important;height:clamp(53px,16.8vw,63px)!important;min-width:53px!important;min-height:53px!important}
 #app .zw170-launch .zw177-mode-button span{font-size:11px!important;padding:4px 7px!important}
}
@media(orientation:landscape) and (max-height:650px){
 #app .zw170-launch .zw177-hunt-modes{
  grid-area:2/3!important;align-self:center!important;justify-self:center!important;
  width:100%!important;height:100%!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;gap:5px!important;
 }
 #app .zw170-launch .zw177-mode-button{width:100%!important;min-height:0!important;max-height:50%!important;gap:0!important}
 #app .zw170-launch .zw177-mode-button img{width:min(19vh,78px)!important;height:min(19vh,78px)!important}
 #app .zw170-launch .zw177-mode-button span{font-size:clamp(10px,2.8vh,15px)!important;padding:2px 5px!important}
 #app .zw95-hunt .zw95-hunt-bubble{width:clamp(49px,13vh,64px)!important;height:clamp(49px,13vh,64px)!important;min-width:49px!important;min-height:49px!important}
}
@media(prefers-reduced-motion:reduce){
 #app .zw95-hunt.zw177-still .zw95-hunt-bubble{animation:none!important;transform:translate(-50%,-50%)!important}
 #app .zw95-hunt.zw177-flying .zw95-hunt-bubble{will-change:auto!important}
}