.wrap.svelte-102viyt{position:relative;width:100%}.wrap.full.svelte-102viyt{max-width:272px}.card.svelte-102viyt{position:relative;aspect-ratio:5 / 7;border-radius:16px;padding:2px;overflow:hidden;isolation:isolate;color:#f4efe6;--c1: #8a5a2b;--c2: #e0b183;--glow: rgba(224, 177, 131, .28)}.card.silver.svelte-102viyt{--c1: #6f7a87;--c2: #e4ebf3;--glow: rgba(228, 235, 243, .26)}.card.gold.svelte-102viyt{--c1: #a8761c;--c2: #ffe08a;--glow: rgba(255, 224, 138, .3)}.card.elite.svelte-102viyt{--c1: #2a5fa8;--c2: #a8d8ff;--glow: rgba(168, 216, 255, .34)}.card.legend.svelte-102viyt{--c1: #6d2bb5;--c2: #ffb0e6;--glow: rgba(255, 176, 230, .38)}.card.mythic.svelte-102viyt{--c1: #b32742;--c2: #ffd36e;--glow: rgba(255, 211, 110, .42)}.card.full.svelte-102viyt,.card.mini.svelte-102viyt{width:100%}.card.elite.svelte-102viyt,.card.legend.svelte-102viyt,.card.mythic.svelte-102viyt{box-shadow:0 10px 30px -12px var(--glow)}.rim.svelte-102viyt{position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(145deg,var(--c1),var(--c2) 42%,var(--c1) 78%,var(--c2))}.card.elite.svelte-102viyt .rim:where(.svelte-102viyt),.card.legend.svelte-102viyt .rim:where(.svelte-102viyt),.card.mythic.svelte-102viyt .rim:where(.svelte-102viyt){background:conic-gradient(from var(--angle, 0deg),var(--c1),var(--c2),var(--c1),var(--c2),var(--c1))}.card.animated.elite.svelte-102viyt .rim:where(.svelte-102viyt){animation:svelte-102viyt-card-spin 11s linear infinite}.card.animated.legend.svelte-102viyt .rim:where(.svelte-102viyt){animation:svelte-102viyt-card-spin 8s linear infinite}.card.animated.mythic.svelte-102viyt .rim:where(.svelte-102viyt){animation:svelte-102viyt-card-spin 5.5s linear infinite}.face.svelte-102viyt{position:absolute;inset:2px;z-index:3;border-radius:14px;pointer-events:none;opacity:0}.card.silver.svelte-102viyt .face:where(.svelte-102viyt),.card.gold.svelte-102viyt .face:where(.svelte-102viyt),.card.elite.svelte-102viyt .face:where(.svelte-102viyt),.card.legend.svelte-102viyt .face:where(.svelte-102viyt),.card.mythic.svelte-102viyt .face:where(.svelte-102viyt){opacity:1;background:linear-gradient(150deg,rgba(255,255,255,.1) 0%,transparent 34%,transparent 66%,rgba(255,255,255,.05) 100%)}.holo.svelte-102viyt{position:absolute;inset:2px;z-index:4;border-radius:14px;pointer-events:none;opacity:0;background-repeat:no-repeat;background-size:300% 100%}.card.gold.svelte-102viyt .holo:where(.svelte-102viyt),.card.elite.svelte-102viyt .holo:where(.svelte-102viyt){opacity:.55;background-image:linear-gradient(104deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%)}.card.legend.svelte-102viyt .holo:where(.svelte-102viyt),.card.mythic.svelte-102viyt .holo:where(.svelte-102viyt){opacity:.5;mix-blend-mode:screen;background-image:linear-gradient(104deg,transparent 30%,rgba(120,220,255,.6) 43%,rgba(255,255,255,.75) 50%,rgba(255,170,240,.6) 57%,transparent 70%)}.card.animated.gold.svelte-102viyt .holo:where(.svelte-102viyt){animation:svelte-102viyt-card-sweep 7s ease-in-out infinite}.card.animated.elite.svelte-102viyt .holo:where(.svelte-102viyt){animation:svelte-102viyt-card-sweep 6s ease-in-out infinite}.card.animated.legend.svelte-102viyt .holo:where(.svelte-102viyt){animation:svelte-102viyt-card-sweep 5s ease-in-out infinite}.card.animated.mythic.svelte-102viyt .holo:where(.svelte-102viyt){animation:svelte-102viyt-card-sweep 3.8s ease-in-out infinite}@keyframes svelte-102viyt-card-spin{to{--angle: 360deg}}@keyframes svelte-102viyt-card-sweep{0%{background-position:165% 0}40%{background-position:-65% 0}to{background-position:-65% 0}}@keyframes svelte-102viyt-card-breathe{0%,to{box-shadow:inset 0 0 0 1px #ffffff12,inset 0 26px 46px -30px var(--glow)}50%{box-shadow:inset 0 0 0 1px #ffffff21,inset 0 26px 60px -26px var(--glow)}}@media(prefers-reduced-motion:reduce){.card.svelte-102viyt .rim:where(.svelte-102viyt),.card.svelte-102viyt .holo:where(.svelte-102viyt),.card.svelte-102viyt .inner:where(.svelte-102viyt){animation:none!important}}.inner.svelte-102viyt{position:relative;z-index:2;height:100%;box-sizing:border-box;border-radius:14px;background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--c1) 26%,transparent),transparent 62%),linear-gradient(172deg,#14171f,#0b0d12 62%,#090a0e);box-shadow:inset 0 0 0 1px #ffffff12,inset 0 26px 46px -30px var(--glow);padding:13px 13px 12px;display:grid;grid-template-rows:1fr auto auto;gap:8px}.card.animated.legend.svelte-102viyt .inner:where(.svelte-102viyt),.card.animated.mythic.svelte-102viyt .inner:where(.svelte-102viyt){animation:svelte-102viyt-card-breathe 4.5s ease-in-out infinite}.card.mini.svelte-102viyt .inner:where(.svelte-102viyt){padding:12px 12px 11px;gap:7px;border-radius:13px}.top.svelte-102viyt{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:8px;min-height:0}.rating.svelte-102viyt{display:grid;justify-items:start;line-height:1}.ovr.svelte-102viyt{font-size:38px;font-weight:800;letter-spacing:-.045em;color:var(--c2);font-variant-numeric:tabular-nums}.card.mini.svelte-102viyt .ovr:where(.svelte-102viyt){font-size:34px}.tier-label.svelte-102viyt{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--c2);opacity:.85;margin-top:4px}.rare-label.svelte-102viyt{font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#cfd8e3;opacity:.7;margin-top:3px}.lvl.svelte-102viyt{font-size:8.5px;letter-spacing:.12em;color:#8a95a3;margin-top:6px;white-space:nowrap}.card.mini.svelte-102viyt .rare-label:where(.svelte-102viyt),.card.mini.svelte-102viyt .lvl:where(.svelte-102viyt){margin-top:2px}.portrait.svelte-102viyt{justify-self:end;align-self:start;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-size:28px;font-weight:700;color:#fff;box-shadow:0 0 0 2px #ffffff1f,0 6px 18px -8px #000}.card.mini.svelte-102viyt .portrait:where(.svelte-102viyt){width:66px;height:66px;font-size:25px}.portrait.svelte-102viyt img:where(.svelte-102viyt){width:100%;height:100%;object-fit:cover}.name-band.svelte-102viyt{display:grid;gap:2px;text-align:center;padding:7px 4px 8px;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.pname.svelte-102viyt{font-size:16px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.mini.svelte-102viyt .pname:where(.svelte-102viyt){font-size:15px}.ptitle.svelte-102viyt{font-size:10px;color:#98a3b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attrs.svelte-102viyt{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}.card.mini.svelte-102viyt .attrs:where(.svelte-102viyt){gap:5px 10px}.legend.svelte-102viyt{position:absolute;right:-7px;bottom:-7px;z-index:7}.legend-btn.svelte-102viyt{width:15px;height:15px;padding:0;border-radius:50%;cursor:help;border:1px solid rgba(255,255,255,.22);background:#ffffff0d;color:#96a1af;font-size:9.5px;font-weight:700;line-height:1;display:grid;place-items:center}.legend-btn.svelte-102viyt:hover,.legend.svelte-102viyt:focus-within .legend-btn:where(.svelte-102viyt){color:var(--c2);border-color:color-mix(in srgb,var(--c2) 55%,transparent)}.legend-pop.svelte-102viyt{position:absolute;inset:calc(100% + 10px) auto auto 0;z-index:8;width:max(100%,216px);box-sizing:border-box;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#080a0ef7;box-shadow:0 10px 26px -10px #000;display:grid;gap:5px;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .12s ease,transform .12s ease,visibility .12s}.legend.svelte-102viyt:hover~.legend-pop:where(.svelte-102viyt),.legend.svelte-102viyt:focus-within~.legend-pop:where(.svelte-102viyt),.legend-pop.svelte-102viyt:hover{opacity:1;visibility:visible;transform:none}.legend-pop.svelte-102viyt p:where(.svelte-102viyt){margin:0;font-size:9.5px;line-height:1.35;color:#9aa6b4}.legend-pop.svelte-102viyt b:where(.svelte-102viyt){color:var(--c2);font-size:9px;letter-spacing:.1em;margin-right:3px}.attr.svelte-102viyt{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:6px}.a-val.svelte-102viyt{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.card.mini.svelte-102viyt .a-val:where(.svelte-102viyt){font-size:14px}.a-key.svelte-102viyt{font-size:9px;letter-spacing:.12em;color:#8a95a3}.a-bar.svelte-102viyt{grid-column:1 / -1;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--c2) var(--w),rgba(255,255,255,.08) var(--w))}.card.mini.svelte-102viyt .a-bar:where(.svelte-102viyt){height:1.5px}