.tc-medal{--medal: 22px;--ring-a: #6b7280;--ring-b: #3a404b;--core: #151a26;position:relative;display:inline-flex;flex-direction:column;align-items:center;flex:0 0 auto;vertical-align:middle;line-height:1}.tc-medal--xs{--medal: 18px}.tc-medal--sm{--medal: 22px}.tc-medal--md{--medal: 40px}.tc-medal--lg{--medal: 64px}.tc-medal--common{--ring-a: #b98a5a;--ring-b: #4b3a2a}.tc-medal--rare{--ring-a: #58a6ff;--ring-b: #1d3b66}.tc-medal--epic{--ring-a: #b67cff;--ring-b: #4a2477}.tc-medal--legendary{--ring-a: #ffcf4a;--ring-b: #7a5310}.tc-medal-glyph{width:var(--medal);height:var(--medal);border-radius:50%;display:grid;place-items:center;font-size:calc(var(--medal) * .52);background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.1),transparent 60%),radial-gradient(circle,var(--core) 58%,transparent 60%),conic-gradient(from 200deg,var(--ring-a),var(--ring-b),var(--ring-a),var(--ring-b),var(--ring-a));box-shadow:0 0 0 1px #0000008c,0 1px 3px #00000080}.tc-medal--legendary .tc-medal-glyph{box-shadow:0 0 0 1px #0000008c,0 0 calc(var(--medal) * .25) #ffcf4a73}.tc-medal-img{width:var(--medal);height:var(--medal);object-fit:contain;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.tc-medal.is-locked .tc-medal-glyph,.tc-medal.is-locked .tc-medal-img{filter:grayscale(1) brightness(.45);box-shadow:none}.tc-medal-label{margin-top:6px;max-width:calc(var(--medal) + 40px);font-size:11px;font-weight:600;text-align:center;line-height:1.2;color:#e6ebf5;text-wrap:balance}.tc-medal.is-locked .tc-medal-label{color:#7d8597}.tc-medal-row{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;vertical-align:middle}.battle-screen.v10 .player-profile .pp-handle.has-medals{display:flex;align-items:center;gap:4px}.battle-screen.v10 .player-profile .pp-handle .pp-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:599px){.battle-screen.v10 .player-profile .pp-handle .tc-medal-row .tc-medal:nth-child(n+2){display:none}.battle-screen.v10 .player-profile .pp-handle.has-medals{max-width:82px}}.battle-end-matchup{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 16px 10px;font-size:13px;color:#cfd6e4;flex-wrap:wrap}.battle-end-matchup .bem-side{display:inline-flex;align-items:center;gap:6px;min-width:0}.battle-end-matchup .bem-name{font-weight:700;color:#fff;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-end-matchup .bem-vs{font-size:11px;letter-spacing:1px;color:#7d8597}.customize-badge .tc-medal{margin-bottom:6px}.customize-badge.locked{cursor:default;opacity:.85}.customize-badge.locked:hover{transform:none}.customize-badge.locked .customize-badge-name{color:#8a93a6}.customize-badge-progress{align-self:stretch;display:flex;align-items:center;justify-content:center;position:relative;height:16px;margin-top:7px;border-radius:8px;background:#78a0d21f;overflow:hidden}.customize-badge-progress span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#46e0ff59,#ffc95c73)}.customize-badge-progress em{position:relative;font-style:normal;font-size:10.5px;font-weight:700;line-height:16px;color:#dfe6f3;font-variant-numeric:tabular-nums}.preview-badges .tc-medal-row{gap:8px}.player-badges .tc-medal-row{gap:3px}.wager-tab .cm-lb-badge{margin-right:6px}.sp-ictile--medal{display:grid;place-items:center;background:none}