/* Zählwiese start V125 — matching the approved hand-drawn park reference.
   Graphics remain independent game links; only homepage illustration/layout changes. */
#app>.zw123-home{
  background:#8fcbdc url('/home-v125/playground-portrait.webp') center center/100% 100% no-repeat!important;
}
#app .zw123-home .zw123-board{
  background-image:url('/home-v125/game-board-golden.webp')!important;
  filter:drop-shadow(0 5px 3px #70472e5b)!important;
}
#app .zw123-home .zw123-settings{
  left:auto!important;right:max(10px,2%)!important;top:max(12px,2.2%)!important;
  z-index:28!important;width:clamp(60px,14vw,81px)!important;
  height:clamp(60px,14vw,81px)!important;
  border-radius:50%!important;
  filter:drop-shadow(0 4px 3px #7957398c)!important;
}
#app .zw123-home .zw123-title{
  left:14%!important;width:72%!important;height:32%!important;
}
#app .zw123-home .zw123-tile{
  isolation:isolate!important;overflow:visible!important;position:relative!important;
  border-radius:50% 50% 22% 22%!important;
}
#app .zw123-home .zw123-tile::after{
  content:""!important;
  position:absolute!important;
  display:block!important;
  width:103%!important;
  height:76%!important;
  top:-.7%!important;
  left:-1.5%!important;
  z-index:5!important;
  background:transparent url('/home-v125/ring-red.webp') center center/100% 100% no-repeat!important;
  pointer-events:none!important;
  transform:translateZ(0)!important;
  filter:drop-shadow(0 1px 1px #824a305c)!important;
}
#app .zw123-home .zw123-tile img{
  display:block!important;position:relative!important;z-index:3!important;
  width:97%!important;height:97%!important;max-width:97%!important;max-height:97%!important;
  object-fit:contain!important;filter:drop-shadow(0 2px 2px #7c563b64)!important;
  border-radius:0!important;
}
#app .zw123-home #chooseMemory img{
  width:94%!important;height:94%!important;max-width:94%!important;max-height:94%!important;
  image-rendering:auto!important;
}
#app .zw123-home #chooseMemory::after{display:none!important}
#app .zw123-home .zw123-grid{
  row-gap:1.4%!important;column-gap:1.5%!important;
}
#app .zw123-home .zw123-tile:hover::after{
  filter:brightness(1.08) drop-shadow(0 2px 2px #9d5c397b)!important;
}
#app .zw123-home .zw123-seesaw{
  touch-action:manipulation!important;
}
@media(orientation:landscape){
 #app>.zw123-home{
   background-image:url('/home-v125/playground-landscape.webp')!important;
 }
 #app .zw123-home .zw123-settings{
   top:7px!important;right:clamp(4px,1.5vw,24px)!important;
   width:clamp(47px,12vh,73px)!important;
   height:clamp(47px,12vh,73px)!important;
 }
 #app .zw123-home .zw123-title{
   left:17%!important;width:76%!important;height:29%!important;
 }
 #app .zw123-home .zw123-tile::after{
   top:-.5%!important;
   height:76%!important;
 }
}
@media(max-width:355px) and (orientation:portrait){
 #app .zw123-home .zw123-settings{
   top:7px!important;right:6px!important;width:55px!important;height:55px!important;
 }
 #app .zw123-home .zw123-title{left:12%!important;width:74%!important}
 #app .zw123-home .zw123-grid{row-gap:.7%!important;column-gap:.5%!important}
}
@media(prefers-reduced-motion:reduce){
 #app .zw123-home .zw123-tile::after{filter:none!important}
}

/* Final visual fit: pencil red outlines hug only the round picture and never cover nameplates. */
#app .zw123-home .zw123-tile::after{
 width:94%!important;
 height:61%!important;
 top:4.5%!important;
 left:3%!important;
 filter:drop-shadow(0 1px 1px #8b543d42)!important;
}
#app .zw123-home .zw123-tile img{
 width:99%!important;height:99%!important;
 max-width:99%!important;max-height:99%!important;
}
@media(orientation:landscape){
 #app .zw123-home .zw123-tile::after{
   top:4%!important;
   height:60%!important;
   width:95%!important;
   left:2.5%!important;
 }
}