.social-root{--social-bg:#211b2d;--social-line:#ffffff14;--social-accent:#b9e877;--social-ink:#f7f4ff;color:var(--social-ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45}.social-root button,.social-root input,.social-root textarea,.social-root select{font:inherit;color:inherit}.social-root button{cursor:pointer}.social-root button:disabled{cursor:default;opacity:.45}:is(.social-root button:focus-visible,.social-root input:focus-visible,.social-root textarea:focus-visible,.social-root select:focus-visible,.social-root summary:focus-visible){outline-offset:3px;outline:3px solid #c6e996}.social-root strong{font-weight:700}.social-root small{color:#bbb1ce;font-size:11px}.social-root h2,.social-root h3,.social-root p{margin:0}.social-root svg{flex-shrink:0}.social-launch{z-index:75;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#302a3eef;border:1px solid #c7e89a70;border-radius:18px;align-items:center;gap:9px;padding:13px 16px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 24px #0005;font-weight:700!important}.social-launch>svg{color:var(--social-accent)}.social-root b{font-variant-numeric:tabular-nums}.social-launch>b,.social-panel nav b,.social-person-actions b{background:var(--social-accent);color:#26391d;border-radius:8px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;display:inline-grid}.social-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08061060;border:0;position:fixed;inset:0}.social-panel{z-index:101;background:var(--social-bg);border:1px solid #ffffff20;border-radius:26px;outline:none;flex-direction:column;width:min(460px,100vw - 36px);animation:.2s ease-out social-in;display:flex;position:fixed;top:18px;bottom:18px;right:18px;overflow:hidden;box-shadow:0 30px 100px #0007}.social-panel>header{justify-content:space-between;align-items:center;padding:23px 22px 17px;display:flex}.social-panel>header small{letter-spacing:.17em;color:var(--social-accent);font-size:9px;font-weight:700}.social-panel h2{letter-spacing:-.04em;margin-top:4px;font-size:27px;line-height:1.25}.social-icon{border:1px solid var(--social-line);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:3px;width:36px;min-height:36px;padding:7px;display:inline-flex}.social-panel nav{background:#100d1880;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:3px;margin:0 18px 14px;padding:5px;display:grid}.social-panel nav button{color:#bfb5cf;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:10px 3px;font-size:11px;font-weight:700;display:flex;position:relative}.social-panel nav button[aria-pressed=true]{color:#d7f7af;background:#3b334c}.social-panel nav b{position:absolute;top:4px;right:5px}.social-you{border:1px solid var(--social-line);background:#ffffff04;border-radius:16px;justify-content:space-between;align-items:center;margin:0 20px 14px;padding:11px 13px;display:flex}.social-you>div{gap:3px;display:grid}.social-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5c4c71 transparent;flex:1;min-height:0;padding:0 20px 20px;overflow-y:auto}.social-content section{margin-top:22px}.social-content h3{margin-bottom:10px;font-size:15px;font-weight:700}.social-content h3>span{color:#bcb2ce;margin-left:5px;font-size:10px;font-weight:400}.social-primary{background:var(--social-accent);border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:10px 14px;text-decoration:none;display:inline-flex;color:#26391d!important;font-weight:700!important}.social-primary:hover:not(:disabled){background:#d4f5a1}.social-row{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.social-row>button:not(.social-primary){border:1px solid var(--social-line);background:0 0;border-radius:12px;align-items:center;gap:7px;padding:10px;display:flex}.social-search label{margin-bottom:8px;font-weight:700;display:block}.social-search>div{gap:8px;display:flex}.social-root input,.social-root textarea,.social-root select{background:#15101e;border:1px solid #ffffff20;border-radius:12px;min-width:0;padding:11px}.social-search input{width:100%;font-size:12px}.social-search small{margin-top:8px;line-height:1.5;display:block}.social-person{border-bottom:1px solid var(--social-line);align-items:center;gap:10px;min-width:0;padding:12px 0;display:flex}.social-avatar{color:#fff;background:linear-gradient(135deg,#ad8fe0,#6773bd);border-radius:13px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.social-avatar.guest{color:#bceabd;background:#39554b}.social-person>div:nth-child(2){flex:1;min-width:0}.social-person strong{overflow-wrap:anywhere;font-size:12px;display:block}.social-person small{margin-top:3px;font-size:10px;display:block}.social-person small i{background:#776b86;border-radius:100%;width:5px;height:5px;margin-right:4px;display:inline-block}.social-person small i.online{background:#b9e877}.social-person-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.social-person-actions .social-primary{min-height:35px;padding:8px 11px;font-size:11px}.social-person-actions>svg{color:#f4d98b}.social-menu{position:relative}.social-menu summary{cursor:pointer;border:1px solid var(--social-line);color:#c6bcda;border-radius:11px;min-height:35px;padding:7px 9px;list-style:none}.social-menu summary::-webkit-details-marker{display:none}.social-menu>div{z-index:4;background:#3e344e;border:1px solid #ffffff24;border-radius:12px;width:170px;padding:5px;position:absolute;top:40px;right:0;box-shadow:0 8px 25px #0006}.social-menu button{text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:10px;font-size:12px;display:block}.social-menu button:hover{background:#ffffff10}.social-party-hero{text-align:center;background:radial-gradient(at top,#58674545,#0000 85%);border:1px solid #bce68224;border-radius:20px;padding:23px 18px}.social-party-hero>svg{color:var(--social-accent);margin:0 auto 12px}.social-party-hero h3{letter-spacing:-.03em;margin-bottom:8px;font-size:20px}.social-party-hero p{color:#c2b8d2;max-width:290px;margin:auto;font-size:12px;line-height:1.65}.social-party-hero>.social-primary{margin-top:17px}.social-empty{text-align:center;padding:30px 15px}.social-empty>svg{color:#c3a8e7;margin:0 auto 15px}.social-empty h3{letter-spacing:-.03em;margin-bottom:10px;font-size:21px;line-height:1.3}.social-empty p{color:#beb2cf;max-width:320px;margin:0 auto 16px;font-size:12px;line-height:1.6}.social-empty.compact{border:1px dashed #ffffff20;border-radius:18px;padding:22px 12px}.social-empty.compact h3{font-size:16px}.social-hint{color:#bcb1cb;padding:14px 0;font-size:12px;line-height:1.6}.social-invitation{border:1px solid var(--social-line);background:#302839;border-radius:16px;align-items:center;gap:8px;margin-bottom:8px;padding:13px;display:flex}.social-invitation>div{overflow-wrap:anywhere;flex:1;min-width:0}.social-invitation strong,.social-invitation small{display:block}.social-invitation strong{font-size:12px}.social-invitation small{margin-top:4px;font-size:10px}.social-blocks{margin-top:22px}.social-blocks summary{cursor:pointer;color:#bcaece;font-size:12px}.social-leaders{margin:17px 0;padding:0;list-style:none}.social-leaders li{border-bottom:1px solid var(--social-line);align-items:center;gap:12px;padding:14px 8px;display:flex}.social-leaders li>b{text-align:center;color:#ebd182;width:26px}.social-leaders li>div{overflow-wrap:anywhere;flex:1;min-width:0}.social-leaders strong{font-size:12px;display:block}.social-leaders small{margin-top:4px;font-size:10px;display:block}.social-leaders li>span{color:var(--social-accent);font-size:10px;font-weight:700}.social-leaders .is-you{background:#b9e87710;border-radius:12px}.social-chat-select{color:#bdb1cb;gap:7px;font-size:11px;display:grid}.social-chat-select select{width:100%;font-size:13px}.social-chat-rule{color:#b7aac7;align-items:center;gap:6px;margin:12px 0;font-size:10px;display:flex}.social-messages{overscroll-behavior:contain;scrollbar-width:thin;height:clamp(160px,40dvh,400px);padding:10px 0;overflow-y:auto}.social-messages article{overflow-wrap:anywhere;background:#332a42;border-radius:15px;margin:0 34px 13px 0;padding:10px 12px}.social-messages article.mine{background:#3b4934;margin:0 0 13px 34px}.social-messages article header{color:#c5b9d6;align-items:center;gap:8px;padding:0;font-size:10px;display:flex}.social-messages article header strong{flex:1;font-size:10px}.social-messages time{font-size:9px}.social-messages .social-icon{border:0;width:24px;min-height:24px;padding:3px}.social-messages p{white-space:pre-wrap;margin-top:5px;font-size:13px}.social-composer{background:var(--social-bg);grid-template-columns:1fr 44px;gap:8px;padding:12px 0;display:grid;position:sticky;bottom:-20px}.social-composer textarea{resize:none;font-size:13px}.social-composer button{padding:10px}.social-composer small{text-align:right;grid-column:1/-1}.social-error{color:#ffe0e5;background:#70364355;border:1px solid #ff8c9b40;border-radius:13px;align-items:center;gap:10px;margin:0 18px 12px;padding:12px 14px;font-size:12px;display:flex}.social-error button{background:0 0;border:0;flex-shrink:0;margin-left:auto}.social-foot{color:#ab9dbc;border-top:1px solid var(--social-line);background:#1b1425;padding:12px 20px;font-size:10px;line-height:1.5}.social-invite-toast{z-index:90;background:#302b3d;border:1px solid #bce68250;border-radius:20px;align-items:flex-start;gap:12px;width:min(360px,100vw - 36px);padding:17px;animation:.2s ease-out social-in;display:flex;position:fixed;bottom:86px;right:22px;box-shadow:0 12px 35px #0005}.social-invite-toast>svg{color:var(--social-accent);margin-top:2px}.social-invite-toast>div{flex:1;min-width:0}.social-invite-toast strong{overflow-wrap:anywhere;font-size:13px}.social-invite-toast p{color:#c3b8d3;margin:5px 0 12px;font-size:12px}.social-invite-toast>div>div{align-items:center;gap:10px;display:flex}.social-invite-toast button{font-size:11px}.social-invite-toast button:not(.social-primary):not(.social-icon){background:0 0;border:0}.social-invite-toast>.social-icon{border:0;width:27px;min-height:27px}.social-loading{animation:1s linear infinite social-spin}@keyframes social-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes social-spin{to{transform:rotate(360deg)}}@media (max-width:600px){.social-launch{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:15px;padding:12px}.social-launch>span{display:none}.social-panel{inset:8px 8px calc(8px + env(safe-area-inset-bottom));border-radius:22px;width:auto}.social-panel>header{padding:18px 18px 14px}.social-content{padding:0 16px 16px}.social-you{margin:0 16px 12px}.social-panel nav{margin:0 12px 12px}.social-chat-rule{font-size:9px}.social-invite-toast{bottom:calc(73px + env(safe-area-inset-bottom));right:12px}.social-messages{height:38dvh}.social-person-actions .social-icon{width:32px;min-height:32px}}@media (prefers-reduced-motion:reduce){.social-panel,.social-invite-toast,.social-loading{animation:none}}[data-social-anchor]{flex-shrink:0;align-items:center;display:inline-flex}.social-inline .social-launch{min-height:40px;box-shadow:none;border-radius:12px;padding:10px;position:relative;inset:auto}.social-inline .social-launch>span{display:none}.social-inline .social-launch>b{position:absolute;top:-5px;right:-5px}body:has(.sh-game,.du-game[data-playing=true]) .social-root:not(.social-inline) .social-launch{border-radius:13px;min-width:44px;min-height:44px;padding:10px;inset:10px 10px auto auto}body:has(.sh-game,.du-game[data-playing=true]) .social-root:not(.social-inline) .social-launch>span{display:none}