/* Zählwiese – Zahlenjagd 174. Pencil-and-wax illustrated game, no sterile circles. */
#app .zw95-hunt.main-content{
 position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;max-height:100dvh!important;
 margin:0!important;padding:0!important;
 overflow:hidden!important;isolation:isolate!important;
 background:#bde4ab url('/home-v126/background-portrait.webp') center / 100% 100% no-repeat!important;
 touch-action:manipulation!important;
}
#app .zw95-hunt .zw91-title{
 position:absolute!important;
 left:15%!important;top:1.5%!important;width:76%!important;height:13%!important;
 background-image:url('/game-start-v173/hunt-sign.webp')!important;
 background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important;
 filter:drop-shadow(0 4px 3px #6e513858)!important;
 pointer-events:none!important;
}
#app .zw95-hunt .zw91-goal{
 position:absolute!important;
 left:4%!important;top:15%!important;width:92%!important;height:18%!important;
 min-height:0!important;
 margin:0!important;padding:0!important;
 display:grid!important;place-items:center!important;
 background:none!important;border:none!important;
 filter:drop-shadow(0 4px 3px #78503844)!important;
}
#app .zw95-hunt .zw91-board-art{
 position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;
 object-fit:fill!important;
}
#app .zw95-hunt .zw91-goal-inner{
 position:relative!important;z-index:3!important;
 width:84%!important;height:84%!important;
 display:flex!important;justify-content:center!important;align-items:center!important;gap:clamp(5px,2vw,17px)!important;
 overflow:visible!important;
}
#app .zw95-hunt .zw95-hunt-goal{
 width:clamp(53px,17vw,74px)!important;height:73%!important;max-width:none!important;
 font-family:'Segoe Print','Chalkboard SE',cursive!important;
 font-size:clamp(37px,11vw,61px)!important;
 color:#80563c!important;text-shadow:1px 1px 0 #fff1d1!important;
 animation:none!important;
}
#app .zw95-hunt .zw91-hunt-step{
 flex:1 1 auto!important;min-width:0!important;height:36%!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:clamp(0px,.32vw,3px)!important;
}
#app .zw95-hunt .zw91-hunt-step i{
 display:block!important;flex:0 1 22px!important;
 min-width:0!important;max-width:22px!important;width:8%!important;
 height:100%!important;aspect-ratio:1!important;
 background:transparent url('/picnic-v109/flower.webp') center / contain no-repeat!important;
 border:none!important;border-radius:0!important;box-shadow:none!important;
 filter:grayscale(1) opacity(.37)!important;
 transform:scale(.76)!important;transition:filter .15s ease,transform .15s ease!important;
}
#app .zw95-hunt .zw91-hunt-step i.is-past{
 filter:none!important;transform:scale(1)!important;
}
#app .zw95-hunt .zw95-hunt-stage{
 position:absolute!important;
 left:4%!important;top:34%!important;width:92%!important;height:53%!important;
 overflow:visible!important;touch-action:manipulation!important;
 background:none!important;border:0!important;box-shadow:none!important;
}
#app .zw95-hunt .zw95-hunt-bubble{
 appearance:none!important;
 position:absolute!important;
 width:clamp(67px,20vw,88px)!important;height:clamp(67px,20vw,88px)!important;
 min-width:67px!important;min-height:67px!important;
 margin:0!important;padding:0!important;
 border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;
 transform:translate(-50%,-50%)!important;transform-origin:center center!important;
 touch-action:manipulation!important;cursor:pointer!important;
 overflow:visible!important;filter:drop-shadow(0 2px 1px rgba(93,117,87,.25))!important;
 transition:none!important;animation:none!important;
}
#app .zw95-hunt .zw95-hunt-bubble>img:first-child{
 display:block!important;width:100%!important;height:100%!important;
 object-fit:contain!important;position:absolute!important;inset:0!important;
 pointer-events:none!important;
 animation:zw174-bubble-float 5.8s ease-in-out infinite!important;
}
#app .zw95-hunt .zw95-hunt-bubble:nth-child(3n)>img:first-child{animation-delay:-1.9s!important}
#app .zw95-hunt .zw95-hunt-bubble:nth-child(3n+1)>img:first-child{animation-delay:-3.1s!important}
#app .zw95-hunt .zw95-hunt-bubble-number{
 position:absolute!important;z-index:3!important;
 left:24%!important;top:19%!important;width:52%!important;height:61%!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 font-family:'Segoe Print','Chalkboard SE',cursive!important;
 color:#704b39!important;text-shadow:1px 1px 0 #fff8e6!important;
 font-size:clamp(27px,8vw,41px)!important;line-height:1!important;
 object-fit:contain!important;
 pointer-events:none!important;white-space:nowrap!important;
}
#app .zw95-hunt .zw95-hunt-bubble:active:not(.is-popped){filter:brightness(1.06) drop-shadow(0 2px 1px #84674655)!important}
#app .zw95-hunt .zw95-hunt-bubble.is-burst{
 animation:zw174-burst .44s ease-out forwards!important;
 pointer-events:none!important;
}
#app .zw95-hunt .zw95-hunt-bubble.is-popped{
 opacity:0!important;pointer-events:none!important;
 animation:none!important;
}
#app .zw95-hunt .zw95-hunt-bubble.zw91-wrong{animation:zw91-wrong .5s ease-in-out!important}
#app .zw95-hunt #zw95Restart,#app:has(.zw95-hunt) #zw95Restart{
 position:absolute!important;
 top:auto!important;bottom:max(5px,env(safe-area-inset-bottom))!important;
 right:max(9px,env(safe-area-inset-right))!important;
 width:clamp(55px,14vw,65px)!important;height:clamp(55px,14vw,65px)!important;
}
#app .zw95-hunt .zw95-hunt-sparks{
 position:absolute!important;inset:0!important;pointer-events:none!important;z-index:99!important;
 overflow:hidden!important;
}
@keyframes zw174-bubble-float{
 0%,100%{transform:translate(0,0) rotate(-2deg)}
 50%{transform:translate(0,-5px) rotate(2deg)}
}
@keyframes zw174-burst{
 0%{opacity:1;transform:translate(-50%,-50%) scale(1)}
 35%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}
 100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}
}
@media(orientation:portrait) and (max-height:655px){
 #app .zw95-hunt .zw91-title{top:0%;height:13%!important}
 #app .zw95-hunt .zw91-goal{top:13%!important;height:18%!important}
 #app .zw95-hunt .zw95-hunt-stage{top:32%!important;height:58%!important}
 #app .zw95-hunt .zw95-hunt-bubble{width:clamp(62px,19vw,76px)!important;height:clamp(62px,19vw,76px)!important}
}
@media(orientation:landscape) and (max-height:630px){
 #app .zw95-hunt.main-content{
  background-image:url('/home-v126/background-landscape.webp')!important;
 }
 #app .zw95-hunt .zw91-title{
  left:57%!important;top:2%!important;width:38%!important;height:21%!important;
 }
 #app .zw95-hunt .zw91-goal{
  left:58%!important;top:26%!important;width:38%!important;height:37%!important;
 }
 #app .zw95-hunt .zw91-goal-inner{width:91%!important;height:92%!important}
 #app .zw95-hunt .zw95-hunt-goal{width:clamp(48px,10vh,71px)!important;height:70%!important;font-size:clamp(31px,9vh,49px)!important}
 #app .zw95-hunt .zw91-hunt-step{gap:0!important}
 #app .zw95-hunt .zw91-hunt-step i{max-width:17px!important}
 #app .zw95-hunt .zw95-hunt-stage{
  left:2%!important;top:7%!important;width:55%!important;height:85%!important;
 }
 #app .zw95-hunt .zw95-hunt-bubble{
  width:clamp(52px,15vh,70px)!important;height:clamp(52px,15vh,70px)!important;
  min-width:52px!important;min-height:52px!important;
 }
 #app .zw95-hunt .zw95-hunt-bubble-number{font-size:clamp(23px,8vh,34px)!important}
 #app:has(.zw95-hunt) #zw95Restart{right:max(8px,env(safe-area-inset-right))!important;bottom:max(5px,env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){
 #app .zw95-hunt .zw95-hunt-bubble>img:first-child{animation:none!important}
 #app .zw95-hunt .zw95-hunt-bubble.is-burst{animation-duration:.08s!important}
 #app .zw95-hunt .zw91-hunt-step i{transition:none!important}
}
