.rarity-item{transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.rarity-item:hover{transform:translateY(-2px) scale(1.02)}.rarity-common{border:1px solid #9ca3af;border-radius:6px}.rarity-uncommon{border:1px solid #10b981;border-radius:6px;box-shadow:0 0 8px rgba(16,185,129,.3);position:relative}.rarity-uncommon:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 12px rgba(16,185,129,.6);opacity:0;animation:pulse-opacity 3s ease-in-out infinite;pointer-events:none;z-index:-1}.rarity-rare{border:1px solid #3b82f6;border-radius:7px;background:linear-gradient(45deg,rgba(59,130,246,.1),rgba(59,130,246,.2));box-shadow:0 0 12px rgba(59,130,246,.4);position:relative;overflow:hidden}.rarity-rare:before{top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-20deg);animation:shimmer-slide 3s infinite}.rarity-rare:after,.rarity-rare:before{content:"";position:absolute;pointer-events:none}.rarity-rare:after{inset:0;border-radius:inherit;box-shadow:0 0 16px rgba(59,130,246,.6);opacity:0;animation:pulse-opacity 2.5s ease-in-out infinite;z-index:-1}.rarity-epic{border:1px solid #8b5cf6;border-radius:7px;background:linear-gradient(45deg,rgba(139,92,246,.15),rgba(139,92,246,.25));box-shadow:0 0 15px rgba(139,92,246,.5);position:relative;overflow:hidden}.rarity-epic:after{inset:0;border-radius:inherit;box-shadow:0 0 25px rgba(139,92,246,.7);opacity:0;animation:pulse-opacity 2s ease-in-out infinite;z-index:-1}.rarity-epic:after,.rarity-epic:before{content:"";position:absolute;pointer-events:none}.rarity-epic:before{top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(139,92,246,.2),transparent);animation:rotate-sweep 4s linear infinite}.rarity-legendary{border:2px solid #f59e0b;border-radius:8px;background:linear-gradient(45deg,rgba(245,158,11,.2),rgba(239,68,68,.2));box-shadow:0 0 20px rgba(245,158,11,.6);position:relative;overflow:hidden}.rarity-legendary:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 30px rgba(245,158,11,.8);opacity:0;animation:pulse-opacity 1.5s ease-in-out infinite;pointer-events:none;z-index:-1}.rarity-legendary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer-slide 2s linear infinite;pointer-events:none}.rarity-mythical{border:2px solid #ec4899;border-radius:8px;background:linear-gradient(45deg,rgba(236,72,153,.2),rgba(139,92,246,.2));box-shadow:0 0 25px rgba(236,72,153,.7);position:relative;overflow:hidden}.rarity-mythical:after{inset:0;border-radius:inherit;box-shadow:0 0 40px rgba(236,72,153,.9);opacity:0;animation:pulse-opacity 1.2s ease-in-out infinite;z-index:-1}.rarity-mythical:after,.rarity-mythical:before{content:"";position:absolute;pointer-events:none}.rarity-mythical:before{top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(236,72,153,.2) 0,transparent 70%);animation:rotate-sweep 5s linear infinite}.rarity-divine{border:3px solid #fcd34d;border-radius:10px;background:radial-gradient(circle at 50% 50%,rgba(252,211,77,.2),transparent 70%);box-shadow:0 0 30px rgba(252,211,77,.8);position:relative;overflow:hidden}.rarity-divine:after{inset:0;border-radius:inherit;box-shadow:0 0 50px rgba(252,211,77,1);opacity:0;animation:pulse-opacity 1s ease-in-out infinite;z-index:-1}.rarity-divine:after,.rarity-divine:before{content:"";position:absolute;pointer-events:none}.rarity-divine:before{top:-100%;left:-100%;width:300%;height:300%;background-image:radial-gradient(circle,rgba(252,211,77,.4) 1px,transparent 0);background-size:30px 30px;animation:rotate-sweep 10s linear infinite}@keyframes pulse-opacity{0%,to{opacity:0}50%{opacity:1}}@keyframes shimmer-slide{0%{transform:translateX(100%) skewX(-20deg)}to{transform:translateX(300%) skewX(-20deg)}}@keyframes rotate-sweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.rarity-divine:after,.rarity-divine:before,.rarity-epic:after,.rarity-epic:before,.rarity-legendary:after,.rarity-legendary:before,.rarity-mythical:after,.rarity-mythical:before,.rarity-rare:after,.rarity-rare:before,.rarity-uncommon:after{animation:none;opacity:0}}