.hound-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;contain:layout paint}.bloodhound{position:absolute;left:0;top:0;width:clamp(132px,26%,186px);aspect-ratio:250/168;will-change:transform;pointer-events:none;filter:drop-shadow(0 3px 2px #1113)}.hound-art{display:block;width:100%;height:100%;overflow:visible;transform:scaleX(var(--hound-facing,1));transition:filter .4s}.hound-shadow{fill:#222;opacity:.13;transform-origin:126px 149px}.hound-figure{transform-origin:122px 142px}.hound-body{transform-origin:114px 100px}.hound-head{transform-origin:158px 81px;animation:hound-sniff 1.1s ease-in-out infinite}.hound-ear{transform-origin:184px 76px;animation:hound-ear-idle 2.8s ease-in-out infinite}.hound-tail{transform-origin:54px 71px;animation:hound-tail-wag 1.8s ease-in-out infinite}.hound-leg{transform-box:view-box}.hound-leg.rear{transform-origin:65px 87px}.hound-leg.front{transform-origin:142px 96px}.hound-eye{transform-origin:205px 96px;animation:hound-blink 5.9s linear infinite}.hound-tag{transform-origin:160px 95px}.hound-scent{opacity:0;transform-origin:242px 125px;animation:hound-scent 2.2s ease-out infinite}.hound-sleep{opacity:0}.bloodhound[data-motion=walk] .hound-figure{animation:hound-bob .7s ease-in-out infinite}.bloodhound[data-motion=walk] .hound-leg.near{animation:hound-step .7s ease-in-out infinite}.bloodhound[data-motion=walk] .hound-leg.far{animation:hound-step .7s ease-in-out -.35s infinite}.bloodhound[data-motion=walk] .hound-leg.rear.near{animation-delay:-.35s}.bloodhound[data-motion=walk] .hound-leg.rear.far{animation-delay:0s}.bloodhound[data-motion=walk] .hound-head{animation:hound-walk-head .7s ease-in-out infinite}.bloodhound[data-motion=walk] .hound-ear{animation:hound-ear-walk .7s ease-in-out infinite}.bloodhound[data-motion=walk] .hound-tag{animation:hound-tag .7s ease-in-out infinite}.bloodhound[data-motion=walk] .hound-shadow{animation:hound-shadow .7s ease-in-out infinite}.bloodhound[data-motion=look] .hound-head{animation:hound-look 2.3s ease-in-out both}.bloodhound[data-motion=look] .hound-scent,.bloodhound[data-motion=sit] .hound-scent,.bloodhound[data-motion=rest] .hound-scent{animation:none;opacity:0}.bloodhound[data-motion=paw] .hound-leg.front.near{animation:hound-paw 2s ease-in-out both}.bloodhound[data-motion=paw] .hound-head{animation:hound-curious 2s ease-in-out both}.bloodhound[data-motion=shake] .hound-head{animation:hound-shake .18s ease-in-out infinite}.bloodhound[data-motion=shake] .hound-ear{animation:hound-ear-shake .18s ease-in-out infinite}.bloodhound[data-motion=sit] .hound-figure{animation:hound-sit 3.7s ease-in-out both}.bloodhound[data-motion=sit] .hound-leg.rear{transform:rotate(-28deg)}.bloodhound[data-motion=sit] .hound-head{animation:hound-look 3.7s ease-in-out both}.bloodhound[data-motion=rest] .hound-figure{animation:hound-rest 5s ease-in-out both}.bloodhound[data-motion=rest] .hound-leg{transform:rotate(35deg) scaleY(.65)}.bloodhound[data-motion=rest] .hound-eye{transform:scaleY(.15);animation:none}.bloodhound[data-motion=rest] .hound-sleep{animation:hound-zzz 2.5s ease-in-out infinite}.bloodhound[data-motion=rest] .hound-tail{animation:none}.bloodhound[data-motion=still] *{animation:none!important}.hound-stage[data-crawl=running] .hound-scent{stroke:#edc685}.trail-found:after{content:'';position:absolute;right:9%;bottom:10%;width:10px;height:10px;border:1px solid #b78749;border-radius:50%;animation:hound-found 1s ease-out both}.idle-preview img{width:190px;height:180px;object-fit:contain;mix-blend-mode:normal;opacity:1}.view-surface.has-page{background:#e8e5df}.idle-preview{background:radial-gradient(ellipse at center,#30281d,#0c1014)}
@keyframes hound-step{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(13deg)}}@keyframes hound-bob{0%,50%,100%{transform:translateY(0)}25%,75%{transform:translateY(-2px)}}@keyframes hound-sniff{0%,100%{transform:rotate(0)}45%{transform:rotate(3deg) translateY(1px)}65%{transform:rotate(1deg)}}@keyframes hound-walk-head{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(2deg) translateY(-1px)}}@keyframes hound-ear-idle{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(2deg)}}@keyframes hound-ear-walk{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes hound-tail-wag{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}@keyframes hound-tag{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@keyframes hound-shadow{0%,50%,100%{transform:scaleX(1);opacity:.13}25%,75%{transform:scaleX(.96);opacity:.1}}@keyframes hound-blink{0%,43%,46%,89%,92%,100%{transform:scaleY(1)}44%,45%,90%,91%{transform:scaleY(.08)}}@keyframes hound-scent{0%,20%{opacity:0;transform:translateX(5px) scale(.65)}45%{opacity:.6}75%,100%{opacity:0;transform:translateX(-3px) scale(1.12)}}@keyframes hound-look{0%,100%{transform:rotate(0)}20%,65%{transform:rotate(-18deg) translateY(-3px)}75%{transform:rotate(-11deg)}}@keyframes hound-curious{0%,100%{transform:rotate(0)}25%,75%{transform:rotate(-9deg)}}@keyframes hound-paw{0%,100%{transform:rotate(0)}25%,75%{transform:rotate(-27deg)}}@keyframes hound-shake{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(6deg)}}@keyframes hound-ear-shake{0%,100%{transform:rotate(16deg)}50%{transform:rotate(-14deg)}}@keyframes hound-sit{0%,100%{transform:translateY(0) rotate(0)}15%,85%{transform:translate(-5px,9px) rotate(-7deg)}}@keyframes hound-rest{0%,100%{transform:translateY(0) scaleY(1)}15%,85%{transform:translateY(25px) scaleY(.78)}}@keyframes hound-zzz{0%{opacity:0;transform:translateY(0)}40%{opacity:.8}100%{opacity:0;transform:translateY(-12px)}}@keyframes hound-found{0%{opacity:.5;transform:scale(1)}100%{opacity:0;transform:scale(6)}}
@media(max-width:700px){.bloodhound{width:140px}.hound-stage{inset:0 0 4px}}@media(prefers-reduced-motion:reduce){.bloodhound *,.trail-found:after{animation:none!important;transition:none!important}.hound-scent,.hound-sleep{display:none}}

.hound-roaming{position:fixed;inset:auto 18px 31px auto;width:min(420px,70vw);height:138px;z-index:8;opacity:.9}.hound-roaming .bloodhound{width:155px}.hound-roaming .hound-shadow{fill:#dfd1b8;opacity:.09}@media(max-width:700px){.hound-roaming{width:170px;height:100px;right:4px;bottom:31px}.hound-roaming .bloodhound{width:125px}}