/* Sprint 077.27 — shared motion and sleeping eyes for initial Buddy + Field Pet 001–020 */
#petVisual .fieldpet-motion-inline{
  position:relative;
  z-index:2;
  width:min(220px,90%);
  overflow:visible;
  filter:drop-shadow(0 22px 28px rgba(40,95,140,.25));
  transform-origin:50% 72%;
  animation:fpm-float 5.1s ease-in-out infinite,fpm-breathe 4.1s ease-in-out .55s infinite;
  will-change:transform;
}
.fieldpet-motion-inline .fpm-eye{
  transform-box:view-box;
  transform-origin:center;
  transition:transform 90ms linear;
  will-change:transform;
}
.fieldpet-motion-inline .fpm-eye-blink{
  transform-box:fill-box;
  transform-origin:center;
}
.fieldpet-motion-inline .fpm-eye-blink.fpm-is-blinking{
  animation:fpm-blink 170ms ease-in-out 1;
}
.fieldpet-motion-inline .fpm-eye-glint{pointer-events:none}
#petVisual.fpm-is-sleeping .fpm-eye{
  transform:translate(0,0)!important;
  transition:none;
}
#petVisual.fpm-is-sleeping .fpm-eye-blink{
  animation:none!important;
  transform:scaleY(.075);
}
#petVisual.fpm-is-sleeping .fpm-eye-glint{opacity:0}
.fieldpet-motion-inline .fpm-accent{
  transform-box:fill-box;
  transform-origin:50% 100%;
  animation:fpm-accent-sway 4.8s ease-in-out .35s infinite;
}
.initial-buddy-motion-inline{filter:none!important}
.initial-buddy-motion-inline .fpm-buddy-leaf{
  transform-box:fill-box;
  transform-origin:50% 100%;
  will-change:transform;
}
.initial-buddy-motion-inline .fpm-buddy-leaf-left{animation:fpm-buddy-leaf-left 4.4s ease-in-out infinite}
.initial-buddy-motion-inline .fpm-buddy-leaf-right{animation:fpm-buddy-leaf-right 4.9s ease-in-out .55s infinite}
#petVisual.fpm-is-greeting .fieldpet-motion-inline{
  animation:fpm-hello .72s cubic-bezier(.2,1.45,.35,1) 1;
}
#petVisual[data-ai-action="settle"] .fieldpet-motion-inline,
#petVisual[data-ai-action="restore"] .fieldpet-motion-inline,
#petVisual[data-ai-action="remember"] .fieldpet-motion-inline{animation:fpm-ai-settle 4.2s ease-in-out 1}
#petVisual[data-ai-action="observe"] .fieldpet-motion-inline{animation:fpm-ai-observe 3.4s ease-in-out 1}
#petVisual[data-ai-action="explore"] .fieldpet-motion-inline{animation:fpm-ai-explore 3.1s ease-in-out 1}
#petVisual[data-ai-action="celebrate"] .fieldpet-motion-inline{animation:fpm-ai-celebrate 1.1s cubic-bezier(.2,1.35,.4,1) 2}
#petVisual[data-ai-action="connect"] .fieldpet-motion-inline{animation:fpm-ai-connect 2.8s ease-in-out 1}
#petVisual[data-ai-expression="bright"] .fieldpet-motion-inline{filter:drop-shadow(0 20px 30px rgba(255,210,92,.48)) brightness(1.06)}
#petVisual[data-ai-expression="tender"] .fieldpet-motion-inline{filter:drop-shadow(0 18px 28px rgba(154,121,201,.30)) saturate(.94)}
#petVisual[data-ai-expression="curious"] .fpm-accent{animation-duration:2.5s}
#petVisual[data-ai-expression="focused"] .fpm-eye{transition:transform 180ms ease-out}
@keyframes fpm-ai-settle{0%,100%{translate:0 0;rotate:0deg;scale:1}45%{translate:0 4px;rotate:-1deg;scale:.985 1.015}}
@keyframes fpm-ai-observe{0%,100%{translate:0 0;rotate:0deg}35%{translate:-3px -3px;rotate:-2deg}70%{translate:3px -2px;rotate:2deg}}
@keyframes fpm-ai-explore{0%,100%{translate:0 0;rotate:0deg}22%{translate:-8px -5px;rotate:-3deg}54%{translate:8px -8px;rotate:3deg}78%{translate:3px 0;rotate:1deg}}
@keyframes fpm-ai-celebrate{0%,100%{translate:0 0;rotate:0deg;scale:1}45%{translate:0 calc(-13px * var(--fpm-ai-intensity,.7));rotate:-3deg;scale:1.045}72%{translate:0 2px;rotate:2deg;scale:.995}}
@keyframes fpm-ai-connect{0%,100%{translate:0 0;rotate:0deg}32%{translate:-4px -4px;rotate:-4deg}64%{translate:4px -4px;rotate:4deg}}
#petVisual.fpm-is-sleeping{cursor:default}
@keyframes fpm-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes fpm-breathe{0%,100%{scale:1}50%{scale:1.018 1.028}}
@keyframes fpm-blink{0%,100%{transform:scaleY(1)}46%,58%{transform:scaleY(.06)}}
@keyframes fpm-accent-sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(2.5deg)}}
@keyframes fpm-buddy-leaf-left{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(5deg)}}
@keyframes fpm-buddy-leaf-right{0%,100%{transform:rotate(1deg)}50%{transform:rotate(-5deg)}}
@keyframes fpm-hello{
  0%,100%{translate:0 0;rotate:0deg;scale:1}
  32%{translate:0 -7px;rotate:-2.6deg;scale:1.04}
  68%{translate:0 1px;rotate:1deg;scale:.995}
}
html.fpm-paused .fieldpet-motion-inline,
html.fpm-paused .fieldpet-motion-inline *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
  #petVisual .fieldpet-motion-inline{animation:none!important;filter:drop-shadow(0 18px 24px rgba(40,95,140,.2))}
  .fieldpet-motion-inline *{animation:none!important;transition:none!important}
}