.puppy-wrap{perspective:900px;transform-style:preserve-3d}
.puppy-figure{position:relative;z-index:2;width:min(100%,330px);aspect-ratio:1;transform-style:preserve-3d;animation:scoutDepth 4s ease-in-out infinite}
.puppy-figure img,.puppy-wrap.red .puppy-figure img,.puppy-wrap.idle-hop .puppy-figure img{display:block;width:100%;max-width:none;max-height:none;animation:none}
.puppy-figure.has-3d img{opacity:0}
.puppy-figure.show-original img{opacity:1}
.puppy-figure.show-original .scout-3d{display:none}
[hidden]{display:none!important}
.scout-3d{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 17px #459bff9c);transition:filter .3s;touch-action:none;cursor:grab}
.scout-3d:active{cursor:grabbing}
.scout-art-toggle{position:absolute;z-index:4;left:50%;top:0;transform:translateX(-50%);white-space:nowrap;border:1px solid #93b7e7;border-radius:999px;padding:7px 12px;background:#fff;color:#285383;font-size:11px;font-weight:800;cursor:pointer}
.puppy-wrap.red .scout-3d{filter:drop-shadow(0 0 19px #ff3847)}
.puppy-wrap.red .puppy-figure{animation:scoutAlert 1.6s ease-in-out infinite}
.puppy-wrap.idle-hop .puppy-figure{animation:scoutHop .85s ease-in-out 1}
.puppy-halo{transform:translateZ(-45px);animation:haloBreathe 4s ease-in-out infinite}
.puppy-shadow{transform:translateZ(-75px)}
@keyframes scoutDepth{0%,100%{transform:translateY(0) rotateY(-4deg) rotateX(1deg) translateZ(8px)}35%{transform:translateY(-9px) rotateY(5deg) rotateX(-2deg) translateZ(28px)}70%{transform:translateY(-3px) rotateY(-1deg) rotateX(1deg) translateZ(14px)}}
@keyframes scoutAlert{0%,100%{transform:translateY(0) rotateY(-3deg) translateZ(10px)}50%{transform:translateY(-4px) rotateY(3deg) translateZ(22px)}}
@keyframes scoutHop{0%,100%{transform:translateY(0) rotateY(0) translateZ(8px)}45%{transform:translateY(-25px) rotateY(7deg) rotateZ(3deg) translateZ(34px)}}
@keyframes haloBreathe{50%{opacity:.65;transform:translateZ(-45px) scale(1.14)}}
@media(max-width:760px){.puppy-figure{width:min(100%,270px)}.puppy-wrap{height:310px}.speech-side{margin:4px auto 20px}}
@media(prefers-reduced-motion:reduce){.puppy-figure,.puppy-wrap.red .puppy-figure,.puppy-wrap.idle-hop .puppy-figure,.puppy-halo{animation:none}}