/* Zählwiese v184 — portrait + landscape illustrated Zahlenjagd selector.
   All artwork is composed from the approved hand-painted assets (not a flattened UI image). */
#app .zw170-launch .zw170-home{
 left:auto!important;right:max(12px,env(safe-area-inset-right))!important;
 top:max(12px,env(safe-area-inset-top))!important;z-index:45!important;
 width:clamp(50px,14vw,66px)!important;height:clamp(50px,14vw,66px)!important;
}
#app .app-header .header-tools{margin-left:auto!important;justify-content:flex-end!important}
#app .app-header #homeBtn{margin-left:auto!important;right:0!important;left:auto!important}
#app .zw170-launch[data-game-start="hunt"]{
 display:block!important;position:relative!important;padding:0!important;
 width:100%!important;height:100dvh!important;max-height:100dvh!important;
 overflow:hidden!important;background:#80c454 url('/home-v126/background-portrait.webp') center center / 100% 100% no-repeat!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw170-title{
 position:absolute!important;z-index:11!important;left:3%!important;top:16%!important;
 display:block!important;width:94%!important;height:16%!important;max-height:none!important;
 object-fit:fill!important;margin:0!important;filter:drop-shadow(0 5px 3px #79451d55)!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw184-characters{
 position:absolute!important;inset:0!important;z-index:8!important;pointer-events:none!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw184-character{
 position:absolute!important;bottom:25%!important;width:47%!important;height:29%!important;
 object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 3px 3px #5c612555)!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw184-moritz{left:-3%!important}
#app .zw170-launch[data-game-start="hunt"] .zw184-igor{right:-3%!important}
#app .zw170-launch[data-game-start="hunt"] .zw184-butterfly{
 position:absolute!important;z-index:6!important;top:35%!important;left:19%!important;
 width:20%!important;height:11%!important;object-fit:contain!important;pointer-events:none!important;
 animation:zw184-butterfly 6s ease-in-out infinite!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw184-floating-field{
 position:absolute!important;z-index:7!important;top:33%!important;left:19%!important;
 width:62%!important;height:24%!important;overflow:visible!important;touch-action:manipulation!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw184-ambient-bubble{
 position:absolute!important;left:0;top:0;z-index:2;display:block!important;
 width:var(--zw184-size,90px)!important;height:var(--zw184-size,90px)!important;
 padding:0!important;border:4px solid #ffffffe8!important;border-radius:50%!important;
 background:radial-gradient(circle at 25% 18%,#fff8 0%,#ecf9ff88 11%,#d8ecff70 38%,#f2d5e24a 71%,#b8e4e141 100%)!important;
 box-shadow:inset -7px -7px 13px #a3cbd63d,inset 7px 8px 10px #fff9,0 3px 5px #2d705b34!important;
 backdrop-filter:blur(1px)!important;-webkit-backdrop-filter:blur(1px)!important;
 -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
 cursor:pointer!important;will-change:transform!important;transform:translate3d(0,0,0);
}
#app .zw170-launch[data-game-start="hunt"] .zw184-ambient-bubble:before{
 content:"";position:absolute;left:13%;top:11%;width:34%;height:26%;
 border-left:4px solid white;border-top:5px solid white;border-radius:60%;
 transform:rotate(-30deg);opacity:.95;pointer-events:none;
}
#app .zw170-launch[data-game-start="hunt"] .zw184-ambient-bubble:focus-visible{outline:5px solid #ab4164!important;outline-offset:5px!important}
#app .zw170-launch[data-game-start="hunt"] .zw184-ambient-bubble.zw184-popping{
 animation:zw184-pop .35s ease-out forwards!important;pointer-events:none!important;
}
@keyframes zw184-pop{0%{scale:1;opacity:1}35%{scale:1.20;opacity:.8}100%{scale:1.6;opacity:0}}
@keyframes zw184-butterfly{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(7px,-7px,0) rotate(4deg)}}
#app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes{
 position:absolute!important;z-index:15!important;left:2%!important;bottom:4.5%!important;top:auto!important;
 width:96%!important;height:22%!important;margin:0!important;padding:0!important;
 display:flex!important;flex-direction:row!important;align-items:flex-end!important;justify-content:space-around!important;
 gap:4%!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes .zw177-mode-button{
 display:flex!important;flex:0 0 47%!important;position:relative!important;
 width:47%!important;max-width:none!important;height:100%!important;max-height:none!important;
 align-items:center!important;justify-content:flex-end!important;gap:0!important;
 flex-direction:column!important;min-height:0!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes .zw177-mode-button img{
 flex:0 0 auto!important;width:min(34vw,17.2dvh,158px)!important;
 height:min(34vw,17.2dvh,158px)!important;max-width:100%!important;
 object-fit:contain!important;filter:drop-shadow(0 3px 3px #4d2f2470)!important;
 transition:transform .15s ease!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw177-mode-button .zw184-plaque{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 width:100%!important;min-width:0!important;max-width:200px!important;
 height:clamp(57px,7.5dvh,91px)!important;min-height:0!important;margin-top:-7px!important;
 padding:4px 5px 7px!important;box-sizing:border-box!important;white-space:normal!important;
 border:3px solid #dfa04c!important;border-radius:42% 47% 40% 46% / 32% 34% 28% 38%!important;
 background:radial-gradient(ellipse,#fffce8 55%,#f9e2a7 100%)!important;
 box-shadow:inset 0 0 0 3px #fff9d4,0 3px 1px #9c572d66!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw177-mode-button .zw184-plaque b{
 display:block;font-family:"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif!important;
 font-weight:1000!important;line-height:1.04!important;white-space:nowrap!important;letter-spacing:-.4px!important;
 font-size:clamp(18px,4.85vw,27px)!important;
 background:linear-gradient(90deg,#e73b42 0%,#e18b2d 20%,#359bc9 37%,#8732ac 62%,#d64187 83%,#54a23c 100%);
 background-clip:text;-webkit-background-clip:text;color:transparent!important;
 -webkit-text-stroke:.46px #723921!important;text-shadow:none!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw177-mode-button:active img{transform:scale(.91)!important}
#app .zw170-launch[data-game-start="hunt"] .zw177-mode-button:focus-visible{outline:5px solid #724825!important;outline-offset:3px!important}
@media(orientation:landscape){
 #app .zw170-launch[data-game-start="hunt"]{
  background:#61b744 url('/hunt-v184/landscape-meadow.webp') center / 100% 100% no-repeat!important;
 }
 #app .zw170-launch[data-game-start="hunt"] .zw170-title{
  left:22%!important;top:2%!important;width:56%!important;height:21%!important;
 }
 #app .zw170-launch[data-game-start="hunt"] .zw184-character{
  bottom:9%!important;width:29%!important;height:47%!important;
 }
 #app .zw170-launch[data-game-start="hunt"] .zw184-moritz{left:1%!important}
 #app .zw170-launch[data-game-start="hunt"] .zw184-igor{right:1%!important}
 #app .zw170-launch[data-game-start="hunt"] .zw184-butterfly{
  left:24%!important;top:25%!important;width:14%!important;height:19%!important;
 }
 #app .zw170-launch[data-game-start="hunt"] .zw184-floating-field{
  left:35%!important;top:21%!important;width:30%!important;height:38%!important;
 }
 #app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes{
  left:25%!important;bottom:3%!important;width:50%!important;height:54%!important;
  grid-area:auto!important;display:flex!important;flex-direction:row!important;gap:6%!important;
  align-self:auto!important;justify-self:auto!important;
 }
 #app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes .zw177-mode-button{
  flex:1 1 47%!important;width:47%!important;height:100%!important;
  max-height:none!important;max-width:none!important;
 }
 #app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes .zw177-mode-button img{
  width:min(31dvh,16vw,155px)!important;height:min(31dvh,16vw,155px)!important;
 }
 #app .zw170-launch[data-game-start="hunt"] .zw177-mode-button .zw184-plaque{
  height:clamp(50px,16dvh,83px)!important;max-width:245px!important;margin-top:-8px!important;
 }
 #app .zw170-launch[data-game-start="hunt"] .zw177-mode-button .zw184-plaque b{
  font-size:clamp(15px,3.5vh,28px)!important;
 }
 #app .zw170-launch .zw170-home{
  right:max(10px,env(safe-area-inset-right))!important;
  top:max(5px,env(safe-area-inset-top))!important;
  width:clamp(44px,12vh,64px)!important;height:clamp(44px,12vh,64px)!important;
 }
}
@media(orientation:portrait) and (max-height:700px){
 #app .zw170-launch[data-game-start="hunt"] .zw170-title{top:12%!important;height:17%!important}
 #app .zw170-launch[data-game-start="hunt"] .zw184-floating-field{top:30%!important}
 #app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes{bottom:3%!important;height:25%!important}
 #app .zw170-launch[data-game-start="hunt"] .zw177-mode-button .zw184-plaque b{font-size:clamp(16px,4.3vw,23px)!important}
}
@media(prefers-reduced-motion:reduce){
 #app .zw170-launch[data-game-start="hunt"] .zw184-butterfly{animation:none!important}
}

