/* Kuschel-Labyrinth V94: difficulty first; intuitive finger-only garden maze. */
#app .zw93.main-content{
 background-image:url('/garden-games-v94/garden-portrait.webp')!important;
}
.zw93 .zw94-level-bar{
 position:absolute;z-index:15;top:10.4%;left:26%;width:49%;height:8.2%;
 display:flex;justify-content:center;align-items:center;gap:clamp(14px,5vw,27px);
}
.zw93 .zw94-level-bar .zw93-level{width:clamp(54px,17vw,73px)!important;height:clamp(54px,17vw,73px)!important;min-width:50px!important;min-height:50px!important}
.zw93 .zw93-progress{top:19%;left:20%;width:66%;height:6.1%}
.zw93 .zw93-board{
 top:26%;height:62.7%;left:4.5%;width:91%;
 border:6px solid #9c785a;border-radius:30px;
 background:#a0c18c;box-shadow:inset 0 0 0 4px #e9d1a8;
}
.zw93 .zw93-paper,.zw93 .zw93-flecks{opacity:0;visibility:hidden}
.zw93 .zw94-restart{position:absolute;top:89%;left:39%;height:10.2%;width:22%;display:flex;justify-content:center;align-items:center;z-index:12}
.zw93 .zw94-restart .zw93-reset{width:clamp(61px,19vw,82px)!important;height:clamp(61px,19vw,82px)!important}
.zw93 .zw93-friend{z-index:7}
@media (orientation:landscape) and (max-height:650px){
 #app .zw93.main-content{background-image:url('/garden-games-v94/garden-landscape.webp')!important}
 .zw93 .zw93-title{left:63.5%;top:1.5%;width:35%;height:17%}
 .zw93 .zw94-level-bar{left:65%;top:23%;width:33%;height:19%;gap:clamp(9px,2vw,24px)}
 .zw93 .zw94-level-bar .zw93-level{width:clamp(47px,15vh,73px)!important;height:clamp(47px,15vh,73px)!important}
 .zw93 .zw93-progress{left:64%;top:47%;width:34%;height:13%}
 .zw93 .zw93-board{left:2%;top:8%;width:59%;height:88%;border-width:5px;border-radius:26px}
 .zw93 .zw94-restart{left:70%;top:65%;width:22%;height:24%}
 .zw93 .zw94-restart .zw93-reset{width:clamp(57px,18vh,75px)!important;height:clamp(57px,18vh,75px)!important}
}
@media(max-width:355px) and (orientation:portrait){
 .zw93 .zw94-level-bar{left:23%;width:54%;top:9.8%;gap:12px}
 .zw93 .zw94-level-bar .zw93-level{width:52px!important;height:52px!important}
 .zw93 .zw93-progress{top:19%;left:19%;width:69%;height:6.1%}
 .zw93 .zw93-board{top:26%;height:62%;left:2%;width:96%}
 .zw93 .zw94-restart{top:89%;height:11%}
}

