.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-inline:clamp(.85rem,2.4vw,2rem)}.social-card h2{margin-top:0}.social-section-block+.social-section-block{margin-top:1.6rem;padding-top:1.15rem;border-top:1px solid rgba(255,255,255,.1)}.social-inline-form{display:flex;gap:.55rem}.social-inline-form input{flex:1}.social-discover-list,.social-request-list,.social-friends-list{display:grid;gap:.55rem;margin-top:.9rem}.social-person-row{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.75rem;border:1px solid rgba(255,255,255,.13);background:#0811208a}.social-person-main{display:flex;align-items:flex-start;gap:.5rem;min-width:0;flex:1}.social-person-main>span{word-break:break-word;overflow-wrap:break-word;white-space:normal;flex-shrink:0}.social-avatar{width:64px;height:64px;border-radius:8px;object-fit:cover}.social-friend-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:.35rem;align-items:center;justify-content:flex-end}.social-friend-actions form{margin:0}.social-friend-actions .secondary-btn,.social-friend-actions button{min-width:auto;padding:.4rem .7rem;font-size:.78rem}.social-request-actions{display:flex;flex-direction:row;gap:.35rem;align-items:center}.compact-btn{padding:.4rem .7rem;font-size:.78rem}.social-person-meta{display:flex;flex-direction:column;gap:.4rem;min-width:0}.social-name-with-status{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}.social-username{font-size:1.1rem;font-weight:600}.social-name-with-status .presence-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;padding:0;font-size:0;line-height:0}.social-name-with-status .presence-online{background:#4ade80}.social-name-with-status .presence-away{background:#fbbf24}.social-name-with-status .presence-offline{background:#6b7280}.social-name-with-status .presence-in_match{background:#60a5fa}.social-rank-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.social-rank-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.75rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:.3rem;color:#d8e8ff}.social-rank-chip .rank-mode{font-size:.65rem;opacity:.7;margin-right:.15rem;font-weight:500}.social-rank-icon{width:22px;height:22px;object-fit:contain}@media(max-width:900px)and (orientation:portrait){.social-grid{grid-template-columns:1fr}.social-person-row{grid-template-columns:1fr;gap:.65rem}.social-rank-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}.social-rank-chip{font-size:.68rem;padding:.3rem .5rem;gap:.28rem}.social-rank-icon{width:20px;height:20px}.chat-window-head-actions,.chat-invite-actions,.chat-invite-modal-nav,.chat-invite-modal-actions{width:100%;justify-content:flex-start}}.global-chat-root{position:fixed;right:1rem;bottom:1rem;z-index:1500}.global-chat-launcher{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(121,172,213,.45);background:#0c1b2fe6;color:#e9f3ff}.global-chat-launcher.active{border-color:#a9d7ffb8}.global-chat-unread-badge,.chat-mini-unread{min-width:1.2rem;height:1.2rem;border-radius:999px;background:#c94040;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;padding:0 .35rem}.global-chat-panel{margin-top:.5rem;width:min(94vw,860px);height:min(58vh,500px);min-height:min(58vh,500px);max-height:min(58vh,500px);display:grid;grid-template-columns:210px 1fr;gap:.8rem;padding:.7rem;border:1px solid rgba(121,172,213,.38);background:#070e1bf2;box-shadow:0 14px 26px #00000061}.global-chat-sidebar{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden;gap:.55rem}.global-chat-sidebar h3{margin:.2rem 0 .15rem;font-size:.9rem;letter-spacing:.04em;color:#c9dff6}.global-chat-system-button,.global-chat-friend{display:flex;align-items:center;justify-content:space-between;gap:.35rem;width:100%;height:2.3rem;min-height:2.3rem;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);background:#142234e6;color:#e7f2ff;padding:.45rem .55rem;font-size:.86rem;margin-bottom:5px}.chat-friend-main{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.chat-friend-meta{display:grid;gap:.2rem;min-width:0;justify-items:start}.chat-friend-meta .presence-indicator{font-size:.58rem;padding:.08rem .4rem}.global-chat-system-button:hover,.global-chat-friend:hover{background:#213854f2}.global-chat-friends-list{flex:1;gap:.35rem;min-height:0}.friend-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.chat-avatar{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:999px;border:1px solid rgba(166,206,242,.5);background:#192b42eb;color:#e7f2ff;font-size:.68rem;font-weight:700;flex-shrink:0;object-fit:cover}.chat-avatar-sm{width:1.6rem;height:1.6rem}.chat-avatar-xs{width:1.35rem;height:1.35rem;font-size:.62rem}.chat-avatar.is-fallback{text-transform:uppercase}.global-chat-windows{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-content:start;gap:.7rem;overflow-y:auto;min-height:0;padding-right:.25rem}.chat-window{width:100%;border:1px solid rgba(143,188,228,.42);background:#0a1728f2;display:flex;flex-direction:column;height:min(54vh,460px);min-height:min(54vh,460px);max-height:min(54vh,460px)}.chat-window-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.14);padding:.45rem .55rem}.chat-window-head-identity{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.chat-window-head-actions{display:flex;align-items:center;gap:.45rem}.chat-window-head h4{margin:0;font-size:.9rem;color:#e3f0ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head-action.secondary-btn{padding:.36rem .68rem;font-size:.68rem}.chat-close{border:1px solid rgba(255,255,255,.2);background:#311818e6;color:#f8dbdb;width:1.55rem;height:1.55rem;min-width:1.55rem;display:inline-flex;align-items:center;justify-content:center;padding:0}.chat-window-body{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;align-items:stretch;gap:.38rem;min-height:260px}.chat-message{flex:0 0 auto;padding:.35rem .42rem;border:1px solid rgba(255,255,255,.12);width:100%;height:auto;min-height:0;align-self:stretch}.chat-message-sender{display:block;font-size:.72rem;font-weight:700;color:#e8f3ffe0}.chat-message-head{display:inline-flex;align-items:center;gap:.38rem;margin-bottom:.2rem}.chat-message p{margin:0;font-size:.84rem}.chat-invite-card{display:grid;gap:.42rem;margin-top:.25rem;padding:.7rem .78rem;border-radius:10px;border:1px solid rgba(246,176,77,.32);background:linear-gradient(180deg,#f6b04d1f,#121620c2)}.chat-invite-card.accepted{border-color:#79dca46b}.chat-invite-card.rejected,.chat-invite-card.timed_out,.chat-invite-card.cancelled{border-color:#d65c5c66;background:linear-gradient(180deg,#7c222229,#121620c2)}.chat-invite-topline{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.chat-invite-mode,.chat-invite-status,.chat-invite-expiry{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.chat-invite-status{color:#ffe0aa}.chat-invite-copy,.chat-invite-deck{margin:0;font-size:.82rem}.chat-invite-actions{display:flex;gap:.45rem;flex-wrap:wrap}.chat-invite-action{min-width:96px}.chat-message time{display:block;margin-top:.2rem;font-size:.7rem;color:#dbeafcb8}.chat-message.mine{background:#28564273;border-color:#7dc9a36b}.chat-message.theirs{background:#34426573;border-color:#8ca6e26b}.chat-compose{display:flex;gap:.35rem;padding:.45rem;border-top:1px solid rgba(255,255,255,.12);width:100%}.chat-compose input{flex:1;min-width:0}.chat-error,.chat-empty{margin:0;font-size:.84rem;color:#eec0c0}.chat-invite-modal{position:fixed;inset:0;z-index:1600;display:flex;align-items:center;justify-content:center;padding:1rem;background:#04070cd1}.chat-invite-modal.hidden{display:none}.chat-invite-modal-card{width:min(620px,100%);border-radius:16px;border:1px solid rgba(245,239,227,.14);background:linear-gradient(180deg,#141a24f5,#0a0e16f5);box-shadow:0 28px 80px #00000070;overflow:hidden}.chat-invite-modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;border-bottom:1px solid rgba(245,239,227,.08)}.chat-invite-modal-head h2{margin:0;font-size:1.1rem}.chat-invite-modal-close{border:none;background:transparent;color:#f5efe3;font-size:1.45rem;cursor:pointer}.chat-invite-modal-body{display:grid;gap:1rem;padding:1.05rem}.chat-invite-modal-copy{margin:0;color:#f5efe3d6}.chat-invite-mode-grid,.chat-invite-deck-list{display:grid;gap:.7rem}.chat-invite-mode-btn,.chat-invite-deck-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem .95rem;border-radius:12px;border:1px solid rgba(245,239,227,.12);background:#ffffff0a;color:#f5efe3;text-align:left;cursor:pointer}.chat-invite-mode-btn.is-disabled{opacity:.45;cursor:not-allowed}.chat-invite-mode-btn:hover:not(.is-disabled),.chat-invite-deck-btn:hover,.chat-invite-deck-btn.is-selected{border-color:#f6b04d73;background:#f6b04d1f}.chat-invite-modal-nav,.chat-invite-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.chat-invite-confirm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.chat-invite-confirm-grid>div{display:grid;gap:.3rem;padding:.8rem .9rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(245,239,227,.08)}.chat-invite-confirm-grid strong{font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:#f5efe3a8}@media(max-width:980px){.global-chat-root{right:.5rem;bottom:.5rem;left:.5rem;display:flex;flex-direction:column;align-items:flex-end}.global-chat-panel{align-self:stretch;width:100%;height:52vh;min-height:52vh;grid-template-columns:1fr;max-height:52vh}.global-chat-sidebar{max-height:180px}.chat-window{min-width:0;min-height:360px}}