/* V172. Wood signs with multicolour pencil lettering, storybook scenes, no gameplay previews. */
#app .zw170-launch{
 gap:clamp(5px,1.6vh,15px)!important;
 padding-top:max(67px,env(safe-area-inset-top))!important;
}
#app .zw170-launch .zw170-title{
 width:min(100%,700px)!important;
 height:clamp(90px,18vh,145px)!important;
 max-height:22%!important;
 flex:0 0 auto!important;
 object-fit:contain!important;
 filter:drop-shadow(0 5px 4px rgba(93,56,29,.28))!important;
}
#app .zw170-launch .zw170-art{
 flex:1 1 auto!important;
 width:min(100%,630px)!important;
 min-height:0!important;
 overflow:visible!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
}
#app .zw170-launch .zw170-scene{
 width:100%!important;height:100%!important;
 object-fit:contain!important;
 max-width:100%!important;max-height:100%!important;
 transform:none!important;
 filter:drop-shadow(0 4px 4px rgba(82,60,40,.18))!important;
}
#app .zw170-launch .zw170-friends{display:none!important}
#app .zw170-launch .zw170-play{
 width:clamp(96px,31vw,132px)!important;
 height:clamp(96px,31vw,132px)!important;
 flex:0 0 auto!important;
 margin-bottom:4px!important;
}
@media(orientation:portrait) and (max-height:640px){
 #app .zw170-launch{gap:2px!important;padding-top:max(57px,env(safe-area-inset-top))!important}
 #app .zw170-launch .zw170-title{height:clamp(71px,16vh,100px)!important}
 #app .zw170-launch .zw170-play{width:90px!important;height:90px!important}
}
@media(orientation:landscape){
 #app .zw170-launch{
  background-image:url('/home-v126/background-landscape.webp')!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(108px,22vw,210px)!important;
  grid-template-rows:clamp(48px,18vh,110px) minmax(0,1fr)!important;
  gap:3px 10px!important;
  padding:6px 16px max(7px,env(safe-area-inset-bottom))!important;
 }
 #app .zw170-launch .zw170-title{
  grid-area:1/1/2/3!important;justify-self:center!important;
  width:min(70%,750px)!important;height:100%!important;max-height:100%!important;
 }
 #app .zw170-launch .zw170-art{
  grid-area:2/1!important;width:100%!important;height:100%!important;
  min-height:0!important;justify-self:center!important;align-self:center!important;
 }
 #app .zw170-launch .zw170-scene{transform:none!important}
 #app .zw170-launch .zw170-play{
  grid-area:2/2!important;
  align-self:center!important;justify-self:center!important;
  width:clamp(90px,min(32vh,16vw),133px)!important;
  height:clamp(90px,min(32vh,16vw),133px)!important;
 }
 #app .zw170-launch .zw170-home{
  top:4px!important;left:10px!important;
  width:clamp(44px,12vh,65px)!important;height:clamp(44px,12vh,65px)!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #app .zw170-launch *{animation:none!important;transition:none!important}
}