.rare-reveal{--reveal-glow:#b89bed;--reveal-pale:#eee0ff;width:min(660px,calc(100% - 28px));max-width:660px;max-height:calc(100dvh - 24px);padding:0;border:1px solid #d6b5f250;border-radius:24px;overflow:auto;background:radial-gradient(ellipse at 50% 42%,#614785 0%,#241732 65%);color:#f7eeff;box-shadow:0 25px 100px #0b031780,0 0 60px #a06dcb18}
.rare-reveal::backdrop{background:#0f0919df;backdrop-filter:blur(10px)}
.rare-reveal.gold-reveal{--reveal-glow:#e6b657;--reveal-pale:#ffecc3;border-color:#e4b75a65;background:radial-gradient(ellipse at 50% 42%,#66502e 0%,#2a201d 46%,#1c1423 75%)}
.rare-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 24px 22px;overflow:hidden;min-height:565px}.rare-kicker{font-size:9px;letter-spacing:2.6px;color:var(--reveal-pale);margin:0 0 13px;z-index:1}.rare-stage h2{font-size:30px;letter-spacing:-.8px;line-height:1.2;margin:0;max-width:100%;color:#fcf6ff;z-index:1}.rare-caption{font-size:12px;min-height:20px;margin:11px 0 19px;color:#d5c5df;z-index:1}.gold-reveal .rare-caption{color:#decdaa}.rare-card-space{position:relative;perspective:1000px;width:190px;height:298px;z-index:2;margin:0 auto 22px}.rare-mystery{position:absolute;inset:0;padding:10px;border:2px solid #b39aca;border-radius:15px;box-shadow:0 0 18px #b797e44d,0 10px 20px #09061155;background:linear-gradient(130deg,#46335b,#6c5582 38%,#30213e 60%,#69517e);animation:rare-charge 3.2s cubic-bezier(.4,0,.2,1) both,rare-hover 2s ease-in-out infinite;transform-origin:center;overflow:hidden}.rare-mystery:after{content:'';position:absolute;inset:-100%;background:linear-gradient(112deg,transparent 40%,#fff7 49%,transparent 57%);animation:rare-back-sheen 2.6s ease-in-out infinite}.rare-backframe{position:relative;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 10px;border:1px solid #d7c0ec80;border-radius:8px;color:#f2d9ff}.rare-backframe:before{content:'';position:absolute;top:50%;left:50%;width:110px;height:110px;border:1px solid #d4b7e76b;transform:translate(-50%,-50%) rotate(45deg);border-radius:8px}.rare-backframe span{font-size:8px;letter-spacing:2px;font-weight:700}.rare-backframe b{font-size:65px;font-weight:400;text-shadow:0 0 18px var(--reveal-glow)}.rare-backframe small{font-size:6px;letter-spacing:2px}.gold-reveal .rare-mystery{border-color:#e8c274;background:linear-gradient(125deg,#6c4c27,#bf9651 35%,#4a3320 60%,#9b743c);box-shadow:0 0 25px #e3b85f55,0 10px 20px #09061155;animation-duration:4.6s,2.4s}.gold-reveal .rare-backframe{color:#ffe2a0;border-color:#f7d69b99}.gold-reveal .rare-backframe:before{border-color:#f7d69b80}
.rare-face{position:absolute;inset:0;z-index:3;animation:rare-unfold .9s cubic-bezier(.16,.8,.3,1) both}.rare-display-card{width:100%;height:100%}.rare-reveal .rare-face .card{width:100%;height:100%;aspect-ratio:auto;cursor:default;opacity:1;transform:none}.rare-reveal .rare-face .card:hover{transform:none}.rare-reveal .rare-face .card-title strong{font-size:18px}.rare-reveal .rare-face .cardtop{font-size:8px!important}.rare-reveal .rare-face .finish{font-size:7px}.rare-reveal .rare-face .card-series{font-size:6px}.unveiled .rare-mystery{visibility:hidden}.rare-aura{position:absolute;z-index:0;width:350px;height:350px;top:138px;border-radius:50%;background:radial-gradient(circle,#c6a2f626,transparent 67%);box-shadow:0 0 0 1px #d0b0e72b,0 0 0 26px #b58ad609,0 0 0 55px #b58ad607;animation:rare-aura-rise 3.2s ease-out both}.gold-reveal .rare-aura{background:radial-gradient(circle,#f9d68c30,transparent 68%);box-shadow:0 0 0 1px #f5d0912b,0 0 0 26px #e5ad5409,0 0 0 55px #e5ad5407;animation-duration:4.6s}.rare-sparks{position:absolute;top:180px;left:50%;width:0;height:220px;z-index:1;pointer-events:none}.rare-sparks i{position:absolute;left:0;top:110px;width:3px;height:3px;border-radius:50%;background:var(--reveal-pale);opacity:0;--angle:calc(var(--spark)*30deg);transform:rotate(var(--angle)) translateX(140px);animation:rare-particles 3.2s ease-out infinite;animation-delay:calc(var(--spark)*.15s)}.gold-reveal .rare-sparks i{animation-duration:4.6s}.unveiled .rare-aura{animation:none;opacity:1;transform:scale(1.04)}.rare-controls{min-height:42px;display:flex;justify-content:center;align-items:center;z-index:3}.rare-skip{border:1px solid #d5bfed44;border-radius:24px;color:#ddcde8;background:#ffffff09;font-size:10px;padding:10px 18px}.rare-skip:hover{background:#fff1}.rare-controls .btn{font-size:11px;background:linear-gradient(120deg,#ac7bd2,#775096);box-shadow:0 4px 15px #08030e33}.gold-reveal .rare-controls .btn{background:linear-gradient(120deg,#f1d18d,#c89945);color:#493316}.rare-footnote{font-size:9px;line-height:1.6;margin:15px 0 0;color:#b7a5c2;max-width:310px;z-index:1}.gold-reveal .rare-footnote{color:#bca98d}.reveal-preview-btn{display:block;width:100%;border:1px solid #d5bee6;border-radius:20px;background:#f5ebff;color:#8058a3;font-size:9px;padding:8px;margin-top:12px;font-weight:600}.reveal-preview-btn:hover{background:#ead8f9}
@keyframes rare-charge{0%{box-shadow:0 0 10px #bca4e122}70%{box-shadow:0 0 32px var(--reveal-glow)}100%{box-shadow:0 0 55px var(--reveal-glow)}}@keyframes rare-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes rare-back-sheen{0%,20%{transform:translateX(-20%)}90%,100%{transform:translateX(30%)}}@keyframes rare-unfold{0%{opacity:0;transform:rotateY(-85deg) scale(.92)}100%{opacity:1;transform:rotateY(0) scale(1)}}@keyframes rare-aura-rise{0%{opacity:.2;transform:scale(.75)}100%{opacity:1;transform:scale(1)}}@keyframes rare-particles{0%{opacity:0;transform:rotate(var(--angle)) translateX(105px) scale(.4)}50%{opacity:.6}100%{opacity:0;transform:rotate(var(--angle)) translateX(190px) scale(.8)}}
@media(max-width:650px){.rare-stage{padding:26px 15px 20px;min-height:530px}.rare-stage h2{font-size:25px}.rare-caption{font-size:11px;margin-bottom:15px}.rare-card-space{width:176px;height:275px;margin-bottom:19px}.rare-reveal .rare-face .card-title strong{font-size:17px}.rare-aura{width:290px;height:290px;top:150px}.rare-sparks{top:160px}.rare-footnote{font-size:8px}.reveal-preview-btn{font-size:8px}}
@media(max-height:660px){.rare-stage{padding-top:19px;min-height:0}.rare-kicker{margin-bottom:8px}.rare-stage h2{font-size:23px}.rare-caption{margin:8px 0 12px}.rare-card-space{width:151px;height:236px;margin-bottom:15px}.rare-reveal .rare-face .card-title strong{font-size:14px}.rare-stage .rare-footnote{margin-top:10px}.rare-aura{top:100px}}
@media(prefers-reduced-motion:reduce){.rare-mystery,.rare-mystery:after,.rare-aura,.rare-face,.rare-sparks i{animation:none!important}.rare-sparks{display:none}.rare-face{opacity:1;transform:none}}

/* Identical presentation before the flip: no colour, timing or audio tier hints. */
.mystery-reveal .rare-mystery{animation-duration:8s,2.8s;background:linear-gradient(130deg,#42354e,#675471 38%,#30243d 60%,#61506e);border-color:#bca9cb;box-shadow:0 0 18px #b6a1ca4d,0 10px 20px #09061155}
.mystery-reveal .rare-aura{animation-duration:8s}.mystery-reveal .rare-sparks i{animation-duration:8s}.mystery-reveal .rare-mystery:after{animation-duration:4s}

/* The reveal starts on tap: a fast 3D spin eases to an edge, then opens on the face. */
.rare-spinner{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;animation:rare-hover 3s ease-in-out infinite}
.mystery-reveal .rare-spinner>.rare-mystery{animation:none!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(0deg);border-color:#bca9cb;background:linear-gradient(130deg,#42354e,#675471 38%,#30243d 60%,#61506e)}
.mystery-reveal .rare-spinner>.rare-spin-back{transform:rotateY(180deg)}
.mystery-reveal:not(.is-spinning) .rare-aura{animation:none;opacity:.35;transform:scale(.86)}
.mystery-reveal:not(.is-spinning) .rare-sparks{opacity:.15}
.is-spinning .rare-spinner{animation:rare-spin-decelerate 7.2s cubic-bezier(.1,.7,.25,1) both}
.is-spinning .rare-aura{animation:rare-aura-rise 7.2s ease-out both}
.is-spinning .rare-sparks{opacity:1}.is-spinning .rare-sparks i{animation-duration:7.2s}
.unveiled .rare-spinner{visibility:hidden;animation:none}
.unveiled .rare-face{animation:rare-spin-finish .8s cubic-bezier(.08,.6,.2,1) both}
@keyframes rare-spin-decelerate{0%{transform:rotateY(0deg) scale(.97)}100%{transform:rotateY(6390deg) scale(1)}}
@keyframes rare-spin-finish{0%{opacity:1;transform:rotateY(-90deg)}100%{opacity:1;transform:rotateY(0deg)}}
.rare-confetti{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;border-radius:inherit}
.rare-confetti i{position:absolute;top:-14px;width:4px;height:8px;background:var(--confetti-colour);border-radius:1px;opacity:0;animation:rare-confetti-fall 4s linear both}
.rare-confetti i:nth-child(3n){width:5px;height:5px;border-radius:50%}
@keyframes rare-confetti-fall{0%{opacity:0;transform:translate3d(0,0,0) rotate(0deg)}8%{opacity:.8}80%{opacity:.7}100%{opacity:0;transform:translate3d(var(--drift),650px,0) rotate(var(--turn))}}
@media(prefers-reduced-motion:reduce){.rare-confetti{display:none}}
@media(prefers-reduced-motion:reduce){.rare-spinner,.is-spinning .rare-spinner,.unveiled .rare-face{animation:none!important;transform:none}.mystery-reveal .rare-spin-back{display:none}}