/* Zählwiese V94 – original painted-number circles and real finger-painted lines. */
#app .zw94-connect.main-content{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 overflow:hidden!important;isolation:isolate!important;
 background:#acd4a2 url('/garden-games-v94/garden-portrait.webp') center/100% 100% no-repeat!important;
 font-family:'Segoe Print','Chalkboard SE','Comic Sans MS',sans-serif!important;
}
.zw94-connect,.zw94-connect *{box-sizing:border-box}
.zw94-connect img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.zw94-connect button{
 background:none!important;border:0!important;appearance:none!important;-webkit-appearance:none!important;
 box-shadow:none!important;outline:0;margin:0!important;padding:0!important;
 cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.zw94-connect button:focus-visible{outline:4px solid #fff6cc!important;outline-offset:3px!important}
.zw94-connect .zw94-title{
 position:absolute;z-index:6;left:18%;top:1%;width:76%;height:10%;filter:drop-shadow(0 3px 2px #654a3c3a)
}
.zw94-connect .zw94-progress{
 position:absolute;z-index:5;left:16%;top:11.8%;width:70%;height:8%;
 display:flex;align-items:center;justify-content:center;gap:6px;
 background:url('/storybook-games-v91/choice-board.webp') center/100% 100% no-repeat;
 filter:drop-shadow(0 3px 2px #6d523a39);
}
.zw94-connect .zw94-progress-picture{width:12%;height:83%;object-fit:contain}
.zw94-connect .zw94-steps{flex:1;display:flex;align-items:center;justify-content:center;gap:3px}
.zw94-connect .zw94-step{
 width:clamp(7px,2.4vw,15px);height:clamp(7px,2.4vw,15px);border-radius:50%;
 background:#eab2a3;border:2px solid #c58c75;box-shadow:0 1px 1px #fff4cb;
 transform:rotate(-7deg);transition:transform .36s,background .36s
}
.zw94-connect .zw94-step.filled{background:#a4cf98;border-color:#6f9e70;transform:scale(1.24) rotate(7deg)}
.zw94-connect .zw94-board{
 position:absolute;z-index:9;left:4%;top:20.5%;width:92%;height:54%;
 overflow:hidden;border-radius:26px;
 touch-action:none!important;overscroll-behavior:none;
 border:5px solid #9f7555;background:#f3dfb5;
 box-shadow:inset 0 0 0 3px #fff2d5,0 5px 3px #5948323d;
}
.zw94-connect .zw94-paper{position:absolute;inset:0;object-fit:fill!important;width:100%;height:100%;opacity:.97}
.zw94-connect #zw94Draw{position:absolute;inset:0;z-index:2;pointer-events:none;width:100%;height:100%}
.zw94-connect .zw94-number{
 position:absolute!important;z-index:4;display:flex;align-items:center;justify-content:center;
 width:clamp(43px,14vw,66px)!important;height:clamp(43px,14vw,66px)!important;
 transform:translate(-50%,-50%);border-radius:50%!important;
 touch-action:none!important;filter:drop-shadow(0 3px 2px #74533c4a);
 transition:filter .25s,scale .24s;
}
.zw94-connect .zw94-painted-circle{position:absolute;inset:0;width:100%;height:100%}
.zw94-connect .zw94-digit{
 position:relative;z-index:2;color:#503c32;line-height:1.1;
 font-family:'Segoe Print','Comic Sans MS',sans-serif;font-size:clamp(25px,8vw,39px);
 font-weight:900;letter-spacing:-.08em;text-shadow:1px 2px 1px #fff4d7,-1px -1px #8c694544;
 pointer-events:none;margin-right:.08em;
}
.zw94-connect .zw94-number.matched{filter:drop-shadow(0 0 7px #fff6bd) drop-shadow(0 2px 2px #684a3f56);animation:zw94-match .7s ease-in-out}
.zw94-connect .zw94-number.is-cheering{animation:zw94-match 1.1s ease-in-out infinite}
.zw94-connect .zw94-palette{
 position:absolute;z-index:15;left:4%;top:76.8%;width:83%;height:21%;
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));
 justify-items:center;align-items:center;gap:0;
}
.zw94-connect .zw94-pot{
 position:relative!important;display:block!important;
 width:clamp(49px,15vw,78px)!important;height:clamp(49px,15vw,78px)!important;
 min-width:44px!important;min-height:44px!important;border-radius:45%!important;
 touch-action:manipulation!important;
 filter:drop-shadow(0 2px 2px #58473644);
 transition:filter .22s,transform .22s!important;
}
.zw94-connect .zw94-pot.active{transform:translateY(-5px) scale(1.14)!important;filter:drop-shadow(0 0 6px #fff6cb) drop-shadow(0 3px 2px #5e433a5c)}
.zw94-connect .zw94-pot:active{transform:scale(.96)!important}
.zw94-connect .zw94-erase{
 position:absolute!important;z-index:18;right:1%;bottom:4%;
 width:clamp(58px,17vw,77px)!important;height:clamp(58px,17vw,77px)!important;
 border-radius:50%!important;filter:drop-shadow(0 3px 2px #715b4d47)
}
.zw94-connect .zw94-hint{
 position:absolute;left:18%;bottom:0;width:64%;height:2px;overflow:hidden;
 clip-path:inset(50%);
}
.zw94-connect .zw94-board.zw94-nope{animation:zw94-try .42s ease}
@keyframes zw94-match{0%,100%{transform:translate(-50%,-50%) rotate(0)}40%{transform:translate(-50%,-60%) rotate(-7deg)}72%{transform:translate(-50%,-50%) rotate(6deg)}}
@keyframes zw94-try{0%,100%{filter:none}45%{filter:sepia(.36)}}
@media(orientation:landscape) and (max-height:650px){
 #app .zw94-connect.main-content{background-image:url('/garden-games-v94/garden-landscape.webp')!important}
 .zw94-connect .zw94-title{left:63%;top:1.5%;width:35%;height:17%}
 .zw94-connect .zw94-progress{left:64%;top:22%;width:34%;height:15%}
 .zw94-connect .zw94-progress-picture{width:12%}
 .zw94-connect .zw94-step{width:clamp(6px,1.2vw,10px);height:clamp(6px,1.2vw,10px)}
 .zw94-connect .zw94-board{left:2%;top:7%;width:60%;height:89%;border-width:4px}
 .zw94-connect .zw94-palette{left:64%;top:40%;width:34%;height:43%}
 .zw94-connect .zw94-pot{width:clamp(44px,14vh,65px)!important;height:clamp(44px,14vh,65px)!important}
 .zw94-connect .zw94-number{width:clamp(43px,13vh,63px)!important;height:clamp(43px,13vh,63px)!important}
 .zw94-connect .zw94-digit{font-size:clamp(25px,8vh,37px)}
 .zw94-connect .zw94-erase{right:14%;bottom:1%;width:clamp(47px,14vh,62px)!important;height:clamp(47px,14vh,62px)!important}
}
@media(max-width:355px) and (orientation:portrait){
 .zw94-connect .zw94-board{left:2%;width:96%;top:21%;height:53%}
 .zw94-connect .zw94-title{left:19%;width:77%}
 .zw94-connect .zw94-palette{top:76%;left:3%;width:82%;height:22%}
 .zw94-connect .zw94-pot{width:47px!important;height:47px!important}
 .zw94-connect .zw94-erase{width:49px!important;height:49px!important;right:3%;bottom:7%}
 .zw94-connect .zw94-number{width:clamp(41px,14vw,52px)!important;height:clamp(41px,14vw,52px)!important}
 .zw94-connect .zw94-digit{font-size:clamp(25px,8vw,33px)}
}