/* Zählwiese V105 – real illustrated animals, a garden maze, and a gentle storybook embrace. */
#app .zw105.zw93.main-content{
 background:#b8d2a3 url('/storybook-games-v91/world-maze-portrait.webp') center/100% 100% no-repeat!important;
}
#app .zw105 .zw105-title{
 left:20%!important;top:1.5%!important;width:75%!important;height:8.8%!important;
 display:flex;justify-content:center;align-items:center;
 font:900 clamp(17px,5vw,31px)/1.08 'Segoe Print','Comic Sans MS',cursive!important;
 color:#815c61;text-shadow:2px 2px #fff1cf,0 3px 2px #73574746;
 text-align:center;
}
#app .zw105 .zw105-task{
 top:11.1%!important;left:20%!important;width:70%!important;height:11%!important;
 display:flex;gap:clamp(5px,2vw,14px);justify-content:center;align-items:center;
 border:3px solid #b59677;border-radius:23px;
 background:rgba(251,231,200,.96)!important;
 box-shadow:inset 0 0 0 3px #fff7d9bb,0 3px 2px #6d554038!important;
 filter:none!important;z-index:11!important;
}
#app .zw105 .zw105-task .zw105-task-animal{
 width:31%;height:94%;object-fit:contain;
 filter:drop-shadow(0 2px 1px #67503e39);
 animation:zw105-task-wiggle 5.8s ease-in-out infinite;
}
#app .zw105 .zw105-task .zw105-task-animal:last-child{animation-delay:-2.9s}
#app .zw105 .zw105-task .zw105-task-heart{
 width:17%;height:62%;max-width:65px;object-fit:contain;
 animation:zw105-heart-beat 2.7s ease-in-out infinite;
 filter:drop-shadow(0 2px 1px #9c667c44);
}
#app .zw105 .zw105-board{
 top:25.8%!important;left:5%!important;width:90%!important;height:62.2%!important;
 border:5px solid #ac956d;border-radius:25px;
 background:#b4c797!important;box-shadow:inset 0 0 0 3px #f5e1ba,0 5px 6px #634d3b49;
 overflow:hidden!important;
}
#app .zw105 .zw105-board #zw93Canvas{z-index:3}
#app .zw105 .zw105-animal{
 border:0!important;background:none!important;
 transition:left .15s cubic-bezier(.2,.7,.35,1),top .15s cubic-bezier(.2,.7,.35,1),filter .18s ease!important;
 touch-action:none!important;z-index:6!important;
 filter:drop-shadow(0 2px 2px #56473766);
}
#app .zw105 .zw105-animal img{
 width:100%;height:100%;object-fit:contain;
 animation:zw105-animal-breathe 3.8s ease-in-out infinite!important;
}
#app .zw105 .zw105-animal.zw105-igor img{animation-delay:-1.8s!important}
#app .zw105 .zw105-animal.zw105-walking img{
 animation:zw105-animal-step .46s ease-in-out infinite!important;
}
#app .zw105 .zw105-animal.selected{filter:drop-shadow(0 0 6px #fff8bd) drop-shadow(0 3px 2px #69514277)}
#app .zw105 .zw105-hug{
 width:min(202px,56%);height:min(166px,46%);
 display:flex;justify-content:center;align-items:flex-end;gap:0!important;
 z-index:12;
 filter:drop-shadow(0 4px 2px #684b3a55);
}
#app .zw105 .zw105-hug-animal{
 width:54%;height:100%;flex:0 0 54%;
 display:grid;align-items:end;justify-items:center;
}
#app .zw105 .zw105-hug-animal img{
 width:100%;height:100%;object-fit:contain;
}
#app .zw105 .zw105-hug.is-visible .zw105-hug-a{
 animation:zw105-embrace-left 3.2s cubic-bezier(.22,.7,.3,1) both;
}
#app .zw105 .zw105-hug.is-visible .zw105-hug-b{
 animation:zw105-embrace-right 3.2s cubic-bezier(.22,.7,.3,1) both;
}
#app .zw105 .zw105-hug-center{
 position:absolute;left:43%;top:1%;width:23%;height:25%;
 pointer-events:none;z-index:3;
}
#app .zw105 .zw105-hug-center img{width:100%;height:100%;object-fit:contain}
#app .zw105 .zw105-hug.is-visible .zw105-hug-center{
 animation:zw105-love-rise 2.1s ease-in-out .4s infinite;
}
#app .zw105 .zw105-levels{
 position:absolute!important;z-index:12;
 top:89.7%!important;left:12%!important;width:69%!important;height:9.4%!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:clamp(6px,2vw,18px)!important;
}
#app .zw105 .zw105-levels .zw93-level{width:clamp(50px,13.8vw,63px)!important;height:clamp(50px,13.8vw,63px)!important}
#app .zw105 .zw94-restart{display:none!important}
@keyframes zw105-animal-breathe{
 0%,100%{transform:translateY(0) rotate(-1.5deg) scale(1)}
 50%{transform:translateY(-2px) rotate(1.5deg) scale(1.018)}
}
@keyframes zw105-animal-step{
 0%,100%{transform:translateY(0) rotate(-4deg)}
 50%{transform:translateY(-3px) rotate(3deg)}
}
@keyframes zw105-heart-beat{
 0%,100%{transform:scale(.95) rotate(-4deg)}
 38%{transform:scale(1.12) rotate(3deg)}
 50%{transform:scale(1.02)}
}
@keyframes zw105-task-wiggle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes zw105-embrace-left{
 0%{transform:translateX(-47px) rotate(-9deg)}
 32%{transform:translateX(-9px) rotate(3deg)}
 62%{transform:translateX(32px) rotate(11deg)}
 80%{transform:translateX(35px) rotate(6deg)}
 100%{transform:translateX(34px) rotate(5deg)}
}
@keyframes zw105-embrace-right{
 0%{transform:translateX(47px) rotate(9deg)}
 32%{transform:translateX(9px) rotate(-3deg)}
 62%{transform:translateX(-32px) rotate(-11deg)}
 80%{transform:translateX(-35px) rotate(-6deg)}
 100%{transform:translateX(-34px) rotate(-5deg)}
}
@keyframes zw105-love-rise{0%,100%{transform:translateY(0) scale(.78);opacity:.8}50%{transform:translateY(-15px) scale(1.16);opacity:1}}
@media(orientation:landscape) and (max-height:650px){
 #app .zw105.zw93.main-content{background-image:url('/storybook-games-v91/world-maze-landscape.webp')!important}
 #app .zw105 .zw105-title{
  left:64.5%!important;width:34%!important;top:2%!important;height:13.5%!important;font-size:clamp(15px,4.4vh,27px)!important;
 }
 #app .zw105 .zw105-task{top:19%!important;left:65.5%!important;width:32.5%!important;height:21%!important;gap:3px}
 #app .zw105 .zw105-task .zw105-task-animal{width:33%;height:96%}
 #app .zw105 .zw105-task .zw105-task-heart{width:18%;height:58%}
 #app .zw105 .zw105-board{left:2%!important;top:8%!important;width:59%!important;height:88%!important}
 #app .zw105 .zw105-levels{
  left:64%!important;top:47%!important;width:34%!important;height:18%!important;gap:4px!important
 }
 #app .zw105 .zw105-levels .zw93-level{
  width:clamp(45px,13vh,62px)!important;height:clamp(45px,13vh,62px)!important
 }
 #app .zw105 .zw105-hug{width:min(165px,47%);height:min(137px,43%)}
}
@media(max-width:355px) and (orientation:portrait){
 #app .zw105 .zw105-task{left:19%!important;width:72%!important}
 #app .zw105 .zw105-levels{left:7%!important;width:76%!important;gap:3px!important}
 #app .zw105 .zw105-levels .zw93-level{width:50px!important;height:50px!important}
 #app .zw105 .zw105-board{left:2%!important;width:96%!important}
}
@media(prefers-reduced-motion:reduce){
 #app .zw105 .zw105-task img,#app .zw105 .zw105-animal img,
 #app .zw105 .zw105-hug-animal,#app .zw105 .zw105-hug-center{animation:none!important}
}