.rank-badge.svelte-tenuej{filter:drop-shadow(0 6px 10px color-mix(in srgb, var(--tone) 35%, transparent));flex-shrink:0;place-items:center;display:inline-grid;position:relative}.gem.svelte-tenuej{clip-path:polygon(50% 0,96% 20%,96% 64%,50% 100%,4% 64%,4% 20%);background:radial-gradient(ellipse at 35% 18%, #ffffff8c, transparent 55%), linear-gradient(170deg, color-mix(in srgb, var(--tone) 80%, white), var(--tone) 45%, color-mix(in srgb, var(--tone) 55%, var(--color-void)));place-items:center;width:86%;height:92%;display:grid;position:relative;overflow:hidden}.facet.svelte-tenuej{clip-path:polygon(50% 0,96% 20%,96% 64%,50% 100%,4% 64%,4% 20%);background:linear-gradient(170deg, color-mix(in srgb, var(--tone) 40%, var(--color-void)), color-mix(in srgb, var(--tone) 70%, var(--color-void)));opacity:.85;position:absolute;inset:7%}.gem.svelte-tenuej .rank-piece{filter:drop-shadow(0 2px 2px #00000073);width:58%;height:58%;margin-top:-6%;position:relative}.gem.svelte-tenuej .crown{width:52%;height:52%}.unranked.svelte-tenuej .gem:where(.svelte-tenuej){background:color-mix(in srgb, var(--color-stone-2) 60%, transparent)}.unranked.svelte-tenuej .facet:where(.svelte-tenuej){background:var(--color-crypt);opacity:1}.gem.svelte-tenuej .ghost{opacity:.35;filter:grayscale()}.pips.svelte-tenuej{gap:2px;display:flex;position:absolute;bottom:-2%;left:50%;translate:-50%}.pips.svelte-tenuej i:where(.svelte-tenuej){border:1px solid color-mix(in srgb, var(--tone) 40%, var(--color-void));background:color-mix(in srgb, var(--tone) 70%, white);width:7px;height:7px;box-shadow:0 0 4px color-mix(in srgb, var(--tone) 60%, transparent);display:block;rotate:45deg}.pips.svelte-tenuej i.star:where(.svelte-tenuej){background:var(--color-gold);border-radius:1px}.sweep.svelte-tenuej{background:linear-gradient(105deg,#0000 38%,#ffffffb3 50%,#0000 62%);animation:1.6s ease-in-out .4s 2 both svelte-tenuej-sweep;position:absolute;inset:-20% -60%;translate:-70%}@keyframes svelte-tenuej-sweep{to{translate:70%}}html:not([data-art=vector]) .gem.svelte-tenuej,html:not([data-art=vector]) .facet.svelte-tenuej{clip-path:polygon(25% 0,75% 0,100% 25%,100% 70%,50% 100%,0 70%,0 25%)}html:not([data-art=vector]) .pips.svelte-tenuej i:where(.svelte-tenuej){rotate:none}