/* ZÄHLWIESE V73 — storybook picnic scene, visually aligned to Finger/Tiere zählen.
   Real hand-drawn artwork and illustrated paper, not glossy interface cards. */
#app:has(.zw-picnic-world) .zw-picnic-world.main-content{
 background:#8ac66c!important;
}
.zw-picnic-world .zw-pic-background{
 background:url('/baby-meadow-portrait-v67.webp') center center/100% 100% no-repeat!important;
}
.zw-picnic-world .zw-pic-modes{
 z-index:80!important;
 top:11.6%!important;
 left:22%!important;
 width:56%!important;
 height:7.3%!important;
 gap:6px!important;
}
.zw-picnic-world .zw-pic-mode{
 width:clamp(45px,13vw,59px)!important;
 height:clamp(45px,13vw,59px)!important;
 background:linear-gradient(155deg,#f8ebc3,#c99a63 77%,#986e42)!important;
 border:3px solid #825a37!important;
 box-shadow:0 2px 0 #684b31ad,inset 0 0 0 3px #fff0bf!important;
 border-radius:50% 48% 51% 49%!important;
}
.zw-picnic-world .zw-pic-mode.is-current{
 transform:scale(1.04) rotate(-3deg)!important;
 outline:3px solid #ffe4a5!important;
 outline-offset:2px!important;
}
.zw-picnic-world .zw-pic-wishes{
 top:20.6%!important;
 height:16%!important;
 gap:9px!important;
 left:4%!important;
 width:92%!important;
}
.zw-picnic-world .zw-pic-wish{
 border:4px solid #987348!important;
 border-radius:24px 21px 23px 25px / 21px 24px 25px 22px!important;
 background:
   radial-gradient(circle at 18% 20%,#fff7d9 0%,transparent 51%),
   repeating-linear-gradient(-4deg,#fff0c6 0px,#fff0c6 9px,#f5e3b6 10px,#f3e0b3 12px),
   #f3deae!important;
 box-shadow:inset 0 0 0 3px #fff7dd,1px 4px 0 #98714791,0 6px 8px #536e3831!important;
 gap:2px!important;
 padding:7px!important;
}
.zw-picnic-world .zw-pic-wish.is-current{
 transform:rotate(-1.5deg) translateY(-3px)!important;
 filter:none!important;
 box-shadow:inset 0 0 0 3px #fff7dd,0 0 0 3px #f5d981,1px 4px 0 #987147a3!important;
}
.zw-picnic-world .zw-pic-wish.is-complete{
 border-color:#82a06c!important;
 background:#f0ebc6!important;
}
.zw-picnic-world .zw-pic-small-face{
 height:39%!important;width:26%!important;
 object-fit:contain!important;
 image-rendering:auto;
}
.zw-picnic-world .zw-pic-qty{
 color:#755138!important;
 font-family:'Trebuchet MS',system-ui,sans-serif!important;
 text-shadow:1px 2px #fff7d3!important;
}
.zw-picnic-world .zw-pic-picture{
 min-width:0!important;
 max-height:100%!important;
 gap:1px!important;
}
.zw-picnic-world .zw-pic-mini{
 filter:drop-shadow(0 1px #aa895b58)!important;
}
.zw-picnic-world .zw-pic-characters{
 top:35.5%!important;
 height:28%!important;
 left:1%!important;
 width:98%!important;
}
.zw-picnic-world .zw-pic-friend{
 width:34%!important;
 height:99%!important;
 transform-origin:50% 90%!important;
 filter:drop-shadow(2px 5px 1px #517c4157)!important;
}
.zw-picnic-world .zw-pic-moritz{left:1.5%!important}
.zw-picnic-world .zw-pic-igor{right:1.5%!important}
.zw-picnic-world .zw-pic-friend img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 object-fit:contain!important;
}
.zw-picnic-world .zw-pic-cloth{
 left:13%!important;
 top:58.4%!important;
 width:75%!important;
 height:22%!important;
 border:5px solid #fff1c9!important;
 border-radius:19% 20% 21% 22%/13% 14% 13% 14%!important;
 box-shadow:0 5px 4px #6b854a55,inset 0 0 0 3px #ffd0b8!important;
 background-image:
  repeating-linear-gradient(90deg,transparent 0 23px,#fff3d1ac 24px 43px),
  repeating-linear-gradient(0deg,#efacb1 0 29px,#ffdfc8 31px 51px)!important;
 transform:perspective(450px) rotateX(11deg) rotate(-1deg)!important;
}
.zw-picnic-world .zw-pic-seam{
 border:3px dashed #fff3e5bc!important;
 inset:8px!important;
 border-radius:inherit!important;
}
.zw-picnic-world .zw-pic-plates{
 top:59.5%!important;
 left:21%!important;
 width:64%!important;
 height:16.5%!important;
 gap:5px!important;
}
.zw-picnic-world .zw-pic-plate{
 border:5px solid #aa997d!important;
 background:radial-gradient(ellipse at 36% 29%,#fffdf2 0 38%,#f0e5cf 60%,#dfd1ba 78%,#fff5da 89%)!important;
 box-shadow:inset 0 0 0 4px #fffaf0,0 4px 2px #79594373!important;
}
.zw-picnic-world .zw-pic-plate.is-target{
 box-shadow:0 0 0 3px #f7e19f,inset 0 0 0 4px #fffaf0,0 4px 2px #79594373!important;
}
.zw-picnic-world .zw-pic-plate.is-complete{
 box-shadow:0 0 0 3px #b7d89f,inset 0 0 0 4px #fffaf0,0 4px 2px #79594373!important;
}
.zw-picnic-world .zw-pic-plate-dots i.is-filled{
 background:#a8c778!important;
 border-color:#738c55!important;
}
.zw-picnic-world .zw-pic-basket{
 top:58.5%!important;
 left:.8%!important;
 transform:rotate(-7deg) scale(.92)!important;
 filter:drop-shadow(1px 3px 2px #72533363)!important;
}
.zw-picnic-world .zw-pic-foods{
 top:83.2%!important;
 left:3%!important;width:94%!important;height:11.2%!important;
 gap:clamp(4px,2vw,13px)!important;
}
.zw-picnic-world .zw-pic-food{
 flex:0 1 clamp(58px,18vw,82px)!important;
 width:clamp(58px,18vw,82px)!important;
 height:clamp(58px,18vw,82px)!important;
 max-width:24%!important;
 border:4px solid #8d6842!important;
 background:radial-gradient(circle at 37% 21%,#fff8d9,#eed29f 66%,#bc915b)!important;
 box-shadow:inset 0 0 0 3px #fff4d5,0 3px 1px #76543892!important;
}
.zw-picnic-world .zw-pic-food:nth-child(2n){
 background:radial-gradient(circle at 37% 21%,#f5f5d1,#dbe6af 68%,#b0bd81)!important;
}
.zw-picnic-world .zw-pic-food:nth-child(3n){
 background:radial-gradient(circle at 37% 21%,#fff2e0,#f1d2c9 68%,#d2a48e)!important;
}
.zw-picnic-world .zw-pic-food svg{
 width:90%!important;height:90%!important;
 max-height:56px!important;
}
.zw-picnic-world .zw-pic-result-actions{
 right:1%!important;bottom:2%!important;
}
.zw-picnic-world #zwPicNext{
 background:radial-gradient(circle at 37% 21%,#fff8da,#e7c28d 75%,#bd8850)!important;
 border-color:#926c44!important;
}
.zw-picnic-world .zw-pic-party .zw-pic-friend:after{content:none!important}
.zw-picnic-world .zw-pic-trail{
 position:absolute;
 left:50%;top:64%;width:28px;height:28px;
 transform:translate(-50%,-50%);
 opacity:0;pointer-events:none;z-index:27;
}
.zw-picnic-world .zw-pic-trail svg{width:100%;height:100%}
.zw-picnic-world .zw-pic-portion-joy{position:absolute;left:47%;top:14%;width:27px;height:27px;z-index:30;pointer-events:none;animation:zw-pic-joy-up .64s ease-out both}
.zw-picnic-world .zw-pic-portion-joy svg{width:100%;height:100%}
@keyframes zw-pic-joy-up{0%{opacity:0;transform:translateY(14px) scale(.3) rotate(-20deg)}35%{opacity:1;transform:translateY(-12px) scale(1.03) rotate(5deg)}100%{opacity:0;transform:translateY(-34px) scale(.6) rotate(20deg)}}
@media (max-width:360px) and (orientation:portrait){
 .zw-picnic-world .zw-pic-food{
  flex-basis:clamp(51px,18vw,63px)!important;
  width:clamp(51px,18vw,63px)!important;
  height:clamp(51px,18vw,63px)!important;
  padding:7%!important;
 }
 .zw-picnic-world .zw-pic-wishes{top:21.3%!important;height:16.1%!important}
 .zw-picnic-world .zw-pic-characters{top:34.5%!important;height:29%!important}
 .zw-picnic-world .zw-pic-basket{transform:rotate(-7deg) scale(.81)!important}
}
#app:has(.zw-picnic-world)>.app-header .header-tools{pointer-events:none!important}
#app:has(.zw-picnic-world)>.app-header #homeBtn{pointer-events:auto!important}
@media (orientation:landscape) and (max-height:620px){
 .zw-picnic-world .zw-pic-modes{left:29%!important;top:5%!important;height:14%!important;width:42%!important}
 .zw-picnic-world .zw-pic-wishes{left:17%!important;top:19%!important;width:66%!important;height:19%!important}
 .zw-picnic-world .zw-pic-characters{top:27%!important;height:47%!important}
 .zw-picnic-world .zw-pic-friend{width:20%!important;height:90%!important}
 .zw-picnic-world .zw-pic-moritz{left:4%!important}
 .zw-picnic-world .zw-pic-igor{right:4%!important}
 .zw-picnic-world .zw-pic-cloth{left:26%!important;top:56%!important;width:48%!important;height:30%!important}
 .zw-picnic-world .zw-pic-plates{left:31%!important;top:59%!important;width:44%!important;height:22%!important}
 .zw-picnic-world .zw-pic-foods{top:84%!important;left:24%!important;width:53%!important;height:14%!important}
 .zw-picnic-world .zw-pic-food{width:clamp(44px,11vh,55px)!important;height:clamp(44px,11vh,55px)!important;flex-basis:clamp(44px,11vh,55px)!important;padding:5%!important}
 .zw-picnic-world .zw-pic-basket{left:18%!important;top:54%!important;width:12%!important;height:31%!important}
}