#social-hud { position: absolute; top: 20px; left: 22px; width: 215px; pointer-events: auto; color: #ddd0b4; border: 1px solid #766144; background: linear-gradient(135deg,#25201eee,#100f10ee); box-shadow: 0 4px 18px #0009, inset 0 0 0 3px #0d0d0c, inset 0 0 0 4px #403728; border-radius: 3px; z-index: 5; }
.social-hud-head { display:flex; align-items:center; gap:11px; width:100%; background:transparent; color:inherit; border:0; padding:14px; text-align:left; cursor:pointer; }
.social-hud-head:hover { background:#cba86713; }
.social-hud-head b { display:block; font:600 17px Cambria,Georgia,serif; color:#e8d7b1; letter-spacing:.04em; }
.social-hud-head small { display:block; color:#b2a590; font-size:11px; margin-top:4px; }
.social-hud-head kbd { margin-left:auto; border:1px solid #665840; padding:2px 5px; font-size:10px; color:#a79475; }
.social-light { width:6px; height:6px; flex:0 0 6px; display:inline-block; background:#867667; border-radius:50%; box-shadow:0 0 5px #000; }
.social-light.online { background:#a1c794; box-shadow:0 0 7px #6aa06970; }
.social-hud-notice { position:absolute;right:-6px;top:-6px;background:#922e25;border:1px solid #d7ac62;border-radius:50%;min-width:20px;height:20px;text-align:center;font:12px/18px sans-serif;color:#fff0c3; }
.social-hud-members { padding:0 14px 12px; }
.social-hud-members>div { display:flex;gap:9px;align-items:center;padding:6px 0;border-top:1px solid #a78b542a;font-size:12px; }
.social-hud-members span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.social-hud-members small { margin-left:auto;color:#baab8c;white-space:nowrap; }
.social-hud-members>.social-member-run { display:block;padding:9px 0 7px; }
.social-member-name { display:flex;align-items:center;gap:7px;margin-bottom:5px; }
.social-member-name>span { flex:1;min-width:0;color:#e6d7b8; }
.social-member-name>small { font-size:10px; }
.social-member-life { height:5px;overflow:hidden;border:1px solid #20130f;background:#100d0b;box-shadow:0 0 0 1px #69503a55; }
.social-member-life>i { display:block;height:100%;background:linear-gradient(#ab4939,#753025);box-shadow:0 0 7px #c7663b44;transition:width .15s linear; }
.social-member-detail { display:flex;justify-content:space-between;margin-top:4px;color:#a9987f;font:10px/1.2 Georgia,serif;font-variant-numeric:tabular-nums; }
.social-member-run.fallen .social-member-name>span { color:#a58b80; }
.social-member-run.fallen .social-member-name>small { color:#d18e7d; }
.social-member-run.offline { opacity:.6; }
.social-member-run.offline .social-member-life>i { background:#6d6452; }
body.at-title #social-hud, body.cine #social-hud { display:none; }
body:has(#left:not([hidden])) #social-hud { opacity:0;pointer-events:none; }
.social-trade-request { position:absolute;right:26px;bottom:145px;width:350px;padding:25px 22px 20px;pointer-events:auto;z-index:25; }
.social-request-title { color:#e6c48b;text-align:center;font:18px Georgia,serif;letter-spacing:.06em; }
.party-world-notice { position:absolute;top:20px;left:22px;width:330px;max-width:calc(100% - 44px);padding:12px;pointer-events:auto;z-index:5;border:12px solid transparent;border-image:url('/activity/assets/kit/d/panels/panel-h.png') 20 / 12px stretch;background:#15120fee;background-clip:padding-box;color:var(--parch); }
.party-world-notice h3 { margin:0 0 6px;color:var(--gold-hi);font:18px var(--f-title);overflow-wrap:anywhere; }
.party-world-notice p { margin:10px 0;font:12px/1.6 var(--f-ui);overflow-wrap:anywhere; }
.party-world-notice small { color:var(--parch-dim);font:11px var(--f-ui); }
.party-notice-members { list-style:none;margin:8px 0;padding:0; }
.party-notice-members li { display:flex;justify-content:space-between;gap:12px;border-top:1px solid #66543155;padding:6px 0;font:12px var(--f-ui); }
.party-notice-members span { overflow-wrap:anywhere;min-width:0; }.party-notice-members b { flex:none;color:#bba88c;font-weight:400; }.party-notice-members .is-ready { color:#a7b78e; }
.party-notice-actions { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px; }.party-notice-actions .btn { min-width:0;font-size:12px; }
body.at-title #party-notice, body.cine #party-notice, body:has(#centre:not([hidden])) #party-notice, body:has(#left:not([hidden])) #party-notice { display:none; }
.social-trade-request p { color:#c3b699;font-size:14px;line-height:1.5;text-align:center;margin:14px 0 20px; }
.social-trade-request strong { color:#efe0ba; }
.social-trade-request>div:last-child { display:flex;justify-content:center;gap:10px; }
body:has(#centre[data-screen="social"]:not([hidden])) .social-trade-request { display:none; }
@media(max-width:800px) { #social-hud { top:10px;left:10px;width:185px; } .social-hud-head { padding:10px; } }
@media(max-width:540px) { #social-hud { width:155px; } .social-hud-head { gap:7px; } .social-hud-head b { font-size:15px; } .social-hud-head small { font-size:10px; } .social-hud-head kbd { display:none; } .social-hud-members { padding:0 10px 10px; } }