/* Separate predecoded poses animate opacity, never repaint background-position. */
.comic-pose-stack{position:absolute;inset:0;display:block}
.comic-panel-art .comic-pose{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:fill;opacity:0;pointer-events:none}
.comic-panel-art .pose-0{opacity:1}
.berry-reaction{position:absolute;z-index:1;left:7%;top:23%;padding:8px 12px;background:#fff6ed;color:#704137;border:2px solid #513a35;border-radius:16px 16px 16px 4px;box-shadow:0 3px 0 #34232930;font-size:clamp(11px,1.05vw,15px);font-weight:800;white-space:nowrap;opacity:0;transform:translateY(8px) scale(.85);pointer-events:none}
.berry-reaction:after{content:'';position:absolute;bottom:-7px;left:16px;width:10px;height:10px;background:#fff6ed;border-bottom:2px solid #513a35;border-right:2px solid #513a35;transform:rotate(45deg)}
.berry-jobs-panel .berry-reaction,.berry-walk-panel .berry-reaction{top:32%}
.berry-hover-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);border-radius:30px;padding:6px 10px;background:#172a32c9;color:#fff;font-size:11px;white-space:nowrap;pointer-events:none}
.comic-scene:is(:hover,:focus-visible) .comic-panel-art{filter:none}
.is-playing .comic-pose{will-change:opacity}
.is-playing .pose-1{animation:berry-pose-one 1.8s linear both}
.is-playing .pose-2{animation:berry-pose-two 1.8s linear both}
.is-playing .berry-reaction{animation:berry-delight 1.8s ease-out both}
.is-playing .berry-hover-hint{opacity:0}
@keyframes berry-pose-one{0%,8%,47%,92%,100%{opacity:0}15%,39%,67%,84%{opacity:1}}
@keyframes berry-pose-two{0%,25%,70%,100%{opacity:0}32%,57%{opacity:1}}
@keyframes berry-delight{0%,15%{opacity:0;transform:translateY(8px) scale(.85)}30%{opacity:1;transform:translateY(-2px) scale(1.04)}42%,86%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-5px) scale(.98)}}
@media(hover:none),(pointer:coarse){.berry-hover-hint{display:none}}
@media(prefers-reduced-motion:reduce){.is-playing .comic-pose,.is-playing .berry-reaction{animation:none;will-change:auto}}
