/* V108 Zählwiese – large illustrated cards, like the Backstube. */
#app .zw108-hub.main-content{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 overflow:hidden!important;isolation:isolate!important;
 background:#9fce83 url('/labyrinth-premium-v108/world-menu-portrait.webp')
 center center/100% 100% no-repeat!important;
}
#app .zw108-hub .zw108-page-title{
 position:absolute;z-index:2;top:2.8%;left:15%;width:70%;height:10.3%;
 object-fit:contain!important;filter:drop-shadow(0 3px 3px #6b552b77);
 pointer-events:none!important;
}
#app .zw108-hub .zw108-card-column{
 position:absolute;z-index:5;left:3.7%;width:92.6%;top:15%;height:78.3%;
 display:flex;flex-direction:column;align-items:stretch;gap:2.4%;
}
#app .zw108-hub .zw108-choice{
 position:relative!important;display:block!important;box-sizing:border-box!important;
 width:100%!important;height:calc(50% - .8%)!important;min-height:0!important;min-width:0!important;
 flex:1 1 0!important;
 padding:0!important;margin:0!important;border:none!important;background:transparent!important;
 outline:0!important;box-shadow:none!important;border-radius:19px!important;
 cursor:pointer!important;touch-action:manipulation!important;
 -webkit-tap-highlight-color:transparent;filter:drop-shadow(0 5px 4px #4b382751);
 transition:transform .24s cubic-bezier(.17,.75,.3,1),filter .24s ease!important;
}
#app .zw108-hub .zw108-choice .zw108-cardart{
 display:block!important;width:100%!important;height:100%!important;
 object-fit:fill!important;pointer-events:none!important;
 user-select:none!important;-webkit-user-select:none!important;
}
#app .zw108-hub .zw108-choice .zw108-play{
 position:absolute!important;z-index:2!important;bottom:-3%;left:40%;
 width:20%!important;height:27%!important;object-fit:contain!important;
 pointer-events:none!important;filter:drop-shadow(0 4px 2px #65432970);
 animation:zw108-play-breathe 3.8s ease-in-out infinite;
}
#app .zw108-hub .zw108-choice:nth-child(2) .zw108-play{animation-delay:-1.8s}
#app .zw108-hub .zw108-choice:active{transform:scale(.965)!important}
#app .zw108-hub .zw108-choice:focus-visible{outline:4px solid #fff6b8!important;outline-offset:-4px!important}
#app .zw108-hub .zw108-garden-butterfly{
 position:absolute;z-index:4;left:68%;top:13%;width:clamp(30px,8vw,62px);
 filter:drop-shadow(0 2px 2px #765b4559);pointer-events:none!important;
 animation:zw108-butterfly-flight 7.4s ease-in-out infinite alternate;
}
@keyframes zw108-play-breathe{
 0%,100%{transform:translateY(0) scale(.99)}
 50%{transform:translateY(-2px) scale(1.055)}
}
@keyframes zw108-butterfly-flight{
 0%{transform:translate(-18px,-2px) rotate(-7deg) scale(.88)}
 30%{transform:translate(15px,-17px) rotate(8deg) scale(1.09)}
 65%{transform:translate(-10px,6px) rotate(-8deg) scale(.96)}
 100%{transform:translate(25px,-22px) rotate(11deg) scale(1.04)}
}
@media (orientation:landscape) and (max-height:650px){
 #app .zw108-hub.main-content{
  background-image:url('/labyrinth-premium-v108/world-menu-landscape.webp')!important;
 }
 #app .zw108-hub .zw108-page-title{top:1.4%;height:17%;left:31%;width:38%}
 #app .zw108-hub .zw108-card-column{
  top:19%;left:4%;width:92%;height:76%;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2%;
 }
 #app .zw108-hub .zw108-choice{
  height:100%!important;min-height:0!important;align-self:stretch!important;
 }
 #app .zw108-hub .zw108-choice .zw108-play{width:21%!important;height:29%!important}
 #app .zw108-hub .zw108-garden-butterfly{top:12%;left:80%;width:28px}
}
@media (max-width:350px) and (orientation:portrait){
 #app .zw108-hub .zw108-card-column{left:1%;width:98%;top:16%;height:77%}
 #app .zw108-hub .zw108-page-title{top:4%;left:13%;width:74%;height:10%}
}
@media(prefers-reduced-motion:reduce){
 #app .zw108-hub .zw108-play,#app .zw108-hub .zw108-garden-butterfly{
  animation:none!important
 }
 #app .zw108-hub .zw108-choice{transition:none!important}
}
#app .zw108-hub .zw108-choice-cuddle{
 background:transparent url('/labyrinth-premium-v108/card-cuddle.webp') center/100% 100% no-repeat!important;
}
#app .zw108-hub .zw108-choice-auto{
 background:transparent url('/labyrinth-premium-v108/card-auto.webp') center/100% 100% no-repeat!important;
}