/* Zählwiese v170 – illustrated, child-first, text-free game entry. */
#app:has(.zw170-launch)>.app-header{display:none!important}
#app .zw170-launch{
 position:relative!important;isolation:isolate!important;box-sizing:border-box!important;
 height:100dvh!important;min-height:0!important;max-height:100dvh!important;width:100%!important;
 overflow:hidden!important;margin:0!important;gap:clamp(3px,.8vh,10px)!important;
 padding:max(69px,env(safe-area-inset-top)) clamp(7px,2.3vw,20px) max(12px,env(safe-area-inset-bottom))!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;flex-direction:column!important;
 background:#dbe9b9 url('/home-v126/background-portrait.webp') center / 100% 100% no-repeat!important;
 touch-action:manipulation!important;
}
#app .zw170-launch img{object-fit:contain!important;display:block!important;pointer-events:none!important;-webkit-user-drag:none!important;image-rendering:auto!important}
#app .zw170-launch button{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}
#app .zw170-home{
 position:absolute!important;z-index:15!important;top:max(10px,env(safe-area-inset-top))!important;
 left:clamp(8px,2vw,24px)!important;width:clamp(54px,15vw,71px)!important;height:clamp(54px,15vw,71px)!important;
 filter:drop-shadow(0 3px 3px #6f483466)!important;
}
#app .zw170-home img{width:100%!important;height:100%!important}
#app .zw170-title{
 flex:0 0 auto!important;width:min(96%,690px)!important;
 height:clamp(75px,14vh,124px)!important;max-height:18%!important;
 filter:drop-shadow(0 3px 2px #fff6d1af)!important;
}
#app .zw170-art{
 flex:1 1 35%!important;min-height:0!important;width:min(100%,760px)!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
}
#app .zw170-scene{width:100%!important;height:100%!important;max-height:100%!important;filter:drop-shadow(0 4px 3px #6e52352e)!important}
#app .zw170-friends{
 width:min(100%,720px)!important;flex:1 1 29%!important;min-height:0!important;
 display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
 pointer-events:none!important;
}
#app .zw170-friends img{
 width:min(42%,250px)!important;max-height:100%!important;height:100%!important;object-position:center bottom!important;
 filter:drop-shadow(0 4px 3px #70533655)!important;
}
#app .zw170-igor{transform:scaleX(-1)!important}
#app .zw170-play{
 flex:0 0 auto!important;width:clamp(88px,26vw,122px)!important;
 height:clamp(88px,26vw,122px)!important;z-index:12!important;
 filter:drop-shadow(0 4px 3px #67432c73)!important;transition:transform .15s ease!important;
}
#app .zw170-play img{width:100%!important;height:100%!important}
#app .zw170-play:active{transform:scale(.92)!important}
#app .zw170-play:disabled{opacity:.8!important}
#app .zw170-launch button:focus-visible{outline:4px solid #82522d!important;outline-offset:4px!important;border-radius:50%!important}
@media (max-height:620px) and (orientation:portrait){
 #app .zw170-launch{padding-top:max(55px,env(safe-area-inset-top))!important;gap:3px!important}
 #app .zw170-title{height:80px!important}
 #app .zw170-friends{flex-basis:25%!important}
 #app .zw170-play{width:83px!important;height:83px!important}
}
@media(orientation:landscape) and (max-height:630px){
 #app .zw170-launch{
  background-image:url('/home-v126/background-landscape.webp')!important;
  padding:5px 12px max(5px,env(safe-area-inset-bottom))!important;
  display:grid!important;grid-template-columns:27% 42% minmax(0,1fr)!important;
  grid-template-rows:clamp(45px,16vh,70px) minmax(0,1fr)!important;
  column-gap:8px!important;row-gap:2px!important;
 }
 #app .zw170-home{top:4px!important;left:7px!important;width:min(15vh,52px)!important;height:min(15vh,52px)!important}
 #app .zw170-title{grid-area:1/2/2/4!important;height:100%!important;max-height:100%!important;width:100%!important}
 #app .zw170-art{grid-area:2/1!important;width:100%!important;height:100%!important;min-height:0!important}
 #app .zw170-friends{grid-area:2/2!important;flex-basis:auto!important;min-height:0!important;width:100%!important;height:100%!important}
 #app .zw170-friends img{width:48%!important;height:100%!important}
 #app .zw170-play{grid-area:2/3!important;width:min(30vh,125px)!important;height:min(30vh,125px)!important;justify-self:center!important;align-self:center!important}
}
@media(prefers-reduced-motion:reduce){#app .zw170-launch *{animation:none!important;transition:none!important}}