.player-profile{--cd-line:var(--line);--cd-accent:var(--cyan);max-width:1080px;margin:24px auto;padding:0 16px 80px;color:var(--paper,#f2f0ea)}
.pp-header{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line,#34363d);padding-bottom:24px}
.pp-avatar{width:128px;height:128px;object-fit:cover;flex:none;border:1px solid var(--line,#34363d)}
.pp-name{margin:0;min-width:0;flex:1;font-size:32px;overflow-wrap:anywhere}
.pp-name .member-name{font-size:32px}.pp-name.nameplate{flex:0 1 auto;min-width:0;max-width:calc(100% - 176px)}.pp-header>button{margin-left:auto}
.pp-name .nameplate-content{max-width:100%;overflow-wrap:anywhere}.pp-showcase .cs-trio:empty{display:none}
.pp-header button,.pp-editor button{min-height:44px}
.player-profile button{font:inherit;color:var(--paper);background:var(--panel);border:1px solid var(--line);border-radius:0;padding:10px 14px;cursor:pointer}.player-profile button:hover:not(:disabled){border-color:var(--cyan)}.player-profile button:disabled{opacity:.5;cursor:default}.player-profile button:focus-visible,.player-profile a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.player-profile .pp-name .nameplate-content .member-name{font-size:24px;line-height:1.4}
.pp-showcase,.pp-statistics{padding-top:24px}.player-profile h3{font-size:22px;margin:0 0 16px}
.pp-showcase .cs-trio{max-width:900px;margin:0 auto;gap:24px}.pp-showcase .cs-card{min-width:0}
.pp-editor{padding:20px 0;border-bottom:1px solid var(--line,#34363d)}
.pp-editor>button,.pp-editor>a{margin:8px 16px 8px 0}
.pp-privacy{display:inline-flex;align-items:center;gap:8px}.pp-privacy input{width:20px;height:20px}
.pp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;border-top:1px solid var(--line,#34363d);padding-top:16px}
.pp-stats dt{font-size:14px;color:var(--muted,#a5a8af)}.pp-stats dd{margin:4px 0 0;font-size:24px;font-variant-numeric:tabular-nums}
.player-profile [hidden]{display:none!important}.player-profile-link{text-decoration:none}.player-profile-link:hover{text-decoration:underline}.player-profile-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#accountMenuButton{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0;min-width:44px;min-height:44px;border:0;background:transparent;box-shadow:none;color:var(--muted)}
#accountMenuButton:not(:disabled):hover,#accountMenuButton[aria-expanded="true"]{color:var(--paper);background:transparent}
#accountMenuButton:focus-visible{outline:2px solid var(--cyan);outline-offset:-6px}
@media(max-width:600px){.player-profile{padding-inline:12px}.pp-header{gap:12px;flex-wrap:wrap}.pp-name{font-size:24px;width:calc(100% - 144px)}.pp-header button{margin-left:140px}.pp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-stats dd{font-size:20px}.pp-showcase .cs-trio{gap:12px}}
@media(max-width:600px){.pp-name .member-name{font-size:24px}.pp-name.nameplate{max-width:calc(100% - 140px)}.player-profile{padding-bottom:180px}}
.pp-avatar-picker{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.pp-avatar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.pp-avatar-heading h3{margin:0}.pp-avatar-heading label{display:flex;align-items:center;gap:10px;font-size:14px}.pp-avatar-heading input{max-width:200px;min-width:0;background:var(--panel);color:var(--paper);border:1px solid var(--line);padding:8px;font:inherit}
.pp-avatar-current{color:var(--muted);font-size:14px;margin:12px 0}
.pp-avatar-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:410px;overflow-y:auto;padding:4px;scrollbar-gutter:stable;border:1px solid var(--line)}
.player-profile .pp-avatar-choice{padding:6px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:transparent;border:1px solid transparent;font-size:13px;min-width:0}
.pp-avatar-choice img{display:block;width:80px;height:80px;object-fit:cover}.pp-avatar-choice span{overflow-wrap:anywhere}.player-profile .pp-avatar-choice[aria-pressed="true"]{border-color:var(--cyan);background:var(--panel)}
@media(max-width:600px){.pp-avatar-choices{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));max-height:350px}.pp-avatar-choice img{width:72px;height:72px}.pp-avatar-heading label{flex-wrap:wrap}}

/* The header grid owns layout; the inner cosmetic sizes to its name. */
#ppContent{background:var(--profile-background,#181a1f);border:1px solid #34363d;padding:16px;color:#f2f0ea}
.pp-header{display:grid;grid-template-columns:128px minmax(0,1fr) 128px;gap:24px;align-items:start;background:#181a1f;padding:20px;border:1px solid #34363d}
.pp-identity{min-width:0;align-self:center;text-align:center;container-type:inline-size}
.pp-name,.pp-name.nameplate{display:inline-flex;flex:none;width:auto;min-width:0;max-width:100%;vertical-align:middle}
.pp-name .nameplate-content{min-width:0;max-width:100%;white-space:normal}
.pp-name .member-name{white-space:normal;overflow-wrap:anywhere}
.player-profile #ppName{height:auto;aspect-ratio:auto}
.player-profile #ppName.nameplate-area{width:512px;min-width:0;max-width:100%;height:auto;min-height:0;aspect-ratio:16/3;padding:clamp(2px,1.04cqi,5.333px) clamp(6px,2.78cqi,14.222px)!important}
.player-profile #ppName .nameplate-content{flex-wrap:wrap;justify-content:flex-start}
.player-profile #ppName .nameplate-content .member-name{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;max-width:100%}
.player-profile #ppName.nameplate-area .nameplate-content{width:100%;min-height:0;padding:0;gap:clamp(3px,1.74cqi,8.889px);justify-content:center;flex-wrap:nowrap}
.player-profile #ppName.nameplate-area .member-name{font-size:clamp(14px,6.64cqi,34px);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-profile #ppName .member-badge-image:not(.rank-badge){width:clamp(18px,12.15cqi,62.222px)!important;height:clamp(18px,12.15cqi,62.222px)!important;max-width:clamp(18px,12.15cqi,62.222px)!important;max-height:clamp(18px,12.15cqi,62.222px)!important;flex-basis:clamp(18px,12.15cqi,62.222px)}
.player-profile #ppName .member-badge-emoji{font-size:clamp(18px,9.72cqi,49.778px)!important;line-height:1.25}
.pp-header>button{margin:0;align-self:start;justify-self:end}.pp-identity .pp-affiliation{margin-top:12px;overflow-wrap:anywhere;justify-content:center;border:0;padding:0}.pp-identity .pp-affiliation .co-logo{width:24px;height:24px}
.pp-bio{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin:12px 0 0;font-size:15px;color:#f2f0ea}
.pp-banner{display:block;width:100%;height:140px;object-fit:cover;object-position:center;margin-bottom:12px}
.pp-showcase,.pp-statistics,.pp-editor,.pp-invitations{background:#181a1f;border:1px solid #34363d;padding:20px;margin-top:12px}
.player-profile h3{color:#f2f0ea;border-left:3px solid var(--profile-accent,#5cebd2);padding-left:10px}
.pp-stats dt,.player-profile .co-muted,.pp-avatar-current{color:#adb1ba}
.pp-appearance{margin-top:20px;border-top:1px solid #34363d;padding-top:20px}
.pp-appearance-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pp-appearance-modes,.pp-swatches,.pp-directions,.pp-appearance-actions{display:flex;gap:8px;flex-wrap:wrap;width:100%}
.pp-colour{display:flex;align-items:center;gap:8px;font-size:14px}.pp-colour input{width:44px;height:36px;background:#181a1f;border:1px solid #636975;padding:2px}
.pp-gradient-controls{display:flex;flex-wrap:wrap;gap:12px;width:100%}
.pp-swatches button{font-size:13px;display:flex;align-items:center;gap:8px;padding:8px}.pp-swatches button::before{content:'';width:20px;height:20px;background:var(--swatch);border:1px solid #888}
.pp-appearance button[aria-pressed=true]{outline:2px solid #f2f0ea;outline-offset:-3px}
.pp-directions button{color:white;text-shadow:0 1px 3px black;background-color:#101114;box-shadow:inset 0 0 0 100px #0007}
.pp-bio-field{display:block;margin:16px 0}.pp-bio-field textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;background:#101114;color:#f2f0ea;border:1px solid #636975;padding:10px;font:inherit;margin-top:8px}
.pp-banner-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.pp-banner-choices .pp-avatar-choice img{width:100%;height:64px;object-fit:cover!important}
.pp-appearance-status{font-size:14px;color:#adb1ba;min-height:1.5em}
@media(max-width:600px){#ppContent{padding:8px}.pp-header{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px}.pp-avatar{width:96px;height:96px}.pp-header>button{grid-column:2;justify-self:start;margin:0}.pp-name,.pp-name.nameplate{width:auto;max-width:100%}.pp-showcase,.pp-statistics,.pp-editor{padding:12px}.pp-banner{height:100px}.pp-stats{gap:12px}.pp-banner-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.pp-identity{grid-column:1/-1;grid-row:2}.pp-header>button{grid-row:1;grid-column:-2/-1;justify-self:end}}