.sp-root [data-tier]{--tier:var(--tier-c)}.sp-root [data-tier=S]{--tier:var(--tier-s)}.sp-root [data-tier=A]{--tier:var(--tier-a)}.sp-root [data-tier=B]{--tier:var(--tier-b)}.sp-root [data-tier=C]{--tier:var(--tier-c)}.sp-root [data-tier=D]{--tier:var(--tier-d)}.sp-root [data-tier=F]{--tier:var(--tier-f)}.sp-hero{position:relative;overflow:hidden;border-radius:17px;isolation:isolate}.sp-hero-art{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center 30%;transform:scale(1.06);opacity:0;animation:sp-art-in 1.6s cubic-bezier(.22,.61,.36,1) 80ms forwards}@keyframes sp-art-in{to{opacity:1;transform:scale(1)}}.sp-hero-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,hsl(var(--card)/.97) 0,hsl(var(--card)/.86) 42%,hsl(var(--card)/.35) 100%),linear-gradient(0deg,hsl(var(--card)) 0,hsl(var(--card)/0) 55%)}@media (max-width:767px){.sp-hero-veil{background:linear-gradient(0deg,hsl(var(--card)) 22%,hsl(var(--card)/.82) 60%,hsl(var(--card)/.45) 100%)}}.sp-hero-noart{position:absolute;inset:0;z-index:-2;background:radial-gradient(70% 90% at 85% 10%,rgb(var(--cp-glow)/.16),transparent 70%),linear-gradient(180deg,hsl(var(--card)/.9),hsl(var(--card)/.6))}.sp-display{letter-spacing:-.035em;line-height:.95;background:linear-gradient(100deg,hsl(var(--foreground)) 0,hsl(var(--foreground)) 42%,rgb(var(--cp-glow)) 50%,hsl(var(--foreground)) 58%,hsl(var(--foreground)) 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sp-sweep 2.2s cubic-bezier(.22,.61,.36,1) .5s 1 both}@keyframes sp-sweep{0%{background-position:100% 0}to{background-position:0 0}}.sp-ring-arc{stroke:hsl(var(--tier));stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;stroke-dasharray:var(--len) var(--len);stroke-dashoffset:var(--len);animation:sp-ring 1.5s cubic-bezier(.22,.61,.36,1) .3s forwards;filter:drop-shadow(0 0 10px hsl(var(--tier)/.55))}@keyframes sp-ring{to{stroke-dashoffset:var(--off)}}.sp-ring-track{stroke:hsl(var(--foreground)/.08)}.sp-ring-glow{background:radial-gradient(circle,hsl(var(--tier)/.22),transparent 68%)}.sp-tier-chip,.sp-tier-ink{color:hsl(var(--tier))}.sp-tier-chip{background:hsl(var(--tier)/.12);box-shadow:0 0 0 1px hsl(var(--tier)/.28) inset}.sp-mix{display:flex;height:12px;gap:3px;border-radius:9999px;overflow:hidden}.sp-mix>i{display:block;height:100%;width:var(--w);background:hsl(var(--tier));transform-origin:left center;animation:cp-grow .9s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d,0ms)}.sp-score-bar{position:relative;height:6px;border-radius:9999px;background:hsl(var(--foreground)/.06);overflow:hidden}.sp-score-bar>i{position:absolute;inset:0;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,hsl(var(--tier)/.55),hsl(var(--tier)));transform-origin:left center;animation:cp-grow .9s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d,0ms)}.sp-heat{display:grid;grid-template-columns:2.25rem repeat(24,minmax(0,1fr));gap:3px;clip-path:inset(0 100% 0 0);animation:sp-heat-in 1.1s cubic-bezier(.22,.61,.36,1) .15s forwards}@keyframes sp-heat-in{to{clip-path:inset(0 0 0 0)}}.sp-heat-cell{aspect-ratio:1/1;border-radius:3px;background:rgb(var(--cp-glow)/var(--a,.05));box-shadow:0 0 0 1px hsl(var(--foreground)/.03) inset;transition:transform .14s ease-out,box-shadow .14s ease-out}.sp-heat-cell[data-peak=true]{box-shadow:0 0 0 1px rgb(var(--cp-glow)/.9) inset,0 0 12px rgb(var(--cp-glow)/.5)}@media (hover:hover){.sp-heat-cell:hover{transform:scale(1.35);box-shadow:0 0 0 1px hsl(var(--foreground)/.5) inset;position:relative;z-index:2}}@media (max-width:639px){.sp-heat{gap:2px;grid-template-columns:1.75rem repeat(24,minmax(0,1fr))}.sp-heat-cell{border-radius:2px}}.sp-table-row{transition:background-color .16s ease-out}@media (hover:hover){.sp-table-row:hover{background:hsl(var(--foreground)/.035)}.sp-table-row:hover .sp-thumb{transform:scale(1.06)}}.sp-thumb{transition:transform .26s cubic-bezier(.22,.61,.36,1)}.sp-sort[data-active=true]{color:hsl(var(--foreground))}.sp-catalogue{content-visibility:auto;contain-intrinsic-size:auto 1200px}.sp-gauge-arc{stroke:rgb(var(--cp-glow));stroke-linecap:round;stroke-dasharray:var(--len) var(--len);stroke-dashoffset:var(--len);animation:sp-ring 1.3s cubic-bezier(.22,.61,.36,1) var(--d,.2s) forwards}.sp-col>i{display:block;width:100%;height:var(--h);border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,rgb(var(--cp-glow)),rgb(var(--cp-glow)/.35));transform-origin:bottom center;animation:sp-col .8s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d,0ms)}.sp-col--muted>i{background:linear-gradient(180deg,hsl(var(--foreground)/.55),hsl(var(--foreground)/.15))}@keyframes sp-col{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.sp-col>i,.sp-display,.sp-gauge-arc,.sp-heat,.sp-hero-art,.sp-mix>i,.sp-ring-arc,.sp-score-bar>i{animation:none}.sp-hero-art{opacity:1}.sp-gauge-arc,.sp-ring-arc{stroke-dashoffset:var(--off)}.sp-heat{clip-path:none}.sp-display{background-position:0 0}}