.profile-page-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.profile-page-intro h1{font-size:38px;letter-spacing:-1.5px;margin:12px 0}.profile-page-intro h2{font-size:28px;margin-top:10px}.social-profile{border:1px solid #303030;border-radius:16px;overflow:hidden;background:#111;--profile-accent:#bcbcbc}.social-profile-banner{position:relative;height:210px;background:#181818;color:var(--profile-accent);overflow:hidden}.social-profile-banner>svg,.directory-banner>svg{width:100%;height:100%;stroke:currentColor;opacity:.28;stroke-width:1;fill:none}.social-profile-banner circle,.directory-banner circle{fill:currentColor;stroke:none}.profile-banner-minimal{height:100%;display:flex;align-items:center;justify-content:flex-end;padding:24px 5%;border-bottom:2px solid currentColor}.profile-banner-minimal span{font-size:64px;letter-spacing:12px;font-weight:700;opacity:.12}.profile-visibility{position:absolute;right:24px;top:20px;background:#161616;border:1px solid #3a3a3a;border-radius:20px;padding:6px 11px;font-size:11px;color:#ccc}.social-profile-body{padding:0 32px 24px}.social-profile-heading{display:flex;align-items:center;gap:22px;margin-top:-35px;position:relative}.social-avatar{width:96px;height:96px;background:#222;border:5px solid #111;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex-shrink:0}.social-avatar>img{width:100%;height:100%;object-fit:cover}.social-avatar .player-avatar{width:100%;height:100%;border-radius:0}.social-profile-heading>div{padding-top:40px}.social-profile-heading h1{font-size:32px;letter-spacing:-1px;margin:8px 0}.social-profile-heading>.button{margin-left:auto;margin-top:35px}.social-profile-badges{display:flex;align-items:center;gap:16px;margin:25px 0}.profile-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #34483f;border-radius:6px;color:#9dd4b8;background:#15231c;font-size:11px}.profile-badge svg{width:14px;height:14px}.profile-member-since{font-size:12px;color:#8b8b8b}.profile-bio{color:#d0d0d0;white-space:normal;overflow-wrap:anywhere;max-width:750px;line-height:1.8;margin-bottom:35px}.profile-showcase-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.profile-showcase-title h2{font-size:17px}.profile-showcase-title>span{font-size:11px;color:#888}.profile-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.profile-showcase-item{display:flex;align-items:center;flex-direction:column;gap:12px;border:1px solid #2b2b2b;border-radius:10px;padding:18px;background:#161616;font-size:13px;text-align:center}.profile-showcase-item:hover{border-color:var(--profile-accent)}.profile-showcase-item img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 0 15px #ffffff16)}.profile-showcase-item small{font-size:11px;color:#888}.profile-showcase-empty{border:1px dashed #333;border-radius:9px;padding:28px;color:#888;font-size:13px}.social-profile-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #292929;padding-top:23px;margin-top:28px;font-size:12px;color:#b0b0b0;gap:16px}.social-profile-footer button{background:none;border:0;color:inherit;padding:0}.social-profile-footer button:disabled{color:#777}.profile-help{font-size:12px;color:#939393;line-height:1.7}.profile-bottom-note{margin:20px 0}.profile-editor-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:28px;align-items:start}.profile-editor{border:1px solid #333;border-radius:12px;background:#131313;padding:24px}.profile-editor-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.profile-editor-title h2{font-size:23px}.profile-field{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#e0e0e0;margin-top:25px}.profile-field textarea,.profile-field input{width:100%;background:#0e0e0e;color:#eee;border:1px solid #3a3a3a;border-radius:7px;padding:12px;line-height:1.5;resize:vertical}.profile-field small{font-size:11px;color:#999}.profile-choice{border:0;padding:0;margin:24px 0}.profile-choice legend{font-size:13px;margin-bottom:12px}.profile-choice>div{display:flex;flex-wrap:wrap;gap:7px}.profile-choice button{display:flex;align-items:center;gap:7px;background:#1b1b1b;border:1px solid #3a3a3a;border-radius:6px;color:#bbb;font-size:11px;padding:9px}.profile-choice button[aria-pressed=true]{color:#fff;border-color:#9b9b9b;background:#303030}.profile-choice i{display:block;width:10px;height:10px;background:var(--swatch);border-radius:50%}.profile-item-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-bottom:1px solid #303030;background:#181818;color:#ccc;text-align:left;font-size:12px}.profile-item-option img{width:35px;height:35px;object-fit:contain}.profile-item-option>span:last-child{margin-left:auto}.profile-item-option:hover{background:#2a2a2a}.profile-selected{display:inline-flex;align-items:center;gap:8px;margin:8px 5px 0 0;font-size:11px;padding:7px;background:#282828;border:1px solid #414141;color:#ddd;border-radius:5px}#profile-selected{margin-top:12px}.profile-publish{display:flex;align-items:start;gap:10px;font-size:13px;margin:28px 0 18px}.profile-publish input{accent-color:#ccc;margin-top:3px}.profile-publish small{display:block;font-size:11px;color:#999;line-height:1.65;margin-top:8px}.profile-editor-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.profile-editor-actions .button{background:#292929;border-color:#484848;color:#eee;padding:12px 18px}#profile-save-message{font-size:12px;color:#e5b6a6}#profile-preview{position:sticky;top:20px}#profile-preview .social-profile-body{padding-inline:22px}#profile-preview .social-profile-heading h1{font-size:25px}#profile-preview .profile-showcase-title{flex-wrap:wrap}#profile-preview .profile-showcase-item img{width:90px;height:90px}.profile-directory-search{display:flex;gap:12px;margin-bottom:20px}.profile-directory-search .search-input{flex:1}.profile-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.profile-directory-card{border:1px solid #303030;border-radius:12px;overflow:hidden;background:#121212;transition:border-color .15s}.profile-directory-card:hover{border-color:var(--profile-accent)}.directory-banner{height:95px;background:#1a1a1a;color:var(--profile-accent);overflow:hidden}.directory-banner .profile-banner-minimal span{font-size:25px}.profile-directory-card>div:last-child{padding:20px}.profile-directory-card h2{font-size:20px;margin:14px 0 6px}.profile-directory-card p{font-size:12px;margin:8px 0;overflow-wrap:anywhere}.profile-directory-card .profile-badge{margin-block:10px}.profile-directory-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px}@media(max-width:1000px){.profile-editor-layout{grid-template-columns:1fr}#profile-preview{position:static}.profile-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.profile-page-intro{align-items:start;flex-direction:column}.profile-page-intro h1{font-size:30px}.social-profile-banner{height:150px}.social-profile-body{padding-inline:20px}.social-profile-heading{gap:14px;flex-wrap:wrap}.social-avatar{width:76px;height:76px}.social-profile-heading h1{font-size:25px}.social-profile-heading>.button{margin:10px 0 0;width:100%}.profile-showcase{grid-template-columns:1fr}.profile-showcase-item{flex-direction:row;text-align:left;padding:12px}.profile-showcase-item img{width:65px;height:65px}.profile-showcase-title,.social-profile-footer{align-items:start;flex-direction:column}.profile-directory{grid-template-columns:1fr}.profile-directory-search{flex-direction:column}.profile-editor{padding:20px}.profile-editor-layout{gap:20px}.profile-banner-minimal span{font-size:35px}}
.social-avatar .participant-avatar{width:100%;height:100%;border:0;border-radius:0;display:grid;place-items:center}
.social-avatar .participant-avatar img{width:100%;height:100%;object-fit:cover}
.social-avatar .participant-avatar svg{width:34px;height:34px;color:#999}