.rarity-frame{border-radius:20px;position:relative;display:flex;flex-direction:column;will-change:transform;transform-style:preserve-3d;transition:box-shadow .3s ease;cursor:default}.rarity-frame--pressed{transform:scale(.965)!important;transition:transform .08s ease!important}.rarity-frame--tap-flash:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:tapFlash .38s ease-out forwards;z-index:30}.rarity-frame-epic.rarity-frame--tap-flash:after{background:radial-gradient(circle at 50% 45%,rgba(192,132,252,.3) 0,transparent 68%)}.rarity-frame-legendary.rarity-frame--tap-flash:after{background:radial-gradient(circle at 50% 45%,rgba(255,230,120,.35) 0,transparent 68%)}@keyframes tapFlash{0%{opacity:1}to{opacity:0}}.rarity-frame-common{padding:2px;background:linear-gradient(135deg,#374151,#6b7280,#9ca3af,#6b7280,#374151);box-shadow:0 4px 20px rgba(0,0,0,.6),0 0 8px rgba(156,163,175,.08)}.rarity-frame-common:hover{box-shadow:0 10px 32px rgba(0,0,0,.7),0 0 16px rgba(156,163,175,.18)}.rarity-frame-uncommon{padding:3px;background:linear-gradient(135deg,#14532d,#22c55e,#16a34a,#4ade80,#16a34a,#22c55e,#14532d);box-shadow:0 4px 20px rgba(0,0,0,.6),0 0 14px rgba(34,197,94,.18)}.rarity-frame-uncommon:hover{box-shadow:0 12px 38px rgba(0,0,0,.72),0 0 32px rgba(34,197,94,.35)}.rarity-frame-rare{padding:3px;background:linear-gradient(135deg,#1e3a5f,#3b82f6,#1d4ed8,#60a5fa,#2563eb,#3b82f6,#1e3a5f);box-shadow:0 4px 22px rgba(0,0,0,.62),0 0 20px rgba(96,165,250,.22);animation:rareFramePulse 3.5s ease-in-out infinite}.rarity-frame-rare:hover{box-shadow:0 14px 44px rgba(0,0,0,.74),0 0 44px rgba(96,165,250,.45),0 0 14px rgba(96,165,250,.22);animation:none}@keyframes rareFramePulse{0%,to{box-shadow:0 4px 22px rgba(0,0,0,.62),0 0 14px rgba(96,165,250,.14)}50%{box-shadow:0 4px 22px rgba(0,0,0,.62),0 0 34px rgba(96,165,250,.36)}}.rarity-frame-epic{padding:4px;background:linear-gradient(135deg,#3b0764,#9333ea,#6d28d9,#c084fc,#7c3aed,#9333ea,#3b0764);box-shadow:0 4px 26px rgba(0,0,0,.65),0 0 28px rgba(192,132,252,.24);animation:epicFramePulse 2.8s ease-in-out infinite}.rarity-frame-epic:hover{box-shadow:0 16px 52px rgba(0,0,0,.76),0 0 58px rgba(192,132,252,.52),0 0 20px rgba(192,132,252,.28);animation:none}@keyframes epicFramePulse{0%,to{box-shadow:0 4px 26px rgba(0,0,0,.65),0 0 18px rgba(192,132,252,.18)}50%{box-shadow:0 4px 26px rgba(0,0,0,.65),0 0 44px rgba(192,132,252,.42)}}.rarity-frame-legendary{padding:5px;background:linear-gradient(135deg,#78350f,#b45309 8%,#d97706 18%,#fbbf24 28%,#fef08a 38%,#fbbf24 48%,#f59e0b 58%,#d97706 68%,#92400e 78%,#fbbf24 88%,#78350f);box-shadow:0 0 0 1px rgba(251,191,36,.3),0 6px 32px rgba(0,0,0,.8),0 0 42px rgba(251,191,36,.38),0 0 80px rgba(251,191,36,.16),inset 0 0 0 1px rgba(255,245,150,.15);animation:legendaryFramePulse 2.2s ease-in-out infinite}.rarity-frame-legendary:hover{box-shadow:0 0 0 1px rgba(251,191,36,.55),0 20px 64px rgba(0,0,0,.85),0 0 64px rgba(251,191,36,.58),0 0 120px rgba(251,191,36,.26),inset 0 0 0 1px rgba(255,245,150,.25);animation:none}@keyframes legendaryFramePulse{0%,to{box-shadow:0 0 0 1px rgba(251,191,36,.25),0 6px 32px rgba(0,0,0,.8),0 0 30px rgba(251,191,36,.26),0 0 60px rgba(251,191,36,.1)}50%{box-shadow:0 0 0 1px rgba(251,191,36,.5),0 6px 32px rgba(0,0,0,.8),0 0 54px rgba(251,191,36,.52),0 0 100px rgba(251,191,36,.22)}}.rarity-hover-shine{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s ease;z-index:20;border-radius:inherit}.rarity-hover-shine-common,.rarity-hover-shine-uncommon{display:none}.rarity-hover-shine-rare{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(147,197,253,.15) 0,rgba(96,165,250,.06) 40%,transparent 65%)}.rarity-hover-shine-epic{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(245,215,255,.2) 0,rgba(192,132,252,.1) 38%,transparent 65%),linear-gradient(120deg,transparent 30%,rgba(192,132,252,.04) 50%,transparent 70%)}.rarity-hover-shine-legendary{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,248,190,.3) 0,rgba(251,191,36,.14) 36%,transparent 62%),linear-gradient(115deg,transparent 25%,rgba(255,235,130,.06) 50%,transparent 75%)}.rarity-card{border-radius:14px;overflow:hidden;display:flex;flex-direction:column;flex:1;position:relative}.rarity-common{background:linear-gradient(160deg,#1a1e22,#111418);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.rarity-badge-common{background:rgba(156,163,175,.1);border:1px solid rgba(156,163,175,.3);color:#9ca3af}.rarity-stripe-common{background:linear-gradient(90deg,transparent,rgba(156,163,175,.18) 40%,rgba(156,163,175,.35) 50%,rgba(156,163,175,.18) 60%,transparent)}.rarity-overlay-title-common{color:#e5e7eb}.rarity-uncommon{background:linear-gradient(160deg,#0d1f14,#091209)}.rarity-badge-uncommon{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.38);color:#4ade80}.rarity-stripe-uncommon{background:linear-gradient(90deg,transparent,rgba(34,197,94,.18) 40%,rgba(34,197,94,.42) 50%,rgba(34,197,94,.18) 60%,transparent)}.rarity-overlay-title-uncommon{color:#4ade80}.rarity-rare{background:linear-gradient(160deg,#0d1424,#07080f)}.rarity-badge-rare{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.48);color:#60a5fa;text-shadow:0 0 8px rgba(96,165,250,.7)}.rarity-stripe-rare{background:linear-gradient(90deg,transparent,rgba(96,165,250,.2) 35%,rgba(96,165,250,.58) 50%,rgba(96,165,250,.2) 65%,transparent)}.rarity-overlay-title-rare{color:#93c5fd;font-style:italic;text-shadow:0 0 14px rgba(96,165,250,.55)}.rarity-epic{background:linear-gradient(160deg,#150d24,#0a0710)}.rarity-badge-epic{background:rgba(192,132,252,.1);border:1px solid rgba(192,132,252,.52);color:#c084fc;text-shadow:0 0 10px rgba(192,132,252,.8)}.rarity-stripe-epic{background:linear-gradient(90deg,transparent,rgba(192,132,252,.22) 30%,rgba(192,132,252,.68) 50%,rgba(192,132,252,.22) 70%,transparent)}.rarity-overlay-title-epic{color:#e9d5ff;font-style:italic;text-shadow:0 0 18px rgba(192,132,252,.65),0 2px 4px rgba(0,0,0,.9)}.rarity-legendary{background:linear-gradient(160deg,#1f1500,#100b00)}.rarity-badge-legendary{background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.58);color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.9)}.rarity-stripe-legendary{background:linear-gradient(90deg,transparent,rgba(251,191,36,.28) 25%,rgba(251,191,36,.75) 50%,rgba(251,191,36,.28) 75%,transparent);animation:legendaryStripeShine 3s ease-in-out infinite}.rarity-overlay-title-legendary{font-style:italic;font-family:Georgia,Times New Roman,serif;color:#fbbf24;text-shadow:0 0 22px rgba(251,191,36,.9),0 0 44px rgba(251,191,36,.45),0 2px 6px rgba(0,0,0,.95)}@keyframes legendaryStripeShine{0%,to{opacity:.7}50%{opacity:1}}.rarity-image-overlay{position:absolute;bottom:0;left:0;right:0;padding:52px 14px 12px;background:linear-gradient(0deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.65) 45%,rgba(0,0,0,.2) 72%,transparent);text-align:center;pointer-events:none}.rarity-overlay-title{font-size:1.2rem;font-weight:800;line-height:1.2;letter-spacing:.01em}.rarity-overlay-subtitle{font-size:.65rem;color:rgba(255,255,255,.62);margin-top:3px;font-style:italic;letter-spacing:.04em}.rarity-overlay-rare{background:radial-gradient(ellipse at 50% 0,rgba(96,165,250,.13) 0,transparent 68%)}.rarity-overlay-epic,.rarity-overlay-rare{position:absolute;inset:0;pointer-events:none}.rarity-overlay-epic{background:radial-gradient(ellipse at 50% 0,rgba(192,132,252,.15) 0,transparent 65%)}.rarity-overlay-legendary{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0,rgba(251,191,36,.2) 0,transparent 58%),radial-gradient(ellipse at 50% 100%,rgba(251,140,0,.09) 0,transparent 52%)}.rarity-shimmer-epic{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(192,132,252,.06) 40%,rgba(220,180,255,.12) 50%,rgba(192,132,252,.06) 60%,transparent 80%);background-size:200% 100%;animation:epicShimmer 4s linear infinite}@keyframes epicShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rarity-shimmer-legendary{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,rgba(251,191,36,.05) 35%,rgba(255,230,120,.18) 50%,rgba(251,191,36,.05) 65%,transparent 85%);background-size:200% 100%;animation:legendaryShine 3.5s linear infinite}@keyframes legendaryShine{0%{background-position:200% 0}to{background-position:-200% 0}}.rarity-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.rarity-particles .p{position:absolute;border-radius:50%;background:#fbbf24;animation:particleFloat var(--dur,3s) ease-in-out infinite var(--delay,0s);opacity:0}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:.6}80%{opacity:.4}to{opacity:0;transform:translateY(-28px) scale(1.2)}}@media (prefers-reduced-motion:reduce){.rarity-frame--tap-flash:after,.rarity-frame-epic,.rarity-frame-legendary,.rarity-frame-rare,.rarity-particles .p,.rarity-shimmer-epic,.rarity-shimmer-legendary,.rarity-stripe-legendary{animation:none!important}.rarity-frame--pressed{transform:scale(.98)!important}}