/* Zählwiese v36: Rückmeldung durch Bildsprache und echte Tierbewegung. */
.feeding-page:not(.feed-select) .feed-goal-art{
  display:flex;align-items:center;justify-content:center;position:relative;
  width:min(91%,285px);height:clamp(52px,8dvh,70px);flex:0 0 auto;
  margin:0 auto 1px;gap:8px;isolation:isolate;
  filter:drop-shadow(1px 3px 0 #70553a24);
}
.feed-goal-number{
  color:#9b6a45;font-size:clamp(32px,9.5vw,46px);font-weight:950;
  line-height:1;text-shadow:2px 2px 0 #fff4d4;
}
.feed-goal-times{color:#668d70;font-size:clamp(25px,6vw,32px);font-weight:950}
.feed-goal-food{
  display:grid;place-items:center;width:clamp(55px,16vw,71px);
  height:clamp(55px,16vw,71px);background:#fff0cb;
  border:3px solid #b58b65;border-radius:50%;
  box-shadow:inset 0 0 0 3px #fff9e6,2px 3px 0 #8d74544d;
  transform:rotate(-7deg);
}
.feed-goal-food svg{display:block;width:80%;height:80%;overflow:visible}
.feed-goal-arrow{
  display:block;color:#5f966d;font-size:clamp(29px,7vw,40px);
  font-weight:950;align-self:end;transform:rotate(14deg);
  animation:zw-feed-arrow 1.55s ease-in-out infinite;
}
.feeding-page .feed-status{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:1px;font-size:clamp(22px,6vw,28px);font-weight:950;line-height:1.02;
  color:#4f7455;min-height:40px;
}
.feeding-page .feed-fraction{display:flex;align-items:baseline;gap:5px}
.feeding-page .feed-fraction strong{font-size:1.14em;color:#aa6b4b}
.feeding-page .feed-slash{color:#8e986d}
.feed-counter-dots{display:flex;justify-content:center;gap:7px}
.feed-counter-dots i{
  display:block;width:clamp(11px,3vw,16px);height:clamp(11px,3vw,16px);
  border:2px solid #b59670;background:#fff0ce;border-radius:50%;
  box-shadow:inset 0 1px 1px #a5825133;transition:background .15s ease;
}
.feed-counter-dots i.is-fed{
  background:#8ac392;border-color:#5c986e;
  box-shadow:0 0 0 2px #f7eac0;
  animation:zw-feed-dot-pop .42s cubic-bezier(.23,1.7,.35,1) both;
}
.feeding-page:not(.feed-select) .extra-hint{
  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;
}
.feeding-page:not(.feed-select) .fruit-scroll-hint{display:none!important}
.feeding-page:not(.feed-select) .feed-hearts{display:none!important}
.feeding-page:not(.feed-select) .zw-finish-sticker,
.feeding-page:not(.feed-select) .zw-no-thanks,
.feeding-page:not(.feed-select) .zw-fx-reaction-word{display:none!important}
.feeding-page:not(.feed-select) .extra-back-choice{
  display:flex;align-items:center;justify-content:center;gap:4px;
  padding:2px 10px;min-height:38px;min-width:76px;border-radius:26px;
}
.feeding-page:not(.feed-select) .extra-back-choice span{font-size:28px;line-height:1}
.feeding-page:not(.feed-select) .extra-back-choice img{width:30px;height:30px;object-fit:contain}
.feeding-page:not(.feed-select) .feed-main-pet{
  transform-origin:50% 83%;animation:zw-feed-breathe 2.3s ease-in-out infinite;
  will-change:transform;
}
.feeding-page:not(.feed-select) .feed-main-pet.zw-feed-dancing{
  animation:none!important;transition:none!important;
}
.zw-dog-tail{
  transform-origin:146px 141px;
  animation:zw-feed-wag .37s ease-in-out infinite alternate;
}
.zw-feed-sparkle{
  position:absolute;left:50%;top:42%;width:clamp(17px,5vw,31px);
  height:clamp(17px,5vw,31px);z-index:33;pointer-events:none;opacity:0;
  will-change:transform,opacity;
}
.zw-feed-sparkle svg{display:block;width:100%;height:100%}
.feeding-page:not(.feed-select) .extra-next-ready{
  display:grid;place-items:center;
  min-width:70px!important;width:clamp(65px,20vw,84px)!important;
  height:clamp(63px,19vw,82px)!important;min-height:63px!important;
  border-radius:50%!important;padding:1px!important;
  background:radial-gradient(circle at 35% 28%,#fff5d0,#edcb83)!important;
  box-shadow:inset 0 0 0 3px #fff2cc,2px 5px 0 #936f4d77!important;
}
.feeding-page .feed-next-icon{
  font-family:Arial,sans-serif;font-size:clamp(37px,11vw,54px);
  line-height:1;color:#7b684a;display:inline-block;
}
.feeding-page .extra-next-ready .feed-next-icon{animation:zw-next-arrive .55s cubic-bezier(.22,1.6,.38,1) both}
@keyframes zw-feed-arrow{
  0%,100%{transform:translateY(-4px) rotate(14deg)}
  50%{transform:translateY(5px) rotate(14deg)}
}
@keyframes zw-feed-breathe{
  0%,100%{transform:translateY(0) rotate(-1.5deg) scale(1)}
  50%{transform:translateY(-4px) rotate(1.5deg) scale(1.015)}
}
@keyframes zw-feed-wag{
  from{transform:rotate(-14deg)}to{transform:rotate(21deg)}
}
@keyframes zw-feed-dot-pop{
  0%{transform:scale(.35)}60%{transform:scale(1.42)}100%{transform:scale(1)}
}
@keyframes zw-next-arrive{
  from{transform:rotate(-110deg) scale(.65)}
  to{transform:rotate(0) scale(1)}
}
@media (orientation:landscape) and (max-height:520px){
  .feeding-page:not(.feed-select) .feed-goal-art{
    width:96%;height:40px;gap:5px;
  }
  .feeding-page .feed-goal-number{font-size:27px}
  .feeding-page .feed-goal-times{font-size:21px}
  .feeding-page .feed-goal-food{width:39px;height:39px}
  .feeding-page .feed-goal-arrow{font-size:25px}
  .feeding-page .feed-status{margin:0!important;min-height:31px;font-size:20px}
  .feeding-page .feed-counter-dots i{width:9px;height:9px}
  .feeding-page:not(.feed-select) .extra-next-ready{
    min-width:51px!important;min-height:51px!important;
    width:51px!important;height:51px!important;
  }
  .feeding-page .feed-next-icon{font-size:36px}
}
@media (max-height:650px) and (orientation:portrait){
  .feeding-page:not(.feed-select) .feed-goal-art{height:43px;margin:0 auto}
  .feeding-page .feed-goal-number{font-size:31px}
  .feeding-page .feed-goal-food{height:45px;width:45px}
  .feeding-page .feed-goal-times{font-size:22px}
  .feeding-page .feed-goal-arrow{font-size:26px}
  .feeding-page:not(.feed-select) .extra-next-ready{
    min-width:57px!important;min-height:57px!important;
    width:57px!important;height:57px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .zw-dog-tail,.feed-goal-arrow,.feeding-page:not(.feed-select) .feed-main-pet{animation:none!important}
}