.rank-medal{--medal-size:72px;--medal-h:calc(var(--medal-size) * 1.14);--medal-thick:calc(var(--medal-size) * 0.1);--medal-spin:7s;--m-hi:#fff4c7;--m-mid:#e2b651;--m-lo:#946a1b;--m-edge:#6a4a12;--m-ink:#5c410c;--m-glow:rgba(236,196,96,.38);position:relative;display:inline-block;flex-shrink:0;width:var(--medal-size);height:calc(var(--medal-h) + var(--medal-size) * .16);perspective:calc(var(--medal-size) * 7);vertical-align:middle}.rank-medal--silver{--m-hi:var(--pure);--m-mid:#c7d0da;--m-lo:#6f7a87;--m-edge:#535c67;--m-ink:#39424d;--m-glow:rgba(206,218,232,.32)}.rank-medal--bronze{--m-hi:#ffdcc0;--m-mid:#c98a55;--m-lo:#734222;--m-edge:#5a3117;--m-ink:#4e2710;--m-glow:rgba(214,146,98,.32)}.rank-medal-coin{position:absolute;left:0;top:0;width:var(--medal-size);height:var(--medal-h);transform-style:preserve-3d;animation:rank-medal-turn var(--medal-spin) linear infinite;will-change:transform}@keyframes rank-medal-turn{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.rank-medal-bevel,.rank-medal-face,.rank-medal-slice{position:absolute;inset:0;clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%)}.rank-medal-slice{background:linear-gradient(90deg,var(--m-edge) 0,var(--m-lo) 30%,var(--m-mid) 50%,var(--m-lo) 70%,var(--m-edge) 100%);transform:translateZ(calc(var(--medal-thick) * (var(--i) / 11 - .5)))}.rank-medal-face{display:block;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:radial-gradient(90% 70% at 28% 16%,hsla(0,0%,100%,.62),hsla(0,0%,100%,0) 55%),radial-gradient(80% 60% at 78% 92%,rgba(0,0,0,.28),transparent 60%),conic-gradient(from 200deg at 50% 50%,var(--m-lo),var(--m-mid) 18%,var(--m-hi) 30%,var(--m-mid) 44%,var(--m-lo) 58%,var(--m-mid) 72%,var(--m-hi) 84%,var(--m-lo))}.rank-medal-face--front{transform:translateZ(calc(var(--medal-thick) / 2 + .6px))}.rank-medal-face--back{transform:rotateY(180deg) translateZ(calc(var(--medal-thick) / 2 + .6px))}.rank-medal-face:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(115deg,hsla(0,0%,100%,.07) 0 1px,rgba(0,0,0,.05) 1px 2px,hsla(0,0%,100%,0) 2px 4px);mix-blend-mode:overlay}.rank-medal-bevel{inset:9%;z-index:1;background:linear-gradient(160deg,rgba(0,0,0,.32),hsla(0,0%,100%,.28))}.rank-medal-bevel:after{content:"";position:absolute;inset:4%;clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%);background:radial-gradient(100% 80% at 32% 18%,hsla(0,0%,100%,.5),hsla(0,0%,100%,0) 55%),linear-gradient(165deg,var(--m-hi) 0,var(--m-mid) 42%,var(--m-lo) 100%)}.rank-medal-num{left:0;right:0;top:18%;text-align:center;font:900 calc(var(--medal-size) * .42) /1 Inter,system-ui,sans-serif;letter-spacing:-.04em;color:var(--m-ink);text-shadow:0 1px 0 hsla(0,0%,100%,.55),0 -1px 0 rgba(0,0,0,.18);font-variant-numeric:tabular-nums}.rank-medal-mark,.rank-medal-num{position:absolute;z-index:2}.rank-medal-mark--front{left:31%;right:31%;top:58%;height:26%}.rank-medal-mark--back{left:20%;right:20%;top:24%;height:52%}.rank-medal-mark-ink,.rank-medal-mark-light,.rank-medal-mark-shards{position:absolute;inset:0;-webkit-mask:url(/logos/medal-mark.png) center/contain no-repeat;mask:url(/logos/medal-mark.png) center/contain no-repeat}.rank-medal-mark-light{background:hsla(0,0%,100%,.55);transform:translateY(1px)}.rank-medal-mark-ink{background:linear-gradient(170deg,var(--m-ink),var(--m-edge));opacity:.88}.rank-medal-mark-shards{-webkit-mask-image:url(/logos/medal-shards.png);mask-image:url(/logos/medal-shards.png);background:linear-gradient(160deg,var(--pure),var(--m-hi));opacity:.9}.rank-medal-sheen{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(105deg,hsla(0,0%,100%,0) 38%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 62%);background-size:260% 100%;animation:rank-medal-sheen var(--medal-spin) linear infinite;mix-blend-mode:soft-light}@keyframes rank-medal-sheen{0%{background-position:130% 0}50%{background-position:-30% 0}to{background-position:130% 0}}.rank-medal-floor{position:absolute;left:12%;right:12%;bottom:0;height:calc(var(--medal-size) * .12);border-radius:50%;background:radial-gradient(closest-side,var(--m-glow),transparent);filter:blur(2px);animation:rank-medal-floor var(--medal-spin) linear infinite}@keyframes rank-medal-floor{0%,50%,to{transform:scaleX(1);opacity:1}25%,75%{transform:scaleX(.3);opacity:.6}}@media (prefers-reduced-motion:reduce){.rank-medal-coin{animation:none;transform:rotateY(-20deg)}.rank-medal-floor,.rank-medal-sheen{animation:none}}