/* Generated poses are presented as a sprite; the other three comic panels are unchanged.
   Only the three complete, consistently framed cells in row one are used. */
.berry-wave-art{position:absolute;inset:0;display:block;background-image:url("assets/economy/berry-wave-sheet.png");background-size:380.9178744% 199.7995992%;background-position:0 0;background-repeat:no-repeat}
.berry-wave-panel .berry-reaction{position:absolute;z-index:1;left:5%;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.1vw,16px);font-weight:800;white-space:nowrap;opacity:0;transform:translateY(8px) scale(.85);transform-origin:25% 100%;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-heart{color:#d9687a;font-size:1.15em}
.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;transition:opacity .15s}
.comic-scene:has(.berry-wave-panel):hover .comic-panel-art,.comic-scene:has(.berry-wave-panel):focus-visible .comic-panel-art{filter:none}
.comic-scene:hover .berry-wave-art,.comic-scene:focus-visible .berry-wave-art{animation:berry-greeting 1.8s steps(1,end) 1 both}
.comic-scene:hover .berry-reaction,.comic-scene:focus-visible .berry-reaction{animation:berry-delight 1.8s ease-out 1 both}
.comic-scene:hover .berry-hover-hint,.comic-scene:focus-visible .berry-hover-hint{opacity:0}
@keyframes berry-greeting{0%,100%{background-position:0 0}12%,38%,62%,88%{background-position:36.6294067% 0}25%,75%{background-position:73.1728289% 0}50%{background-position:0 0}}
@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){.berry-hover-hint{display:none}}
@media(prefers-reduced-motion:reduce){.comic-scene:hover .berry-wave-art,.comic-scene:focus-visible .berry-wave-art,.comic-scene:hover .berry-reaction,.comic-scene:focus-visible .berry-reaction{animation:none}.comic-scene:hover .berry-reaction,.comic-scene:focus-visible .berry-reaction{opacity:1;transform:none}.berry-hover-hint{transition:none}}
.berry-motion-art{position:absolute;inset:0;display:block;background-size:300% 100%;background-position:0 0;background-repeat:no-repeat}
.berry-guide-art{background-image:url("assets/economy/berry-guide-sheet.png")}
.berry-jobs-art{background-image:url("assets/economy/berry-jobs-sheet.png");background-size:308.25% 100%;background-position:.762% 0}
.berry-walk-art{background-image:url("assets/economy/berry-walk-sheet.png")}
.berry-motion-panel .berry-reaction{position:absolute;z-index:1;left:7%;top:20%;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);transform-origin:25% 100%;pointer-events:none}
.berry-jobs-panel .berry-reaction{top:34%;left:12%}.berry-walk-panel .berry-reaction{top:32%;left:8%}
.comic-scene:has(.berry-motion-panel):hover .comic-panel-art,.comic-scene:has(.berry-motion-panel):focus-visible .comic-panel-art{filter:none}
.comic-scene:hover .berry-guide-art,.comic-scene:focus-visible .berry-guide-art{animation:berry-explain 2s steps(1,end) 1 both}
.comic-scene:hover .berry-jobs-art,.comic-scene:focus-visible .berry-jobs-art{animation:berry-choose 1.8s steps(1,end) 1 both}
.comic-scene:hover .berry-walk-art,.comic-scene:focus-visible .berry-walk-art{animation:berry-stroll 1.8s steps(1,end) 1 both}
@keyframes berry-explain{0%,100%{background-position:0 0}20%,72%{background-position:50% 0}43%{background-position:100% 0}}
@keyframes berry-choose{0%,100%{background-position:.762% 0}22%,72%{background-position:50.076% 0}47%{background-position:99.466% 0}}
@keyframes berry-stroll{0%,100%{background-position:0 0}14%,42%,70%{background-position:50% 0}28%,56%,84%{background-position:100% 0}}
@media(prefers-reduced-motion:reduce){.comic-scene:hover .berry-motion-art,.comic-scene:focus-visible .berry-motion-art{animation:none}}