.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}
.oc-root{z-index:300;pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.oc-root.oc-a{pointer-events:auto}.oc-backdrop{background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--oc-colour) 20%, transparent), transparent 58%), #060112f7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .5s;position:absolute;inset:0}.oc-a .oc-backdrop{opacity:1}.oc-stage{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:440px;display:flex;position:relative}.oc-eyebrow{letter-spacing:.3em;color:var(--color-ash);opacity:0;font-size:10px;transition:opacity .6s .2s}.oc-a .oc-eyebrow{opacity:1}.oc-art{border:1px solid color-mix(in srgb, var(--oc-colour) 55%, transparent);width:min(220px,52vw);box-shadow:0 0 44px color-mix(in srgb, var(--oc-colour) 35%, transparent);opacity:0;margin-top:14px;transition:transform 1.2s cubic-bezier(.16,.84,.3,1),opacity .5s;transform:perspective(900px)rotateY(-110deg)scale(.8)}.oc-a .oc-art{opacity:1;transform:perspective(900px)rotateY(0)scale(1)}.oc-track{opacity:0;width:100%;margin-top:24px;transition:opacity .5s;display:flex;position:relative}.oc-track:before{content:"";background:var(--color-line);height:1px;position:absolute;top:7px;left:6%;right:6%}.oc-b .oc-track{opacity:1}.oc-rung{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.oc-diamond{border:1px solid var(--color-line);background:var(--color-abyss);width:14px;height:14px;transition:background .5s .35s,border-color .5s .35s,box-shadow .5s .35s;display:block;transform:rotate(45deg)}.oc-rung-label{white-space:nowrap;color:var(--color-ash);font-size:9px;line-height:1;transition:color .5s .35s}.oc-rung.held .oc-diamond{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 80%, transparent);box-shadow:0 0 8px var(--color-accent)}.oc-rung.held .oc-rung-label{color:var(--color-accent)}.oc-rung.hier.held .oc-diamond{border-color:var(--color-gold);background:color-mix(in srgb, var(--color-gold) 80%, transparent);box-shadow:0 0 8px var(--color-gold)}.oc-rung.now .oc-diamond{border-color:var(--oc-colour)}.oc-b .oc-rung.now .oc-diamond{background:var(--oc-colour);box-shadow:0 0 18px var(--oc-colour);animation:.9s .35s both oc-light}.oc-b .oc-rung.now .oc-rung-label{color:var(--oc-colour)}@keyframes oc-light{0%{transform:rotate(45deg)scale(1)}45%{transform:rotate(45deg)scale(1.9)}to{transform:rotate(45deg)scale(1.25)}}.oc-words{opacity:0;margin-top:22px;transition:opacity .6s,transform .6s;transform:translateY(10px)}.oc-c .oc-words{opacity:1;transform:none}.oc-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:44px;margin-top:22px;display:flex}@media (prefers-reduced-motion:reduce){.oc-root *,.oc-root :before{transition:none!important;animation:none!important}}