/* =========================================================
   v861 – Energieanzeige weitere 5px höher
   ========================================================= */

.home-monster-slot-v576{
  overflow:visible !important;
}

.monster-energy-bar-v739{
  position:absolute;
  left:50%;
  bottom:2px;
  width:126px;
  height:18px;
  transform:translateX(-50%);
  box-sizing:border-box;
  overflow:hidden;
  border:2px solid #5c1712;
  border-radius:8px;
  background:#2c0d0b;
  box-shadow:0 2px 4px rgba(0,0,0,.45), inset 0 0 4px rgba(0,0,0,.5);
  z-index:8;
  pointer-events:none;
}

.monster-energy-fill-v739{
  position:absolute;
  inset:0 auto 0 0;
  background:linear-gradient(180deg,#ef4e43 0%,#b51f1b 58%,#7f1512 100%);
  border-radius:5px;
  transition:width .25s ease;
}

.monster-energy-text-v739{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff1df;
  font:900 11px/1 Arial,sans-serif;
  letter-spacing:.01em;
  text-shadow:0 1px 2px #390906,0 0 2px #390906;
  white-space:nowrap;
}

/* Das liegende Schlafbild ist breiter als das normale stehende Baby. */
#homeMonsterSlotsV576 .home-monster-resident-v576.monster-energy-sleeping-v739{
  width:148px !important;
  height:96px !important;
  bottom:30px !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform-origin:50% 100% !important;
  animation:monsterSleepBreathV826 6.2s ease-in-out infinite !important;
}

/* Auf dem rechten HUD-Podest bleibt der Energiebalken bewusst unsichtbar. */
#hudMonsterV521.monster-energy-sleeping-v739{
  object-fit:contain !important;
  object-position:center bottom !important;
  transform-origin:50% 100% !important;
  animation:monsterSleepBreathV826 6.2s ease-in-out infinite !important;
}

@keyframes monsterSleepBreathV826{
  0%,100%{
    scale:1;
    opacity:.985;
    filter:drop-shadow(0 7px 4px rgba(0,0,0,.32)) brightness(.995);
  }
  50%{
    scale:1.008 1.006;
    opacity:1;
    filter:drop-shadow(0 7px 5px rgba(0,0,0,.34)) brightness(1.005);
  }
}

.monster-energy-food-over-v739{
  filter:
    drop-shadow(0 0 5px rgba(255,224,122,.95))
    drop-shadow(0 0 12px rgba(255,176,49,.8)) !important;
}

/* v826 – Auch ein schlafendes Monster in der Brutkammer atmet ganz leicht und ruhig. */
#incubatorMonsterV520.monster-energy-sleeping-v739{
  transform-origin:50% 100% !important;
  animation:monsterSleepBreathV826 6.2s ease-in-out infinite !important;
}

@media(prefers-reduced-motion:reduce){
  .monster-energy-sleeping-v739{
    animation:none !important;
  }
}

/* v830 – Großohrs liegende Schlafgrafik ist im Verhältnis kleiner als seine Wachgrafik.
   Nur Großohr wird im Schlaf etwas größer dargestellt; Position und ruhige Atmung bleiben erhalten. */
img.monster-energy-sleeping-v739[src*="grossohr_baby003"]{
  transform-origin:50% 100% !important;
  animation:grossohrSleepBreathV831 5.4s ease-in-out infinite !important;
}
#homeMonsterSlotsV576 .home-monster-resident-v576.monster-energy-sleeping-v739[src*="grossohr_baby003"]{
  width:162px !important;
  height:105px !important;
}
/* v831 – Großohrs Schlafatmung etwas deutlicher sichtbar, aber weiterhin ruhig.
   Die Bewegung hebt vor allem den Körper minimal an, statt ihn stark aufzublasen. */
@keyframes grossohrSleepBreathV831{
  0%,100%{
    transform:scaleX(1.09) scaleY(1.09);
    opacity:.99;
    filter:drop-shadow(0 7px 4px rgba(0,0,0,.32)) brightness(.995);
  }
  50%{
    transform:scaleX(1.098) scaleY(1.118);
    opacity:1;
    filter:drop-shadow(0 7px 5px rgba(0,0,0,.34)) brightness(1.005);
  }
}
@media(prefers-reduced-motion:reduce){
  img.monster-energy-sleeping-v739[src*="grossohr_baby003"]{
    animation:none !important;
    transform:scale(1.09);
  }
}