#pet-widget{position:fixed;right:18px;bottom:18px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
#pet-avatar-wrap{position:relative;display:inline-block;transform:translateX(60%) scale(.8);opacity:.85;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}
#pet-widget.pet-out #pet-avatar-wrap{transform:translateX(0) scale(1);opacity:1}
#pet-widget.pet-popping #pet-avatar-wrap{animation:pet-wiggle .65s ease}
@keyframes pet-wiggle{
  0%{transform:translateX(0) scale(1) rotate(0)}
  30%{transform:translateX(0) scale(1.06) rotate(9deg)}
  60%{transform:translateX(0) scale(1) rotate(-6deg)}
  100%{transform:translateX(0) scale(1) rotate(0)}
}
#pet-avatar{width:52px;height:52px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18);font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
#pet-widget.pet-out #pet-avatar{animation:pet-bob 3s ease-in-out infinite}
#pet-avatar:hover{box-shadow:0 4px 14px rgba(0,0,0,.25)}
@keyframes pet-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

#pet-minimize{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:13px;line-height:1;color:#888;cursor:pointer;align-items:center;justify-content:center;padding:0;opacity:.75;display:none}
#pet-widget.pet-out #pet-minimize{display:flex}
#pet-minimize:hover,#pet-minimize:focus{opacity:1}

@media (prefers-reduced-motion: reduce){
  #pet-avatar-wrap{transition:none}
  #pet-avatar{animation:none}
  #pet-widget.pet-popping #pet-avatar-wrap{animation:none}
}

#pet-panel{position:absolute;right:0;bottom:64px;width:260px;background:#fff;border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.2);padding:14px}
#pet-close{position:absolute;top:6px;right:8px;border:none;background:none;font-size:18px;line-height:1;cursor:pointer;color:#888;padding:4px}
#pet-bubble{font-size:13.5px;color:#333;margin:4px 20px 10px 0}
#pet-msg{width:100%;min-height:64px;resize:vertical;font:inherit;font-size:13px;padding:8px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box}
#pet-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
#pet-send{margin-top:8px;width:100%;padding:8px;border:none;border-radius:8px;background:#e2661c;color:#fff;font:inherit;font-weight:700;font-size:13px;cursor:pointer}
#pet-status{margin-top:6px;font-size:12px;color:#666;min-height:14px}
@media(max-width:380px){#pet-panel{width:220px}}