/* All packaging and opening effects are live HTML/CSS, not a video or a flat pack image. */
.nx-workshop{--pack-color:#ffb9ee;--pack-second:#a552f5}.nx-workshop-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:12px 0 25px}.nx-workshop-heading h1{font-size:36px;margin:8px 0}.nx-demo-badge{color:#b2a2be;font-size:9px;letter-spacing:2px;border:1px solid #4d3a61;padding:8px 12px;white-space:nowrap;border-radius:30px}.nx-showcase{display:grid;grid-template-columns:1fr 1fr;min-height:460px;border:1px solid #564565;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 24% 45%,color-mix(in srgb,var(--pack-second) 18%,transparent),transparent 55%),#080910;box-shadow:inset 0 0 70px #0009}.nx-pack-display{position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px;min-height:460px;isolation:isolate}.nx-pack-display>.nx-packet{transform:rotate(-7deg) rotateY(-9deg);animation:nx-hover 5s ease-in-out infinite;filter:drop-shadow(0 20px 25px #000b)}.nx-pack-description{padding:50px 50px 40px 10px;align-self:center}.nx-pack-description h2{font-size:40px;line-height:1.15;margin:17px 0;color:#f2e9fa}.nx-pack-description p{max-width:400px;font-size:14px;line-height:1.8}.nx-open-button{margin-top:15px;min-width:230px;padding:14px 22px;border-color:var(--pack-color);background:linear-gradient(150deg,color-mix(in srgb,var(--pack-second) 45%,#13121c),#17121e)}.nx-open-button span{float:right;margin-left:25px}.nx-pack-description>small{display:block;max-width:380px;font-size:11px;color:#9d90ac;line-height:1.7;margin-top:26px}.nx-opening-steps{display:flex;gap:18px;margin-top:25px;font-size:10px;color:#a798b8}.nx-orbit{position:absolute;width:350px;height:350px;border:1px solid color-mix(in srgb,var(--pack-color) 20%,transparent);border-radius:50%;transform:rotateX(60deg) rotateZ(-20deg);box-shadow:0 0 40px color-mix(in srgb,var(--pack-second) 10%,transparent);z-index:-1}.nx-orbit-two{width:430px;height:430px;border-style:dashed;transform:rotateX(65deg) rotateZ(25deg)}.nx-plinth{position:absolute;bottom:23px;width:310px;height:40px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--pack-color) 30%,transparent),transparent 70%);filter:blur(12px)}
.nx-packet{position:relative;width:230px;height:335px;flex-shrink:0;--pack-color:#ddb0ff;--pack-second:#8149bd;transform-style:preserve-3d;color:var(--pack-color);user-select:none;pointer-events:none}.nx-foil{position:absolute;inset:0;overflow:hidden;background:linear-gradient(105deg,#ffffff1c 0%,#0000 8%,#ffffff0c 16%,#0008 19%,#fff0 22%,#ffffff09 52%,#ffffff30 67%,#0007 73%,#fff0 80%,#ffffff20 97%),radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--pack-second) 65%,#05060c),#080a12 65%);border:1px solid var(--pack-color);clip-path:polygon(0 1%,2% 0,4% 1%,6% 0,8% 1%,10% 0,90% 0,92% 1%,94% 0,96% 1%,98% 0,100% 1%,100% 99%,98% 100%,2% 100%,0 99%);box-shadow:inset 6px 0 9px #fff2,inset -8px 0 12px #0009,inset 0 0 25px #000;display:flex;flex-direction:column;align-items:center}.nx-foil:before{content:'';position:absolute;inset:24px 12px 28px;border:1px solid color-mix(in srgb,var(--pack-color) 65%,transparent);outline:1px solid color-mix(in srgb,var(--pack-color) 20%,transparent);outline-offset:4px;clip-path:polygon(0 0,40% 0,50% 2%,60% 0,100% 0,100% 100%,0 100%)}.nx-foil:after{content:'';position:absolute;inset:28px 17px;background:repeating-linear-gradient(45deg,#fff0 0 25px,#fff03 25px 26px),repeating-linear-gradient(-45deg,#fff0 0 25px,#fff03 25px 26px);opacity:.3}.nx-crimp{position:absolute;left:0;right:0;height:19px;border:1px solid var(--pack-color);background:repeating-linear-gradient(90deg,#fff3 0 1px,#0005 1px 3px,#fff0 3px 5px),linear-gradient(180deg,var(--pack-second),#13121a);z-index:3}.nx-crimp-top{top:0}.nx-crimp-bottom{bottom:0}.nx-pack-edition{font:7px/1 system-ui,sans-serif;letter-spacing:3px;margin-top:36px;z-index:1;color:#e8dff4}.nx-pack-seal{position:relative;display:grid;place-items:center;width:118px;height:118px;margin-top:24px;z-index:1;border:1px solid var(--pack-color);transform:rotate(45deg);background:radial-gradient(circle,color-mix(in srgb,var(--pack-second) 50%,transparent),#060710);box-shadow:0 0 22px color-mix(in srgb,var(--pack-color) 25%,transparent),inset 0 0 24px color-mix(in srgb,var(--pack-second) 50%,transparent)}.nx-pack-seal:before,.nx-pack-seal:after{content:'';position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--pack-color) 50%,transparent)}.nx-pack-seal:after{inset:-13px;border:1px solid color-mix(in srgb,var(--pack-color) 32%,transparent);border-radius:50%}.nx-pack-seal b{font:70px/1 Georgia,serif;transform:rotate(-45deg);text-shadow:0 0 15px var(--pack-color)}.nx-seal-orbit{position:absolute;inset:-22px;border:1px dotted color-mix(in srgb,var(--pack-color) 35%,transparent);border-radius:50%;animation:nx-spin 30s linear infinite}.nx-pack-wordmark{font:36px/1 Georgia,serif;letter-spacing:3px;margin-top:26px;z-index:1;color:#f6eaff;text-shadow:0 0 13px var(--pack-second)}.nx-pack-sub{font-size:5px;letter-spacing:2px;margin-top:7px;z-index:1}.nx-pack-rarity{font:16px/1 Georgia,serif;letter-spacing:2px;text-transform:uppercase;margin-top:17px;z-index:1}.nx-pack-footer{font-size:5px;letter-spacing:2px;position:absolute;bottom:30px;z-index:1}.nx-pack-shine{position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 38%,#fff0 42%,#ffffff38 48%,#ffffff08 52%,transparent 58%);transform:translateX(-80%);animation:nx-shimmer 6s ease-in-out infinite;z-index:2;mix-blend-mode:screen}.nx-pack-ornament{position:absolute;width:200px;height:200px;top:45px;border-radius:50%;background:conic-gradient(from 45deg,transparent 0deg,var(--pack-second) 1deg,transparent 2deg 45deg,var(--pack-color) 46deg,transparent 47deg 90deg,var(--pack-second) 91deg,transparent 92deg 135deg,var(--pack-color) 136deg,transparent 137deg 180deg,var(--pack-second) 181deg,transparent 182deg 225deg,var(--pack-color) 226deg,transparent 227deg 270deg,var(--pack-second) 271deg,transparent 272deg 315deg,var(--pack-color) 316deg,transparent 317deg);opacity:.5;filter:blur(.5px)}.nx-tear-strip{position:absolute;top:0;left:0;width:100%;height:30px;z-index:5;background:repeating-linear-gradient(90deg,#fff2 0 1px,#0005 1px 3px,#fff0 3px 5px),linear-gradient(180deg,var(--pack-second),#13121a);border:1px solid var(--pack-color);clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,80% 85%,70% 100%,60% 85%,50% 100%,40% 85%,30% 100%,20% 85%,10% 100%,0 85%);display:grid;place-items:center}.nx-tear-strip span{font-size:6px;letter-spacing:2px;color:#f8eaff}.nx-prism .nx-foil{background:linear-gradient(115deg,#ff616122,#e8b16c11,#64eaa922,#67b8ff33,#d97bff44,#fa91ca22),linear-gradient(90deg,#0a0817,#291335,#080713)}.nx-celestial .nx-pack-seal{border-radius:50%;background:radial-gradient(circle,#fff3b777,#0000);box-shadow:0 0 30px #ffe7b24d}.nx-celestial .nx-pack-ornament{opacity:1}.nx-forest .nx-pack-seal:after{border-radius:50% 0;transform:rotate(30deg)}.nx-royal .nx-pack-seal{outline:3px double var(--pack-color);outline-offset:5px}.nx-embers .nx-foil{background:repeating-linear-gradient(125deg,transparent 0 35px,#ff61301a 36px,#0000 38px),radial-gradient(ellipse at bottom,#cd381555,#09080e 70%)}.nx-eternal .nx-seal-orbit{border-style:solid;border-width:2px;border-color:var(--pack-color) transparent var(--pack-second) transparent}.nx-arcane .nx-pack-seal:after{border-radius:0;transform:rotate(30deg)}
.nx-pack-shelf{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}.nx-rarity-choice{display:flex;flex-direction:column;align-items:center;position:relative;padding:19px 6px 13px;background:linear-gradient(#15101d,#090a11);border-color:#3b304a;border-radius:10px;transition:border-color .2s,background .2s;overflow:hidden}.nx-rarity-choice:hover,.nx-rarity-choice.is-selected{border-color:var(--pack-color);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--pack-second) 17%,transparent),#090a11)}.nx-rarity-choice strong{font-size:10px;font-weight:500;margin-top:14px;color:var(--pack-color)}.nx-choice-dot{width:4px;height:4px;border-radius:50%;margin-top:8px;background:#51425f}.is-selected .nx-choice-dot{background:var(--pack-color);box-shadow:0 0 9px var(--pack-color)}.nx-mini{width:73px;height:108px}.nx-mini .nx-crimp{height:7px}.nx-mini .nx-foil:before{inset:10px 5px}.nx-mini .nx-pack-edition{font-size:2px;letter-spacing:1px;margin-top:14px}.nx-mini .nx-pack-seal{width:34px;height:34px;margin-top:9px}.nx-mini .nx-pack-seal:before{inset:3px}.nx-mini .nx-pack-seal:after{inset:-4px}.nx-mini .nx-pack-seal b{font-size:23px}.nx-mini .nx-seal-orbit{inset:-8px}.nx-mini .nx-pack-wordmark{font-size:13px;letter-spacing:1px;margin-top:10px}.nx-mini .nx-pack-sub,.nx-mini .nx-pack-footer,.nx-mini .nx-tear-strip{display:none}.nx-mini .nx-pack-rarity{font-size:6px;letter-spacing:.5px;margin-top:9px}.nx-mini .nx-pack-ornament{width:65px;height:65px;top:16px}.nx-mini .nx-pack-shine{animation:none}.nx-workshop-note{text-align:center;color:#8c7f9d;font-size:11px;margin-top:22px}
dialog.nx-opening{position:fixed;max-width:1060px;width:calc(100vw - 32px);max-height:calc(100dvh - 24px);padding:0;overflow-x:hidden;overflow-y:auto;border:1px solid color-mix(in srgb,var(--pack-color) 60%,#181221);border-radius:18px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--pack-second) 16%,transparent),transparent 65%),#06070d;box-shadow:0 0 100px color-mix(in srgb,var(--pack-second) 17%,transparent)}.nx-opening::backdrop{background:#010107ee;backdrop-filter:blur(12px)}.nx-opening-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 30px;border-bottom:1px solid #ffffff12}.nx-opening-top h2{font-size:21px;margin:6px 0 0}.nx-close{padding:6px 12px;background:#171220;z-index:9}.nx-opening-scene{height:min(51dvh,430px);min-height:275px;position:relative;display:grid;place-items:center;perspective:1200px;overflow:hidden;isolation:isolate}.nx-opening-pack{position:absolute;z-index:4;transform:scale(.95);transition:opacity .5s}.nx-opening-pack .nx-packet{animation:nx-hover 5s ease-in-out infinite}.nx-opening-bottom{text-align:center;position:relative;z-index:8;padding:8px 20px 24px;min-height:146px}.nx-opening-bottom>small{display:block;color:#897c9b;font-size:10px;margin-top:14px}.nx-opening-status{color:#c8bbda;min-height:23px;font-size:13px;margin:0 0 14px}.nx-opening button[hidden],.nx-opening [hidden]{display:none!important}.nx-tear-button{padding:12px 28px}.nx-skip{display:block;margin:12px auto 0;background:transparent;border:0;padding:3px;color:#9e90ae;font-size:11px;text-decoration:underline;text-underline-offset:4px}.nx-reveal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.nx-reveal-actions button{font-size:12px}.nx-light-column{position:absolute;inset:0;opacity:.3;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--pack-color) 18%,transparent),transparent 65%);transition:opacity .8s}.nx-energy-ring{position:absolute;width:320px;height:320px;border:1px solid color-mix(in srgb,var(--pack-color) 30%,transparent);border-radius:50%;transform:rotateX(65deg) translateZ(-80px);box-shadow:0 0 40px color-mix(in srgb,var(--pack-color) 15%,transparent);transition:all 1s}.nx-flash{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:7;background:radial-gradient(ellipse,color-mix(in srgb,var(--pack-color) 55%,transparent),transparent 65%)}.nx-particles{position:absolute;inset:0;pointer-events:none;z-index:6}.nx-particles i{position:absolute;left:50%;top:50%;width:3px;height:3px;background:var(--pack-color);box-shadow:0 0 9px var(--pack-color);opacity:0;transform:rotate(var(--angle)) translateX(20px)}.nx-revealed-cards{position:absolute;display:flex;gap:26px;justify-content:center;align-items:center;z-index:5;opacity:0;pointer-events:none;transform:translateY(100px) scale(.6)}.nx-reveal-card{padding:0;border:0;border-radius:7px;aspect-ratio:550/989;width:min(22vw,182px);height:auto;max-height:36dvh;background:none;perspective:1000px;box-shadow:0 0 30px color-mix(in srgb,var(--pack-second) 25%,transparent)}.nx-reveal-card:hover{background:none}.nx-card-rotator{display:block;position:relative;width:100%;height:100%;aspect-ratio:550/989;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.75,.2,1)}.nx-card-back,.nx-card-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6px;overflow:hidden;border:1px solid var(--pack-color);background:#07080d}.nx-card-front{transform:rotateY(180deg)}.nx-opening .nx-reveal-card img{width:100%;height:100%;max-height:none;margin:0;object-fit:contain;filter:none}.nx-reveal-card.is-flipped .nx-card-rotator{transform:rotateY(180deg)}.nx-reveal-card.is-flipped{box-shadow:0 0 35px color-mix(in srgb,var(--pack-color) 30%,transparent)}
.nx-opening[data-phase=charge] .nx-opening-pack{animation:nx-charge 1.1s ease-in forwards}.nx-opening[data-phase=charge] .nx-light-column{opacity:1}.nx-opening[data-phase=charge] .nx-energy-ring{transform:rotateX(65deg) scale(1.5);box-shadow:0 0 65px var(--pack-second)}.nx-opening[data-phase=tear] .nx-opening-pack{animation:nx-jerk .6s ease-out}.nx-opening[data-phase=tear] .nx-packet,.nx-opening[data-phase=release] .nx-packet{animation:none}.nx-opening[data-phase=tear] .nx-tear-strip{animation:nx-rip 1.1s cubic-bezier(.2,.6,.2,1) forwards;transform-origin:right center}.nx-opening[data-phase=tear] .nx-crimp-top,.nx-opening[data-phase=release] .nx-crimp-top{opacity:0}.nx-opening[data-phase=tear] .nx-foil,.nx-opening[data-phase=release] .nx-foil{clip-path:polygon(0 9%,10% 7%,20% 9%,30% 7%,40% 9%,50% 7%,60% 9%,70% 7%,80% 9%,90% 7%,100% 9%,100% 100%,0 100%)}.nx-opening[data-phase=tear] .nx-particles i{animation:nx-burst 1.6s ease-out forwards;animation-delay:calc(var(--i)*12ms)}.nx-opening[data-phase=release] .nx-tear-strip{opacity:0}.nx-opening[data-phase=release] .nx-opening-pack{animation:nx-shell-drop 1.7s ease-in forwards}.nx-opening[data-phase=release] .nx-flash{animation:nx-flare 1.5s ease-out}.nx-opening[data-phase=release] .nx-revealed-cards{animation:nx-card-lift 1.7s cubic-bezier(.16,1,.3,1) forwards}.nx-opening[data-phase=reveal] .nx-opening-pack{visibility:hidden}.nx-opening[data-phase=reveal] .nx-revealed-cards{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.nx-opening[data-phase=reveal] .nx-energy-ring{width:450px;height:450px;opacity:.5}.nx-opening[data-phase=reveal] .nx-reveal-card:not(.is-flipped):hover{transform:translateY(-7px)}
@keyframes nx-hover{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -9px;rotate:1.5deg}}@keyframes nx-spin{to{rotate:360deg}}@keyframes nx-shimmer{0%,30%{transform:translateX(-75%)}70%,100%{transform:translateX(75%)}}@keyframes nx-charge{0%{transform:scale(.95)}40%{transform:scale(1.02) rotate(-2deg)}65%{transform:scale(1.04) rotate(2deg)}85%{transform:scale(1.05) rotate(-1deg)}100%{transform:scale(1.06)}}@keyframes nx-jerk{0%{transform:scale(1.06) rotate(0)}30%{transform:scale(1.03) rotate(-4deg)}70%{transform:scale(.98) rotate(2deg)}100%{transform:scale(.95)}}@keyframes nx-rip{0%{transform:translate(0,0) rotate(0)}35%{transform:translate(25px,-18px) rotate(12deg)}100%{transform:translate(270px,-150px) rotate(65deg);opacity:0}}@keyframes nx-shell-drop{0%{transform:translateY(0) scale(.95);opacity:1}35%{transform:translateY(50px) rotateX(-25deg) scale(.95);opacity:1}100%{transform:translateY(440px) rotate(15deg) scale(.8);opacity:0}}@keyframes nx-card-lift{0%{opacity:0;transform:translateY(65px) scale(.58)}22%{opacity:1}60%{transform:translateY(-26px) scale(.85)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes nx-burst{0%{opacity:0}10%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(.2)}}@keyframes nx-flare{0%{opacity:0}25%{opacity:.8}100%{opacity:0}}
@media(max-width:1050px){.nx-pack-shelf{grid-template-columns:repeat(5,minmax(0,1fr))}.nx-pack-description{padding-right:25px}.nx-pack-description h2{font-size:32px}.nx-opening-steps{gap:10px;font-size:9px}}
@media(max-width:650px){.nx-workshop-heading{display:block}.nx-workshop-heading h1{font-size:28px}.nx-demo-badge{display:inline-block;margin-top:5px}.nx-showcase{grid-template-columns:1fr}.nx-pack-display{min-height:365px}.nx-pack-display>.nx-packet{scale:.88}.nx-pack-description{text-align:center;padding:0 24px 29px}.nx-pack-description h2{font-size:29px;margin:10px 0}.nx-pack-description p,.nx-pack-description>small{margin-left:auto;margin-right:auto}.nx-opening-steps{justify-content:center}.nx-pack-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nx-rarity-choice{padding-top:15px}.nx-rarity-choice strong{font-size:11px}.nx-workshop .section-title{align-items:flex-start}.nx-workshop .shelf-label{font-size:10px}.nx-opening-top{padding:14px 17px}.nx-opening-top h2{font-size:18px}.nx-opening-scene{height:46dvh;min-height:260px}.nx-opening-pack{scale:.78}.nx-opening-bottom{padding:8px 12px 18px}.nx-opening-status{font-size:12px}.nx-revealed-cards{gap:15px}.nx-reveal-card{width:min(33vw,155px)}.nx-opening-top .tag{font-size:9px}}
@media(prefers-reduced-motion:reduce){.nx-workshop *,.nx-opening *{animation:none!important;transition:none!important}.nx-pack-display>.nx-packet{translate:0 0;rotate:0deg}}

.nx-real-opening .nx-revealed-cards{width:96%;gap:12px}.nx-real-opening .nx-reveal-card{width:min(17vw,155px);min-width:0}.nx-real-opening .is-chosen{outline:3px solid #8fffc0;opacity:.6}.nx-real-opening .nx-reveal-card:disabled{cursor:default}@media(max-width:650px){.nx-real-opening .nx-opening-scene{height:58dvh}.nx-real-opening .nx-revealed-cards{flex-wrap:wrap;gap:10px}.nx-real-opening .nx-reveal-card{width:25vw;max-width:110px}}

.nx-extra-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0}

.nx-extra-art{height:200px;display:grid;place-items:center;margin-bottom:16px}.nx-extra-packs .panel{text-align:center}.nx-extra-art .nx-packet{transform:scale(.8)}