/* Zählwiese v202 — original proportions restored. No stretching of artwork. */
#app .zw170-launch[data-game-start="connect"]{
 background-size:cover!important;
 background-position:left center!important;
}
/* The wooden title is a 1330×380 illustration. */
#app .zw170-launch[data-game-start="connect"] .zw170-title{
 left:3%!important;top:12%!important;
 width:94%!important;height:auto!important;
 max-height:none!important;aspect-ratio:1330 / 380!important;
 object-fit:contain!important;
}
/* Keep the crayon characters' true 960×900 proportions. */
#app .zw170-launch[data-game-start="connect"] .zw170-art{
 left:4%!important;top:27.9%!important;
 width:92%!important;height:42%!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
}
#app .zw170-launch[data-game-start="connect"] .zw170-scene{
 width:100%!important;height:100%!important;
 object-fit:contain!important;object-position:center center!important;
 transform:none!important;
}
/* Hand-painted wooden nameplates: 563×196, not a squeezed rectangle. */
#app .zw170-launch[data-game-start="connect"] .zw200-wood-sign{
 width:100%!important;height:auto!important;
 max-height:none!important;min-height:0!important;
 aspect-ratio:563 / 196!important;
 flex:0 0 auto!important;
 background-size:contain!important;
 padding:7px 8% 8px!important;
}
#app .zw170-launch[data-game-start="connect"] .zw200-connect-modes{
 bottom:8.5%!important;
}
@media (orientation:portrait) and (max-width:355px){
 #app .zw170-launch[data-game-start="connect"] .zw170-title{
  width:96%!important;left:2%!important;top:12.7%!important;
 }
 #app .zw170-launch[data-game-start="connect"] .zw170-art{
  left:3%!important;top:28%!important;
  width:94%!important;height:40%!important;
 }
 #app .zw170-launch[data-game-start="connect"] .zw200-connect-modes{
  bottom:7%!important;
 }
 #app .zw170-launch[data-game-start="connect"] .zw200-wood-sign{
  height:auto!important;min-height:0!important;
  padding:5px 7% 6px!important;
 }
}
@media (orientation:landscape){
 #app .zw170-launch[data-game-start="connect"]{
  background-size:cover!important;background-position:center center!important;
 }
 #app .zw170-launch[data-game-start="connect"] .zw170-title{
  left:25%!important;top:1.5%!important;
  width:50%!important;height:20%!important;
  aspect-ratio:auto!important;object-fit:contain!important;
 }
 #app .zw170-launch[data-game-start="connect"] .zw170-art{
  left:1%!important;top:23%!important;
  width:40%!important;height:73%!important;
 }
 #app .zw170-launch[data-game-start="connect"] .zw170-scene{
  width:100%!important;height:100%!important;object-fit:contain!important;
 }
 #app .zw170-launch[data-game-start="connect"] .zw200-wood-sign{
  width:100%!important;height:auto!important;min-height:0!important;
  aspect-ratio:563 / 196!important;padding:6px 7% 7px!important;
 }
 #app .zw170-launch[data-game-start="connect"] .zw200-connect-modes{
  bottom:7%!important;
 }
}