.club-badge-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.club-badge{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:4px 7px 4px 4px;border:1px solid #806c21;border-radius:999px;background:linear-gradient(145deg,rgba(255,209,102,.13),rgba(0,30,13,.9));color:#ffd166;font:700 9px monospace;letter-spacing:.03em;box-shadow:0 0 10px rgba(255,209,102,.09)}.club-badge-art{display:block;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background-image:url('assets/badges/club-badges-v3.png');background-repeat:no-repeat;background-size:400% auto;background-position:var(--badge-x) var(--badge-y);box-shadow:0 0 8px rgba(0,212,90,.22)}.club-badge--founder{--badge-x:0%;--badge-y:10%}.club-badge--supporter{--badge-x:33.333%;--badge-y:10%}.club-badge--guardian{--badge-x:66.667%;--badge-y:10%}.club-badge--patron{--badge-x:100%;--badge-y:10%}.club-badge--months-3{--badge-x:0%;--badge-y:90%}.club-badge--months-6{--badge-x:33.333%;--badge-y:90%}.club-badge--months-12{--badge-x:66.667%;--badge-y:90%}.club-badge-list--icons{gap:2px}.club-badge-list--icons .club-badge{padding:0;border:0;background:transparent;box-shadow:none}.club-badge-list--icons .club-badge-art{width:22px;height:22px;flex-basis:22px;border:1px solid rgba(255,209,102,.52)}.club-badge-list--icons .club-badge-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.club-avatar-frame{position:relative;display:inline-grid;place-items:center;align-self:start;flex:0 0 auto}.club-avatar-frame>.club-badge-list{position:absolute;z-index:2;right:-7px;bottom:-8px;max-width:calc(100% + 18px);justify-content:flex-end}.club-avatar-frame>.club-badge-list .club-badge-art{box-shadow:0 0 0 1px #020503,0 0 8px rgba(255,209,102,.42)}.club-badge-list--tiny{gap:2px}.club-badge-list--tiny .club-badge{padding:0;border:0;background:transparent;box-shadow:none}.club-badge-list--tiny .club-badge-art{width:16px;height:16px;flex-basis:16px;border:1px solid rgba(255,209,102,.5)}.club-badge-list--tiny .club-badge-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}