/* Zählwiese – fruchtige Spielwelt v27; tactile, ink & watercolor, no copied artwork */
.fruit-scroll-hint{
 width:100%;max-width:390px;text-align:center;font:900 clamp(12px,3.5vw,15px) "Chalkboard SE","Marker Felt",sans-serif;
 color:#536e4a;text-shadow:1px 1px #fff4ca;margin:4px auto 1px;flex:0 0 auto;letter-spacing:.15px
}
.extra-page .extra-food-tray,
.extra-page .feed-food-tray{
 display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;
 gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;width:min(100%,404px)!important;
 max-width:min(100%,404px)!important;
 padding:7px 9px 10px!important;min-height:84px!important;
 scrollbar-width:none;-ms-overflow-style:none;
 scroll-snap-type:x proximity;scroll-padding-inline:10px;
 overscroll-behavior-inline:contain;
 touch-action:pan-x!important;
 -webkit-overflow-scrolling:touch;
 background:linear-gradient(93deg,#fff2ce88,#f7dfac9c,#fff1ce88);
 border:2px dashed #ad936a8e;border-radius:26px;
 box-shadow:inset 0 2px 6px #b9986244;
}
.extra-page .extra-food-tray::-webkit-scrollbar{display:none}
.extra-page .extra-food-choice,
.extra-page .feed-food-tray .extra-food-choice{
 flex:0 0 67px!important;
 width:67px!important;height:67px!important;min-width:67px!important;min-height:67px!important;
 padding:6px!important;border-radius:50%!important;scroll-snap-align:start;touch-action:pan-x!important;
 -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;
}
.extra-page .extra-food-choice .extra-food-icon{width:100%!important;height:100%!important}
.extra-page .extra-food-choice.fruit-drink{
 border-color:#6c99ae!important;
 background:radial-gradient(circle at 35% 27%,#e3f8ff,#a4d6e7 75%)!important;
 box-shadow:inset 0 0 0 3px #e9f9fa,2px 4px 0 #547c8b73!important
}
.extra-page .extra-food-choice.fruit-drink:after{
 content:"💧";position:absolute;right:-2px;top:-8px;font-size:16px;text-shadow:1px 1px #fff;
}
.extra-page .extra-food-choice{position:relative}
.extra-page .extra-hint{min-height:24px;max-width:380px}
.extra-page .extra-next-area:has(.extra-next-ready){padding:4px 0 2px}
.extra-page .extra-next-ready{
 border:4px solid #966945;border-radius:29px;background:linear-gradient(#ffe6a8,#eabe77);
 padding:8px 19px;min-height:54px;font-size:21px;box-shadow:inset 0 2px #fff2c4,3px 6px 0 #93704f6a;
}
.zw-reaction-layer{
 position:absolute!important;left:0;top:0;width:0;height:0;z-index:24!important;
 overflow:visible!important;pointer-events:none!important;isolation:isolate!important;
 filter:none!important;transform:none!important
}
.zw-reaction-layer .zw-mouth{
 position:absolute;left:0;top:0;transform:translate(-50%,-50%);
 width:var(--zw-mouth-size,27px);height:9px;
 border-radius:48% 48% 56% 56%;background:#67433e;border:2.5px solid #ab7864;
 box-shadow:inset 0 -2px 0 #a86674,0 1px 0 #fff7d1bb;
 overflow:hidden;opacity:0;will-change:height,width,opacity;
}
.zw-reaction-layer .zw-tongue{
 position:absolute;left:18%;right:18%;bottom:-2px;height:40%;background:#e89a9f;border-radius:65% 65% 20% 20%;
}
.zw-reaction-layer .zw-teeth{position:absolute;left:25%;right:25%;top:0;height:18%;background:#fff2d5;border-radius:0 0 6px 6px}
.zw-reaction-layer .zw-treat{
 position:absolute;left:-30px;top:-28px;width:60px;height:60px;z-index:2;
 filter:drop-shadow(1px 3px 0 #755d4752);will-change:transform,opacity;
 transform-origin:center center;
}
.zw-reaction-layer .zw-treat svg{display:block;width:100%;height:100%;overflow:visible}
.zw-reaction-layer .zw-fx-heart{
 position:absolute;left:-13px;top:-38px;font:900 33px "Chalkboard SE",sans-serif;
 color:#df8599;text-shadow:1px 2px #fff3cb;opacity:0;will-change:transform,opacity
}
.zw-reaction-layer .zw-fx-crumbs{position:absolute;left:0;top:0}
.zw-reaction-layer .zw-fx-crumbs i{
 position:absolute;left:-4px;top:-4px;width:7px;height:7px;opacity:0;
 border:1px solid #a08058;border-radius:30% 55% 42% 62%;
 background:#f3c782;will-change:transform,opacity
}
.zw-reaction-layer.zw-react-drink .zw-fx-crumbs i{border-color:#679fae;background:#8dcde5;border-radius:70% 8% 60% 60%}
.zw-reaction-layer.zw-react-pet .zw-fx-crumbs i{background:#f2a0af;border-color:#d68591}
.zw-reaction-layer .zw-fx-reaction-word{
 position:absolute;left:0;top:-76px;width:max-content;max-width:150px;transform:translateX(-50%);
 opacity:0;background:#fff0c5;border:2px solid #b58a62;border-radius:15px 18px 16px 18px;
 padding:5px 9px;color:#755333;text-shadow:1px 1px #fff9df;
 font:900 clamp(14px,3.9vw,18px) "Chalkboard SE","Marker Felt",sans-serif;
 box-shadow:2px 3px 0 #87644855;white-space:nowrap;will-change:opacity,transform;
}
.zw-is-reacting .extra-mascot,.zw-is-reacting .feed-main-pet{
 animation:none!important;transition:none!important;will-change:transform;
}
.zw-reaction-layer .zw-mouth,.zw-reaction-layer .zw-treat{animation:none!important}
.picnic-scene{overflow:visible!important}
.picnic-scene .zw-reaction-layer{z-index:30!important}
.feed-pet-drop{overflow:visible!important}
@media(max-width:360px){
 .extra-page .extra-food-choice,.extra-page .feed-food-tray .extra-food-choice{
  flex-basis:60px!important;width:60px!important;min-width:60px!important;height:60px!important;min-height:60px!important
 }
 .extra-page .extra-food-tray{min-height:78px!important}
 .fruit-scroll-hint{font-size:12px}
}
@media(orientation:landscape) and (max-height:520px){
 .extra-page .extra-food-tray,.extra-page .feed-food-tray{
  width:100%!important;min-height:58px!important;max-width:100%!important;padding:3px 4px!important;
 }
 .extra-page .extra-food-choice,.extra-page .feed-food-tray .extra-food-choice{
  flex-basis:48px!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;padding:3px!important;
 }
 .fruit-scroll-hint{display:none}
 .extra-page .extra-next-area{min-height:38px}
 .extra-page .extra-next-ready{min-height:37px;font-size:16px;padding:3px 12px}
}
@media(prefers-reduced-motion:reduce){
 .zw-is-reacting .extra-mascot,.zw-is-reacting .feed-main-pet{transition:none!important}
 /* Essential mouth and bite frames are shown even when big movements are reduced. */
}

/* Small persistent celebration; no auto-skip for three-year-olds */
.zw-finish-sticker{
 position:absolute;top:53%;right:-1%;z-index:35;pointer-events:none;
 max-width:190px;padding:8px 10px;border:3px solid #af8054;border-radius:22px;
 background:#fff0c4;box-shadow:2px 4px 0 #94744c55;
 font:900 clamp(14px,3.8vw,19px) "Chalkboard SE","Marker Felt",sans-serif;
 text-align:center;color:#628447;text-shadow:1px 1px #fffadd;
 opacity:0;transform:translateY(20px) scale(.75);
 transition:opacity .36s ease,transform .48s cubic-bezier(.19,1.5,.48,1)
}
.zw-finish-sticker.zw-finish-visible{opacity:1;transform:translateY(0) scale(1)}
.animal-care-stage:has(.zw-reaction-layer) .care-action-stage > img{opacity:0!important}
@media(prefers-reduced-motion:reduce){.zw-finish-sticker{transition:none}.zw-finish-sticker.zw-finish-visible{opacity:1;transform:none}}
\n/* v30: mouth is a native part of the dog's SVG, never floating in the scene. */
.zw-reaction-layer .zw-mouth{display:none!important}
.zw-dog-actor{display:block;overflow:visible;transform-origin:50% 75%}
.zw-dog-chew-mouth,.zw-dog-idle-mouth{pointer-events:none}
.zw-is-reacting .zw-dog-chew-mouth{transition:none!important;animation:none!important}

/* Native articulated duck bill, never a floating generic mouth */
.zw-duck-actor{display:block;overflow:visible!important}
.zw-duck-lower-beak{will-change:transform}
.zw-no-thanks{position:absolute;top:2%;left:50%;z-index:31;transform:translateX(-50%);background:#fff1d8;border:2px solid #b38c66;border-radius:22px;padding:6px 11px;color:#97654d;font:900 17px "Chalkboard SE","Marker Felt",sans-serif;white-space:nowrap;pointer-events:none;box-shadow:2px 3px 0 #88674e44}