.card-reveal-modal{z-index:10000;opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.card-reveal-modal.active{opacity:1;pointer-events:all}.card-reveal-modal.exiting{opacity:0;pointer-events:none}.card-reveal-backdrop{-webkit-backdrop-filter:blur(5px);background:#0000004d;width:100%;height:100%;position:absolute;top:0;left:0}.card-reveal-container{opacity:0;flex-direction:column;align-items:center;gap:2rem;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:scale(.8)}.card-reveal-modal.active .card-reveal-container{opacity:1;transform:scale(1)}.card-reveal-glow{background:radial-gradient(ellipse at center, var(--glow-color,#0f0) 0%, transparent 70%);filter:blur(40px);opacity:0;border-radius:20px;width:500px;height:700px;animation:2s ease-in-out infinite cardGlowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-reveal-image-container{border-radius:10px;width:430px;height:600px;animation:3s ease-in-out infinite cardFloat;position:relative;overflow:hidden;box-shadow:0 0 30px #00ff004d,0 0 60px #0f03,0 20px 60px #000c}@media (max-width:520px){.card-reveal-image-container{width:300px;height:420px}}.card-reveal-image{object-fit:cover;width:100%;height:100%;display:block}.card-reveal-info{text-align:center;color:#fff;max-width:500px;position:relative}.card-reveal-unlock-badge{color:#0f0;text-shadow:0 0 10px #0f0c;margin-bottom:1rem;font-size:1.5rem;font-weight:700;animation:2s ease-in-out infinite badgePulse}.card-reveal-character-name{color:#fff;text-shadow:0 2px 10px #000c,0 0 20px #ffffff4d;letter-spacing:1px;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.card-reveal-character-title{color:#ccc;text-shadow:0 2px 5px #000c;margin-bottom:1rem;font-size:1.2rem;font-style:italic}.card-reveal-message{color:#aaa;text-shadow:0 2px 5px #000c;margin-bottom:20px;font-size:1.1rem;line-height:1.6}.card-reveal-rarity{letter-spacing:2px;text-shadow:0 2px 4px #0000004d;border-radius:20px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:700;display:inline-block}.card-reveal-rarity.common{color:#fff;background:#666;box-shadow:0 0 10px #66666680}.card-reveal-rarity.uncommon{color:#000;background:linear-gradient(135deg,#0f0,#0c0);box-shadow:0 0 20px #00ff0080}.card-reveal-rarity.rare{color:#fff;background:linear-gradient(135deg,#0080ff,#0060cc);box-shadow:0 0 20px #0080ff80}.card-reveal-rarity.epic{color:#fff;background:linear-gradient(135deg,#a020f0,#8010d0);box-shadow:0 0 20px #a020f080}.card-reveal-rarity.legendary{color:#000;background:linear-gradient(135deg,gold,#fa0);animation:2s ease-in-out infinite legendaryGlow;box-shadow:0 0 30px #ffd70099}.card-reveal-glow[style*="--glow-color: #888888"]{background:radial-gradient(#888 0%,#0000 70%)}.card-reveal-glow[style*="--glow-color: #00ff00"]{background:radial-gradient(#0f0 0%,#0000 70%)}.card-reveal-glow[style*="--glow-color: #0080ff"]{background:radial-gradient(#0080ff 0%,#0000 70%)}.card-reveal-glow[style*="--glow-color: #a020f0"]{background:radial-gradient(#a020f0 0%,#0000 70%)}.card-reveal-glow[style*="--glow-color: #ffd700"]{background:radial-gradient(gold 0%,#0000 70%)}.card-reveal-modal:before{content:"";opacity:.1;pointer-events:none;background-image:radial-gradient(circle,#ffffff1a 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite particleFloat;position:absolute;top:0;left:0}.card-reveal-image-container:after{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite cardShine;position:absolute;top:-50%;left:-50%}@keyframes cardGlowPulse{0%,to{opacity:.35}50%{opacity:.7}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes legendaryGlow{0%,to{box-shadow:0 0 30px #ffd70099}50%{box-shadow:0 0 55px #ffd700f2}}@keyframes particleFloat{0%{background-position:0 0}to{background-position:0 -1000px}}@keyframes cardShine{0%{transform:translate(-30%,-30%)rotate(0)}to{transform:translate(30%,30%)rotate(0)}}.card-reveal-claim{letter-spacing:4px;text-transform:uppercase;color:#0f0;cursor:pointer;text-shadow:0 0 10px #0f0c;background:0 0;border:1px solid #0f0;padding:12px 42px;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700;transition:all .3s}.card-reveal-claim:hover{background:#00ff001f;box-shadow:0 0 24px #0f06}