.social-page{overflow-wrap:anywhere;min-width:0;container-type:inline-size;padding:32px 0!important}.social-page>.section{padding:0!important}.social-page>.section>.container{width:100%;padding:0;max-width:none!important}.social-page :is(h1,h2,h3,h4){font-family:var(--font)}.social-page h1{font-size:var(--type-headline)!important;letter-spacing:-.04em!important;line-height:1.05!important}.social-page :is(button,select,textarea,input:not([type=checkbox]),.btn){min-width:44px;max-width:100%;min-height:44px;border-radius:var(--r-control)!important}.social-page :is(input,textarea,select){box-sizing:border-box;min-width:0}.social-page :is(button,a,input,textarea,select):focus-visible{outline-offset:3px;outline:2px solid var(--purple-light)!important}.social-page .btn-primary{background:var(--purple);box-shadow:none}.social-page .btn-primary:hover{background:var(--purple-light)}.social-page :is(.social-heading,header)>[aria-hidden]{background:0 0!important;width:0!important}.social-page :is(.social-empty,.community-empty-state,.friend-recommendations-empty,.friend-recommendations-status){border:0!important;border-block:1px solid var(--border)!important;background:0 0!important;border-radius:0!important}.social-page .friends-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:24px;padding-block:4px;display:flex;overflow-x:auto}.social-page .friends-tabs>button{white-space:nowrap;flex-shrink:0;border-radius:0!important}.social-page .friends-tabs>button>span{border-radius:var(--r-surface)!important}.social-page .social-friend-row{grid-template-columns:48px minmax(0,1fr) auto;border:0!important;border-bottom:1px solid var(--border)!important;background:0 0!important;border-radius:0!important;padding:20px 0!important;display:grid!important}.social-page .social-friend-avatar{background:var(--purple)!important}.social-page .social-friend-actions>div{flex-wrap:wrap}.social-page .profile-friends-tab{min-height:44px}.social-page .profile-friends-tab>span{font-family:monospace;border-radius:var(--r-surface)!important}.social-page .friend-recommendations-grid{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:0}.social-page .friend-recommendation-card{border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:0 0;border-radius:0;padding:20px}.social-page .friend-recommendation-card:hover{box-shadow:none;background:var(--bg2);transform:none}.social-page .friend-recommendation-avatar{border-radius:var(--r-control)}.social-page .friend-recommendation-avatar-image,.social-page .friend-mutual-avatar{background:var(--purple)}.social-page .friend-recommendation-body{padding:16px 0 0}.social-page .friend-recommendation-name{align-items:center;min-height:44px;display:flex}.social-page .friend-recommendation-details{height:auto;min-height:68px}.social-page .friend-mutual-trigger{width:100%;min-height:44px}.social-page .friend-mutual-trigger:after{content:none}.social-page .friend-recommendation-dismiss{opacity:1;pointer-events:auto}.social-page .friend-mutual-tooltip{overflow-wrap:anywhere;width:min(260px,100%)}.social-page .friends-filters-popover{border-radius:var(--r-surface)}.social-page .friends-discovery-search input{padding-right:56px!important}.social-page .friends-discovery-search button[aria-label]{justify-content:center;align-items:center;right:4px!important}.social-page .community-carousel{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:0;display:grid}.social-page .community-card{border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:0 0;border-radius:0;width:auto;min-width:0;padding:20px;overflow:visible}.social-page .community-card:hover{box-shadow:none;background:var(--bg2);transform:none}.social-page .community-card-cover{border-radius:var(--r-surface)}.social-page .community-card-cover:before{background:0 0}.social-page .community-cover-grad{background:var(--bg3)}.social-page .community-card-body{padding-inline:0}.social-page .community-card-footer{gap:8px}.social-page .community-card-count{font-family:monospace}.social-page .community-card-footer>div{min-width:0}.social-page .community-join-hint{right:0;left:auto!important;transform:none!important}.social-page .search-bar{padding-block:4px!important}.social-page .search-bar input{width:0}.social-page .community-identity h1{font-size:var(--type-page)!important;letter-spacing:-.035em!important;line-height:1.05!important}.social-page .community-identity>div:last-child>div{min-width:0;max-width:100%}.social-page .community-identity>div:last-child>div:last-child{flex-wrap:wrap}.social-page .community-tabs-wrap .tabs{padding-block:4px;display:flex;overflow-x:auto}.social-page .community-tabs-wrap .tab-btn{white-space:nowrap;flex-shrink:0;border-radius:0!important}.social-page .community-stream{gap:0!important}.social-page .community-post{grid-template-columns:minmax(140px,1fr) minmax(0,3fr);column-gap:32px;display:grid;border:0!important;border-top:1px solid var(--border)!important;background:0 0!important;border-radius:0!important;padding:28px 0!important}.social-page .community-post>*{grid-column:2;min-width:0}.social-page .community-post>div:first-of-type{grid-area:2/1/span 2;align-self:start}.social-page .community-post>.pinned-badge{grid-column:1;justify-self:start;margin-bottom:14px}.social-page .community-post>p{grid-column:1;font-family:monospace}.social-page .post-body-clamped:after{background:linear-gradient(transparent,var(--bg))}.social-page .community-composer{border-block:1px solid var(--border);padding:24px 0}.social-page .community-composer>div:last-child,.social-page .community-add-game>div{flex-wrap:wrap;gap:8px}.social-page .community-composer img{max-width:100%}.social-page .community-game-shelf{gap:0!important}.social-page .community-game-shelf>a{border-bottom:1px solid var(--border);border-right:1px solid var(--border);min-width:0;padding:16px}.social-page .community-members>div,.social-page .community-members>div>span:first-of-type{min-width:0}.social-page .community-manage-form{border-top:1px solid var(--border);grid-template-columns:180px minmax(0,1fr);padding-top:24px;display:grid!important}.social-page .community-manage-form>div{min-width:0!important}.social-page .community-manage-form>[role=tablist]{border-right:1px solid var(--border);padding-right:16px;width:auto!important}.social-page .community-manage-form>[role=tablist]>button[aria-selected=true]{background:var(--purple)!important;color:var(--editorial-ink)!important}.social-page .community-slug-row,.social-page .community-slug-field{flex-wrap:wrap}.social-page .community-slug-field{min-width:0}.social-page .community-slug-field input{width:140px}.social-page .community-manage-members>div{grid-template-columns:36px minmax(0,1fr);display:grid!important}.social-page .community-manage-members>div>span:first-of-type{min-width:0}.social-page .community-manage-members :is(button,select),.social-page .community-manage-members .role-badge{grid-column:2;justify-self:start}.social-community-create form{border-top:1px solid var(--border);max-width:900px;padding-block:24px}.social-community-manage .container>a{align-items:center;min-height:44px;display:inline-flex!important}.social-page.skeleton-screen .skeleton{max-width:100%}@container (min-width:1100px){.social-page .community-manage-members>div{grid-template-columns:36px minmax(160px,1fr) repeat(4,max-content)}.social-page .community-manage-members :is(button,select),.social-page .community-manage-members .role-badge{grid-column:auto}}@container (max-width:640px){.social-page .social-friend-row{grid-template-columns:48px minmax(0,1fr)}.social-page .social-friend-actions{grid-column:2}.social-page .community-manage-form{grid-template-columns:minmax(0,1fr)}.social-page .community-manage-form>[role=tablist]{border-right:0;border-bottom:1px solid var(--border);padding:0 0 16px}.social-page .community-post{grid-template-columns:minmax(0,1fr);gap:12px}.social-page .community-post>*,.social-page .community-post>div:first-of-type,.social-page .community-post>.pinned-badge,.social-page .community-post>p{grid-area:auto/1}}@media (max-width:640px){.social-page .friend-mutual-tooltip{width:auto;max-height:60dvh;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.social-page *{transition-duration:.01ms!important;animation-duration:.01ms!important}}