/* 2.1: opaque 2D card planes, synchronized launch order, solid minted coins. */
.eruption .ub-stage{transform:none;transform-style:flat;isolation:isolate}
.eruption .ub-cards{transform-style:flat;z-index:5}
.eruption .ub-card{top:0;bottom:auto;left:50%;translate:-50% -50%;width:calc(128 * var(--u));height:calc(82 * var(--u));animation:none!important;transform-style:flat;backface-visibility:hidden;isolation:isolate;opacity:1;border:calc(1.5 * var(--u)) solid #d8deea;border-radius:calc(11 * var(--u));background:#111a29;box-shadow:0 calc(3 * var(--u)) 0 #657084,0 calc(5 * var(--u)) 0 #202837,0 calc(12 * var(--u)) calc(18 * var(--u)) #01071280;will-change:transform}
.eruption .ub-card-face{background:#fff;opacity:1;transform:none;backface-visibility:hidden;mix-blend-mode:normal;inset:calc(2 * var(--u));border-radius:calc(8 * var(--u))}
.eruption .ub-card-face::after{background:linear-gradient(115deg,#ffffff20,transparent 34%,#ffffff0c 55%,#0000000d);opacity:1}
.eruption .ub-card-gloss{animation:none!important;background:linear-gradient(115deg,transparent 44%,#ffffff20 49%,transparent 56%);transform:none;opacity:.7}
.eruption .ub-card-scratch,.eruption .ub-card-giftic{display:none}
.eruption .ub-card-edge{border-radius:inherit;box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #0005}
.eruption .ub-category{z-index:4;bottom:calc(5 * var(--u));left:50%;transform:translateX(-50%);max-width:94%;padding:calc(2 * var(--u)) calc(5 * var(--u));font-size:calc(6.5 * var(--u));white-space:nowrap;background:#0b1427;color:#e4ebf7;opacity:1;border:0;line-height:1.3}
.eruption .ub-coins{z-index:6;transform-style:flat}
.eruption .ub-coin{top:0;bottom:auto;left:50%;translate:-50% -50%;width:calc(42 * var(--u));height:calc(44 * var(--u));animation:none!important;opacity:1;background:none;filter:drop-shadow(0 calc(5 * var(--u)) calc(4 * var(--u)) #0008);will-change:transform}
.eruption .ub-coin b.coin-solid{position:absolute;inset:0;display:block;background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}
.eruption .ub-coin::after,.eruption .ub-coin b::after{display:none}
.eruption .ub-coin img{display:block;width:100%;height:100%;border-radius:0;mix-blend-mode:normal;filter:none;object-fit:contain}
.eruption .ub-lid{transform:translateY(calc(-32 * var(--u))) rotateX(-62deg);z-index:2}
.eruption .ub-box{animation:none;z-index:4}
.eruption .ub-rays i{filter:blur(calc(7 * var(--u)));opacity:.4}
.eruption .ub-flare{opacity:.2;animation:none}
.eruption .ub-chip{position:absolute;top:50%;bottom:auto;right:auto;left:50%;transform:translateX(-50%);z-index:8;width:max-content;max-width:44%;margin:0}
.eruption .ub-coin.k1{transform:translate(calc(-272 * var(--u)),calc(46 * var(--u)))}
.eruption .ub-coin.k2{transform:translate(calc(272 * var(--u)),calc(46 * var(--u)))}
.eruption .ub-coin.k3{transform:translate(calc(-272 * var(--u)),calc(138 * var(--u)))}
.eruption .ub-coin.k4{transform:translate(calc(272 * var(--u)),calc(138 * var(--u)))}
.eruption .ub-coin.k5{transform:translate(calc(-272 * var(--u)),calc(230 * var(--u)))}
.eruption .ub-coin.k6{transform:translate(calc(272 * var(--u)),calc(230 * var(--u)))}
.eruption .ub-coin.k7{transform:translate(calc(-272 * var(--u)),calc(322 * var(--u)))}
.eruption .ub-coin.k8{transform:translate(calc(272 * var(--u)),calc(322 * var(--u)))}
.eruption .ub-coin.k9{transform:translate(calc(-190 * var(--u)),calc(416 * var(--u)))}
.eruption .ub-coin.k10{transform:translate(calc(190 * var(--u)),calc(416 * var(--u)))}
.eruption .ub-coin.k11{transform:translate(calc(-268 * var(--u)),calc(430 * var(--u)))}
.eruption .ub-coin.k12{transform:translate(calc(268 * var(--u)),calc(430 * var(--u)))}
.eruption .ub-card.c1{transform:translate(calc(-168 * var(--u)),calc(66 * var(--u))) rotate(-8deg)}
.eruption .ub-card.c2{transform:translate(calc(168 * var(--u)),calc(66 * var(--u))) rotate(8deg)}
.eruption .ub-card.c3{transform:translate(0,calc(62 * var(--u))) rotate(-2deg)}
.eruption .ub-card.c4{transform:translate(calc(-90 * var(--u)),calc(190 * var(--u))) rotate(-6deg)}
.eruption .ub-card.c5{transform:translate(calc(90 * var(--u)),calc(190 * var(--u))) rotate(6deg)}
.eruption .ub-card.c6{transform:translate(calc(-174 * var(--u)),calc(310 * var(--u))) rotate(-9deg)}
.eruption .ub-card.c7{transform:translate(calc(174 * var(--u)),calc(310 * var(--u))) rotate(9deg)}
@media(prefers-reduced-motion:reduce){.eruption .ub-coin{opacity:1}.eruption .ub-card{opacity:1}}
@media(max-width:900px){.eruption .ub-chip{position:static;transform:none;max-width:none;margin:8px auto 50px;order:2}.eruption-toggle{bottom:0}}
