/* Head-anchored cloud: deliberately non-interactive, so gestures pass through. */
#friend-chat{position:fixed;z-index:12;pointer-events:none;transform:translate(-50%,-100%);width:clamp(16rem,26vw,22rem);max-width:calc(100vw - 1.5rem);color:#635b47;font-family:"Trebuchet MS","PingFang SC","Microsoft YaHei",sans-serif;--chat-accent:#638668;--chat-soft:#e5edd5;filter:drop-shadow(0 5px 8px #3c534426)}
#friend-chat[hidden]{display:none}#friend-chat[data-pet="1"]{--chat-accent:#a87932;--chat-soft:#f7e8b3}#friend-chat[data-pet="2"]{--chat-accent:#ae7050;--chat-soft:#f6dbc7}#friend-chat[data-pet="3"]{--chat-accent:#6a89aa;--chat-soft:#e1edf7}
.friend-cloud{position:relative;isolation:isolate;padding:1.05rem 1.45rem 1rem;background:#fffbe9;border:2px solid #fffef6;border-radius:43% 39% 32% 35% / 30% 37% 33% 37%}
.friend-cloud:before,.friend-cloud:after{content:"";position:absolute;background:#fffbe9;border-top:2px solid #fffef6;z-index:-1;border-radius:50%;pointer-events:none}.friend-cloud:before{width:32%;height:2.3rem;left:12%;top:-.65rem}.friend-cloud:after{width:37%;height:2.8rem;right:10%;top:-.9rem}
.chat-byline{display:flex;align-items:center;gap:.65rem;margin-bottom:.5rem}.chat-byline b{background:var(--chat-soft);color:var(--chat-accent);padding:.27rem .8rem;border-radius:1rem;font-size:.9rem;white-space:nowrap;transform:rotate(-3deg)}.chat-byline span{font-size:.64rem;letter-spacing:.08em;color:#9b927d}#friend-chat p{font-size:clamp(14px,1.02vw,18px);font-weight:600;line-height:1.75;margin:0;overflow-wrap:anywhere}.cloud-dot{position:absolute;display:block;background:#fffbe9;border:1px solid #fffef6;border-radius:50%;left:var(--tail-x);pointer-events:none}.dot-one{bottom:-.65rem;width:.95rem;height:.8rem;transform:translateX(-50%)}.dot-two{bottom:-1.35rem;width:.45rem;height:.45rem;transform:translateX(-50%)}
@media(max-width:600px){#friend-chat{width:20rem;max-width:76vw}.friend-cloud{padding:.85rem 1.15rem}.chat-byline{margin-bottom:.35rem}.chat-byline b{font-size:1rem}.chat-byline span{font-size:.8rem}}