.social-sprite{display:inline-block;flex-shrink:0;width:76px;height:76px;background-repeat:no-repeat;vertical-align:middle}
.social-person .social-portrait{width:84px;height:84px;border-radius:12px;background-color:#f3ead6}
.social-room-title{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;color:#214b3d}
.social-room-title h3{margin:3px 0;font-size:19px}.social-room-title small{font-size:11px}.social-room-title>span{font-size:12px;white-space:nowrap}
.social-room{position:relative;width:100%;height:min(62svh,560px);min-height:310px;background-size:300% 100%;background-repeat:no-repeat;background-color:#e7decd;border:1px solid #bba675;border-radius:14px;overflow:hidden;isolation:isolate}
.social-room button{min-height:44px;min-width:44px;padding:8px 12px;font-size:13px;color:#fff;background:#174d40ed;border:1px solid #e8d6a3;border-radius:18px;box-shadow:0 2px 8px #152b2855}
.social-room button:disabled{color:#324a40;background:#efe7d7ed;opacity:1}
.social-room-host{position:absolute;left:42%;top:41%;display:flex;align-items:center;flex-direction:column;transform:translateX(-50%);z-index:2}
.social-room-host .social-mini{width:100px;height:100px;filter:drop-shadow(0 4px 2px #352e2a44);animation:social-idle 3.2s ease-in-out infinite;transform-origin:bottom center}
.social-room-desk{position:absolute;left:5%;top:27%}.social-room-trade{position:absolute;right:4%;top:67%}.social-room-exit{position:absolute;bottom:3%;left:8%}
.social-adv{position:relative;z-index:3;display:flex;align-items:flex-end;gap:0;margin-top:-120px;pointer-events:none;filter:drop-shadow(0 3px 4px #263f3233)}
.social-adv-face{align-self:flex-start;width:110px;flex-shrink:0;pointer-events:none}.social-adv-face .social-portrait{width:140px;height:140px}.social-adv-face .social-avatar{width:105px;height:130px;border-radius:12px;object-fit:cover}
.social-adv .social-dialog{position:relative;margin:72px 0 0 -110px;width:100%;padding:12px 14px;background:#fffbedfa;pointer-events:auto;border:2px solid #bda56b;box-sizing:border-box}
.social-adv .social-dialog strong{display:block;margin:0 0 5px 118px;min-height:24px}.social-adv .social-dialog p{font-size:14px;line-height:1.6;overflow-wrap:anywhere;margin:7px 0 12px}.social-adv .actions{display:flex;gap:8px;flex-wrap:wrap}.social-adv button{font-size:13px;min-height:44px;padding:8px 12px}
.social-options{margin-top:14px;padding:12px;border:1px solid #c4b588;border-radius:12px;background:#fffbee}.social-options>summary{min-height:32px;cursor:pointer;font-weight:700}.social-options .actions{flex-wrap:wrap}
@keyframes social-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.social-room-host .social-mini{animation:none}}
@media(max-width:380px){.social-room-title{gap:6px}.social-room-title h3{font-size:17px}.social-room-title>span{font-size:11px}.social-room button{font-size:12px;padding:7px 9px}.social-room-host .social-mini{width:84px;height:84px}}