.rarity-common{border:1px solid #d1d5db;transition:all .3s ease}.rarity-common:hover{border-color:#9ca3af;box-shadow:0 4px 12px rgba(156,163,175,.2);transform:translateY(-2px)}.rarity-rare{border:2px solid transparent;background-image:linear-gradient(var(--card-bg,#fff),var(--card-bg,#fff)),linear-gradient(135deg,#3b82f6,#60a5fa,#93c5fd,#3b82f6);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 12px rgba(59,130,246,.2);position:relative;overflow:hidden;transition:all .3s ease}.rarity-rare:hover{box-shadow:0 0 20px rgba(59,130,246,.4),0 0 40px rgba(59,130,246,.1);transform:translateY(-4px)}@keyframes shimmer-sweep{0%{transform:translateX(-100%) rotate(25deg)}to{transform:translateX(200%) rotate(25deg)}}.rarity-rare:after{content:"";position:absolute;top:-50%;left:-50%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.12),rgba(147,197,253,.18),transparent);animation:shimmer-sweep 2.5s ease-in-out infinite;pointer-events:none;z-index:0}.rarity-epic{border:2px solid transparent;background-image:linear-gradient(var(--card-bg,#fff),var(--card-bg,#fff)),linear-gradient(var(--holo-angle,135deg),#8b5cf6,#a78bfa,#c4b5fd,#ec4899,#8b5cf6);background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 300%;box-shadow:0 0 16px rgba(139,92,246,.25);position:relative;overflow:visible;transition:box-shadow .3s ease,transform .3s ease;animation:epic-border-shift 4s ease-in-out infinite}@keyframes epic-border-shift{0%,to{background-position:0 0,0 50%}50%{background-position:0 0,100% 50%}}.rarity-epic:hover{box-shadow:0 0 28px rgba(139,92,246,.45),0 0 56px rgba(139,92,246,.15);transform:translateY(-4px)}.rarity-epic:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(var(--holo-angle,135deg),transparent 0,rgba(139,92,246,.06) 25%,rgba(236,72,153,.06) 50%,rgba(59,130,246,.06) 75%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.rarity-epic:hover:before{opacity:1}@keyframes epic-pulse{0%,to{box-shadow:0 0 16px rgba(139,92,246,.25),0 0 32px rgba(139,92,246,.08)}50%{box-shadow:0 0 24px rgba(139,92,246,.4),0 0 48px rgba(139,92,246,.12)}}.rarity-epic{animation:epic-pulse 3s ease-in-out infinite,epic-border-shift 4s ease-in-out infinite}.rarity-legendary{border:2px solid transparent;background-image:linear-gradient(var(--card-bg,#fff),var(--card-bg,#fff)),linear-gradient(var(--holo-angle,135deg),#f59e0b,#fbbf24,#fef3c7,#f59e0b,#d97706,#f59e0b);background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,400% 400%;position:relative;overflow:visible;transition:box-shadow .3s ease,transform .3s ease;animation:legendary-glow 3s ease-in-out infinite,legendary-border-shift 5s linear infinite}@keyframes legendary-border-shift{0%{background-position:0 0,0 0}to{background-position:0 0,400% 400%}}@keyframes legendary-glow{0%,to{box-shadow:0 0 20px rgba(245,158,11,.3),0 0 40px rgba(245,158,11,.12),0 0 60px rgba(245,158,11,.05)}50%{box-shadow:0 0 30px rgba(245,158,11,.5),0 0 60px rgba(245,158,11,.2),0 0 90px rgba(245,158,11,.08)}}.rarity-legendary:hover{box-shadow:0 0 40px rgba(245,158,11,.6),0 0 80px rgba(245,158,11,.25),0 0 120px rgba(245,158,11,.1);transform:translateY(-4px) scale(1.02)}.rarity-legendary:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(var(--holo-angle,135deg),transparent 0,rgba(245,158,11,.08) 20%,rgba(251,191,36,.12) 40%,hsla(48,96%,89%,.15) 50%,rgba(245,158,11,.08) 60%,rgba(217,119,6,.06) 80%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.rarity-legendary:hover:before{opacity:1}@keyframes orbit-1{0%{transform:rotate(0deg) translateX(55px) rotate(0deg) scale(1);opacity:.7}25%{opacity:1}50%{transform:rotate(180deg) translateX(55px) rotate(-180deg) scale(1.3);opacity:.7}75%{opacity:.4}to{transform:rotate(1turn) translateX(55px) rotate(-1turn) scale(1);opacity:.7}}@keyframes orbit-2{0%{transform:rotate(120deg) translateX(60px) rotate(-120deg) scale(.8);opacity:.5}50%{transform:rotate(300deg) translateX(60px) rotate(-300deg) scale(1.2);opacity:.9}to{transform:rotate(480deg) translateX(60px) rotate(-480deg) scale(.8);opacity:.5}}@keyframes orbit-3{0%{transform:rotate(240deg) translateX(50px) rotate(-240deg) scale(1.1);opacity:.6}50%{transform:rotate(420deg) translateX(50px) rotate(-420deg) scale(.7);opacity:1}to{transform:rotate(600deg) translateX(50px) rotate(-600deg) scale(1.1);opacity:.6}}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:.8}to{transform:translateY(-60px) scale(.3);opacity:0}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}}.particle-orbit{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;pointer-events:none;z-index:20}.particle-orbit:first-child{background:#fbbf24;animation:orbit-1 4s linear infinite;box-shadow:0 0 6px #fbbf24}.particle-orbit:nth-child(2){background:#fef3c7;width:3px;height:3px;animation:orbit-2 5s linear infinite;box-shadow:0 0 4px #fef3c7}.particle-orbit:nth-child(3){background:#f59e0b;width:4px;height:4px;animation:orbit-3 6s linear infinite;box-shadow:0 0 5px #f59e0b}.particle-float{position:absolute;border-radius:50%;pointer-events:none;z-index:20}.particle-float:nth-child(4){width:3px;height:3px;background:#fbbf24;left:15%;bottom:10%;animation:float-up 3s ease-out infinite;box-shadow:0 0 4px #fbbf24}.particle-float:nth-child(5){width:4px;height:4px;background:#fef3c7;right:20%;bottom:5%;animation:float-up 3.5s ease-out .8s infinite;box-shadow:0 0 5px #fef3c7}.particle-float:nth-child(6){width:2px;height:2px;background:#f59e0b;left:40%;bottom:15%;animation:float-up 2.8s ease-out 1.5s infinite;box-shadow:0 0 3px #f59e0b}.particle-twinkle{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;pointer-events:none;z-index:20;box-shadow:0 0 4px hsla(0,0%,100%,.8)}.particle-twinkle:nth-child(7){top:8%;right:12%;animation:twinkle 1.5s ease-in-out infinite}.particle-twinkle:nth-child(8){bottom:12%;left:8%;animation:twinkle 2s ease-in-out .5s infinite}.particle-twinkle:nth-child(9){top:45%;right:5%;animation:twinkle 1.8s ease-in-out 1s infinite;width:2px;height:2px}.particle-orbit-epic:first-child{width:4px;height:4px;background:#a78bfa;animation:orbit-1 5s linear infinite;box-shadow:0 0 6px #a78bfa}.particle-orbit-epic:first-child,.particle-orbit-epic:nth-child(2){position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none;z-index:20}.particle-orbit-epic:nth-child(2){width:3px;height:3px;background:#c4b5fd;animation:orbit-2 6s linear infinite;box-shadow:0 0 4px #c4b5fd}.particle-float-epic:nth-child(3){position:absolute;width:3px;height:3px;border-radius:50%;background:#8b5cf6;pointer-events:none;z-index:20;left:20%;bottom:8%;animation:float-up 3.2s ease-out .5s infinite;box-shadow:0 0 4px #8b5cf6}.particle-float-epic:nth-child(4){position:absolute;width:2px;height:2px;border-radius:50%;background:#a78bfa;pointer-events:none;z-index:20;right:15%;bottom:12%;animation:float-up 3.8s ease-out 1.2s infinite;box-shadow:0 0 3px #a78bfa}.rarity-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:9999px}.rarity-badge-common{background:#f3f4f6;color:#6b7280}.rarity-badge-rare{background:#dbeafe;color:#2563eb}.rarity-badge-epic{background:#ede9fe;color:#7c3aed}.rarity-badge-legendary{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 0 8px rgba(245,158,11,.3)}.dark .rarity-badge-common{background:#374151;color:#9ca3af}.dark .rarity-badge-rare{background:#1e3a5f;color:#60a5fa}.dark .rarity-badge-epic{background:#2e1065;color:#a78bfa}.dark .rarity-badge-legendary{background:linear-gradient(135deg,#451a03,#78350f);color:#fbbf24}.dark .rarity-common{border-color:#4b5563}.dark .rarity-rare{background-image:linear-gradient(var(--card-bg-dark,#1a1a2e),var(--card-bg-dark,#1a1a2e)),linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa,#2563eb)}.dark .rarity-epic{background-image:linear-gradient(var(--card-bg-dark,#1a1a2e),var(--card-bg-dark,#1a1a2e)),linear-gradient(var(--holo-angle,135deg),#7c3aed,#8b5cf6,#a78bfa,#c026d3,#7c3aed)}.dark .rarity-legendary{background-image:linear-gradient(var(--card-bg-dark,#1a1a2e),var(--card-bg-dark,#1a1a2e)),linear-gradient(var(--holo-angle,135deg),#d97706,#f59e0b,#fbbf24,#d97706)}.purchase-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:50;animation:overlay-flash-in .5s ease-out}@keyframes overlay-flash-in{0%{opacity:0;background:hsla(0,0%,100%,.8)}15%{opacity:1;background:hsla(0,0%,100%,.3)}to{opacity:1;background:rgba(0,0,0,.85)}}@keyframes card-reveal-epic{0%{transform:scale(0) rotate(-10deg);opacity:0;filter:blur(10px)}40%{transform:scale(1.2) rotate(2deg);opacity:1;filter:blur(0)}60%{transform:scale(.95) rotate(-1deg)}80%{transform:scale(1.05) rotate(0deg)}to{transform:scale(1) rotate(0deg);opacity:1}}.purchase-card{animation:card-reveal-epic .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes burst-ring-1{0%{transform:scale(0);opacity:1;border-width:4px}to{transform:scale(4);opacity:0;border-width:1px}}@keyframes burst-ring-2{0%{transform:scale(0);opacity:.8;border-width:3px}to{transform:scale(3.5);opacity:0;border-width:1px}}@keyframes burst-ring-3{0%{transform:scale(0);opacity:.6;border-width:2px}to{transform:scale(5);opacity:0;border-width:1px}}.burst-ring{position:absolute;width:100px;height:100px;border-radius:50%;border:4px solid;pointer-events:none}.burst-ring-1{animation:burst-ring-1 1s ease-out forwards}.burst-ring-2{animation:burst-ring-2 1.2s ease-out .1s forwards;opacity:0}.burst-ring-3{animation:burst-ring-3 1.4s ease-out .2s forwards;opacity:0}@keyframes star-explode{0%{transform:translate(0) scale(1) rotate(0deg);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0) rotate(2turn);opacity:0}}.star-particle{position:absolute;pointer-events:none;animation:star-explode 1.2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes confetti-burst{0%{transform:translate(0) rotate(0deg) scale(1);opacity:1}20%{opacity:1}to{transform:translate(var(--cx),var(--cy)) rotate(var(--cr)) scale(.5);opacity:0}}.confetti-piece{position:absolute;pointer-events:none;animation:confetti-burst 1.8s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes item-glow-pulse{0%,to{box-shadow:0 0 20px var(--glow-color)}50%{box-shadow:0 0 40px var(--glow-color),0 0 60px var(--glow-color)}}.purchase-item-glow{animation:item-glow-pulse 1.5s ease-in-out infinite}@keyframes text-reveal{0%{opacity:0;transform:translateY(20px) scale(.8);letter-spacing:.2em}60%{opacity:1;transform:translateY(-5px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1);letter-spacing:.05em}}.purchase-text{animation:text-reveal .6s ease-out .6s forwards;opacity:0}@keyframes badge-shine{0%{background-position:-200%}to{background-position:200%}}.purchase-badge-legendary{background:linear-gradient(90deg,#d97706,#fbbf24,#fef3c7,#fbbf24,#d97706);background-size:200% auto;-webkit-background-clip:text;background-clip:text}.purchase-badge-epic,.purchase-badge-legendary{-webkit-text-fill-color:transparent;animation:badge-shine 2s linear infinite;font-weight:800;font-size:1rem;text-transform:uppercase}.purchase-badge-epic{background:linear-gradient(90deg,#7c3aed,#a78bfa,#e9d5ff,#a78bfa,#7c3aed);background-size:200% auto;-webkit-background-clip:text;background-clip:text}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-bg{to{--angle:360deg}}@keyframes shine-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.title-base{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.25rem .75rem;font-weight:700;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.title-common{border-width:1px;border-color:hsla(0,0%,63%,.2);background-color:hsla(0,0%,63%,.05);--tw-text-opacity:1;color:rgb(160 160 160/var(--tw-text-opacity,1))}.title-rare{border-width:1px;border-color:rgba(74,144,226,.2);background-color:rgba(74,144,226,.05);--tw-text-opacity:1;color:rgb(74 144 226/var(--tw-text-opacity,1));--tw-shadow:0 0 10px rgba(74,144,226,.2);--tw-shadow-colored:0 0 10px var(--tw-shadow-color)}.title-epic,.title-rare{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.title-epic{border-width:1px;border-color:rgba(155,89,182,.2);background-color:rgba(155,89,182,.05);--tw-text-opacity:1;color:rgb(155 89 182/var(--tw-text-opacity,1));--tw-shadow:0 0 15px rgba(155,89,182,.3);--tw-shadow-colored:0 0 15px var(--tw-shadow-color)}.title-legendary{border-width:1px;border-color:rgba(243,156,18,.3);background-color:rgba(243,156,18,.1);--tw-text-opacity:1;color:rgb(243 156 18/var(--tw-text-opacity,1));background:linear-gradient(90deg,#f39c12,#fff,#f39c12);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine-sweep 3s linear infinite}.title-glitch{animation:title-glitch .2s infinite;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.title-floating span{display:inline-block;animation:title-float-letter 2s ease-in-out infinite}.title-burning{animation:title-fire-glow 2s ease-in-out infinite;font-family:var(--font-lora),Georgia,Cambria,serif;font-style:italic;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.title-wavy{position:relative;display:inline-block;background-clip:text;font-weight:700;color:transparent;background-image:linear-gradient(180deg,#3b82f6,#3b82f6 45%,#60a5fa 50%,#3b82f6 55%,#3b82f6);background-size:200% 200%;animation:title-water-fill 3s ease-in-out infinite;-webkit-background-clip:text}.title-neon{animation:title-neon-pulse 1.5s ease-in-out infinite;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.title-ghost{animation:title-ghost-drift 4s ease-in-out infinite;font-weight:300;font-style:italic;--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.title-shimmer{font-weight:700;--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:title-shimmer-sweep 2s infinite}.title-bounce span{display:inline-block;animation:title-bounce 1s ease-in-out infinite}.title-rainbow{font-weight:700;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e,#3b82f6,#8b5cf6,#ef4444);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:title-rainbow-shift 4s linear infinite}@keyframes title-glitch{0%{text-shadow:2px 0 #ff00c1,-2px 0 #00fff9}50%{text-shadow:-2px 0 #ff00c1,2px 0 #00fff9}}@keyframes title-float-letter{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes title-fire-glow{0%,to{text-shadow:0 0 10px #ef4444}50%{text-shadow:0 0 30px #f59e0b}}@keyframes title-water-fill{0%,to{background-position:0 100%}50%{background-position:100% 80%}}@keyframes title-neon-pulse{0%,to{text-shadow:0 0 20px #4a90e2;color:#fff}50%{text-shadow:0 0 5px #4a90e2;color:#d1e3ff}}@keyframes title-ghost-drift{0%,to{opacity:.4;filter:blur(2px)}50%{opacity:.8;filter:blur(0)}}@keyframes title-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes title-shimmer-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes title-rainbow-shift{0%{background-position:0}to{background-position:300%}}.tier-card{position:relative;border-radius:1.5rem;overflow:hidden;transition:all .3s ease}.tier-common{background:linear-gradient(135deg,#fafafa,#f0f0f0);border:1px solid #d1d5db}.dark .tier-common{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151}.tier-rare{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(59,130,246,.3);box-shadow:0 0 20px rgba(59,130,246,.1)}.dark .tier-rare{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:rgba(59,130,246,.4);box-shadow:0 0 20px rgba(59,130,246,.15)}.tier-epic{background:linear-gradient(135deg,#faf5ff,#ede9fe);border:1px solid rgba(139,92,246,.3);box-shadow:0 0 25px rgba(139,92,246,.15)}.dark .tier-epic{background:linear-gradient(135deg,#1a0a2e,#1e1b4b);border-color:rgba(139,92,246,.4);box-shadow:0 0 25px rgba(139,92,246,.2)}.tier-legendary{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid rgba(245,158,11,.4);box-shadow:0 0 30px rgba(245,158,11,.15);animation:tier-legendary-pulse 3s ease-in-out infinite}.dark .tier-legendary{background:linear-gradient(135deg,#1c1007,#27180a);border-color:rgba(245,158,11,.5);box-shadow:0 0 30px rgba(245,158,11,.2)}@keyframes tier-legendary-pulse{0%,to{box-shadow:0 0 30px rgba(245,158,11,.15)}50%{box-shadow:0 0 45px rgba(245,158,11,.3),0 0 60px rgba(245,158,11,.1)}}.rounded-inherit{border-radius:inherit}.frame-common{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:0 0 0 1px rgba(156,163,175,.3)}.dark .frame-common{background:linear-gradient(135deg,#4b5563,#374151)}.frame-rare{background:conic-gradient(from var(--angle,0deg),#3b82f6,#60a5fa,#93c5fd,#3b82f6);box-shadow:0 0 10px rgba(59,130,246,.3)}.dark .frame-rare,.frame-rare{animation:rotate-bg 4s linear infinite}.dark .frame-rare{background:conic-gradient(from var(--angle,0deg),#2563eb,#3b82f6,#60a5fa,#2563eb);box-shadow:0 0 12px rgba(59,130,246,.35)}.frame-epic{background:conic-gradient(from var(--angle,0deg),#8b5cf6,#a78bfa,#ec4899,#c4b5fd,#8b5cf6)}.dark .frame-epic,.frame-epic{animation:rotate-bg 3s linear infinite,frame-epic-glow 3s ease-in-out infinite}.dark .frame-epic{background:conic-gradient(from var(--angle,0deg),#7c3aed,#8b5cf6,#c026d3,#a78bfa,#7c3aed)}@keyframes frame-epic-glow{0%,to{box-shadow:0 0 14px rgba(139,92,246,.35),0 0 28px rgba(139,92,246,.1)}50%{box-shadow:0 0 22px rgba(139,92,246,.55),0 0 44px rgba(139,92,246,.2)}}.frame-legendary{background:conic-gradient(from var(--angle,0deg),#f59e0b,#fbbf24,#fef3c7,#f59e0b,#d97706,#f59e0b)}.dark .frame-legendary,.frame-legendary{animation:rotate-bg 2.5s linear infinite,frame-legendary-glow 3s ease-in-out infinite}.dark .frame-legendary{background:conic-gradient(from var(--angle,0deg),#d97706,#f59e0b,#fbbf24,#fef3c7,#d97706)}@keyframes frame-legendary-glow{0%,to{box-shadow:0 0 16px rgba(245,158,11,.4),0 0 32px rgba(245,158,11,.15)}50%{box-shadow:0 0 28px rgba(245,158,11,.65),0 0 56px rgba(245,158,11,.3)}}