:root{--rank-gold: #d99a00;--rank-gold-light: #ffd25e}body.dark-mode{--rank-gold: #f2b52a;--rank-gold-light: #ffe08a}.rank-badge{--rank-color: var(--absent-bg);display:inline-flex;align-items:center;gap:.35em;max-width:100%;font-weight:800;white-space:nowrap;vertical-align:middle}.rank-tile{flex:0 0 auto;width:.95em;height:.95em;border-radius:.22em;background:var(--rank-color)}.rank-name{overflow:hidden;text-overflow:ellipsis}.rank-badge[data-badge=orange]{--rank-color: var(--present-bg)}.rank-badge[data-badge=teal],.rank-badge[data-badge=teal-glow]{--rank-color: var(--correct-bg)}.rank-badge[data-badge=teal-glow] .rank-tile{box-shadow:0 0 .45em var(--correct-bg),0 0 .15em var(--correct-bg)}.rank-badge[data-badge=gold] .rank-tile{background:linear-gradient(135deg,var(--rank-gold-light),var(--rank-gold) 60%);box-shadow:0 0 .4em color-mix(in srgb,var(--rank-gold) 70%,transparent)}.rank-badge[data-badge=unranked]{font-weight:700}.rank-badge[data-badge=unranked] .rank-tile{background:transparent;border:.12em dashed color-mix(in srgb,var(--text-color) 45%,transparent)}@media (forced-colors: active){.rank-tile{forced-color-adjust:none;border:1px solid CanvasText}}