/* Large individual rainbow letters remain sharp and readable on 320px iPhones. */
#app .zw170-launch[data-game-start="hunt"] .zw177-mode-button .zw184-plaque b{
 font-size:clamp(23px,6.3vw,30px)!important;
 line-height:1.02!important;
 letter-spacing:-1px!important;
 background:none!important;-webkit-background-clip:initial!important;
 -webkit-text-stroke:0!important;text-shadow:none!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw177-mode-button .zw184-plaque b .zw184-letter{
 display:inline-block!important;font:inherit!important;font-style:normal!important;
 text-shadow:0 1px #fff6d1!important;
 -webkit-text-stroke:.55px #71341a!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw184-letter:nth-of-type(7n+1){color:#db3647!important}
#app .zw170-launch[data-game-start="hunt"] .zw184-letter:nth-of-type(7n+2){color:#1688bb!important}
#app .zw170-launch[data-game-start="hunt"] .zw184-letter:nth-of-type(7n+3){color:#753db1!important}
#app .zw170-launch[data-game-start="hunt"] .zw184-letter:nth-of-type(7n+4){color:#e59b23!important}
#app .zw170-launch[data-game-start="hunt"] .zw184-letter:nth-of-type(7n+5){color:#278d49!important}
#app .zw170-launch[data-game-start="hunt"] .zw184-letter:nth-of-type(7n+6){color:#c73e75!important}
#app .zw170-launch[data-game-start="hunt"] .zw184-letter:nth-of-type(7n+7){color:#b45b18!important}
@media(orientation:landscape){
 #app .zw170-launch[data-game-start="hunt"] .zw177-mode-button .zw184-plaque b{
  font-size:clamp(19px,5.7vh,29px)!important;
 }
}
@media(orientation:portrait) and (max-width:350px){
 #app .zw170-launch[data-game-start="hunt"] .zw177-mode-button .zw184-plaque b{
  font-size:21px!important;
 }
}

/* v185: home is consistently on the RIGHT in the painted bakery entry and gameplay topbar. */
#app .zw165-intro{background-image:url('/hunt-v184/bakery-intro-home-right.webp')!important}
#app .zw165-intro .zw165-intro-home{
 left:auto!important;right:1%!important;top:.5%!important;
 width:13%!important;height:11%!important;
}
#app .zw165-intro .zw165-intro-restart{
 right:auto!important;left:2%!important;top:.5%!important;
 width:18%!important;height:12%!important;
}
#app .zw165-topbar .zw165-header-home{
 margin-right:0!important;order:10!important;flex-shrink:0!important;
}
@media(orientation:landscape){
 #app .zw165-intro .zw165-intro-home{
  left:auto!important;right:1%!important;top:1%!important;width:8%!important;height:18%!important;
 }
 #app .zw165-intro .zw165-intro-restart{
  left:1%!important;right:auto!important;top:1%!important;width:8%!important;height:18%!important;
 }
}
