/* Nine illustrated foil textures; HTML layers keep the opening fully animated. */
.nx-workshop .nx-showcase{background:radial-gradient(ellipse at 26% 48%,color-mix(in srgb,var(--pack-second) 19%,transparent),transparent 53%),linear-gradient(120deg,#06070c,#100b18 65%,#07080d);min-height:490px}
.nx-pack-display{min-height:490px}.nx-pack-display>.nx-packet{scale:1.12;filter:drop-shadow(0 28px 22px #000d) drop-shadow(0 0 25px color-mix(in srgb,var(--pack-second) 12%,transparent))}
.nx-packet .nx-foil{background-image:url('assets/nexus-booster-atlas-v1.png');background-size:300% 300%;background-position:var(--atlas-x) var(--atlas-y);background-repeat:no-repeat;background-color:#090810;border:0;box-shadow:inset 1px 0 2px #fffa,inset -2px 0 4px #000a;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-radius:1px}
.nx-packet .nx-foil:before,.nx-packet .nx-foil:after,.nx-packet .nx-pack-ornament,.nx-packet .nx-pack-edition,.nx-packet .nx-pack-seal,.nx-packet .nx-pack-wordmark,.nx-packet .nx-pack-sub,.nx-packet .nx-pack-footer,.nx-packet .nx-crimp{display:none}
.nx-packet .nx-pack-rarity{position:absolute;left:11%;right:11%;bottom:9%;margin:0;padding:4px 2px;font:11px/1.2 Georgia,serif;text-align:center;letter-spacing:3px;background:linear-gradient(90deg,transparent,#06070ee8 18%,#06070ee8 82%,transparent);color:#fff1dc;text-shadow:0 1px 4px #000;z-index:3}
.nx-packet .nx-pack-shine{opacity:.6;animation-duration:7s;mix-blend-mode:screen}
.nx-packet .nx-tear-strip{height:30px;background-image:url('assets/nexus-booster-atlas-v1.png');background-size:300% 3350%;background-position:var(--atlas-x) var(--tear-y);background-repeat:no-repeat;border:0;clip-path:polygon(0 0,100% 0,100% 92%,92% 100%,85% 89%,76% 100%,69% 90%,58% 100%,50% 88%,41% 100%,32% 91%,22% 100%,13% 90%,0 100%)}
.nx-tear-strip span{display:none}.nx-mini .nx-pack-rarity{font-size:3.8px;letter-spacing:1px;padding:2px 0;bottom:9%}.nx-mini .nx-foil{border-radius:0}.nx-mini .nx-tear-strip{display:none}.nx-rarity-choice{background:linear-gradient(180deg,#130e1b88,#08090e);border-color:#30283c;padding-top:19px}.nx-rarity-choice .nx-mini{width:84px;height:123px;filter:drop-shadow(0 9px 6px #000b);transition:transform .2s,filter .2s}.nx-rarity-choice:hover .nx-mini,.nx-rarity-choice.is-selected .nx-mini{transform:translateY(-4px);filter:drop-shadow(0 9px 12px color-mix(in srgb,var(--pack-second) 27%,transparent))}.nx-orbit{opacity:.4}.nx-orbit-two{opacity:.2}.nx-pack-description h2{font-size:43px;max-width:420px}.nx-pack-description p{color:#ad9bbd;font-size:15px;max-width:290px}.nx-pack-description .nx-opening-steps{margin-top:35px}.nx-opening-pack .nx-foil{box-shadow:inset 0 0 1px #fff5}.nx-opening[data-phase=charge] .nx-opening-pack{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--pack-color) 45%,transparent))}
@media(max-width:1050px){.nx-rarity-choice .nx-mini{width:90px;height:132px}.nx-pack-description h2{font-size:35px}}
@media(max-width:650px){.nx-workshop .nx-showcase{min-height:0}.nx-pack-display{min-height:410px}.nx-pack-display>.nx-packet{scale:1.02}.nx-pack-description h2{font-size:31px}.nx-pack-description p{margin-left:auto;margin-right:auto}.nx-pack-description .nx-opening-steps{margin-top:23px}.nx-rarity-choice .nx-mini{width:79px;height:116px}}