/* Approved RARA artwork, displayed as ten circular crops of cached atlases.
   Original canvas 1536 x 1024; each viewport is 300 x 300 source pixels.
   Text and presentation headings stay outside every crop. */
.club-mascot{--mascot-left:-4.333333%;--mascot-top:-75%;position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:50%;clip-path:circle(50% at 50% 50%);background:#e6edf5;isolation:isolate}
.club-mascot>img{position:absolute;display:block;max-width:none!important;width:512%!important;height:auto!important;left:var(--mascot-left);top:var(--mascot-top);object-fit:initial;pointer-events:none;user-select:none}
.club-mascot[data-mascot="1"],.club-mascot[data-mascot="6"]{--mascot-left:-105.666667%}
.club-mascot[data-mascot="2"],.club-mascot[data-mascot="7"]{--mascot-left:-206.666667%}
.club-mascot[data-mascot="3"],.club-mascot[data-mascot="8"]{--mascot-left:-308.333333%}
.club-mascot[data-mascot="4"],.club-mascot[data-mascot="9"]{--mascot-left:-407.666667%}
.club-mascot[data-mascot="5"],.club-mascot[data-mascot="6"],.club-mascot[data-mascot="7"],.club-mascot[data-mascot="8"],.club-mascot[data-mascot="9"]{--mascot-top:-207%}
.club-level>.club-mascot{width:86%;max-width:192px;margin-inline:auto}
.account-avatar>.club-mascot{flex:0 0 100%;width:100%;height:100%}
.account-rank-strip .club-mascot{margin-bottom:7px}
.account-level-details .club-mascot{width:100%;max-width:150px;margin:0 auto 12px}
.account-profile-figure{display:flex;align-items:center;gap:18px;margin-top:24px;max-width:460px}
.account-profile-figure>.club-mascot{width:76px;flex:0 0 76px}
.account-profile-figure h3{font-size:16px;line-height:1.4;margin:0 0 5px}
.account-profile-figure p{font-size:12px;line-height:1.6;color:var(--club-muted);margin:0}


/* The final three levels have their own pastel backdrop colors. */
.club-mascot[data-mascot="7"]{--mascot-left:-209.693878%;--mascot-top:-211.22449%;background:#e8e1f3}
.club-mascot[data-mascot="8"]{--mascot-left:-312.414966%;--mascot-top:-211.054422%;background:#f1b8b4}
.club-mascot[data-mascot="9"]{--mascot-left:-416.836735%;--mascot-top:-211.394558%;background:#f4e6bd}

/* A 294px source crop stays inside each colored disk and excludes neighboring artwork. */
.club-mascot[data-mascot="7"]>img,.club-mascot[data-mascot="8"]>img,.club-mascot[data-mascot="9"]>img{width:522.44898%!important}