#p23-pickem :is(.pp-avatar,.pg-avatar) { position:relative; }
#p23-pickem :is(.pp-avatar,.pg-avatar) > img {
    position:absolute; inset:0; display:block; width:100%; height:100%;
    max-width:none; object-fit:cover; border-radius:50%;
}
#p23-pickem .pp-ranked-player {
    display:inline-flex; align-items:center; gap:7px; max-width:100%; vertical-align:middle;
}
#p23-pickem .pp-ranked-player > span:last-child { min-width:0; overflow-wrap:anywhere; }
#p23-pickem .pp-ranked-player .pp-avatar {
    width:28px; height:28px; flex:0 0 28px; font-size:12px; border-color:#68613f;
}
#p23-pickem .pp-profile-photo { position:relative; flex:none; align-self:flex-start; }
#p23-pickem .pp-profile-name { min-width:0; overflow-wrap:anywhere; }
#p23-pickem .pp-identity { flex:1; min-width:0; }
#p23-pickem.pe-view-profile .pp-header .pp-identity h1 { margin:0!important; }
#p23-pickem .pp-public-bio { margin:5px 0 0!important; color:#e2e2e2; font-size:14px; line-height:1.45; overflow-wrap:anywhere; }
#p23-pickem .pp-edit-profile {
    position:absolute; right:-6px; bottom:-5px; display:grid; place-items:center;
    width:28px; height:28px; border:1px solid #68613f; border-radius:50%; background:#191919; color:#ffcc2a;
}
#p23-pickem .pp-customize { margin:0 0 18px; border:1px solid #363636; border-radius:8px; background:#191919; }
#p23-pickem .pp-customize > summary { padding:12px 14px; cursor:pointer; font-weight:750; }
#p23-pickem .pp-customize form { display:grid; gap:8px; padding:0 14px 14px; }
#p23-pickem .pp-customize label { font-size:13px; font-weight:700; }
#p23-pickem .pp-customize small { color:#bfbfbf; }
#p23-pickem .pp-customize :is(input,textarea) { min-width:0; max-width:100%; }
#p23-pickem .pp-customize textarea {
    width:100%; padding:9px; background:#101010; border:1px solid #505050;
    color:#fff; border-radius:5px; font:inherit; resize:vertical;
}
#p23-pickem .pp-customize input[type=range] { display:block; width:100%; padding:0; accent-color:#ffcc2a; }
#p23-pickem .pp-customize .pe-button { justify-self:start; }
#p23-pickem .pp-crop { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
#p23-pickem .pp-crop canvas { width:130px; height:130px; border-radius:50%; background:#101010; border:1px solid #68613f; }
#p23-pickem .pp-crop fieldset { min-width:0; flex:1 1 130px; margin:0; padding:5px 0; border:0; }
#p23-pickem .pp-crop legend { font-size:13px; }
#p23-pickem .pp-crop [hidden],#p23-pickem :is(.pp-crop,.pp-public-bio,[data-remove-row])[hidden] { display:none!important; }
#p23-pickem .pp-customize-status { margin:0; }
#p23-pickem .pp-customize-status.is-error { color:#ff9b97; }

.pe-account-entry .pe-account-initial {
    display:grid; place-items:center; color:#ffcc2a; background:#30363b;
    font-size:16px; font-weight:800;
}
#p23-pickem .pp-avatar-picker {
    min-width:0; padding:8px; border:1px solid #3c3c3c; border-radius:8px;
    background:#141414;
}
#p23-pickem .pp-avatar-picker > summary {
    padding:5px 4px; color:#ffcc2a; font-size:13px; font-weight:800; cursor:pointer;
}
#p23-pickem .pp-avatar-preview {
    display:flex; align-items:center; gap:10px; min-width:0; padding:7px 4px;
}
#p23-pickem .pp-avatar-preview .pp-avatar-tile { width:56px; height:56px; flex:none; }
#p23-pickem .pp-avatar-options { min-width:0; border:0; margin:0; padding:0; }
#p23-pickem .pp-avatar-options legend { margin-bottom:6px; color:#bfbfbf; font-size:12px; }
#p23-pickem .pp-avatar-grid {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,58px),1fr)); gap:4px;
}
#p23-pickem label.pp-avatar-option { position:relative; min-width:0; margin:0; cursor:pointer; }
#p23-pickem .pp-avatar-option > input { position:absolute; opacity:0; width:1px; height:1px; }
#p23-pickem .pp-avatar-card {
    display:flex; flex-direction:column; align-items:center; justify-content:start;
    gap:4px; height:100%; padding:4px 1px; border:1px solid #3b3b3b; border-radius:6px;
    background:#202020; color:#fff; font-size:10px; line-height:1.15; text-align:center;
    overflow-wrap:anywhere;
}
#p23-pickem .pp-avatar-tile {
    display:grid; place-items:center; width:100%; max-width:64px; aspect-ratio:1;
    border-radius:50%; overflow:hidden; background:#30363b; color:#ffcc2a;
    font-size:20px; font-weight:800;
}
#p23-pickem .pp-avatar-tile img { width:100%; height:100%; object-fit:cover; }
#p23-pickem .pp-avatar-option > input:checked + .pp-avatar-card { border-color:#ffcc2a; background:#332a11; }
#p23-pickem .pp-avatar-option > input:focus-visible + .pp-avatar-card { outline:2px solid #fff; outline-offset:1px; }
#p23-pickem .p23-notification-copy { display:flex; align-items:center; gap:9px; min-width:0; }
#p23-pickem .pg-avatar.p23-notification-avatar { width:34px; height:34px; flex:0 0 34px; }
@media (max-width:520px) {
    #p23-pickem .pp-avatar-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}