/* Zählwiese v222 — one original hand-painted red Play asset across all
   illustrated game start screens. Transparent cutout, no white backing. */
#app .zw170-launch .zw170-play,
#app .zw170-launch .zw177-hunt-modes .zw177-mode-button,
#app .zw170-launch[data-game-start="connect"] .zw200-mode-button {
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline-color:#ffe5a0;
  box-shadow:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#app .zw170-launch .zw170-play::before,
#app .zw170-launch .zw170-play::after,
#app .zw170-launch .zw177-hunt-modes .zw177-mode-button::before,
#app .zw170-launch .zw177-hunt-modes .zw177-mode-button::after,
#app .zw170-launch[data-game-start="connect"] .zw200-mode-button::before,
#app .zw170-launch[data-game-start="connect"] .zw200-mode-button::after{
  display:none!important;content:none!important;
}
#app .zw170-launch .zw170-play > img,
#app .zw170-launch .zw177-hunt-modes .zw177-mode-button > img,
#app .zw170-launch[data-game-start="connect"] .zw200-mode-button > img.zw200-play-image {
  content:url('/hunt-v189/play.webp')!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  opacity:1!important;
  pointer-events:none!important;
  filter:drop-shadow(0 5px 3px #63411c79)!important;
}
/* Single-start games: considerably larger, with same crayon artwork. */
#app .zw170-launch .zw170-play{
  width:clamp(148px,45vw,200px)!important;
  height:clamp(148px,45vw,200px)!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  flex:0 0 auto!important;
  top:-9px!important;
  margin-bottom:clamp(14px,3vh,30px)!important;
  border-radius:50%!important;
}
#app .zw170-launch .zw170-play > img{
  width:100%!important;height:100%!important;
}
/* Two-choice screens: fill available round-icon spaces without exposing
   any rectangular white container behind the transparent Play artwork. */
#app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes,
#app .zw170-launch[data-game-start="connect"] .zw200-connect-modes{
  height:33.5%!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes .zw177-mode-button > img,
#app .zw170-launch[data-game-start="connect"] .zw200-mode-button > img.zw200-play-image{
  width:min(46vw,23.5dvh,195px)!important;
  height:min(46vw,23.5dvh,195px)!important;
  min-width:0!important;min-height:0!important;
  max-width:100%!important;max-height:none!important;
  flex:0 0 auto!important;
}
#app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes .zw177-mode-button .zw184-plaque,
#app .zw170-launch[data-game-start="connect"] .zw200-mode-button .zw200-wood-sign{
  flex-shrink:0!important;
}
@media(orientation:portrait) and (max-width:355px){
  #app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes,
  #app .zw170-launch[data-game-start="connect"] .zw200-connect-modes{
    height:36%!important;
  }
  #app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes .zw177-mode-button > img,
  #app .zw170-launch[data-game-start="connect"] .zw200-mode-button > img.zw200-play-image{
    width:min(45vw,24dvh,160px)!important;
    height:min(45vw,24dvh,160px)!important;
  }
}
@media(orientation:landscape){
  #app .zw170-launch .zw170-play{
    width:min(39dvh,18vw,180px)!important;
    height:min(39dvh,18vw,180px)!important;
    margin-bottom:0!important;
  }
  #app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes,
  #app .zw170-launch[data-game-start="connect"] .zw200-connect-modes{
    height:65%!important;
  }
  #app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes .zw177-mode-button > img,
  #app .zw170-launch[data-game-start="connect"] .zw200-mode-button > img.zw200-play-image{
    width:min(37dvh,17.5vw,158px)!important;
    height:min(37dvh,17.5vw,158px)!important;
  }
}
@media (orientation:portrait) and (max-height:650px){
  #app .zw170-launch .zw170-play{
    width:clamp(138px,41vw,168px)!important;
    height:clamp(138px,41vw,168px)!important;
    margin-bottom:6px!important;
  }
}