.art-banner{width:fit-content;min-width:max(4.5rem,var(--banner-peek));clip-path:polygon(0 0,100% 0,calc(100% - .65rem) 100%,0 100%);background:var(--color-moss-400);max-width:100%;min-height:1.75rem;color:var(--color-content-inverse);transition:transform .28s var(--ease-out-quint);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.65rem;padding:.3rem 1.4rem .3rem .75rem;font-size:.6875rem;font-weight:800;line-height:1.2;display:flex;position:relative}.art-banner-label{white-space:nowrap;transition:opacity .14s ease,transform .28s var(--ease-out-quint)}.art-banner-icon{opacity:0;transition:opacity .16s ease,transform .28s var(--ease-out-quint);align-items:center;gap:8px;display:flex;position:absolute;right:1rem;transform:translate(8px)}.art-banner-host:focus-within .art-banner--retract .art-banner-label{opacity:0;transform:translate(-12px)}.art-banner-host:focus-within .art-banner--retract .art-banner-icon{opacity:1;transition-delay:90ms;transform:translate(0)}.art-banner-host:focus-within .art-banner--retract{transform:translateX(calc(-100% + var(--banner-peek)))}.art-banner-host:focus-within .art-banner--dismiss{transform:translate(-100%)}@media (hover:hover) and (pointer:fine){.art-banner-host:hover .art-banner--retract .art-banner-label{opacity:0;transform:translate(-12px)}.art-banner-host:hover .art-banner--retract .art-banner-icon{opacity:1;transition-delay:90ms;transform:translate(0)}.art-banner-host:hover .art-banner--retract{transform:translateX(calc(-100% + var(--banner-peek)))}.art-banner-host:hover .art-banner--dismiss{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.art-banner,.art-banner-icon,.art-banner-label{transition:none!important}}.art-banner--pill{clip-path:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f3f5f1;letter-spacing:.12em;background:#121413cc;border-radius:.3rem;gap:0;min-width:0;min-height:0;margin:0 0 .25rem .5rem;padding:.3rem .55rem;transition:background-color .22s,box-shadow .22s;box-shadow:inset 0 0 0 1px #ffffff26}.art-banner--pill .art-banner-icon{opacity:0;max-width:0;transition:max-width .3s var(--ease-out-quint),margin-left .3s var(--ease-out-quint),opacity .18s ease;margin-left:0;position:static;overflow:hidden;transform:none}.art-banner-host:focus-within .art-banner--pill{background:#2c2f2deb;box-shadow:inset 0 0 0 1px #ffffff4d}.art-banner-host:focus-within .art-banner--pill .art-banner-icon{opacity:1;max-width:7rem;margin-left:.5rem}@media (hover:hover) and (pointer:fine){.art-banner-host:hover .art-banner--pill{background:#2c2f2deb;box-shadow:inset 0 0 0 1px #ffffff4d}.art-banner-host:hover .art-banner--pill .art-banner-icon{opacity:1;max-width:7rem;margin-left:.5rem}}.art-banner--secondary{color:#eef2e9;min-width:0;min-height:1.4rem;font-family:var(--font-sans);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;background:#070908e6;padding-block:.25rem;font-size:.625rem;font-weight:600}.rank-card[data-v-ae2202a3]{--rank-f:5.4rem;--rank-hide:.95rem;--rank-w:calc(var(--rank-f)*.615);--rank-reveal:calc(var(--rank-hide) + .2rem);--rank-pad:calc(var(--rank-w) - var(--rank-hide));padding-left:var(--rank-pad)}.rank-card.is-double[data-v-ae2202a3]{--rank-f:4.5rem;--rank-hide:1.05rem;--rank-w:calc(var(--rank-f)*1.04)}@media (width>=640px){.rank-card[data-v-ae2202a3]{--rank-f:6.9rem;--rank-hide:1.2rem}.rank-card.is-double[data-v-ae2202a3]{--rank-f:5.7rem;--rank-hide:1.3rem}}.rank-number[data-v-ae2202a3]{--rank-fill:var(--color-surface-0,#0a0a0c);left:calc(var(--rank-pad)*-1);font-size:var(--rank-f);font-variant-numeric:tabular-nums}.rank-digit[data-v-ae2202a3]{color:var(--rank-fill);-webkit-text-stroke:1.5px var(--color-carbon-600);paint-order:stroke fill;transition:color .3s}.rank-digit+.rank-digit[data-v-ae2202a3]{margin-left:-.19em}.group\/card:focus-within .rank-number[data-v-ae2202a3],.is-hovered .rank-number[data-v-ae2202a3]{--rank-fill:color-mix(in srgb, var(--color-surface-0,#0a0a0c), var(--color-carbon-700) 25%)}