.host-character{position:fixed;bottom:24px;right:24px;width:110px;z-index:100;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.host-character__hide{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;border:none;background:#00000059;color:#fff;font-size:13px;cursor:pointer;opacity:0;transition:opacity .15s;padding:0;display:flex;align-items:center;justify-content:center}.host-character:hover .host-character__hide{opacity:1}.host-character__caption{position:absolute;bottom:calc(100% + 10px);right:0;background:#fff;border:2px solid #1a1a1a;border-radius:12px;padding:8px 12px;font-size:13px;font-family:sans-serif;white-space:nowrap;animation:caption-in .2s ease-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}.host-character__caption:after{content:"";position:absolute;bottom:-9px;right:24px;border:5px solid transparent;border-top-color:#1a1a1a}.host-character__caption:before{content:"";position:absolute;bottom:-6px;right:25px;border:4px solid transparent;border-top-color:#fff;z-index:1}@keyframes caption-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.host-character__figure{width:110px;height:110px;transform-origin:center bottom}.host-character__eye{transform-origin:center 29.5px;animation:host-blink 4s ease-in-out infinite}.host-character__eye--right{animation-delay:.07s}@keyframes host-blink{0%,88%,to{transform:scaleY(0)}93%{transform:scaleY(1)}}.host-character__mouth{transition:d .06s ease-in-out}.host-character__figure--excited{animation:host-excited .8s ease-out forwards}@keyframes host-excited{0%{transform:translateY(0) scale(1)}20%{transform:translateY(-20px) scale(1.07,.94)}45%{transform:translateY(0) scale(.96,1.05)}65%{transform:translateY(-10px) scale(1.03,.97)}82%{transform:translateY(0) scale(.99,1.01)}to{transform:translateY(0) scale(1)}}.host-character__figure--celebrate{animation:host-celebrate 1.4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes host-celebrate{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-12deg) scale(1.18)}50%{transform:rotate(10deg) scale(1.14)}72%{transform:rotate(-5deg) scale(1.06)}to{transform:rotate(0) scale(1)}}.host-character__figure--shrug{animation:host-shrug .9s ease-in-out forwards}@keyframes host-shrug{0%{transform:rotate(0) translateY(0)}25%{transform:rotate(-9deg) translateY(-3px)}55%{transform:rotate(9deg) translateY(-3px)}78%{transform:rotate(-4deg)}to{transform:rotate(0)}}