/* Movement is scoped to the character; the readable menu retains its own viewport position. */
body #hcf-guide.hg-lively .hg-launch{position:fixed;left:0;top:0;right:auto;bottom:auto;width:var(--hg-w,112px);will-change:transform;transition:none;z-index:2}
body #hcf-guide.hg-lively .hg-art{width:var(--hg-w,112px);height:var(--hg-h,122px);animation:hg-breathe 4.8s ease-in-out infinite;transform-origin:50% 88%;filter:drop-shadow(0 5px 8px #5e619e1c)}
#hcf-guide.hg-lively .hg-art img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain}
#hcf-guide.hg-lively .hg-art .hg-pose-out{position:absolute;inset:0;z-index:3;pointer-events:none}
#hcf-guide.hg-lively .hg-launch-label{font-size:10px;padding:3px 10px;margin-top:-9px;transition:opacity .2s}
#hcf-guide.hg-lively.is-perched .hg-launch-label,#hcf-guide.hg-lively.is-flying .hg-launch-label{display:none}
#hcf-guide.hg-lively.is-perched .hg-art{animation:hg-perch-breathe 4.2s ease-in-out infinite}
#hcf-guide.hg-lively.is-flying .hg-art{animation:hg-flight-flutter .85s ease-in-out infinite;transform:rotate(var(--hg-bank,0deg));filter:drop-shadow(0 12px 14px #7b70c52a)}
#hcf-guide.hg-lively.is-flying .hg-art img{transform:scaleX(var(--hg-direction,1))}
#hcf-guide.hg-lively.is-flying .hg-launch{pointer-events:none}
#hcf-guide.hg-lively.is-landing .hg-art{animation:hg-land .65s cubic-bezier(.2,.8,.2,1) 1}
#hcf-guide.hg-lively.is-delighted:not(.is-flying) .hg-art{animation:hg-cheer .85s ease-in-out 1}
#hcf-guide.hg-lively.is-curious:not(.is-flying):not(.is-delighted) .hg-art{filter:drop-shadow(0 5px 12px #8575d039)}
#hcf-guide .hg-perch-shadow{position:absolute;left:33%;width:38%;height:5px;bottom:7%;background:#75629a35;border-radius:50%;filter:blur(3px);opacity:0;z-index:0}
#hcf-guide.is-perched .hg-perch-shadow{opacity:.6}
#hcf-guide .hg-flight-trail{display:none;position:absolute;z-index:0;left:-30%;top:65%;width:60%;height:5px;background:linear-gradient(90deg,transparent,#c9b3f955,#73bceea0);border-radius:50%;filter:blur(3px);transform:rotate(-10deg)}
#hcf-guide.is-flying .hg-flight-trail{display:block}
#hcf-guide .hg-reaction-spark{position:absolute;right:2%;top:22%;font-size:22px;color:#c19cd8;text-shadow:0 0 12px #cda2e788;opacity:0;transform:scale(.4)}
#hcf-guide.is-delighted .hg-reaction-spark{animation:hg-spark .85s ease-out 1}
#hcf-guide .hg-caption{position:fixed;z-index:3;display:flex;align-items:flex-start;gap:8px;padding:11px 12px 11px 14px;border:1px solid var(--hg-line);border-radius:16px;background:var(--hg-paper);color:var(--hg-ink);font-size:12px;line-height:1.85;box-shadow:0 8px 25px #29355714;pointer-events:none;animation:hg-caption-in .23s ease-out}
#hcf-guide .hg-caption button{flex:0 0 22px;height:24px;padding:0;color:var(--hg-muted);background:none;font-size:17px;line-height:1;pointer-events:auto}
#hcf-guide .hg-panel-avatar{display:none}
#hcf-guide .hg-pet-actions{display:flex;gap:8px;margin-top:14px}
#hcf-guide .hg-pet-actions button{flex:1;min-height:38px;padding:7px 8px;border:1px solid var(--hg-line);border-radius:30px;font-size:11px;background:#a394d10a;color:var(--hg-muted)}
#hcf-guide .hg-pet-actions button:hover{background:#a394d118;color:var(--hg-ink)}
#hcf-guide .hg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#hcf-guide.hg-lively .hg-greeting{display:none!important}
body.mm-open #hcf-guide>*,body.lw-lb-open #hcf-guide>*,body:has(.xv.is-open) #hcf-guide>*,body:has(.pr-tray.is-open) #hcf-guide>*{visibility:hidden!important;pointer-events:none!important}
@keyframes hg-breathe{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-3px) rotate(.5deg)}}
@keyframes hg-perch-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.012) rotate(.45deg)}}
@keyframes hg-flight-flutter{0%,100%{transform:rotate(var(--hg-bank,0deg)) translateY(0)}50%{transform:rotate(var(--hg-bank,0deg)) translateY(-2px)}}
@keyframes hg-land{0%{transform:translateY(-4px) scale(.99,1.015)}40%{transform:translateY(1px) scale(1.018,.982)}75%{transform:translateY(-1px) scale(.995,1.005)}100%{transform:translateY(0) scale(1)}}
@keyframes hg-cheer{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-9px) rotate(-4deg)}68%{transform:translateY(-2px) rotate(3deg)}}
@keyframes hg-spark{0%{opacity:0;transform:translateY(5px) scale(.3)}35%{opacity:.9;transform:translateY(-5px) scale(1)}100%{opacity:0;transform:translateY(-20px) scale(.7)}}
@keyframes hg-caption-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){
 #hcf-guide.hg-lively .hg-launch{width:var(--hg-w,88px)}
 #hcf-guide.hg-lively .hg-art{width:var(--hg-w,88px);height:var(--hg-h,96px)}
 #hcf-guide.hg-lively.is-open[data-view="tour"] .hg-launch{visibility:visible}
 #hcf-guide .hg-panel-avatar{display:block;width:42px;height:42px;object-fit:contain;margin:-6px -4px -6px -5px}
 #hcf-guide .hg-panel-top .hg-dot{display:none}
 #hcf-guide .hg-caption{font-size:11px;padding:9px 10px 9px 12px}
}
@media(max-width:767px) and (max-height:730px){
 #hcf-guide .hg-pet-actions{margin-top:9px;gap:6px}
 #hcf-guide .hg-pet-actions button{min-height:32px;font-size:10px;padding:5px}
}
html.rm #hcf-guide.hg-lively *,html.rm #hcf-guide.hg-lively .hg-art{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){#hcf-guide.hg-lively *{animation:none!important;transition:none!important}}