.match-result{animation:result-arrive .48s cubic-bezier(.16,1,.3,1) both}.match-result-score{animation:result-arrive .55s .06s both}.match-result-body .match-breakdown{animation:result-arrive .5s .12s both}.match-reward-tile{animation:result-arrive .5s .2s both}.match-reward-tile:nth-child(2){animation-delay:.3s}.match-reward-tile:nth-child(3){animation-delay:.4s}.match-reward-tile:nth-child(4){animation-delay:.5s}
@keyframes result-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.pack-opening{position:relative;isolation:isolate;max-width:940px;margin:24px auto;padding:38px 20px 32px;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 40%,#29523c,#101f1b 68%);border:1px solid #7aab5b55;border-radius:22px;animation:result-arrive .35s both}.pack-opening h1{font-size:clamp(24px,4vw,36px);position:relative;z-index:2;margin:12px 0}.pack-opening-kicker{letter-spacing:3px;color:#c5f75b;font-size:11px;font-weight:700}.pack-opening-stage{position:relative;display:grid;place-items:center;min-height:340px;perspective:850px}.pack-opening-art{position:relative;z-index:2;transform-style:preserve-3d;animation:pack-lift 1.9s cubic-bezier(.2,.65,.3,1) both;filter:drop-shadow(0 20px 22px #0008)}.pack-opening-art .ut-pack-art{width:200px!important;max-width:200px!important;height:270px!important;object-fit:contain!important;margin:0!important}.pack-opening-art .crest-pack-art{width:225px;height:270px;display:grid;place-items:center}.pack-opening-art .crest-pack-art img{width:auto;max-width:none;height:100%;object-fit:contain}.pack-opening-halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#c5f75b66 0,transparent 62%);animation:pack-glow 1.9s ease-in-out both}.pack-opening-rays{position:absolute;width:480px;height:480px;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 23deg,#d8ff8720 24deg 29deg,transparent 30deg 45deg);mask-image:radial-gradient(circle,#000 10%,transparent 65%);animation:pack-rays 1.9s ease-out both;pointer-events:none}.pack-opening-status{color:#c4d5c8;font-size:14px;margin:12px 0 20px}
@keyframes pack-lift{0%{opacity:0;transform:translateY(35px) rotateY(-18deg) scale(.8)}25%{opacity:1;transform:translateY(0) rotateY(8deg) scale(1)}65%{opacity:1;transform:translateY(-9px) rotateY(-5deg) scale(1.035)}85%{opacity:1;transform:translateY(-12px) rotateY(0) scale(1.08)}100%{opacity:0;transform:translateY(-24px) scale(1.16)}}
@keyframes pack-glow{0%{opacity:0;transform:scale(.65)}55%{opacity:.8;transform:scale(1)}90%{opacity:1;transform:scale(1.3)}100%{opacity:0;transform:scale(1.6)}}
@keyframes pack-rays{from{opacity:0;transform:rotate(-22deg) scale(.8)}70%{opacity:1}to{opacity:0;transform:rotate(24deg) scale(1.2)}}
.pack-reveal-content{animation:result-arrive .4s both}.pack-reveal-content .ut-list>div,.pack-reveal-content [class*="crest-tier-"]{animation:card-reveal .48s .08s cubic-bezier(.16,1,.3,1) both}.pack-reveal-content .ut-list>div:nth-child(2){animation-delay:.16s}.pack-reveal-content .ut-list>div:nth-child(3){animation-delay:.24s}.pack-reveal-content .ut-list>div:nth-child(n+4){animation-delay:.32s}
@keyframes card-reveal{from{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){.pack-opening{padding:26px 12px}.pack-opening-stage{min-height:300px}.pack-opening-art .ut-pack-art{width:175px!important;max-width:175px!important;height:245px!important}.pack-opening-rays{width:360px;height:360px}}
@media(prefers-reduced-motion:reduce){.match-result,.match-result-score,.match-breakdown,.match-reward-tile,.pack-opening,.pack-opening-art,.pack-opening-halo,.pack-opening-rays,.pack-reveal-content,.pack-reveal-content .ut-list>div,.pack-reveal-content [class*="crest-tier-"]{animation:none!important;transition:none!important}}
/* Premium opening: gold lighting, a focused first reveal, then the complete contents. */
.pack-opening{background:radial-gradient(ellipse at 50% 40%,#645020 0,#1c231f 48%,#0b1313 80%);border-color:#d4b15e66}
.pack-opening-kicker{color:#ffe3a0}
.pack-opening-halo{background:radial-gradient(ellipse,#f2c76777,transparent 64%)}
.pack-opening-rays{background:repeating-conic-gradient(from 0deg,transparent 0 23deg,#ffe4a02b 24deg 29deg,transparent 30deg 45deg)}
.pack-opening-art::after{content:"";position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(115deg,transparent 32%,#fff5c05c 48%,transparent 64%);mix-blend-mode:screen;animation:pack-sheen 1.9s ease-in-out both}
.pack-star-showcase{position:relative;display:grid;place-items:center;min-height:350px;perspective:1000px}
.pack-star-card{position:relative;z-index:1;animation:pack-star-arrive .8s cubic-bezier(.16,1,.3,1) both;filter:drop-shadow(0 12px 30px #f8c24b66)}
.pack-star-card .card{margin:0!important;pointer-events:none}
.pack-star-orbit{position:absolute;width:min(100%,430px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#e7b94c55,transparent 65%);border:1px solid #ffe4a033;box-shadow:0 0 70px #f0c35522,inset 0 0 50px #f0c35522;animation:pack-star-orbit 2.6s ease-out both}
.pack-star-stage .btn{position:relative;z-index:2}
.pack-reveal-content .ut-list>div{animation-duration:.65s;animation-delay:.08s}
@keyframes pack-star-arrive{from{opacity:0;transform:translateY(30px) rotateY(-24deg) scale(.7)}to{opacity:1;transform:translateY(0) rotateY(0) scale(1)}}
@keyframes pack-star-orbit{from{opacity:0;transform:scale(.5)}40%{opacity:1}to{opacity:.7;transform:scale(1.05)}}
@keyframes pack-sheen{from{opacity:0;transform:translateX(-80%)}35%{opacity:.7}to{opacity:0;transform:translateX(80%)}}
@media(prefers-reduced-motion:reduce){.pack-opening-art::after,.pack-star-card,.pack-star-orbit{animation:none!important}.pack-opening-art::after{display:none}}

.pack-reveal-content .ut-list>div:nth-child(1){animation-delay:0.0s}
.pack-reveal-content .ut-list>div:nth-child(2){animation-delay:0.09s}
.pack-reveal-content .ut-list>div:nth-child(3){animation-delay:0.18s}
.pack-reveal-content .ut-list>div:nth-child(4){animation-delay:0.27s}
.pack-reveal-content .ut-list>div:nth-child(5){animation-delay:0.36s}
.pack-reveal-content .ut-list>div:nth-child(6){animation-delay:0.45s}
.pack-reveal-content .ut-list>div:nth-child(7){animation-delay:0.54s}
.pack-reveal-content .ut-list>div:nth-child(8){animation-delay:0.63s}
.pack-reveal-content .ut-list>div:nth-child(9){animation-delay:0.72s}
.pack-reveal-content .ut-list>div:nth-child(10){animation-delay:0.81s}
.pack-reveal-content .ut-list>div:nth-child(11){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(12){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(13){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(14){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(15){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(16){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(17){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(18){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(19){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(20){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(21){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(22){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(23){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(24){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(25){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(26){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(27){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(28){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(29){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(30){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(31){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(32){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(33){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(34){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(35){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(36){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(37){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(38){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(39){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(40){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(41){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(42){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(43){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(44){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(45){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(46){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(47){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(48){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(49){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(50){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(51){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(52){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(53){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(54){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(55){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(56){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(57){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(58){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(59){animation-delay:0.9s}
.pack-reveal-content .ut-list>div:nth-child(60){animation-delay:0.9s}