/* Zaehlwiese v225: shared illustrated images, no CSS content replacement. */
#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;box-shadow:none!important;border:none!important;padding:0!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:normal!important;
 background:transparent!important;box-shadow:none!important;border:0!important;
 object-fit:contain!important;object-position:center!important;
 filter:drop-shadow(0 4px 3px #533c2a60)!important;pointer-events:none!important;
}
#app .zw170-launch .zw170-play{
 width:clamp(158px,47vw,205px)!important;height:clamp(158px,47vw,205px)!important;
 max-width:none!important;max-height:none!important;
 top:-8px!important;position:relative!important;
}
#app .zw170-launch .zw170-play>img{width:100%!important;height:100%!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,24dvh,195px)!important;height:min(46vw,24dvh,195px)!important;
 max-width:100%!important;max-height:none!important;flex:0 0 auto!important;
}
#app .zw170-launch #homeBtn.zw170-home,
#app .zw126-home #parentsBtn.zw126-settings{
 all:unset!important;box-sizing:border-box!important;display:block!important;
 position:absolute!important;left:auto!important;
 z-index:70!important;pointer-events:auto!important;
 background:transparent!important;border:0!important;border-radius:50%!important;
 box-shadow:none!important;cursor:pointer!important;touch-action:manipulation!important;
 filter:drop-shadow(0 4px 3px #55442d62)!important;
}
#app .zw170-launch #homeBtn.zw170-home{
 top:max(7px,env(safe-area-inset-top))!important;
 right:max(7px,env(safe-area-inset-right))!important;
 width:clamp(76px,24vw,100px)!important;height:clamp(76px,24vw,100px)!important;
}
#app .zw126-home #parentsBtn.zw126-settings{
 top:max(5px,env(safe-area-inset-top))!important;
 right:max(3px,env(safe-area-inset-right))!important;
 width:clamp(78px,25vw,104px)!important;height:clamp(78px,25vw,104px)!important;
}
#app .zw170-launch #homeBtn.zw170-home>img,
#app .zw126-home #parentsBtn.zw126-settings>img{
 display:block!important;width:100%!important;height:100%!important;
 object-fit:contain!important;content:normal!important;
 background:transparent!important;box-shadow:none!important;border:none!important;
}
#app .zw170-launch #homeBtn.zw170-home::before,
#app .zw170-launch #homeBtn.zw170-home::after,
#app .zw126-home #parentsBtn.zw126-settings::before,
#app .zw126-home #parentsBtn.zw126-settings::after{
 display:none!important;content:none!important;
}
#app .zw170-launch #homeBtn.zw170-home:focus-visible,
#app .zw126-home #parentsBtn.zw126-settings:focus-visible{
 outline:4px solid #ffe9a8!important;outline-offset:-3px!important;border-radius:50%!important;
}
@media (orientation:landscape){
 #app .zw170-launch #homeBtn.zw170-home{
  width:clamp(74px,20dvh,98px)!important;height:clamp(74px,20dvh,98px)!important;
 }
 #app .zw126-home #parentsBtn.zw126-settings{
  width:clamp(74px,21dvh,97px)!important;height:clamp(74px,21dvh,97px)!important;
 }
 #app .zw170-launch .zw170-play{
  width:min(39dvh,19vw,180px)!important;height:min(39dvh,19vw,180px)!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-width:355px){
 #app .zw170-launch #homeBtn.zw170-home{width:76px!important;height:76px!important}
 #app .zw126-home #parentsBtn.zw126-settings{width:80px!important;height:80px!important}
}

/* Important: old Zahlenjagd rules specified content:url() at higher
   specificity. Use each real img src rather than the legacy substitution. */
#app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes #zw177Still > img,
#app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes #zw177Flying > img{
  content:normal!important;
  width:min(46vw,24dvh,195px)!important;
  height:min(46vw,24dvh,195px)!important;
  max-width:100%!important;
  object-fit:contain!important;
  background:none!important;
  box-shadow:none!important;
}
@media(orientation:landscape){
 #app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes #zw177Still > img,
 #app .zw170-launch[data-game-start="hunt"] .zw177-hunt-modes #zw177Flying > img{
  width:min(37dvh,17.5vw,158px)!important;
  height:min(37dvh,17.5vw,158px)!important;
 }
}