.dd-mypacks{flex-direction:column;justify-content:center;align-items:center;gap:.9rem;width:min(46rem,94vw);min-height:15rem;display:flex}.dd-mypacks__row{justify-content:center;align-items:flex-end;gap:clamp(.8rem,3vw,2rem);display:flex}.dd-mypacks__promise{font-family:var(--font-mono-raw), ui-monospace, monospace;letter-spacing:.06em;color:#6e7b8b;margin:0;font-size:.7rem}.dd-mypacks--empty{gap:1.1rem}.dd-mypacks__none{color:var(--color-muted);margin:0;font-size:.9rem}.dd-mypacks .dd-opack{perspective:40em;opacity:.55;width:clamp(5.5rem,15vw,8.5rem);height:auto;margin:0;padding-bottom:2.6rem;transition:opacity .25s,transform .25s cubic-bezier(.22,1,.36,1);position:relative;transform:scale(.88);container-type:inline-size}.dd-mypacks .dd-opack[data-active=true]{opacity:1;transform:scale(1.08)}.dd-mypacks .dd-opack{box-sizing:content-box}.dd-mypacks .dd-opack .dd-stage__face,.dd-mypacks .dd-opack .dd-stage__stack{bottom:2.6rem}.dd-mypacks .dd-opack .dd-stage__ground{bottom:1.4rem}.dd-opack__count{z-index:3;min-width:1.8rem;font-family:var(--font-mono-raw), ui-monospace, monospace;color:#0b0f17;background:linear-gradient(160deg,#f8fafc,#cbd5e1 55%,#94a3b8);border:1px solid #ffffff80;border-radius:999px;padding:.2rem .45rem;font-size:.68rem;font-weight:700;position:absolute;top:-.5rem;right:-.5rem;box-shadow:0 .3rem .8rem #0000008c}.dd-opack__name{font-family:var(--font-mono-raw), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:#8b949e;font-size:.62rem;position:absolute;bottom:.7rem;left:0;right:0}.dd-mypacks .dd-opack[data-active=true] .dd-opack__name{color:#e6edf3}.dd-mypacks .dd-opack[data-active=true]{--lit:.75}.dd-mypacks .dd-opack[data-active=true][data-pack=legendary]{animation:2.6s ease-in-out infinite dd-opack-glow}@keyframes dd-opack-glow{0%,to{--lit:.55}50%{--lit:1}}.dd-open[data-pack=epic]{color:#190733;background:linear-gradient(140deg,#a855f7,#6d28d9);border-color:#d8b4fe99;box-shadow:0 .6rem 1.6rem -.5rem #a855f7b3}.dd-open[data-pack=epic]:hover:not(:disabled){box-shadow:0 .6rem 2.2rem -.3rem #a855f7f2}.dd-open[data-pack=legendary]{color:#231402;background:linear-gradient(140deg,#fbbf24,#b45309);border-color:#fde047bf;box-shadow:0 .6rem 1.9rem -.4rem #f59e0bd9}.dd-open[data-pack=legendary]:hover:not(:disabled){box-shadow:0 .6rem 2.4rem -.3rem #fde047}@media (prefers-reduced-motion:reduce){.dd-mypacks .dd-opack[data-active=true][data-pack=legendary]{animation:none}}@media (max-width:34rem){.dd-mypacks{min-height:13rem}.dd-tabs__tab{padding:.4rem .7rem;font-size:.62rem}}
