.trader-rank,.rank-card,.rank-step,.rank-next{--rank-ink:var(--foreground)}:is(.trader-rank,.rank-card,.rank-step,.rank-next)[data-rank=new]{--rank-metal:var(--rank-new-metal);--rank-ink:var(--rank-new-ink)}:is(.trader-rank,.rank-card,.rank-step,.rank-next)[data-rank=rising]{--rank-metal:var(--rank-rising-metal);--rank-ink:var(--rank-rising-ink)}:is(.trader-rank,.rank-card,.rank-step,.rank-next)[data-rank=pro]{--rank-metal:var(--rank-pro-metal);--rank-ink:var(--rank-pro-ink)}:is(.trader-rank,.rank-card,.rank-step,.rank-next)[data-rank=expert]{--rank-metal:var(--rank-expert-metal);--rank-ink:var(--rank-expert-ink)}:is(.trader-rank,.rank-card,.rank-step,.rank-next)[data-rank=elite]{--rank-metal:var(--rank-elite-metal);--rank-ink:var(--rank-elite-ink)}:is(.trader-rank,.rank-card,.rank-step,.rank-next)[data-rank=master]{--rank-metal:var(--rank-master-metal);--rank-ink:var(--rank-master-ink)}.trader-rank-name{color:var(--rank-ink)}:root:not(.dark) [data-slot=game-row] .trader-rank:not([data-rank=master]) .trader-rank-name{color:color-mix(in oklab, var(--rank-ink) 82%, black)}:is(.trader-rank,.rank-card)[data-rank=master] .trader-rank-name{background:linear-gradient(100deg, var(--rank-master-ink) 10%, var(--rank-master-ink-end) 90%);color:#0000;-webkit-background-clip:text;background-clip:text}.trader-rank-gem{filter:drop-shadow(0 1px 0 color-mix(in oklab, var(--rank-metal) 45%, transparent))}@media (hover:hover){button.trader-rank:hover .trader-rank-name{text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--rank-ink) 55%, transparent);text-decoration-color:color-mix(in oklab, var(--rank-ink) 55%, transparent);text-underline-offset:3px;text-decoration-thickness:1.5px}}.rank-road{top:calc(var(--spacing) * 4.5 - 2px);background:color-mix(in oklab, var(--foreground) 10%, transparent);border-radius:3.40282e38px;height:4px;position:absolute;inset-inline:8.33333%}.rank-road:after{content:"";border-radius:inherit;background:linear-gradient(to right, var(--rank-new-ink) 0 20%, var(--rank-rising-ink) 20% 40%, var(--rank-pro-ink) 40% 60%, var(--rank-expert-ink) 60% 80%, var(--rank-elite-ink) 80% 100%);clip-path:inset(0 calc((1 - var(--rank-reach,0)) * 100%) 0 0 round 999px);position:absolute;inset:0}.rank-road:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{transform:scaleX(-1)}.rank-stop{background:var(--popover);box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--foreground) 12%, transparent)}.rank-step[data-reached] .rank-stop{box-shadow:inset 0 0 0 2px var(--rank-ink)}.rank-step[data-next] .rank-stop{box-shadow:none;border:2px dashed color-mix(in oklab, var(--rank-ink) 70%, transparent)}.rank-step[aria-current=true] .rank-stop{background:color-mix(in oklab, var(--rank-ink) 14%, var(--popover));box-shadow:inset 0 0 0 2px var(--rank-ink), 0 0 0 3px color-mix(in oklab, var(--rank-ink) 22%, transparent)}.rank-step-name{color:var(--muted-foreground);font-weight:500}.rank-step[data-reached] .rank-step-name{color:var(--rank-ink);font-weight:600}.rank-step[aria-current=true] .rank-step-name{font-weight:800}.rank-step:not([data-reached]) .rank-step-art{filter:grayscale();opacity:.45}.rank-next{background:color-mix(in oklab, var(--rank-ink) 10%, transparent);color:var(--foreground)}.rank-way{color:var(--rank-ink);background:color-mix(in oklab, var(--rank-ink) 12%, transparent)}.trader-rank-glint{opacity:0;transform:translate(-12px)}@media (prefers-reduced-motion:no-preference){button.trader-rank .trader-rank-gem{transition:transform .16s cubic-bezier(.2,.8,.2,1)}button.trader-rank:hover .trader-rank-gem{transform:translateY(-1px)scale(1.08)}button.trader-rank:active .trader-rank-gem{transform:scale(.94)}.trader-rank:hover .trader-rank-glint,.trader-rank:focus-visible .trader-rank-glint{animation:.7s ease-out rank-glint-pass}.trader-rank[data-shines] .trader-rank-glint{animation:rank-glint-now-and-then 7s ease-in-out var(--glint-delay,0s) infinite}}@keyframes rank-glint-pass{0%{opacity:1;transform:translate(-12px)}to{opacity:1;transform:translate(92px)}}@keyframes rank-glint-now-and-then{0%{opacity:1;transform:translate(-12px)}12%{opacity:1;transform:translate(92px)}12.01%,to{opacity:0;transform:translate(92px)}}:root[data-lite] .trader-rank-gem{filter:none}