.opener{--cinematic-rarity:#8d72ff;--cinematic-soft:rgba(141,114,255,.22);background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--cinematic-rarity) 11%,#101811),#070a08 46%,#030504 78%);transition:background .45s ease}.opener[data-rarity=common]{--cinematic-rarity:#c2c8cc;--cinematic-soft:rgba(194,200,204,.2)}.opener[data-rarity=uncommon]{--cinematic-rarity:#4ce58a;--cinematic-soft:rgba(76,229,138,.22)}.opener[data-rarity=rare]{--cinematic-rarity:#8d72ff;--cinematic-soft:rgba(141,114,255,.24)}.opener[data-rarity=epic]{--cinematic-rarity:#ffbd3f;--cinematic-soft:rgba(255,189,63,.25)}.opener:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 0 24%,rgba(255,255,255,.018) 24.2% 24.5%,transparent 24.8%),linear-gradient(115deg,transparent 35%,rgba(255,255,255,.035) 49.8%,transparent 50.2%);opacity:.55}.opener[data-phase=impact]:before{animation:opener-impact .36s ease-out}.opener[data-phase=shrink]:before{background:radial-gradient(circle at 50% 48%,var(--cinematic-soft),transparent 34%);opacity:.85}.opener[data-phase=data]:before,.opener[data-phase=done]:before{opacity:.32}.opener-stage-rings{position:absolute;z-index:1;left:50%;top:47%;width:min(560px,72vw);aspect-ratio:1;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .4s ease,transform .55s ease}.opener-stage-rings i{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--cinematic-rarity) 22%,transparent);border-radius:50%;box-shadow:0 0 45px inset var(--cinematic-soft)}.opener-stage-rings i:nth-child(2){inset:12%;border-style:dashed;animation-direction:reverse}.opener-stage-rings i:nth-child(3){inset:25%;border-color:color-mix(in srgb,var(--cinematic-rarity) 38%,transparent)}.opener[data-phase=idle] .opener-stage-rings i{animation:ring-drift 12s linear infinite}.opener[data-phase=charge] .opener-stage-rings i,.opener[data-phase=spin] .opener-stage-rings i{animation:ring-charge 1.3s linear infinite}.opener[data-phase=impact] .opener-stage-rings{transform:translate(-50%,-50%) scale(1.22);opacity:0}.opener[data-phase=shrink] .opener-stage-rings{transform:translate(-50%,-50%) scale(.52);opacity:0}.opener.revealing .opener-stage-rings{opacity:0}.opener-glow{background:radial-gradient(circle,var(--cinematic-soft),transparent 66%);transition:inset .35s ease,opacity .35s ease,filter .35s ease}.opener[data-phase=charge] .opener-glow,.opener[data-phase=spin] .opener-glow{inset:5% 18%;filter:blur(34px);opacity:.9}.opener[data-phase=impact] .opener-glow{inset:0;filter:blur(12px);opacity:1}.opener-copy{padding:15px;border-radius:16px;background:linear-gradient(145deg,rgba(9,13,10,.42),rgba(9,13,10,.08));backdrop-filter:blur(9px)}.opener-copy .kicker{color:var(--cinematic-rarity)}.reveal-sequence{position:absolute;z-index:9;left:50%;bottom:5.5%;display:flex;gap:7px;opacity:0;transform:translateX(-50%);transition:opacity .3s ease}.opener.revealing .reveal-sequence{opacity:1}.reveal-sequence i{width:38px;height:3px;overflow:hidden;border-radius:99px;background:#242a25}.reveal-sequence i:after{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:var(--cinematic-rarity);box-shadow:0 0 12px var(--cinematic-rarity);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.reveal-sequence i.active:after,.reveal-sequence i.complete:after{transform:scaleX(1)}.opener .reveal-card.show{animation:card-materialize .72s cubic-bezier(.18,.86,.21,1.12) both}.reveal-face{border-color:color-mix(in srgb,var(--cinematic-rarity) 68%,white 9%);background:radial-gradient(circle at 72% 14%,var(--cinematic-soft),transparent 32%),linear-gradient(145deg,#171d18,#080b09 58%,color-mix(in srgb,var(--cinematic-rarity) 13%,#080b09))}.reveal-front:before{box-shadow:0 0 90px var(--cinematic-soft)}.reveal-front .reveal-logo:after{content:"";position:absolute;width:130%;height:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);filter:blur(4px);transform:translateX(-90%) rotate(-12deg)}.reveal-card.show:not(.flipped) .reveal-logo:after{animation:logo-scan 2.4s .5s ease-in-out infinite}.reveal-data>div.released{animation:metadata-lock .38s cubic-bezier(.2,.9,.2,1);box-shadow:inset 0 0 24px var(--cinematic-soft)}.reveal-card.flipped .reveal-card-inner{transform:rotateY(180deg)}.opener.finale .reveal-card{filter:drop-shadow(0 0 40px var(--cinematic-soft));animation:finale-settle .95s cubic-bezier(.16,.82,.24,1) both}.opener.finale .reveal-image-frame:after{content:"";position:absolute;inset:-45%;background:conic-gradient(from 0deg,transparent,var(--cinematic-soft),transparent 25%,var(--cinematic-soft),transparent 50%);mix-blend-mode:screen;animation:finale-ray 4s linear infinite;pointer-events:none}.reveal-image-frame img{position:relative;z-index:1}.reveal-rating strong,.flip-reveal{border-color:var(--cinematic-rarity);color:var(--cinematic-rarity)}.flip-reveal{position:relative;overflow:hidden;background:color-mix(in srgb,var(--cinematic-rarity) 16%,#101510)}.flip-reveal:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.28) 50%,transparent 68%);transform:translateX(-120%);animation:button-sheen 2s ease-in-out infinite}.opener[data-phase=spin] canvas{filter:saturate(1.15) contrast(1.04)}@keyframes ring-drift{to{transform:rotate(360deg)}}@keyframes ring-charge{to{transform:rotate(360deg) scale(.94)}}@keyframes opener-impact{0%{background:#fff;opacity:.92}100%{background:radial-gradient(circle at 50% 48%,var(--cinematic-rarity),transparent 48%);opacity:0}}@keyframes card-materialize{0%{opacity:0;filter:blur(18px);transform:translate(-50%,-46%) scale(.55) rotateY(-18deg)}65%{opacity:1;filter:blur(0);transform:translate(-50%,-51%) scale(1.035) rotateY(2deg)}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes metadata-lock{0%{filter:brightness(2.2);transform:translateY(7px) scale(.97)}100%{filter:none;transform:none}}@keyframes logo-scan{0%,18%{transform:translateX(-90%) rotate(-12deg)}70%,100%{transform:translateX(90%) rotate(-12deg)}}@keyframes finale-settle{0%{transform:translate(-50%,-50%) scale(.86)}48%{transform:translate(-50%,-50%) scale(1.055)}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes finale-ray{to{transform:rotate(360deg)}}@keyframes button-sheen{0%,30%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}@media(max-width:900px){.reveal-sequence{bottom:2.1%}.opener-stage-rings{width:min(520px,92vw)}.opener-copy{background:transparent;backdrop-filter:none}}@media(max-width:560px){.reveal-sequence{bottom:1%;gap:5px}.reveal-sequence i{width:28px}.opener-stage-rings{top:45%}}@media(prefers-reduced-motion:reduce){.opener-stage-rings i,.opener:before,.reveal-card.show,.reveal-logo:after,.reveal-data>div.released,.opener.finale .reveal-card,.opener.finale .reveal-image-frame:after,.flip-reveal:after{animation:none!important}}
.opener:before{display:none}
.opener-stage-rings{display:none}
.reveal-front .reveal-logo:after{filter:none}
.opener.finale .reveal-card{filter:none}
@keyframes card-materialize{0%{opacity:0;transform:translate(-50%,-46%) scale(.62) rotateY(-14deg)}65%{opacity:1;transform:translate(-50%,-51%) scale(1.03) rotateY(2deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0)}}