.leaderboard-medals{gap:1rem;padding:1.5rem;display:grid}.leaderboard-medal-card{--medal-tint:#e5ebfc;--medal-border:#dce3ee;--medal-position:0%;border:1px solid var(--medal-border);background:linear-gradient(135deg,var(--color-card)10%,var(--medal-tint));border-radius:1.75rem;align-items:center;gap:1rem;min-width:0;padding:.75rem 1rem 1rem;display:flex;box-shadow:0 10px 20px -12px #26221940}.leaderboard-medal-card--1{--medal-tint:#fff1d0;--medal-border:#f3d678;--medal-position:50%}.leaderboard-medal-card--3{--medal-tint:#fae7d4;--medal-border:#efc9a0;--medal-position:100%}.leaderboard-medal{aspect-ratio:300/425;filter:drop-shadow(0 12px 12px #2622191f);flex:0 0 52%;max-width:200px;position:relative}.leaderboard-medal-avatar{aspect-ratio:1;width:68%;height:auto;font-size:clamp(1.75rem,4vw,3.5rem);position:absolute;top:41%;left:16%}.leaderboard-medal-frame{background-image:url(/images/golden_900.png);background-size:300% 100%;background-position:var(--medal-position)top;background-repeat:no-repeat;position:absolute;inset:0}.leaderboard-medal-stat{background:color-mix(in srgb,var(--color-card)75%,transparent);overflow-wrap:anywhere;border-radius:1rem;align-items:baseline;gap:.25rem .375rem;width:fit-content;max-width:100%;padding:.375rem .75rem;font-size:.75rem;display:flex}.dark .leaderboard-medal-card{--medal-tint:#293343;--medal-border:#445064}.dark .leaderboard-medal-card--1{--medal-tint:#44351c;--medal-border:#80662f}.dark .leaderboard-medal-card--3{--medal-tint:#422c20;--medal-border:#805638}@media (min-width:1024px){.leaderboard-medals{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:2rem 1.5rem}.leaderboard-medal-card--1{order:2}.leaderboard-medal-card--2{order:1}.leaderboard-medal-card--3{order:3}.leaderboard-medal-card--1{transform:translateY(-.5rem)}.leaderboard-medal-card{gap:.75rem;padding-inline:.75rem}}