@keyframes secret-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.secret-question-mark{animation:2s ease-in-out infinite secret-pulse}@keyframes sparkle{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}to{opacity:0;transform:scale(0)rotate(360deg)}}@keyframes shine{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(200%)translateY(200%)rotate(45deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70099,0 0 60px #ffd70066,inset 0 0 20px #ffd70033}50%{box-shadow:0 0 30px gold,0 0 60px #ffd700cc,0 0 90px #ffd70099,inset 0 0 30px #ffd7004d}}@keyframes rainbow-glow{0%{box-shadow:0 0 20px red,0 0 40px red,inset 0 0 20px #f003}16%{box-shadow:0 0 20px #f80,0 0 40px #f80,inset 0 0 20px #f803}33%{box-shadow:0 0 20px #ff0,0 0 40px #ff0,inset 0 0 20px #ff03}50%{box-shadow:0 0 20px #0f0,0 0 40px #0f0,inset 0 0 20px #0f03}66%{box-shadow:0 0 20px #08f,0 0 40px #08f,inset 0 0 20px #08f3}83%{box-shadow:0 0 20px #f0f,0 0 40px #f0f,inset 0 0 20px #f0f3}to{box-shadow:0 0 20px red,0 0 40px red,inset 0 0 20px #f003}}.sparkle-container{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.sparkle{filter:blur(.5px);background:radial-gradient(circle,#fff 0%,#fffc 40%,#0000 70%);width:8px;height:8px;animation:2s ease-in-out infinite sparkle;position:absolute}.sparkle:before,.sparkle:after{content:"";background:linear-gradient(45deg,#0000 35%,#fff 50%,#0000 65%);width:100%;height:100%;position:absolute}.sparkle:before{transform:rotate(0)}.sparkle:after{transform:rotate(90deg)}.sparkle-large{width:12px;height:12px;animation:1.5s ease-in-out infinite sparkle;position:absolute}.sparkle-large:before,.sparkle-large:after{content:"✦";color:#fff;text-shadow:0 0 10px #ffffffe6;font-size:16px;animation:3s linear infinite spin;position:absolute}.shine-effect{z-index:3;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:200%;height:50%;animation:3s ease-in-out infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.image-sparkle-overlay{pointer-events:none;z-index:4;position:absolute;inset:0}.image-sparkle-overlay:before{content:"";background:linear-gradient(135deg,#0000 30%,#ffffff1a 50%,#0000 70%);animation:2s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)translateY(-100%)}to{transform:translate(100%)translateY(100%)}}.image-container{aspect-ratio:1;width:100%;min-width:200px;max-width:300px;position:relative;overflow:hidden}.image-container.rarity-ultra-super:after,.image-container.rarity-ultra:after,.image-container.rarity-super:after{content:"✨";pointer-events:none;z-index:5;font-size:24px;animation:3s ease-in-out infinite float-sparkle;position:absolute}.image-container.rarity-ultra-super:after{text-shadow:0 0 20px #ffd700e6;top:10%;left:10%}.image-container.rarity-ultra:after{text-shadow:0 0 20px #ef4444e6;animation-delay:.5s;top:15%;right:15%}.image-container.rarity-super:after{text-shadow:0 0 20px #22c55ee6;animation-delay:1s;bottom:20%;left:20%}@keyframes float-sparkle{0%,to{opacity:.8;transform:translateY(0)rotate(0)scale(1)}25%{opacity:1;transform:translateY(-10px)rotate(90deg)scale(1.2)}50%{opacity:.8;transform:translateY(0)rotate(180deg)scale(1)}75%{opacity:1;transform:translateY(10px)rotate(270deg)scale(1.2)}}.card-ultra-super{animation:2s ease-in-out infinite rainbow-glow;position:relative}.card-ultra-super:before{content:"";opacity:.9;z-index:-1;filter:blur(2px);background:linear-gradient(90deg,red,#f80,#ff0,#0f0,#08f,#f0f,red) 0 0/300% 100%;border-radius:12px;animation:2s linear infinite rainbow-border;position:absolute;inset:-3px}.card-ultra{animation:1.5s ease-in-out infinite glow;position:relative;box-shadow:0 0 20px #ef4444e6,0 0 40px #ef4444b3}.card-ultra-super-mobile{position:relative;box-shadow:0 0 15px #ffd70099}@media (min-width:768px){.card-ultra-super-mobile{animation:2s ease-in-out infinite rainbow-glow}.card-ultra-super-mobile:before{content:"";opacity:.9;z-index:-1;filter:blur(2px);background:linear-gradient(90deg,red,#f80,#ff0,#0f0,#08f,#f0f,red) 0 0/300% 100%;border-radius:12px;animation:2s linear infinite rainbow-border;position:absolute;inset:-3px}}@keyframes rainbow-border{0%{background-position:0%}to{background-position:300%}}@keyframes rainbow-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.border-ur-rainbow{background-image:linear-gradient(#fff,#fff),linear-gradient(45deg,red 0%,#f80 14%,#ff0 28%,#0f0 42%,#08f 57%,#f0f 71%,red 85%,#f80 100%);background-size:100%,300% 300%;background-origin:border-box;background-clip:padding-box,border-box;border:4px solid #0000;animation:4s linear infinite rainbow-flow}.badge-ur-rainbow{color:#fff;background:linear-gradient(45deg,red 0%,#f80 14%,#ff0 28%,#0f0 42%,#08f 57%,#f0f 71%,red 85%,#f80 100%) 0 0/300% 300%;font-weight:700;animation:4s linear infinite rainbow-flow}.card-ultra-mobile{box-shadow:0 0 10px #ef444499}.card-super-mobile{box-shadow:0 0 10px #22c55e99}@media (min-width:768px){.card-ultra-mobile{animation:1.5s ease-in-out infinite glow;box-shadow:0 0 20px #ef4444e6,0 0 40px #ef4444b3}.card-super-mobile{animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 20px #22c55ee6,0 0 40px #22c55e99}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.particle{pointer-events:none;background:radial-gradient(circle,#10b981 0%,#34d399 50%,#0000 70%);border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 10px #10b98199}@keyframes float-up{0%{opacity:0;transform:translateY(100vh)rotate(0)scale(0)}10%{opacity:.8;transform:translateY(90vh)rotate(72deg)scale(1)}90%{opacity:.8}to{opacity:0;transform:translateY(-100vh)rotate(720deg)scale(.5)}}.particle-1{animation:8s ease-in-out infinite float-up;left:10%}.particle-2{animation:10s ease-in-out 1s infinite float-up;left:20%}.particle-3{animation:9s ease-in-out 2s infinite float-up;left:30%}.particle-4{animation:11s ease-in-out .5s infinite float-up;left:40%}.particle-5{animation:8s ease-in-out 1.5s infinite float-up;left:50%}.particle-6{animation:12s ease-in-out 2.5s infinite float-up;left:60%}.particle-7{animation:9s ease-in-out 3s infinite float-up;left:70%}.particle-8{animation:10s ease-in-out .8s infinite float-up;left:80%}.particle-9{animation:11s ease-in-out 1.8s infinite float-up;left:90%}.star{background:0 0;width:20px;height:20px;position:absolute}.star:before{content:"⭐";font-size:20px;animation:3s linear infinite spin;position:absolute}@keyframes pulse-glow{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}.rarity-legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:12px;justify-content:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.rarity-item{align-items:center;gap:6px;display:flex}.rarity-badge{color:#fff;border:2px solid;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.rarity-badge-ur{background:linear-gradient(90deg,red,#f80,#ff0,#0f0,#08f,#f0f,red) 0 0/200% 100% padding-box padding-box;border:2px solid #0000;animation:3s linear infinite rainbow-shift;position:relative}.rarity-badge-ur:before{content:"";z-index:-1;background:linear-gradient(90deg,red,#f80,#ff0,#0f0,#08f,#f0f,red) 0 0/200% 100%;border-radius:6px;animation:3s linear infinite rainbow-shift;position:absolute;inset:-2px}.rarity-badge-ssr{background:linear-gradient(45deg,#ef4444,#f87171,#ef4444);border-color:#ef4444}.rarity-badge-sr{background:linear-gradient(45deg,#22c55e,#4ade80,#22c55e);border-color:#22c55e}.rarity-badge-r{background:linear-gradient(45deg,#eab308,#fbbf24,#eab308);border-color:#eab308}.rarity-badge-n{background:linear-gradient(45deg,#9ca3af,#d1d5db,#9ca3af);border-color:#9ca3af}.sparkle-container.ur .sparkle{background:radial-gradient(circle,#fff 0%,#ffd700e6 30%,#ff646499 60%,#0000 80%);width:12px;height:12px;animation:1s ease-in-out infinite sparkle}.sparkle-container.ssr .sparkle{background:radial-gradient(circle,#fff 0%,#ef4444e6 40%,#0000 70%);width:10px;height:10px;animation:1.5s ease-in-out infinite sparkle}.sparkle-container.sr .sparkle{background:radial-gradient(circle,#fff 0%,#22c55ecc 40%,#0000 70%);width:8px;height:8px;animation:2s ease-in-out infinite sparkle}.sparkle-container.r .sparkle{background:radial-gradient(circle,#fff 0%,#facc15cc 40%,#0000 70%);width:6px;height:6px;animation:2.5s ease-in-out infinite sparkle}.card-glow-ur{animation:2s ease-in-out infinite rainbow-glow;box-shadow:0 0 20px #ffd700cc,0 0 40px #ff646499}.card-glow-ssr{animation:1.5s ease-in-out infinite glow;box-shadow:0 0 15px #ef4444cc,0 0 30px #ef444480}.card-glow-sr{animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 12px #22c55eb3,0 0 25px #22c55e66}.card-glow-r{box-shadow:0 0 10px #facc1599,0 0 20px #facc154d}.rarity-label{color:#fff;white-space:nowrap;z-index:10;border-radius:12px;padding:2px 8px;font-size:14px;font-weight:700;animation:2s ease-in-out infinite float;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0006}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-3px)}}.rarity-label-ultra-super{text-shadow:0 0 6px #ffffffe6;background:linear-gradient(90deg,red,#f80,#ff0,#0f0,#08f,#f0f,red) 0 0/200% 100%;border:1px solid #fffc;animation:3s linear infinite rainbow-shift}@keyframes rainbow-shift{0%{background-position:0%}to{background-position:200%}}.rarity-label-ultra{text-shadow:0 0 6px #ef4444e6;background:linear-gradient(45deg,#ef4444,#f87171,#ef4444);border:1px solid #fffc}.rarity-label-super{text-shadow:0 0 6px #22c55ee6;background:linear-gradient(45deg,#22c55e,#4ade80,#22c55e);border:1px solid #fffc}.rarity-label-rare{text-shadow:0 0 4px #eab308cc;background:linear-gradient(45deg,#eab308,#fbbf24,#eab308)}.rarity-label-normal{text-shadow:0 0 2px #9ca3af99;background:linear-gradient(45deg,#9ca3af,#d1d5db,#9ca3af)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.scroll-left{animation:40s linear infinite scroll-left}.scroll-right{animation:40s linear infinite scroll-right}.scroll-left:hover,.scroll-right:hover{animation-play-state:paused}
