.reveal-shell{position:relative;border-radius:20px;overflow:visible;background:linear-gradient(135deg,#0a0118,#1a0b2e)}@media (min-width:768px){.reveal-shell:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.4;pointer-events:none;background-image:radial-gradient(ellipse at top left,rgba(107,123,255,.1) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(138,123,255,.08) 0,transparent 50%);z-index:1}}.reveal-shell:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:0}.rarity-common{border:1px solid hsla(0,0%,59%,.4);box-shadow:0 4px 12px rgba(0,0,0,.3)}.rarity-uncommon{border:2px solid rgba(107,123,255,.6);box-shadow:0 0 15px rgba(107,123,255,.25)}.rarity-rare{border:3px solid rgba(244,114,182,.7);box-shadow:0 0 20px rgba(244,114,182,.35);position:relative}@media (min-width:768px){.rarity-rare:after{background:linear-gradient(120deg,transparent 25%,hsla(0,0%,100%,.1) 45%,rgba(244,114,182,.2) 50%,transparent 75%);animation:holographicPink 4s ease-in-out infinite;border:1px solid rgba(244,114,182,.4);background-size:200% 200%}}@keyframes holographicPink{0%,to{opacity:0}50%{opacity:1}}.rarity-legendary{border:3px solid rgba(138,123,255,.8);box-shadow:0 0 30px rgba(138,123,255,.4);position:relative}@media (min-width:768px){.rarity-legendary{animation:legendaryBorderShift 6s linear infinite}}@keyframes legendaryBorderShift{0%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(30deg) brightness(1.1)}to{filter:hue-rotate(0deg) brightness(1)}}.reveal-flash{position:absolute;inset:-20px;background:radial-gradient(circle,hsla(0,0%,100%,.6),transparent 60%);pointer-events:none;animation:revealFlash .6s ease-out;border-radius:inherit;z-index:10}@keyframes revealFlash{0%{opacity:0;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}.card-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.card-sparkles:before{content:"✦";position:absolute;top:10%;right:10%;color:hsla(0,0%,100%,.2);font-size:12px}@media (min-width:768px){.rarity-rare:after{animation:holographicPink 4s ease-in-out infinite}.rarity-legendary{animation:legendaryBorderShift 6s linear infinite}}.card-sparkles:before{animation:none}@media (min-width:768px){.card-sparkles:before{animation:floatSparkle 4s ease-in-out infinite}}.card-with-frame{position:relative;width:100%;max-width:340px;aspect-ratio:9/16;margin:0 auto;overflow:visible!important}.card-frame-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;z-index:0;opacity:.6;border-radius:20px;filter:brightness(.9) contrast(1.1);transition:opacity .3s ease,filter .3s ease}.card-with-frame:hover .card-frame-image{opacity:.7;filter:brightness(1) contrast(1.15)}.card-custom-bg{background-size:cover;background-position:50%;background-repeat:no-repeat}.card-content-wrapper{position:relative;z-index:1;width:100%;height:100%;padding:8%;display:flex;flex-direction:column;overflow:visible!important}.card-content-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.3));pointer-events:none;z-index:-1;border-radius:inherit}@media (max-width:640px){.card-with-frame{max-width:min(85vw,340px)}}@media (min-width:641px) and (max-width:768px){.card-with-frame{max-width:360px}}@media (min-width:769px){.card-with-frame{max-width:400px}}