.community-nav{background:none;border:0;color:inherit;font:inherit;font-weight:750;padding:10px 12px;cursor:pointer}.account-button{display:flex;align-items:center;gap:8px;border:2px solid var(--line);border-radius:16px;padding:9px 12px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:800;cursor:pointer}#account-avatar{font-size:24px}#account-rank{font-size:16px}.community-dialog{width:min(940px,calc(100vw - 28px));max-width:none;max-height:90dvh;padding:0;border:2px solid var(--line);border-radius:28px;background:var(--bg);color:var(--text);box-shadow:0 24px 90px #15102666}.community-dialog::backdrop{background:#18102f99;backdrop-filter:blur(5px)}.community-shell{padding:24px}.community-heading{display:flex;align-items:center;gap:12px}.community-heading h2{font-size:clamp(22px,4vw,32px);margin:0;flex:1}.community-tabs{display:flex;gap:8px;background:var(--surface-alt);padding:6px;border-radius:18px;margin:12px 0 20px}.community-tabs button{flex:1;border:0;border-radius:13px;padding:12px 8px;font:inherit;font-weight:800;background:transparent;color:var(--muted);cursor:pointer}.community-tabs button[aria-selected=true]{background:var(--purple,#7848ef);color:white;box-shadow:0 3px 0 #462688}.social-card{border:2px solid var(--line);border-radius:22px;padding:20px;margin:0;background:var(--surface)}.social-card h2{margin:0 0 16px;font-size:22px}.social-card label{display:grid;gap:6px;margin:12px 0;font-size:13px;font-weight:750}.social-card input,.social-card textarea,.social-card select{width:100%;min-width:0;border:2px solid var(--line);border-radius:13px;padding:12px;background:var(--bg);color:var(--text);font:inherit}.social-card textarea{resize:vertical}.social-tabs,.social-inline{display:flex;gap:8px;align-items:center}.social-inline input{flex:1;width:0}.hub-friends{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;align-items:start}.hub-friends>details{grid-column:1/-1}.social-person{padding:14px 0;border-bottom:1px solid var(--line)}.social-person p{margin:5px 0;overflow-wrap:anywhere}.social-person strong{font-size:17px}.social-person .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.social-person .text-button{font-size:12px}.social-person.is-active{border-inline-start:4px solid var(--purple,#7848ef);padding-inline-start:12px}.social-online{color:#24815c}.profile-badge{display:flex;align-items:center;gap:16px;margin-bottom:14px}.profile-badge>span{display:grid;place-items:center;background:var(--surface-alt);border-radius:22px;font-size:46px;width:82px;height:82px}.profile-badge strong{display:block;font-size:24px}.rank-badge{display:inline-block!important;padding:4px 9px;border-radius:9px;background:var(--surface-alt);color:var(--text);font-size:12px;font-weight:800;width:fit-content}.profile-badge .rank-badge{margin-top:8px}#profile-form{max-width:520px}#rank-progress{width:100%;height:12px;accent-color:var(--purple,#7848ef)}#hub-profile{display:grid;gap:16px}#auth{max-width:480px;margin:0 auto}.account-perks{text-align:center;color:var(--muted);font-size:14px;line-height:1.6;max-width:500px;margin:12px auto 20px}#social-status{min-height:0;overflow-wrap:anywhere;margin:12px 0;font-size:13px}#social-status:empty{display:none}#social-status[data-error=true],#conduct-notice[data-error=true]{color:var(--danger,#d53f54)}#conduct-notice{border-radius:13px;padding:12px;background:var(--surface-alt);font-size:13px}#dm-log{list-style:none;padding:0;max-height:42dvh;min-height:150px;overflow:auto;display:flex;flex-direction:column;gap:12px}#dm-log li{padding:12px;border-radius:16px;background:var(--surface-alt);max-width:90%;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere}#dm-log li.mine{align-self:flex-end;background:#9565f62b}#dm-log time{display:block;font-size:11px;opacity:.65;margin-top:6px}#dm-log a{display:block;color:inherit;font-weight:bold;margin-top:10px}#invite-friend{margin-top:16px}.social-person .bio{font-size:13px;color:var(--muted)}#community-dialog [hidden]{display:none!important}.player-account{cursor:pointer}.player-rank{display:block;font-size:11px;color:var(--muted)}.fair-badge{display:inline-flex;font-size:11px;padding:3px 7px;border-radius:8px;background:var(--lime);color:#28223d;margin-inline:6px}.topbar{flex-wrap:wrap}
@media(max-width:700px){.community-shell{padding:16px}.community-dialog{max-height:94dvh;border-radius:22px}.hub-friends{grid-template-columns:1fr}.community-tabs button{font-size:12px}.account-button{padding:6px 10px}#account-label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-heading .heading-icon{display:none}.community-tabs{gap:3px}.social-card{padding:16px}}

/* Community forms share dialog styling but keep compact inline controls. */
.community-dialog .button{width:auto;margin-top:0;min-height:44px;font-size:14px}.community-dialog .social-inline input{width:0;min-width:0;flex:1}.community-dialog .social-inline .button{flex:0 0 auto}.community-dialog #auth-submit,.community-dialog #profile-form>.button{width:100%;margin-top:12px}.community-dialog .social-tabs .button{flex:1}.community-dialog .social-tabs [aria-pressed=true]{background:var(--primary);color:var(--primary-ink)}.community-dialog .social-tabs [aria-pressed=false]{background:var(--surface-alt);color:var(--text)}

.profile-badge>div{min-width:0;flex:1}.profile-badge strong,.community-heading h2{overflow-wrap:anywhere}.community-heading h2{min-width:0}.community-tabs button{min-width:0;overflow-wrap:anywhere}