/* Original-reference exact mobile composition: do not rebuild or redraw the
   user's approved artwork for portrait. Transparent functional hotspots use
   the same source pixel coordinates as the reference screenshot. */
.zw80-home .zw80-original-portrait{display:none}
@media(orientation:portrait){
 #app>.zw80-home{
  padding:max(0px,env(safe-area-inset-top,0px)) max(0px,env(safe-area-inset-right,0px))
          max(0px,env(safe-area-inset-bottom,0px)) max(0px,env(safe-area-inset-left,0px))!important;
  background:#80b357!important;
 }
 .zw80-home .zw80-scene{
  position:relative!important;display:block!important;
  width:100%!important;height:100%!important;
  max-width:none!important;margin:0!important;padding:0!important;
  overflow:hidden!important;
  isolation:isolate;
 }
 .zw80-home .zw80-original-portrait{
  position:absolute;inset:0;display:block!important;
  width:100%!important;height:100%!important;
  object-fit:fill!important;pointer-events:none!important;
  user-select:none!important;z-index:0;
 }
 .zw80-home .zw80-hero{
  position:static!important;display:block!important;
  width:0!important;height:0!important;min-width:0!important;min-height:0!important;
  max-width:none!important;max-height:none!important;
  padding:0!important;margin:0!important;aspect-ratio:auto!important;
  overflow:visible!important;
 }
 .zw80-home .zw80-hero-img{display:none!important}
 .zw80-home .zw80-settings{
  position:absolute!important;z-index:5;
  left:1.65%!important;top:1.18%!important;
  width:12.7%!important;height:9.1%!important;
  margin:0!important;
 }
 .zw80-home .zw80-wippe{
  position:absolute!important;z-index:5;
  left:19.2%!important;top:21.5%!important;
  width:56.5%!important;height:18.5%!important;
  margin:0!important;
 }
 .zw80-home .zw80-grid{
  position:absolute!important;z-index:4;
  display:block!important;
  inset:0!important;width:100%!important;height:100%!important;
  min-height:0!important;max-height:none!important;max-width:none!important;
  padding:0!important;margin:0!important;gap:0!important;
  pointer-events:none!important;
 }
 .zw80-home .zw80-tile{
  position:absolute!important;
  display:block!important;box-sizing:border-box!important;
  border-radius:20%!important;
  width:25.5%!important;height:16.4%!important;
  padding:0!important;margin:0!important;
  background:transparent!important;pointer-events:auto!important;
 }
 .zw80-home .zw80-tile img,.zw80-home .zw80-footer{display:none!important}
 .zw80-home .zw80-tile:nth-child(1){left:11.6%!important;top:39.5%!important}
 .zw80-home .zw80-tile:nth-child(2){left:37.9%!important;top:39.5%!important}
 .zw80-home .zw80-tile:nth-child(3){left:63.2%!important;top:39.5%!important;width:27%!important}
 .zw80-home .zw80-tile:nth-child(4){left:11.5%!important;top:55.7%!important}
 .zw80-home .zw80-tile:nth-child(5){left:37.8%!important;top:55.7%!important}
 .zw80-home .zw80-tile:nth-child(6){left:63.0%!important;top:55.7%!important;width:27%!important}
 .zw80-home .zw80-tile:nth-child(7){left:11.4%!important;top:72.1%!important;height:18%!important}
 .zw80-home .zw80-tile:nth-child(8){left:37.7%!important;top:72.1%!important;height:18%!important}
 .zw80-home .zw80-tile:nth-child(9){left:63.1%!important;top:72.1%!important;width:27.2%!important;height:18%!important}
 .zw80-home .zw80-tile:focus-visible{
  outline:3px solid #fffad2!important;outline-offset:0!important;
  box-shadow:0 0 15px #ffc34a91!important;
 }
 .zw80-home .zw80-tile:active{
  transform:none!important;outline:3px solid #fff3b7!important;
  box-shadow:0 0 16px #ffeca7a6!important;
 }
}