.rank-medal{border:2px solid #fff5cf;color:#593309;background:linear-gradient(145deg,#b87e21,#fff1a3 24%,#dba830 47%,#fff0a2 66%,#a56a17);box-shadow:0 3px 8px #0004,inset 0 0 0 3px #fff6;text-shadow:0 1px 0 #fff9}.rank-medal[data-metal=silver]{border-color:#e6edf6;color:#253449;background:linear-gradient(145deg,#7f91a6,#f4f9ff 24%,#a9b7c7 47%,#e9f2fc 66%,#6b7c93)}.rank-medal[data-metal=bronze]{border-color:#f8c59e;color:#522611;background:linear-gradient(145deg,#98542e,#f7c393 24%,#c38451 47%,#efb982 66%,#854725)}.rank-medal-surface,.rank-medal-surface canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.rank-medal:after{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid #fff5;box-shadow:inset 0 1px 1px #fff7,inset 0 -1px 2px #0003;pointer-events:none}.fusion-art-background{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,var(--fusion-art-light),color-mix(in srgb,var(--fusion-art-accent) 60%,white) 52%,color-mix(in srgb,var(--fusion-art-dark) 45%,white))}.dark .fusion-art-background{background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--fusion-art-accent) 65%,var(--fusion-art-dark)),var(--fusion-art-dark) 86%)}.fusion-art-background>span{position:absolute;inset:0}.fusion-art-print{opacity:.5;background:repeating-radial-gradient(circle at 50% 45%,transparent 0 42px,#ffffff40 43px,transparent 44px 70px),repeating-conic-gradient(from 3deg at 50% 45%,#ffffff16 0deg 1deg,transparent 1deg 6.43deg);-webkit-mask-image:radial-gradient(ellipse at 50% 45%,transparent 12%,black 65%);mask-image:radial-gradient(ellipse at 50% 45%,transparent 12%,black 65%)}.fusion-art-foil{opacity:.3;background:radial-gradient(circle at 4px 6px,#fff 0 1px,transparent 1.5px) 0 0 /43px 47px,radial-gradient(circle at 13px 19px,#ffffffc0 0 .6px,transparent 1.2px) 0 0 /71px 59px,linear-gradient(115deg,transparent 15%,#a5f3fc80 28%,#f5d0feaa 42%,#fef3c780 55%,#a7f3d080 67%,transparent 82%);background-size:43px 47px,71px 59px,220% 100%;background-position:0 0,0 0,85% 50%;transition:background-position .85s ease,opacity .85s ease}.fusion-art-background[data-finish=reverse] .fusion-art-foil{-webkit-mask-image:radial-gradient(ellipse at 50% 45%,transparent 25%,black 78%);mask-image:radial-gradient(ellipse at 50% 45%,transparent 25%,black 78%)}.fusion-art-background[data-finish=aura] .fusion-art-foil,.fusion-art-background[data-finish=prism] .fusion-art-foil{opacity:.45;background-image:repeating-linear-gradient(125deg,#ffffff30 0 1px,transparent 1px 9px),linear-gradient(115deg,#93c5fd30,#f5d0feaa 28%,#fef3c799 45%,#99f6e4aa 65%,#c4b5fd70);background-size:auto,220% 100%;background-position:0 0,85% 50%}.fusion-art-emblems{opacity:.24;background:linear-gradient(125deg,#fff,#c7e9ff 38%,#fbcfe8 65%,#fff3be);-webkit-mask-image:var(--fusion-art-symbol);mask-image:var(--fusion-art-symbol);-webkit-mask-size:76px 76px;mask-size:76px 76px;-webkit-mask-position:12px 8px;mask-position:12px 8px;transform:rotate(-12deg) scale(1.25)}.fusion-art-surface:is(:hover,:focus-within) .fusion-art-foil{background-position:0 0,0 0,15% 50%}.fusion-art-surface:is(:hover,:focus-within) .fusion-art-background:is([data-finish=prism],[data-finish=aura]) .fusion-art-foil{background-position:0 0,15% 50%}@media (prefers-reduced-motion:reduce){.fusion-art-foil{transition:none}.fusion-art-surface:is(:hover,:focus-within) .fusion-art-foil{background-position:0 0,0 0,85% 50%}.fusion-art-surface:is(:hover,:focus-within) .fusion-art-background:is([data-finish=prism],[data-finish=aura]) .fusion-art-foil{background-position:0 0,85% 50%}}