/* Nearby-player markers / compact social actions on Map 11. */
#stage .lv-social-marker{
 position:absolute;z-index:34;width:25px;height:23px;
 transform:translate(-50%,-50%);cursor:pointer;touch-action:manipulation;
 border:0;padding:0;background:transparent;filter:drop-shadow(0 2px 1px #171d10);
}
#stage .lv-social-marker::before{
 content:'';position:absolute;left:3px;top:4px;width:19px;height:17px;
 background:#fce777;clip-path:polygon(50% 100%,0 0,100% 0);border-radius:2px;
}
#stage .lv-social-marker::after{
 content:'';position:absolute;left:6px;top:6px;width:13px;height:10px;
 background:#c88c28;clip-path:polygon(50% 100%,0 0,100% 0);
}
#stage .lv-social-marker:focus-visible{outline:2px solid #fff;outline-offset:2px}
#stage #lvSocialPanel,#stage #lvSocialInbox{
 box-sizing:border-box;position:absolute;z-index:42;width:236px;max-width:calc(100% - 12px);
 padding:10px;border:3px solid #845b35;border-radius:7px;background:#f5e3b9;
 box-shadow:0 6px 15px #071409ab;color:#49321c;
 font:13px/1.4 system-ui,sans-serif;
}
#stage #lvSocialPanel[hidden],#stage #lvSocialInbox[hidden],#stage #lvSocialNotice[hidden]{display:none!important}
#lvSocialPanel header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#lvSocialPanel header strong{font-size:15px}
#lvSocialPanel .lv-social-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#lvSocialPanel button,#lvSocialInbox button{
 padding:7px 5px;border:2px solid #638253;border-radius:4px;background:#43643c;
 color:#fff9e6;font:700 12px system-ui,sans-serif;cursor:pointer;
}
#lvSocialPanel button:disabled,#lvSocialInbox button:disabled{opacity:.5}
#lvSocialPanel #lvSocialClose{padding:0 7px;font-size:18px;line-height:26px}
#lvSocialPanel #lvSocialDetails{margin-top:8px}
#lvSocialPanel #lvSocialDetails p{margin:4px 0}
#lvSocialPanel #lvSocialDetails label{display:grid;gap:5px;font-size:12px}
#lvSocialPanel #lvSocialDetails select{max-width:100%;padding:5px;background:#fff;color:#333}
#lvSocialPanel #lvSocialDetails button{margin-top:7px}
#lvSocialPanel #lvSocialStatus{font-size:11px;margin:9px 0 0;color:#664a2b;overflow-wrap:anywhere}
#stage #lvSocialInbox{right:12px;top:57px;width:min(290px,calc(100% - 24px))}
#lvSocialInbox p{font-size:12px;line-height:1.45}
#lvSocialInbox .lv-social-inbox-actions{display:flex;gap:7px}
#stage #lvSocialNotice{
 position:absolute;z-index:43;left:50%;bottom:68px;transform:translateX(-50%);
 padding:7px 12px;max-width:80%;color:#fff8e5;background:#293f2d;border:2px solid #c7a45f;
 border-radius:5px;font:13px/1.4 system-ui,sans-serif;text-align:center;
}
body:not(.playing) #stage .lv-social-marker,
body:not(.playing) #stage #lvSocialPanel,
body:not(.playing) #stage #lvSocialInbox{display:none!important}
@media(max-width:520px){
 #stage #lvSocialPanel{width:215px;padding:8px}
 #stage #lvSocialInbox{right:5px;top:40px}
}