@layer components{body.card-reveal-open{overflow:hidden}.card-reveal-overlay{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03020aeb;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow:auto}.card-reveal-overlay[hidden]{display:none}.card-reveal-stage{--reveal-color:#b56eff;--reveal-secondary:#d946ef;isolation:isolate;border:1px solid color-mix(in srgb, var(--reveal-color) 55%, transparent);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--reveal-color) 30%, transparent), transparent 28%), radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--reveal-secondary) 16%, transparent), transparent 30%), linear-gradient(145deg, #120b21, #06050d 72%);width:min(100%,920px);min-height:min(760px,100vh - 2rem);box-shadow:0 0 100px color-mix(in srgb, var(--reveal-color) 18%, transparent), inset 0 1px #ffffff14;border-radius:2.5rem;place-items:center;display:grid;position:relative;overflow:hidden}.card-reveal-stage.rarity-common{--reveal-color:#d9bcb1;--reveal-secondary:#9c7568}.card-reveal-stage.rarity-brilliant{--reveal-color:#55b7ff;--reveal-secondary:#376cff}.card-reveal-stage.rarity-holographic{--reveal-color:#79ffe1;--reveal-secondary:#ffd45e}.card-reveal-stage.rarity-prism{--reveal-color:#ff65ea;--reveal-secondary:#8d5cff}.card-reveal-atmosphere,.card-reveal-rays,.card-reveal-particles{pointer-events:none;position:absolute;inset:0}.card-reveal-atmosphere{background:radial-gradient(circle, color-mix(in srgb, var(--reveal-color) 28%, transparent), transparent 55%);animation:2.6s ease-in-out infinite reveal-pulse}.card-reveal-rays{background:repeating-conic-gradient(from 0deg, transparent 0 11deg, color-mix(in srgb, var(--reveal-color) 10%, transparent) 12deg 13deg, transparent 14deg 28deg);animation:18s linear infinite reveal-spin;inset:-50%}.card-reveal-particles{opacity:.8;background-image:radial-gradient(circle, var(--reveal-color) 0 2px, transparent 3px), radial-gradient(circle, var(--reveal-secondary) 0 1px, transparent 2px), radial-gradient(circle, #fff 0 1px, transparent 2px);background-position:12% 18%,74% 28%,42% 72%;background-size:95px 110px,130px 120px,160px 145px;animation:8s linear infinite reveal-particles}.rarity-prism .card-reveal-particles,.rarity-holographic .card-reveal-particles{filter:drop-shadow(0 0 7px var(--reveal-color))}.card-reveal-skip,.card-reveal-close{z-index:20;color:#ffffffb3;background:#00000040;border:1px solid #ffffff1f;border-radius:999px;padding:.6rem .85rem;font-size:.7rem;font-weight:850;position:absolute;top:1.25rem}.card-reveal-skip{left:1.25rem}.card-reveal-close{right:1.25rem}.card-reveal-content{z-index:10;text-align:center;place-items:center;width:100%;padding:4.5rem 1.25rem 2rem;display:grid;position:relative}.card-reveal-kicker{color:var(--reveal-color);letter-spacing:.24em;text-transform:uppercase;font-size:.68rem;font-weight:950}.card-reveal-title{letter-spacing:-.05em;max-width:700px;margin-top:.7rem;font-size:clamp(2rem,5vw,4.2rem);font-weight:950;line-height:1}.card-reveal-card-wrap{perspective:1200px;width:min(270px,58vw);margin:2rem 0;position:relative}.card-reveal-shockwave{aspect-ratio:1;border:2px solid var(--reveal-color);opacity:0;border-radius:50%;width:110%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.2)}.card-reveal-card{aspect-ratio:2/3;transform-style:preserve-3d;filter:drop-shadow(0 25px 35px #0000008c);transition:transform 1s cubic-bezier(.2,.75,.15,1.15),filter .5s;position:relative}.card-reveal-face{border:1px solid color-mix(in srgb, var(--reveal-color) 72%, white 12%);backface-visibility:hidden;box-shadow:inset 0 1px #ffffff59, 0 0 35px color-mix(in srgb, var(--reveal-color) 35%, transparent);border-radius:1.6rem;flex-direction:column;justify-content:space-between;padding:1rem;display:flex;position:absolute;inset:0;overflow:hidden}.card-reveal-back{color:var(--reveal-color);background:repeating-linear-gradient(45deg, transparent 0 17px, color-mix(in srgb, var(--reveal-color) 12%, transparent) 18px 19px), linear-gradient(145deg, #21113b, #090711);justify-content:center;align-items:center;font-size:3rem;font-weight:950}.card-reveal-front{text-align:left;background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--reveal-color) 45%, transparent), transparent 38%), linear-gradient(150deg, color-mix(in srgb, var(--reveal-secondary) 25%, #191020), #090711);transform:rotateY(180deg)}.card-reveal-front:has(.ce-card){box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.card-reveal-front>.ce-card{position:absolute;inset:0}.rarity-holographic .card-reveal-front{background:linear-gradient(135deg,#ffa65361,#50ffdd57,#aa4bff61,#0a0812) 0 0/250% 250%;animation:4s infinite reveal-holo}.rarity-prism .card-reveal-front:after{content:"";background:repeating-conic-gradient(from 30deg, transparent 0 14deg, #ffffff17 15deg 16deg);mix-blend-mode:screen;position:absolute;inset:0}.card-reveal-number,.card-reveal-rarity,.card-reveal-name,.card-reveal-mark{z-index:2;position:relative}.card-reveal-number{letter-spacing:.15em;font-size:.7rem;font-weight:900}.card-reveal-mark{color:var(--reveal-color);text-shadow:0 0 25px var(--reveal-color);align-self:center;margin:auto;font-size:3.5rem;font-weight:950}.card-reveal-name{font-size:1.3rem;font-weight:950}.card-reveal-rarity{color:var(--reveal-color);letter-spacing:.16em;text-transform:uppercase;margin-top:.3rem;font-size:.65rem;font-weight:900}[data-state=opening] .card-reveal-card{filter:brightness(2) drop-shadow(0 0 55px var(--reveal-color));transform:rotateY(900deg)scale(1.08)}[data-state=opening] .card-reveal-shockwave{animation:1.2s ease-out .35s reveal-shockwave}[data-state=revealed] .card-reveal-card{transform:rotateY(180deg)}[data-state=sealed] .card-reveal-result,[data-state=opening] .card-reveal-result{opacity:0;pointer-events:none;transform:translateY(14px)}[data-state=revealed] .card-reveal-result{opacity:1;transition:all .55s .35s;transform:none}[data-state=opening] .card-reveal-trigger,[data-state=revealed] .card-reveal-trigger{opacity:0;pointer-events:none}.card-reveal-trigger,.card-reveal-action{color:#13091e;box-shadow:0 12px 35px color-mix(in srgb, var(--reveal-color) 24%, transparent);background:#fff;border-radius:1rem;padding:.9rem 1.3rem;font-weight:950;transition:transform .18s}.card-reveal-trigger:hover,.card-reveal-action:hover{transform:translateY(-3px)}.card-reveal-result{max-width:650px}.card-reveal-result h3{font-size:clamp(1.5rem,4vw,2.6rem);font-weight:950}.card-reveal-result p{color:#ffffffb8;margin-top:.55rem}.card-reveal-action{margin-top:1rem;display:inline-flex}@keyframes reveal-spin{to{transform:rotate(360deg)}}@keyframes reveal-pulse{50%{opacity:.55;transform:scale(1.14)}}@keyframes reveal-particles{to{background-position:12% 128%,74% 138%,42% 182%}}@keyframes reveal-shockwave{to{opacity:0;transform:translate(-50%,-50%)scale(2.8)}25%{opacity:1}}@keyframes reveal-holo{50%{background-position:100% 100%}}@media (prefers-reduced-motion:reduce){.card-reveal-stage *,.card-reveal-stage :before,.card-reveal-stage :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=600px){.card-reveal-stage{border-radius:1.5rem;min-height:calc(100vh - 1rem)}.card-reveal-content{padding-top:4rem}.card-reveal-card-wrap{margin:1.25rem 0}}}