.badge-stage{--badge-rx:0deg;--badge-ry:0deg;--badge-rz:0deg;--badge-scale:1;--badge-glare-x:42%;--badge-glare-y:30%;--badge-foil-angle:118deg;--badge-foil-x:50%;--badge-depth:8px;--badge-lift:0px;--badge-shine:.45;--badge-thickness:10px;--badge-accent:#ff9ad533;--badge-accent-hot:#ff4fa342;--badge-foil-a:#ffffff57;--badge-foil-b:#ff9ad538;aspect-ratio:1;perspective:1100px;perspective-origin:50% 42%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;contain:layout style;width:100%;position:relative;overflow:visible}.badge-stage--interactive{cursor:grab;outline:none}.badge-stage--interactive:active,.badge-stage--dragging{cursor:grabbing}.badge-stage--showcase.badge-stage--interactive{touch-action:none}.badge-stage--interactive:focus-visible{border-radius:1.1rem;box-shadow:0 0 0 2px #ff9ad58c,0 0 0 5px #ff4fa32e}.badge-stage--showcase{--badge-thickness:14px;perspective:1280px}.badge-stage--common{--badge-accent:#94a3b829;--badge-accent-hot:#cbd5e12e;--badge-foil-b:#e2e8f02e}.badge-stage--uncommon{--badge-accent:#a5b4fc33;--badge-accent-hot:#818cf83d;--badge-foil-b:#a5b4fc38}.badge-stage--rare{--badge-accent:#f0abfc38;--badge-accent-hot:#e879f942;--badge-foil-b:#f0abfc3d}.badge-stage--epic{--badge-accent:#c4b5fd3d;--badge-accent-hot:#a78bfa47;--badge-foil-b:#c4b5fd42}.badge-stage--legendary{--badge-accent:#ff9ad547;--badge-accent-hot:#ff4fa35c;--badge-foil-a:#fff6;--badge-foil-b:#ff4fa34d}.badge-stage--custom{--badge-accent:color-mix(in srgb, var(--tier-accent,#94a3b8) 28%, transparent);--badge-accent-hot:color-mix(in srgb, var(--tier-accent,#94a3b8) 36%, transparent);--badge-foil-a:#ffffff59;--badge-foil-b:color-mix(in srgb, var(--tier-accent,#94a3b8) 30%, transparent)}.badge-stage__scene{transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0;overflow:visible}.badge-stage--hot,.badge-stage--driven,.badge-stage--dragging,.badge-stage--inspecting{z-index:5}.badge-stage__plate{z-index:2;background:radial-gradient(circle at var(--badge-glare-x) var(--badge-glare-y), var(--badge-accent), transparent 58%), linear-gradient(165deg, #2a1b56 0%, #140c2e 52%, #090616 100%);width:100%;height:100%;transform:translate3d(0, 0, var(--badge-lift)) rotateX(var(--badge-rx)) rotateY(var(--badge-ry)) rotateZ(var(--badge-rz)) scale3d(var(--badge-scale), var(--badge-scale), 1);transform-style:preserve-3d;will-change:auto;backface-visibility:hidden;border:1px solid #ffffff24;border-radius:.95rem;transition:box-shadow .16s;position:relative;box-shadow:inset 0 1px #ffffff29,inset 0 -14px 30px #00000057,0 0 0 1px #ffffff0a}.badge-stage--hot .badge-stage__plate,.badge-stage--showcase .badge-stage__plate{will-change:transform}.badge-stage:focus-within .badge-stage__plate,.badge-stage--inspecting .badge-stage__plate{box-shadow:inset 0 1px 0 #ffffff2e, inset 0 -14px 30px #00000057, 0 12px 24px #07061a52, 0 0 14px color-mix(in srgb, var(--badge-accent-hot) 24%, transparent)}@media (hover:hover) and (pointer:fine){.badge-stage:hover .badge-stage__plate{box-shadow:inset 0 1px 0 #ffffff2e, inset 0 -14px 30px #00000057, 0 12px 24px #07061a52, 0 0 14px color-mix(in srgb, var(--badge-accent-hot) 24%, transparent)}.badge-stage--showcase.badge-stage--interactive:active:not(.badge-stage--dragging) .badge-stage__plate{box-shadow:inset 0 1px 0 #ffffff29, inset 0 -12px 22px #0000004d, 0 8px 18px #07061a4d, 0 0 10px color-mix(in srgb, var(--badge-accent-hot) 18%, transparent)}}.badge-stage--dragging .badge-stage__plate{box-shadow:inset 0 1px 0 #ffffff38, inset 0 -16px 34px #00000061, 0 18px 36px #07061a6b, 0 0 28px color-mix(in srgb, var(--badge-accent-hot) 42%, transparent);transition:none}.badge-stage--inspecting{--badge-thickness:14px}.badge-stage--inspecting:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--badge-accent-hot) 16%, transparent), transparent 72%);opacity:.45;border-radius:1.4rem;position:absolute;inset:-3%}.badge-stage--legendary .badge-stage__plate{border-color:#ff9ad54d}.badge-stage__edge{pointer-events:none;transform-style:preserve-3d;background:linear-gradient(#3a2768 0%,#1a1038 55%,#0b0718 100%);position:absolute;box-shadow:inset 0 0 0 1px #ffffff0d}.badge-stage__edge--left{width:var(--badge-thickness);transform-origin:0;border-radius:4px;top:2%;bottom:2%;left:0;transform:translate(1px)rotateY(90deg)}.badge-stage__edge--right{width:var(--badge-thickness);transform-origin:100%;background:linear-gradient(#4a2f7a 0%,#211445 55%,#0d081c 100%);border-radius:4px;top:2%;bottom:2%;right:0;transform:translate(-1px)rotateY(-90deg)}.badge-stage__edge--bottom{height:var(--badge-thickness);transform-origin:bottom;background:linear-gradient(90deg,#1a1038 0%,#2c1b52 50%,#120a28 100%);border-radius:4px;bottom:0;left:3%;right:3%;transform:translateY(-1px)rotateX(90deg)}.badge-stage__back{pointer-events:none;transform:translateZ(calc(var(--badge-thickness) * -1));background:radial-gradient(circle at 50% 40%,#ff9ad514,#0000 60%),linear-gradient(160deg,#1a1238 0%,#0a0618 100%);border:1px solid #ffffff0f;border-radius:.85rem;position:absolute;inset:2px;box-shadow:inset 0 0 24px #00000073}.badge-stage__rim{pointer-events:none;z-index:1;background:radial-gradient(circle at var(--badge-glare-x) var(--badge-glare-y), color-mix(in srgb, var(--badge-accent-hot) 35%, transparent), transparent 55%);border:1px solid #ffffff1a;border-radius:.78rem;position:absolute;inset:.22rem;transform:translateZ(1px);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 10px 22px #ffffff0a,inset 0 -16px 28px #00000047}.badge-stage__art{z-index:2;filter:drop-shadow(0 10px 16px #07061a6b);isolation:isolate;border-radius:.7rem;justify-content:center;align-items:center;display:flex;position:absolute;inset:.45rem;overflow:hidden;transform:translateZ(22px)}.badge-stage--lite .badge-stage__sheen{display:none}.badge-stage--lite .badge-stage__art{filter:none}.badge-stage--lite .badge-stage__specular,.badge-stage--lite .badge-stage__foil{mix-blend-mode:normal}.badge-stage--lite .badge-stage__specular{opacity:calc(.28 + var(--badge-shine) * .22)}.badge-stage--lite .badge-stage__foil{opacity:calc(.22 + var(--badge-shine) * .18)}.badge-stage--lite .badge-stage__shadow{filter:none;opacity:.62;background:radial-gradient(#07061a80 0%,#0000 72%)}.badge-stage--lite.badge-stage--card .badge-stage__edge,.badge-stage--lite.badge-stage--card .badge-stage__back{display:none}@media (pointer:coarse){.badge-stage--card .badge-stage__edge,.badge-stage--card .badge-stage__back,.badge-stage--card .badge-stage__sheen{display:none}.badge-stage--card .badge-stage__art{filter:none}}.badge-stage--showcase .badge-stage__art{transform:translateZ(28px)}.badge-stage__art>:first-child{z-index:1;width:100%;height:100%;position:relative}.badge-stage__art img,.badge-stage__art svg{object-fit:contain;width:100%;max-width:none;height:100%}.badge-stage__specular{pointer-events:none;z-index:2;background:radial-gradient(circle at var(--badge-glare-x) var(--badge-glare-y), #ffffff8c 0%, #ffffff24 24%, transparent 58%);opacity:calc(.42 + var(--badge-shine) * .35);mix-blend-mode:soft-light;border-radius:42%;position:absolute;inset:6%}.badge-stage__foil{pointer-events:none;z-index:3;background:linear-gradient(var(--badge-foil-angle), transparent 40%, var(--badge-foil-a) 48.5%, var(--badge-foil-b) 51.5%, transparent 60%);background-position:var(--badge-foil-x) center;opacity:calc(.34 + var(--badge-shine) * .28);mix-blend-mode:soft-light;position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(72% 78%,#000 42%,#0000 78%);mask-image:radial-gradient(72% 78%,#000 42%,#0000 78%)}.badge-stage__sheen{pointer-events:none;z-index:4;background:linear-gradient(calc(var(--badge-foil-angle) + 90deg), transparent 46%, #c4b5fd2e 50%, transparent 54%);opacity:calc(.2 + var(--badge-shine) * .25);mix-blend-mode:screen;position:absolute;inset:-12%;-webkit-mask-image:radial-gradient(68% 74% at 50% 48%,#000 38%,#0000 76%);mask-image:radial-gradient(68% 74% at 50% 48%,#000 38%,#0000 76%)}.badge-stage--legendary .badge-stage__foil{opacity:calc(.48 + var(--badge-shine) * .3)}.badge-stage__shadow{height:18%;transform:translateY(var(--badge-depth)) scale(1.04);filter:blur(7px);z-index:1;opacity:.85;background:radial-gradient(#07061a94 0%,#0000 74%);border-radius:50%;position:absolute;bottom:3%;left:12%;right:12%}.badge-stage--showcase .badge-stage__shadow{opacity:.92;height:20%}@media (hover:hover) and (pointer:fine){.badge-stage--showcase.badge-stage--interactive:active:not(.badge-stage--dragging) .badge-stage__foil{opacity:calc(.3 + var(--badge-shine) * .1)}.badge-stage--showcase.badge-stage--interactive:active:not(.badge-stage--dragging) .badge-stage__specular{opacity:calc(.34 + var(--badge-shine) * .1)}}.badge-stage.badge-stage--dragging:not(.badge-stage--lite) .badge-stage__foil{opacity:calc(.5 + var(--badge-shine) * .38)}.badge-stage.badge-stage--dragging:not(.badge-stage--lite) .badge-stage__specular{opacity:calc(.58 + var(--badge-shine) * .32)}.badge-stage.badge-stage--dragging:not(.badge-stage--lite) .badge-stage__sheen{opacity:calc(.34 + var(--badge-shine) * .36)}.badge-stage.badge-stage--dragging:not(.badge-stage--lite) .badge-stage__shadow{opacity:1;filter:blur(7px)}.badge-stage__hint{z-index:3;color:#ff9ad5d9;text-shadow:0 1px 6px #07061a99;opacity:.9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140c2eb8;border:1px solid #ff9ad547;border-radius:999px;justify-content:center;align-items:center;min-width:1.75rem;min-height:1.75rem;font-size:.65rem;animation:1.8s ease-in-out infinite badge-hint-pulse;display:inline-flex;position:absolute;bottom:.4rem;right:.45rem}@keyframes badge-hint-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.badge-stage--static .badge-stage__plate{will-change:auto;transform:none}.badge-stage--static .badge-stage__edge,.badge-stage--static .badge-stage__back{display:none}.badge-stage--static .badge-stage__shadow{transform:none}.badge-stage--static .badge-stage__hint,.badge-stage--static:after{display:none}.badge-stage--static .badge-stage__foil,.badge-stage--static .badge-stage__sheen{opacity:.2}.badge-stage--static .badge-stage__specular{opacity:.3}.badge-stage--static.badge-stage--interactive{cursor:default}@media (prefers-reduced-motion:reduce){.badge-stage__plate,.badge-stage__shadow,.badge-stage__edge,.badge-stage__back{transition:none!important;animation:none!important;transform:none!important}.badge-stage__edge,.badge-stage__back{display:none}.badge-stage__hint,.badge-stage--inspecting:after{display:none;animation:none!important}}