.pack-opening-container{z-index:10000;background-color:#4c4d51;background-image:linear-gradient(#090909 0%,#0000 18.23%),linear-gradient(#0000 78.12%,#090909 93.23%),linear-gradient(#000c,#000c),url(/background-images/bg-texture-crop.png);background-position:50%,50%,50%,50% 400px;background-repeat:no-repeat,no-repeat,no-repeat,repeat-y;background-size:100% 100%,100% 100%,100% 100%,150%;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.packs-row{pointer-events:none;z-index:250;justify-content:center;display:flex;position:absolute;bottom:354px;left:0;right:0}.pack-item.visible.fading{animation:.5s .5s forwards pack-fade-out!important}@keyframes pack-fade-out{0%{opacity:1}to{opacity:0}}@keyframes pack-shuffle-exit{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)}40%{opacity:1;transform:translateY(-60px)translate(-80px)rotate(-15deg)}to{opacity:0;transform:translateY(200px)translate(-400px)rotate(-45deg)}}@keyframes pack-shuffle-enter{0%{opacity:0;transform:translateY(200px)translate(400px)rotate(45deg)}40%{opacity:1;transform:translateY(-60px)translate(80px)rotate(15deg)}to{opacity:1;transform:translateY(0)translate(0)rotate(0)}}.pack-item.visible.shuffle-exit{pointer-events:none;animation:.5s ease-in forwards pack-shuffle-exit!important;animation-delay:var(--shuffle-delay,0s)!important}.pack-item.visible.shuffle-enter{animation:.5s ease-out forwards pack-shuffle-enter!important;animation-delay:var(--shuffle-delay,0s)!important}.pack-item-mobile.shuffle-exit{pointer-events:none;animation:.5s ease-in forwards pack-shuffle-exit!important;animation-delay:var(--shuffle-delay,0s)!important}.pack-item-mobile.shuffle-enter{animation:.5s ease-out forwards pack-shuffle-enter!important;animation-delay:var(--shuffle-delay,0s)!important}.pack-item{left:var(--pack-x);cursor:pointer;pointer-events:auto;opacity:0;width:120px;height:168px;transition:transform .2s,opacity .3s;position:absolute;top:0}.pack-item.visible{animation:.3s forwards pack-enter;animation-delay:var(--pack-delay,0s)}.pack-item.settled{opacity:1;transform:translateY(0)scale(1)}@keyframes pack-enter{0%{opacity:0;transform:translateY(-30px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.pack-item:hover{transform:scale(1.05)}.pack-wrapper{width:120px;height:168px;position:relative}.pack-image-container{border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000080}.pack-image{object-fit:contain;border-radius:8px;width:100%;height:100%}.pack-fallback{background:linear-gradient(135deg,#2a2a4a 0%,#1a1a2e 100%);border:2px solid #ffc8644d;justify-content:center;align-items:center;display:flex}.pack-fallback:after{content:"";color:#ffffff4d;font-size:1rem;font-weight:700}.flying-cards-container{pointer-events:none;perspective:1000px;z-index:200;width:100%;height:100%;position:absolute;top:0;left:0}.flying-card{width:var(--card-width,70px);height:var(--card-height,100px);transform-style:preserve-3d;left:var(--start-x);top:var(--start-y);animation:.5s forwards card-fly;animation-delay:var(--delay);pointer-events:auto;cursor:pointer;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes card-fly{0%{left:var(--start-x);top:var(--start-y);opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}30%{transform:translate(-50%,-50%)scale(1.1)rotate(calc(var(--rotation)*.5));opacity:1}to{left:var(--end-x);top:var(--end-y);transform:translate(-50%,-50%)scale(1)rotate(var(--rotation));opacity:1}}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.flying-card.revealed .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:8px;width:100%;height:100%;position:absolute;overflow:hidden;box-shadow:0 4px 15px #0006}.card-back{background:#1a1a2e;border-radius:8px}.card-back img{object-fit:cover;border-radius:8px;width:100%;height:100%}.card-back-fallback{background:linear-gradient(135deg,#4a2a5a 0%,#2a1a3e 100%);border:2px solid #fff3;border-radius:8px}.card-front{background:linear-gradient(135deg,#3a3a5a 0%,#2a2a4a 100%);border-radius:8px;transform:rotateY(180deg)}.card-front img{object-fit:cover;border-radius:8px;width:100%;height:100%}.card-front-fallback{background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);border-radius:8px;width:100%;height:100%}@keyframes foil-shimmer{0%{background-position:0 0}to{background-position:100% 100%}}.foil-content{position:relative}.foil-content:after{content:"";mix-blend-mode:overlay;opacity:.8;pointer-events:none;z-index:10;filter:blur(8px);background:linear-gradient(115deg,#0000 0%,#ff000059 20%,#ff7f0066 25%,#ffff0073 30%,#00ff0073 35%,#00ffff73 40%,#0000ff73 45%,#8b00ff66 50%,#ff00ff59 55%,#0000 65% 100%) -100% 0/300% 300%;border-radius:8px;width:100%;height:100%;animation:6s linear infinite foil-shimmer;position:absolute;top:0;left:0}.card-preview-overlay{pointer-events:none;z-index:10001;position:fixed;transform:translate(-50%)}.card-preview{border-radius:12px;width:300px;overflow:hidden;box-shadow:0 8px 32px #000c}.card-preview img{width:100%;height:auto;display:block}.card-preview-leader{gap:12px;display:flex}.card-preview-leader .card-preview{width:240px}.card-preview-leader .card-preview-front img,.card-preview-leader .card-preview-back img{width:100%;height:auto}.card-preview-foil{position:relative}.card-preview-foil:after{content:"";mix-blend-mode:overlay;opacity:.8;pointer-events:none;z-index:2;filter:blur(10px);background:linear-gradient(115deg,#0000 0%,#ff000059 20%,#ff7f0066 25%,#ffff0073 30%,#00ff0073 35%,#00ffff73 40%,#0000ff73 45%,#8b00ff66 50%,#ff00ff59 55%,#0000 65% 100%) 0 0/200% 200%;border-radius:12px;animation:6s ease-in-out infinite foil-shimmer;position:absolute;inset:0}.info-tooltip-corner{z-index:400;position:absolute;top:20px;left:20px}.open-all-container{z-index:300;align-items:center;gap:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.randomize-button{padding:12px 24px;font-size:1.1rem;font-weight:600}.open-all-button,.continue-button,.skip-button{color:#fff;cursor:pointer;background:#000;border:2px solid #fff6;border-radius:8px;padding:12px 32px;font-family:Barlow,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s}.open-all-button:hover,.continue-button:hover,.skip-button:hover{background:#000;border-color:#0f0c;transform:translateY(-2px);box-shadow:0 6px 16px #0f09}.open-all-button:active,.continue-button:active,.skip-button:active{transform:translateY(0)}.skip-button{z-index:400;padding:10px 20px;position:absolute;top:20px;right:20px}.pack-opening-container.click-to-continue{cursor:pointer}.pack-counter{color:#ffffffb3;z-index:300;font-family:Barlow,sans-serif;font-size:2rem;font-weight:600;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.phase-complete{animation:.4s forwards container-fade-out}@keyframes container-fade-out{to{opacity:0}}.packs-carousel{z-index:250;perspective:800px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:15%;left:0;right:0}.pack-item-mobile{cursor:pointer;pointer-events:auto;width:100px;height:140px;transform:translateX(calc(var(--offset)*90px))scale(calc(1 - var(--abs-offset)*.15))rotateY(calc(var(--offset)*-15deg));opacity:calc(1 - var(--abs-offset)*.3);z-index:calc(10 - var(--abs-offset));transition:transform .4s,opacity .4s;position:absolute}.pack-item-mobile.active{opacity:1;z-index:20;transform:translate(0)scale(1.1)rotateY(0)}.pack-item-mobile.fading{animation:.5s forwards pack-fade-out!important}.pack-wrapper-mobile{width:100%;height:100%;position:relative}.pack-item-mobile .pack-image-container{border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000080}.pack-item-mobile .pack-image{object-fit:contain;border-radius:8px;width:100%;height:100%}@media (max-width:768px){.pack-opening-container{background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,300%}.pack-wrapper,.pack-item{width:80px;height:112px}.open-all-button,.continue-button,.skip-button{padding:10px 24px;font-size:1rem}.skip-button{padding:8px 16px;top:40px;right:15px}.pack-opening-container:has(.prerelease-disclaimer) .skip-button{top:65px}.info-tooltip-corner{top:15px;left:15px}.open-all-container{flex-direction:row;gap:8px;left:15px;transform:none;top:40px!important;bottom:auto!important}.pack-opening-container:has(.prerelease-disclaimer) .open-all-container{top:65px!important}.randomize-button{padding:10px 20px;font-size:1rem}.pack-counter{font-size:1.5rem;bottom:3%}.card-preview-overlay{display:none}}.packs-carousel.desktop{bottom:160px}.packs-carousel.desktop .pack-item-mobile{width:120px;height:168px;transform:translateX(calc(var(--offset)*110px))scale(calc(1 - var(--abs-offset)*.15))rotateY(calc(var(--offset)*-15deg))}.packs-carousel.desktop .pack-item-mobile.active{transform:translate(0)scale(1.1)rotateY(0)}@media (prefers-reduced-motion:reduce){.pack-opening-container *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.prerelease-disclaimer{z-index:300;white-space:nowrap;background:#000c;border:none;border-bottom:1px solid #ffa50080;border-radius:0;justify-content:center;align-items:center;gap:10px;width:100%;padding:8px 14px;display:inline-flex;position:absolute;top:0;left:0;right:0;transform:none}.prerelease-badge{color:orange;text-transform:uppercase;letter-spacing:.5px;background:#ffa50033;border:1px solid #ffa50099;border-radius:4px;flex-shrink:0;padding:4px 10px;font-size:.8rem;font-weight:600}.prerelease-text{color:#fffc;font-size:.85rem;line-height:1.4}@media (max-width:768px){.prerelease-disclaimer{white-space:nowrap;background:0 0;border:none;border-radius:0;flex-direction:row;align-items:center;gap:0;width:auto;max-width:none;padding:0;top:8px;left:50%;right:auto;transform:translate(-50%)}.prerelease-text{display:none}}