/* Zaehlwiese V46 – seamless illustrated playground, responsive 9-choice menu */
html,body{overflow-x:hidden!important}
body:has(.intro-content){background:#8cc963!important}
body:has(.intro-content) .device{background-image:url('/home-world-v46.svg')!important;background-size:100% 100%!important;background-repeat:no-repeat!important;background-color:#96ce83!important}
.intro-content{isolation:isolate;display:flex!important;flex-direction:column!important;align-items:center!important;padding:clamp(1px,.6dvh,6px) 8px max(10px,env(safe-area-inset-bottom,0px))!important;margin:0!important;background:transparent!important;gap:0!important;overflow-y:auto!important;overflow-x:hidden!important}
.intro-content>.rainbow-title{z-index:2!important;position:relative!important;font-size:clamp(44px,11.8vw,62px)!important;line-height:1.0!important;margin:0 auto -12px!important;letter-spacing:-2px!important;text-shadow:0 4px 1px #836e5166,0 0 5px #fff9dd!important;-webkit-text-stroke:1.5px #fff3cd}
.intro-content>.intro-scene{height:clamp(215px,32dvh,320px)!important;width:min(100%,450px)!important;max-width:450px!important;margin:0 auto 1px!important;overflow:visible!important;min-height:0!important;position:relative!important;z-index:1!important}
.intro-content .zw-slide-art{width:100%!important;height:100%!important;overflow:visible!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}
.intro-content .zw-slide-art .zw-playground-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 47%!important;max-width:none!important;max-height:none!important;mix-blend-mode:normal;filter:saturate(1.1) contrast(1.03)!important;border-radius:0!important;-webkit-mask-image:radial-gradient(ellipse 70% 75% at 50% 52%,black 46%,transparent 100%)!important;mask-image:radial-gradient(ellipse 70% 75% at 50% 52%,black 46%,transparent 100%)!important;pointer-events:none!important}
.intro-content .zw-slide-friend{height:75%!important;top:18%!important}
.intro-content .zw-slide-friend-name{bottom:-10px!important;font-size:clamp(13px,3.5vw,17px)!important;white-space:nowrap!important;color:#fff4d1!important;text-shadow:1px 2px 0 #506b42,0 0 3px #345d3b!important}
.intro-content .welcome-subtitle{font:900 clamp(18px,5.7vw,24px) "Chalkboard SE","Marker Felt",system-ui,sans-serif!important;line-height:1.15!important;color:#547a46!important;margin:2px auto 8px!important;text-shadow:0 2px #fff4c9!important;text-align:center!important;z-index:2!important}
.intro-content .mode-choices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(4px,1.4dvh,10px) 6px!important;width:min(100%,440px)!important;max-width:440px!important;justify-content:center!important;justify-items:stretch!important;align-content:start!important;flex:none!important;margin:1px auto!important;position:relative!important;z-index:2!important}
.intro-content .mode-choice,.intro-content .mode-choice:nth-child(n){grid-column:auto!important;grid-row:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;min-width:0!important;gap:0!important;background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
.intro-content .mode-round{width:clamp(77px,24vw,128px)!important;height:clamp(77px,24vw,128px)!important;min-width:0!important;border:5px solid #f4d59a!important;border-radius:50%!important;background:radial-gradient(circle at 35% 24%,#e8f6ef,#9fcebd)!important;box-shadow:inset 0 0 0 2px #af8257,0 4px 1px #75604488,0 0 0 1px #825f42!important;display:flex!important;justify-content:center!important;align-items:center!important;overflow:hidden!important;touch-action:manipulation!important}
.intro-content .mode-choice:nth-child(3n+2) .mode-round{background:radial-gradient(circle at 35% 24%,#f6e9d6,#d9b887)!important}
.intro-content .mode-choice:nth-child(3n) .mode-round{background:radial-gradient(circle at 35% 24%,#f7e9e8,#dfadb7)!important}
.intro-content .mode-round img{width:88%!important;height:88%!important;object-fit:contain!important}
.intro-content .mode-label{display:inline-block!important;text-align:center!important;font:900 clamp(11px,3.4vw,16px)/1.1 "Chalkboard SE","Marker Felt",sans-serif!important;color:#67492e!important;background:linear-gradient(#ffebbd,#dcb477)!important;border:2px solid #986e44!important;border-radius:11px!important;padding:4px 3px 5px!important;box-shadow:inset 0 1px #fff5cf,1px 3px 0 #81634866!important;width:100%!important;max-width:135px!important;min-height:28px!important;margin-top:-4px!important;white-space:normal!important}
.intro-content .mode-choice:active .mode-round{transform:scale(.95)!important}
.intro-content .welcome-footer{display:inline-block!important;text-align:center!important;border-radius:10px!important;border:2px solid #a77f57!important;background:linear-gradient(#fee1ab,#dbab71)!important;box-shadow:1px 3px #69523644!important;color:#6c4b2e!important;font-size:clamp(11px,3.1vw,15px)!important;padding:5px 8px!important;margin:12px auto 6px!important}
@media(max-height:780px) and (orientation:portrait){
 .intro-content>.rainbow-title{font-size:clamp(37px,10.7vw,50px)!important;margin-bottom:-14px!important}
 .intro-content>.intro-scene{height:clamp(150px,24dvh,205px)!important}
 .intro-content .mode-round{width:clamp(60px,20vw,84px)!important;height:clamp(60px,20vw,84px)!important}
 .intro-content .mode-label{font-size:clamp(10px,2.9vw,13px)!important;padding:2px 2px 3px!important;min-height:25px!important}
 .intro-content .mode-choices{row-gap:4px!important}
 .intro-content .welcome-subtitle{font-size:16px!important;margin:0 auto 5px!important}
 .intro-content .welcome-footer{font-size:11px!important;margin:7px auto 0!important}
}
@media(orientation:landscape) and (max-height:530px){
 .intro-content{display:grid!important;grid-template-columns:40% 60%!important;grid-template-rows:auto auto 1fr!important;column-gap:4px!important;align-content:start!important}
 .intro-content>.rainbow-title{grid-column:1!important;grid-row:1!important;margin:0!important;font-size:34px!important}
 .intro-content>.intro-scene{grid-column:1!important;grid-row:2/4!important;height:clamp(134px,55dvh,226px)!important}
 .intro-content .welcome-subtitle{grid-column:2!important;grid-row:1!important;font-size:15px!important}
 .intro-content .mode-choices{grid-column:2!important;grid-row:2/4!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important}
 .intro-content .mode-round{width:clamp(48px,8vw,75px)!important;height:clamp(48px,8vw,75px)!important;border-width:3px!important}
 .intro-content .mode-label{font-size:9px!important;padding:1px!important;min-height:16px!important}
 .intro-content .welcome-footer{display:none!important}
}