/* v37: Bildsprache für Kinder, lesbarer Text bleibt nur für Erwachsene und Screenreader */
.zw-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;pointer-events:none!important}
.picnic-page .picnic-scene{isolation:isolate}
.picnic-page .picnic-scene .zw-picture-order{
 position:absolute;z-index:7;top:0;left:50%;transform:translateX(-50%) rotate(-1deg);
 display:flex;align-items:center;justify-content:center;gap:4px;
 width:clamp(148px,49%,216px);max-height:103px;min-height:70px;padding:6px;
 border:3px solid #ac7a52;border-radius:24px 21px 22px 19px;
 background:linear-gradient(148deg,#fff6d9,#f4e1b8);
 box-shadow:inset 1px 3px #fffef0,2px 5px #725c453a;
}
.zw-pic-amount{color:#986549;text-shadow:1px 2px #fff6d1;font-weight:1000;font-size:clamp(27px,8vw,43px);min-width:28px;line-height:1;flex-shrink:0;animation:zw-pop-in .7s cubic-bezier(.2,1.5,.4,1) both}
.zw-order-food{width:100%;min-width:0;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;align-content:center;gap:0 2px;max-height:90px}
.zw-mini-food{display:grid;place-items:center;flex:0 0 clamp(22px,6.5vw,32px);width:clamp(22px,6.5vw,32px);height:clamp(22px,6.5vw,32px);
 filter:drop-shadow(1px 1px #7b664340);animation:zw-pop-in .35s cubic-bezier(.15,1.5,.4,1) both;animation-delay:calc(var(--i) * 95ms)}
.zw-mini-food .extra-food-icon{width:100%;height:100%}
.zw-pic-progress{position:relative;z-index:6;min-height:23px;width:min(100%,355px);margin:0 auto 2px;display:flex;align-items:center;justify-content:center}
.zw-progress-pips{display:flex;align-items:center;justify-content:center;gap:clamp(3px,1.5vw,8px);flex-wrap:nowrap}
.zw-progress-pips>span{display:grid;place-items:center;width:clamp(15px,4.3vw,23px);height:clamp(15px,4.3vw,23px);border:2px solid #9f8562;background:#fff2d1;border-radius:50%;box-shadow:inset 1px 1px #fff8e8;transition:background .25s ease;flex-shrink:0}
.zw-progress-pips>span.is-full{background:#c7e3b8;border-color:#739871;animation:zw-pop-in .35s cubic-bezier(.2,1.5,.4,1)}
.zw-progress-pips svg{width:90%;height:90%}
.picnic-page .extra-food-choice.zw-hint-choice,.feeding-page .extra-food-choice.zw-hint-choice{position:relative;z-index:2;animation:zw-wanted-pulse 2.25s ease-in-out infinite!important;outline:3px dashed #ffecae;outline-offset:3px}
.picnic-page .extra-food-tray{position:relative}
.picnic-page .extra-food-tray:after{content:"›";position:sticky;right:0;color:#946f4f;background:#ffebc790;font-size:35px;line-height:1;flex:0 0 18px;pointer-events:none;animation:zw-arrow-nudge 1.5s ease-in-out infinite}
.zw-moving-demo{position:absolute;z-index:13;left:var(--sx);top:var(--sy);width:42px;height:42px;pointer-events:none;opacity:0;will-change:transform,opacity;
 transform:translate(-50%,-50%);filter:drop-shadow(1px 3px 2px #775c4370);
 animation:zw-demonstrate-food 5.8s cubic-bezier(.42,.01,.53,1) 1.8s infinite}
.zw-moving-demo svg{width:100%;height:100%;display:block}
.picnic-page.zw-happy-complete .zw-moving-demo{animation:none;opacity:0}
.picnic-page.zw-happy-complete .zw-picture-order{animation:zw-order-happy .75s ease-in-out 2}
.picnic-page .extra-mouse,.picnic-page .extra-hedgehog{transform-origin:50% 88%;animation:zw-friendly-bob 2.4s ease-in-out infinite}
.picnic-page .extra-hedgehog{animation-delay:-1.2s}
.picnic-page .extra-next-ready{width:74px!important;height:66px!important;min-width:74px!important;border-radius:50%!important;display:grid;place-items:center!important;padding:5px!important;background:#f1d59a;border:4px solid #946f4b!important}
.picnic-page .extra-next-ready svg{width:44px;height:44px}
.feed-select .extra-animal-choice .extra-animal-round{animation:zw-friendly-bob 3.2s ease-in-out infinite}
.feed-select .extra-animal-choice:nth-child(2) .extra-animal-round{animation-delay:-.75s}
.feed-select .extra-animal-choice:nth-child(3) .extra-animal-round{animation-delay:-1.5s}
.feed-select .extra-animal-choice:nth-child(4) .extra-animal-round{animation-delay:-2.25s}
.feed-goal-art .zw-goal-pips{display:none}
.feeding-page .feed-goal-food{animation:zw-friendly-bob 2s ease-in-out infinite}
.kitchen-page .kitchen-task{position:relative}
.kitchen-task .zw-kitchen-count-image{display:flex;align-items:center;justify-content:center;gap:10px;height:41px;width:100%}
.zw-kitchen-big-number{color:#a0714b;font-weight:1000;font-size:clamp(28px,8vw,39px);text-shadow:1px 2px #fff6df}
.zw-kitchen-count-image>svg{color:#6fa17c;width:30px;height:30px;animation:zw-arrow-nudge 1.4s ease-in-out infinite}
.zw-kitchen-dish-symbol{height:38px;width:38px}
.zw-kitchen-dish-symbol svg{height:100%;width:100%}
.kitchen-page .kitchen-task .kitchen-examples{gap:3px}
.kitchen-page .kitchen-circle.zw-hint-choice{animation:zw-wanted-pulse 2.5s ease-in-out infinite}
.kitchen-page .zw-kitchen-visual-instruction{display:flex;align-items:center;justify-content:center;gap:16px;width:min(100%,320px);height:76px;min-height:60px;margin:3px auto 1px;background:#fff0c8ce;border:3px solid #a67f55;border-radius:24px;box-shadow:inset 0 3px #fff9df}
.zw-kitchen-visual-instruction>span{width:64px;height:64px;display:grid;place-items:center}
.zw-kitchen-visual-instruction>svg{width:39px;height:39px;color:#649c7c;animation:zw-arrow-nudge 1.3s ease-in-out infinite}
.zw-kitchen-visual-instruction svg{width:100%;height:100%;overflow:visible}
.kitchen-page .kitchen-recipe-button .kitchen-round{animation:zw-friendly-bob 3.4s ease-in-out infinite}
.kitchen-page .kitchen-recipe-button:nth-child(even) .kitchen-round{animation-delay:-1.7s}
.kitchen-page .kitchen-friend img{transform-origin:50% 87%;animation:zw-friendly-bob 2.4s ease-in-out infinite}
.kitchen-page .kitchen-friend:nth-child(2) img{animation-delay:-1.2s}
.kitchen-page .kitchen-eating img{animation:kitchen-nibble .29s ease-in-out 5}
.kitchen-page .zw-kitchen-winner{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:50px;animation:zw-pop-in .5s both}
.zw-kitchen-winner svg{width:39px;height:39px}
.kitchen-play-again[data-zw-icon="1"]{min-width:68px!important;width:77px!important;min-height:65px!important;height:65px!important;border-radius:50%;display:grid;place-items:center;font-size:0;padding:5px}
.kitchen-play-again[data-zw-icon="1"] svg{height:47px;width:47px}
.zw-connect-guide{height:43px;display:flex;align-items:center;justify-content:center;gap:7px;color:#71977d;margin:3px auto}
.zw-connect-guide svg{width:35px;height:35px;animation:zw-friendly-bob 1.9s ease-in-out infinite}
.zw-connect-mini{display:grid;place-items:center;background:#fff5d5;border:3px solid #b58c67;border-radius:50%;height:36px;width:36px;color:#806445;font-size:21px;font-weight:950}
.zw-connect-guide.zw-color-selected .zw-connect-mini{background:#bfe4cf;border-color:#6c9b75}
.connect-actions button[data-zw-icon="1"],.drive-controls button[data-zw-icon="1"]{width:55px;min-width:55px;min-height:53px;height:53px;border-radius:50%;padding:7px;display:grid;place-items:center;font-size:0}
.connect-actions button[data-zw-icon="1"] svg,.drive-controls button[data-zw-icon="1"] svg{width:36px;height:36px}
.drive-page .drive-instruction{animation:zw-friendly-bob 2.2s ease-in-out infinite}
.drive-page .drive-car{transform-origin:center}
.zw-drive-motion-cue{position:absolute;z-index:4;left:25%;bottom:6%;width:36px;height:36px;color:#fff7d6;opacity:.8;pointer-events:none;transform:rotate(-45deg);animation:zw-arrow-nudge 1.5s ease-in-out infinite}
.zw-drive-motion-cue svg{width:100%;height:100%}
.zw-math-answer-cue{height:30px;display:flex;justify-content:center;color:#6b9976;transform:rotate(90deg);animation:zw-math-point 2s ease-in-out infinite}
.zw-math-answer-cue svg{width:30px;height:30px}
.zw-win-stars{display:flex;align-items:center;justify-content:center;gap:14px;height:40px;width:100%}
.zw-win-stars svg{height:35px;width:35px;animation:zw-pop-in .6s cubic-bezier(.2,1.5,.4,1) both}
.zw-win-stars svg:nth-child(2){animation-delay:.25s}
.zw-win-stars svg:nth-child(3){animation-delay:.45s}
.bottom-actions #nextBtn[data-zw-icon="1"]{min-width:68px!important;width:75px!important;height:65px!important;min-height:65px;border-radius:50%!important;display:grid;place-items:center;padding:5px}
.bottom-actions #nextBtn[data-zw-icon="1"] svg{width:43px;height:43px}
@keyframes zw-pop-in{0%{transform:scale(.5);opacity:.15}70%{transform:scale(1.12);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes zw-friendly-bob{0%,100%{transform:translateY(0) rotate(-1.4deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes zw-wanted-pulse{0%,100%{filter:drop-shadow(1px 3px 0 #7b5e4845)}50%{filter:drop-shadow(0 0 9px #fff1a4)}}
@keyframes zw-arrow-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
@keyframes zw-math-point{0%,100%{transform:rotate(90deg) translateX(0)}50%{transform:rotate(90deg) translateX(7px)}}
@keyframes zw-demonstrate-food{
 0%,13%{opacity:0;transform:translate(-50%,-50%) scale(.83)}
 17%{opacity:.94;transform:translate(-50%,-50%) scale(1)}
 27%{opacity:1;transform:translate(calc(-50% + var(--dx30)),calc(-50% + var(--dy30) - 27px)) scale(1.05)}
 44%{opacity:.96;transform:translate(calc(-50% + var(--dx70)),calc(-50% + var(--dy70) - 30px)) scale(.96)}
 53%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.65)}
 100%{opacity:0;transform:translate(-50%,-50%)}
}
@keyframes zw-order-happy{0%,100%{transform:translateX(-50%) rotate(-1deg)}50%{transform:translateX(-50%) rotate(2deg) scale(1.06)}}
@media (max-height:720px) and (orientation:portrait){
 .picnic-page .picnic-scene .zw-picture-order{min-height:51px;max-height:73px;padding:4px;width:clamp(130px,49%,170px)}
 .zw-pic-amount{font-size:29px}
 .zw-mini-food{flex-basis:23px;width:23px;height:23px}
 .zw-pic-progress{min-height:18px}
 .zw-progress-pips>span{height:15px;width:15px}
 .kitchen-task .zw-kitchen-count-image{height:29px}
 .zw-kitchen-big-number{font-size:29px}
 .zw-kitchen-dish-symbol{width:29px;height:29px}
 .kitchen-page .kitchen-task{min-height:80px}
 .kitchen-page .kitchen-task .kitchen-examples{min-height:32px}
 .kitchen-page .zw-kitchen-visual-instruction{height:52px;min-height:52px}
 .zw-kitchen-visual-instruction>span{width:45px;height:45px}
 .zw-kitchen-visual-instruction>svg{width:26px;height:26px}
 .zw-win-stars{height:25px}
 .zw-win-stars svg{width:26px;height:26px}
}
@media (orientation:landscape) and (max-height:520px){
 .picnic-page .picnic-scene .zw-picture-order{width:135px;min-height:57px;max-height:85px;top:-10px}
 .zw-mini-food{flex-basis:20px;width:20px;height:20px}
 .zw-pic-amount{font-size:25px}
 .picnic-page .zw-pic-progress{grid-column:1;grid-row:3;height:20px}
 .picnic-page .extra-status{grid-column:1;grid-row:3;visibility:hidden}
 .kitchen-task .zw-kitchen-count-image{height:28px}
 .zw-kitchen-big-number{font-size:24px}
 .zw-kitchen-dish-symbol{height:28px;width:28px}
 .kitchen-page .zw-kitchen-visual-instruction{grid-column:1;grid-row:4;min-height:40px;height:40px}
 .zw-kitchen-visual-instruction>span{width:30px;height:30px}
 .zw-kitchen-visual-instruction>svg{width:27px;height:27px}
 .zw-connect-guide{height:28px;margin:0}
 .zw-connect-guide svg{width:24px;height:24px}
 .zw-connect-mini{width:25px;height:25px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .zw-mini-food,.zw-math-answer-cue,.zw-moving-demo,.zw-picture-order,.zw-hint-choice,.zw-goal-pips,.kitchen-page .kitchen-friend img,.kitchen-page .kitchen-recipe-button .kitchen-round{animation:none!important}
}

/* Image-first guarantees even if the visual-language controller has not run yet. */
.picnic-page .picnic-scene>.zw-picture-order{display:flex!important;visibility:visible!important;opacity:1!important;z-index:10!important}
.picnic-page .picnic-scene .extra-bubble{display:none!important}
.picnic-page .zw-picture-order .zw-order-food .extra-food-icon{width:100%!important;height:100%!important}
.picnic-page .picnic-scene:has(.extra-mouse) .zw-picture-order{left:58%!important}
.picnic-page .picnic-scene:has(.extra-hedgehog) .zw-picture-order{left:42%!important}
@media(max-width:380px){.picnic-page .picnic-scene .zw-picture-order{min-height:70px!important;max-height:94px!important;width:clamp(138px,50%,190px)!important}.zw-mini-food{flex-basis:clamp(24px,6.5vw,31px)!important}}