.dd-opening{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030509e0;flex-direction:column;justify-content:safe center;align-items:center;gap:2rem;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.dd-opening__hint{font-family:var(--font-mono-raw), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;color:#6e7b8b;text-align:center;font-size:.78rem}@media (max-width:48rem){.dd-opening__reveal-stage .dd-opening__hint{order:-1}}.dd-opening__pack-stage,.dd-opening__reveal-stage{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.dd-pack{--pack-w:17rem;--pack-h:calc(var(--pack-w) * 7 / 5);--tear:19%;--mx:50;--my:50;--rx:0deg;--ry:0deg;--pointer:0;width:var(--pack-w);height:var(--pack-h);cursor:pointer;perspective:50em;background:0 0;border:none;padding:0;animation:6s ease-in-out infinite dd-pack-float;position:relative}.dd-pack__shadow{filter:blur(3px);height:1.6rem;transform:scale(calc(1 - .12 * var(--pointer)));background:radial-gradient(#0009,#0000 70%);border-radius:50%;transition:transform .4s;position:absolute;bottom:-1.6rem;left:12%;right:12%}.dd-pack__body{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) scale(calc(1 + .035 * var(--pointer)));will-change:transform;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.dd-pack[data-tilting=true] .dd-pack__body{transition:none}.dd-pack__half{transform-origin:100%;box-shadow:0 1.2rem 2.5rem -.8rem #000c, 0 0 calc(2rem * var(--pointer)) #82aaff59;transition:box-shadow .4s;position:absolute;left:0;right:0;overflow:hidden}.dd-pack__half--top{height:var(--tear);border-radius:1.1rem 1.1rem .2rem .2rem;top:0}.dd-pack__half--bottom{transform-origin:0;height:calc(100% - var(--tear));border-radius:.2rem .2rem 1.1rem 1.1rem;bottom:0}.dd-pack__art{width:100%;height:var(--pack-h);background:linear-gradient(90deg,#ffffff38 0 2px,#00000040 2px 7px,#0000 7px),radial-gradient(70% 42% at 50% 20%,#ffffff4d,#0000 60%),conic-gradient(from 210deg at 42% 38%,#0b1430,#2a1550,#063038,#3a1a4e,#0b1430);position:absolute;left:0;box-shadow:inset 0 0 0 1px #ffffff21,inset 0 0 4rem #00000073}.dd-pack__half--top .dd-pack__art{top:0}.dd-pack__half--bottom .dd-pack__art{bottom:0}.dd-pack[data-variant=epic] .dd-pack__art{background:linear-gradient(90deg,#ffffff3d 0 2px,#00000040 2px 7px,#0000 7px),radial-gradient(70% 42% at 50% 20%,#f0dcff5c,#0000 60%),conic-gradient(from 210deg at 42% 38%,#1b0b33,#4a1070,#2e1065,#6d28d9,#1b0b33)}.dd-pack[data-variant=legendary] .dd-pack__art{background:linear-gradient(90deg,#ffffff3d 0 2px,#00000040 2px 7px,#0000 7px),radial-gradient(70% 42% at 50% 20%,#fff0c857,#0000 60%),conic-gradient(from 210deg at 42% 38%,#3a2208,#7a4a0c,#2d1a06,#935c10,#3a2208)}.dd-pack__foil{opacity:.32;background-image:repeating-linear-gradient(115deg,#ffffff29 0 2px,#0000 2px 14px),repeating-radial-gradient(circle,#ffffff0d 0 1px,#0000 1px 4px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(160deg,#000 10%,#0000 55%,#000 95%);mask-image:linear-gradient(160deg,#000 10%,#0000 55%,#000 95%)}.dd-pack__holo{opacity:calc(.1 + .26 * var(--pointer));mix-blend-mode:color-dodge;background-image:repeating-linear-gradient(100deg, #ff3ca04d 0%, #ffdc3c4d 7%, #3cffbe4d 14%, #3cbeff4d 21%, #aa3cff4d 28%, #ff3ca04d 35%), radial-gradient(farthest-corner circle at calc(var(--mx) * 1%) calc(var(--my) * 1%), #ffffff59 0%, #7878781f 35%, #000000e6 75%);background-size:300% 300%,170% 170%;background-position:calc(var(--mx) * 1%) calc(var(--my) * 1%), calc(var(--mx) * 1%) calc(var(--my) * 1%);background-blend-mode:screen;transition:opacity .35s;position:absolute;inset:0}.dd-pack__glare{pointer-events:none;background:radial-gradient(circle at calc(var(--mx) * 1%) calc(var(--my) * 1%), #ffffff4d, #ffffff0d 30%, transparent 60%);mix-blend-mode:overlay;opacity:var(--pointer);transition:opacity .35s;position:absolute;inset:0}.dd-pack__logo{font-family:var(--font-mono-raw), ui-monospace, monospace;color:#eef3f9;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;display:flex;position:absolute;inset:0}.dd-pack__logo-mark{letter-spacing:-.05em;text-shadow:0 -1px #ffffff73,0 2px #0000008c,0 0 1.4rem #96c8ff80;font-size:3rem;font-weight:700}.dd-pack__logo-text{letter-spacing:.52em;text-indent:.52em;text-transform:uppercase;color:#c3cfdd;text-shadow:0 1px #00000080;font-size:.72rem}.dd-pack__logo-sub{letter-spacing:.3em;text-transform:uppercase;color:#c3cfdd99;margin-top:.1rem;font-size:.56rem}.dd-pack__strip{left:0;right:0;top:calc(var(--tear) - 1.35rem);cursor:grab;touch-action:none;z-index:3;align-items:center;height:2.7rem;display:flex;position:absolute}.dd-pack__strip:active{cursor:grabbing}.dd-pack__grip{background:#0a0d138c;border:1px solid #ffffff38;border-radius:.3rem;gap:3px;padding:.35rem .4rem;display:flex;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.dd-pack__grip span{background:#ffffff80;border-radius:1px;width:2px;height:.75rem}.dd-pack__rip{left:0;top:calc(var(--tear) - .3rem);pointer-events:none;z-index:2;background:linear-gradient(#000000d9,#00000080 55%,#0000);height:.6rem;position:absolute;box-shadow:0 .15rem .5rem #000000b3;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px,#000 7px 11px,#0000 11px 12px);mask-image:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px,#000 7px 11px,#0000 11px 12px)}.dd-pack__serration{background-image:repeating-linear-gradient(90deg,#00000061 0 3px,#0000 3px 9px),linear-gradient(#0000004d,#ffffff29 52%,#00000047);height:10px;margin-top:-5px;position:absolute;top:50%;left:0;right:0}.dd-pack__tear-hint{top:calc(var(--tear) - 2.3rem);font-family:var(--font-mono-raw), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:#eef3f9bf;opacity:calc(.45 + .55 * var(--pointer));font-size:.5rem;transition:opacity .3s;position:absolute;left:.8rem}@keyframes dd-pack-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.7rem)}}.dd-reveal{--booster-card-w:clamp(12rem, min(42vh, 18vw), 26rem);scrollbar-width:thin;justify-content:safe center;align-items:flex-start;gap:1.1rem;width:100%;max-width:100%;padding:.5rem 1rem 1rem;display:flex;overflow:auto hidden}@media (max-width:72rem){.dd-reveal{--booster-card-w:min(42vh, 34vw)}}@media (max-width:48rem){.dd-reveal{--booster-card-w:min(42vh, 78vw)}}.dd-slot{flex-direction:column;flex:none;align-items:center;gap:.6rem;display:flex}.dd-slot__stage{width:var(--booster-card-w);aspect-ratio:5/7;perspective:70em;border-radius:1.15rem;transition:box-shadow .35s;position:relative}.dd-slot__stage[data-next=true]{box-shadow:0 0 2.2rem #96beff47}.dd-slot__stage[data-celebrate=epic],.dd-slot__stage[data-celebrate=legendary],.dd-slot__stage[data-celebrate=shiny]{animation:1s cubic-bezier(.2,.9,.3,1) dd-celebrate-pop}.dd-slot__stage[data-celebrate=legendary],.dd-slot__stage[data-celebrate=shiny]{animation-duration:1.3s}.dd-slot__stage[data-celebrate=rare]{--halo:#7dd3fc8c;--halo-size:1.4rem}.dd-slot__stage[data-celebrate=epic]{--halo:#c084fccc;--halo-size:1.9rem}.dd-slot__stage[data-celebrate=legendary]{--halo:#fbbf24e6;--halo-size:3.1rem}.dd-slot__stage[data-celebrate=shiny]{--halo:#ff8ce1e6;--halo-size:3.1rem}.dd-slot__stage[data-celebrate]:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 var(--halo-size) var(--halo);animation:2.4s ease-out forwards dd-halo-pulse;position:absolute;inset:0}@keyframes dd-halo-pulse{0%{opacity:0}14%{opacity:1}46%{opacity:.45}68%{opacity:.9}to{opacity:.22}}.dd-slot__stage[data-suspense=true]{z-index:3;animation:.3s ease-in forwards dd-suspense}@keyframes dd-suspense{0%{transform:scale(1)}70%{transform:scale(.94)}to{transform:scale(.97)}}.dd-reveal:has(.dd-slot__stage[data-suspense=true]) .dd-slot{transition:opacity .3s}.dd-reveal:has(.dd-slot__stage[data-suspense=true]) .dd-slot:not(:has([data-suspense=true])){opacity:.25}.dd-slot__stage[data-celebrate=legendary] .dd-slot__flipper[data-revealed=true],.dd-slot__stage[data-celebrate=shiny] .dd-slot__flipper[data-revealed=true]{transition-duration:1.25s;transition-timing-function:cubic-bezier(.18,.9,.25,1);transform:rotateY(-360deg)}@keyframes dd-celebrate-pop{0%{transform:scale(1)}35%{transform:scale(1.12)translateY(-.5rem)}70%{transform:scale(.99)translateY(.1rem)}to{transform:scale(1)}}.dd-slot__flipper{transform-style:preserve-3d;cursor:pointer;background:0 0;border:none;padding:0;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:rotateY(180deg)}.dd-slot__flipper[data-revealed=true]{cursor:default;transform:rotateY(0)}.dd-slot__stage[data-next=true] .dd-slot__flipper:hover{transform:rotateY(180deg)translateZ(1.5rem)}.dd-slot__veil{pointer-events:none;background:#04060a6b;border-radius:1.1rem;position:absolute;inset:0}.dd-slot__face{backface-visibility:hidden;position:absolute;inset:0}.dd-slot__face--back{transform:rotateY(180deg)}.dd-slot__flipper[data-revealed=false] .dd-card{--rarity-glow:transparent}.dd-slot__tag{font-family:var(--font-mono-raw), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:.4rem;padding:.3rem .6rem;font-size:.62rem}.dd-slot__tag--new{color:#86efac;background:#22c55e1f;border-color:#22c55e59}.dd-slot__tag--dupe{color:#8b949e;background:#8b949e1a;border-color:#8b949e40}.dd-slot__tag--hidden{visibility:hidden}.dd-reveal[data-flush=true] .dd-slot__flipper{transition-delay:calc(var(--slot-index,0) * .14s)}.dd-opening__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}@media (prefers-reduced-motion:reduce){.dd-opening *,.dd-opening :before,.dd-opening :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (hover:none){.dd-pack{touch-action:none}}
.dd-opening__stage{width:100%;height:min(70vh,38rem);position:relative}.dd-opening__pack{transition:opacity .32s;position:absolute;inset:0}.dd-opening__pack[data-gone=true]{pointer-events:none}.dd-stack__slot{perspective:70em;perspective-origin:50%;transition:clip-path .42s;position:absolute;inset:0}.dd-stack{transform-origin:50%;--stack-card-w:min(58vw, 42vh, 19rem);perspective:90em;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;display:flex;position:absolute;inset:0}.dd-stack__pile{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dd-stack__sheet{transform:translate(calc(-50% + var(--depth) * .42rem), calc(-50% + var(--depth) * .5rem)) rotate(calc(var(--depth) * .5deg));filter:brightness(calc(1 - var(--depth) * .14));position:absolute;top:50%;left:50%}.dd-stack__card{cursor:pointer;appearance:none;background:0 0;border:0;padding:0;position:relative}.dd-stack__card:focus-visible{outline:2px solid rgba(var(--glow-cold), .9);outline-offset:.6rem;border-radius:1.2rem}.dd-stack__flipper{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block;position:relative;transform:rotateY(180deg)}.dd-stack__flipper[data-facing]{transform:rotateY(360deg)}.dd-stack__face{backface-visibility:hidden;display:block}.dd-stack__face--back{position:absolute;inset:0;transform:rotateY(180deg)}.dd-stack__count{font-family:var(--font-mono-raw), ui-monospace, monospace;letter-spacing:.22em;color:#6e7b8b;font-size:.78rem;position:absolute;bottom:.5rem}@media (prefers-reduced-motion:reduce){.dd-stack__flipper{transition-duration:1ms}}.dd-summary{--summary-card-w:min(17vw, 10rem);flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;display:flex;position:absolute;inset:0}.dd-summary__title{font-family:var(--font-mono-raw), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;color:#8b96a8;font-size:.78rem}.dd-summary__row{justify-content:center;align-items:center;gap:clamp(.3rem,1.4vw,1rem);display:flex}.dd-summary__card[data-best]{filter:drop-shadow(0 0 1.6rem rgba(var(--glow-warm), .35))}.dd-stack__shake{display:block}.dd-stack__shake[data-shake]{animation:1.9s cubic-bezier(.36,.07,.19,.97) .24s infinite dd-stack-shiver}.dd-stack__shake[data-shake=legendary],.dd-stack__shake[data-shake=shiny]{--shiver:1.9;animation-duration:1.4s}@keyframes dd-stack-shiver{0%,3%{transform:translate(0,0)rotate(0)}6%{transform:translate3d(calc(-4px * var(--shiver,1)), 0, 0) rotate(calc(-.8deg * var(--shiver,1)))}11%{transform:translate3d(calc(5px * var(--shiver,1)), 0, 0) rotate(calc(.9deg * var(--shiver,1)))}16%{transform:translate3d(calc(-4px * var(--shiver,1)), 0, 0) rotate(calc(-.7deg * var(--shiver,1)))}21%{transform:translate3d(calc(3px * var(--shiver,1)), 0, 0) rotate(calc(.5deg * var(--shiver,1)))}26%{transform:translate3d(calc(-2px * var(--shiver,1)), 0, 0) rotate(calc(-.3deg * var(--shiver,1)))}31%,to{transform:translate(0,0)rotate(0)}}@media (prefers-reduced-motion:reduce){.dd-stack__shake[data-shake]{animation:none}}.dd-stack__card .dd-burst{z-index:auto}.dd-stack__card .dd-burst>*{z-index:0}.dd-stack__card .dd-burst__edge{z-index:2}.dd-stack__shake{z-index:1;position:relative}.dd-stack__card .dd-burst{--edge-delay:0s}.dd-opening__reveal-stage .dd-reveal{--booster-card-w:min(17vw, 10rem);gap:clamp(.3rem,1.4vw,1rem);overflow:visible}@media (max-width:900px){.dd-opening__reveal-stage .dd-reveal{--booster-card-w:min(15.5vw, 7rem);padding-inline:.5rem}}
.dd-tabs{background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;gap:.2rem;padding:.22rem;display:inline-flex}.dd-tabs__tab{cursor:pointer;font-family:var(--font-mono-raw), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:#6e7b8b;background:0 0;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .95rem;font-size:.7rem;transition:background .22s,color .22s;display:flex}.dd-tabs__tab:hover{color:#cbd5e1}.dd-tabs__tab[aria-selected=true]{color:#e6edf3;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff1f}.dd-tabs__badge{letter-spacing:0;color:#2b1d05;background:linear-gradient(160deg,#fde68a,#f59e0b);border-radius:999px;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .28rem;font-size:.62rem;font-weight:700;display:grid}@media (max-width:40rem){.dd-tabs{border-radius:.7rem;flex-wrap:wrap;justify-content:center;display:flex}.dd-tabs__tab{letter-spacing:.08em;padding:.35rem .6rem;font-size:.62rem}}.dd-tabs--sub{background:0 0;border:0;border-bottom:1px solid #ffffff1a;border-radius:0;gap:.1rem;margin:0 0 1rem;padding:0;display:flex}.dd-tabs--sub .dd-tabs__tab{border-radius:0;padding:.5rem .85rem;position:relative}.dd-tabs--sub .dd-tabs__tab[aria-selected=true]{box-shadow:none;background:0 0}.dd-tabs--sub .dd-tabs__tab[aria-selected=true]:after{content:"";background:linear-gradient(90deg,#38bdf8,#7dd3fc);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:.3rem;right:.3rem}@media (max-width:40rem){.dd-tabs--sub{justify-content:space-between}.dd-tabs--sub .dd-tabs__tab{flex:1;justify-content:center;padding:.45rem .3rem}}