.multipack-summary{position:absolute;inset:0;display:flex;flex-direction:column;z-index:10;overflow:visible;border-radius:24px}.multipack-summary__header{color:var(--neutral-pure-black,#000);text-align:center;font-family:var(--font-grandarena),"Grand Arena",sans-serif;font-size:48px;font-style:normal;font-weight:400;line-height:normal;padding:20px 16px 0;margin:0;flex-shrink:0}.multipack-summary__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px 120px;display:flex;flex-direction:column;gap:32px;-webkit-overflow-scrolling:touch}.multipack-summary__content::-webkit-scrollbar{width:8px}.multipack-summary__content::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}.multipack-summary__content::-webkit-scrollbar-thumb{background:rgba(168,85,247,.5);border-radius:4px}.multipack-summary__content::-webkit-scrollbar-thumb:hover{background:rgba(168,85,247,.7)}.multipack-summary__pack-row{display:flex;flex-direction:column;align-items:center;gap:12px}.multipack-summary__pack-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 20px;background:#a855f7;border-radius:999px;font-family:var(--font-grandarena),sans-serif;font-size:14px;font-weight:700;color:#ffffff;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 2px 0 #7e22ce,0 4px 8px rgba(0,0,0,.2)}.multipack-summary__cards--desktop{display:flex;justify-content:center;gap:12px;max-width:100%}.multipack-summary__cards--mobile{display:flex;flex-direction:column;align-items:center;gap:8px}.multipack-summary__cards-row{display:flex;justify-content:center;gap:8px}.multipack-summary__card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease}.multipack-summary__cards--desktop .multipack-summary__card{width:140px;height:200px}.multipack-summary__cards--mobile .multipack-summary__card{width:90px;height:129px}.multipack-summary__card:hover{transform:scale(1.05)}.multipack-summary__card:active{transform:scale(.98)}.multipack-summary__card.rarity-glow-common{box-shadow:0 0 15px rgba(156,163,175,.4),0 4px 8px rgba(0,0,0,.3)}.multipack-summary__card.rarity-glow-rare{box-shadow:0 0 20px rgba(100,221,198,.7),0 4px 8px rgba(0,0,0,.3)}.multipack-summary__card.rarity-glow-epic{box-shadow:0 0 25px rgba(168,85,247,.7),0 4px 8px rgba(0,0,0,.3)}.multipack-summary__card.rarity-glow-legendary{box-shadow:0 0 30px rgba(245,158,11,.8),0 4px 8px rgba(0,0,0,.3)}.multipack-summary__done-wrapper{position:absolute;top:24px;right:32px;z-index:100;display:none;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (max-width:1023px){.multipack-summary__header{font-size:24px;padding:calc(max(12px, env(safe-area-inset-top, 0px)) + 48px) 12px 0}.multipack-summary__content{padding:12px 12px 100px;gap:24px}.multipack-summary__pack-chip{font-size:12px;padding:5px 16px}.multipack-summary__done-wrapper{display:block;position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:16px;z-index:1000;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}}@media (max-width:400px){.multipack-summary__cards--mobile .multipack-summary__card{width:75px;height:107px}.multipack-summary__cards-row{gap:6px}}.multipack-reveal{position:relative;width:900px;height:900px;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden}@media (max-width:768px){.multipack-reveal{--safe-top:max(96px,env(safe-area-inset-top,0px));--safe-bottom:max(60px,env(safe-area-inset-bottom,0px));--available-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));aspect-ratio:351/501;max-height:var(--available-height);max-width:calc(var(--available-height) * (351 / 501));width:100%;height:auto;@supports not (height:100dvh){max-height:calc(100vh - var(--safe-top) - var(--safe-bottom));max-width:calc((100vh - var(--safe-top) - var(--safe-bottom)) * (351 / 501))}}}.multipack-reveal__background{position:absolute;inset:0;z-index:0;background-size:cover;background-position:50%;background-repeat:no-repeat}.multipack-reveal__layers{position:relative;width:100%;height:100%}.multipack-reveal__rive-layer{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.multipack-reveal__rive-layer{padding-top:15px}}.multipack-reveal__video-layer{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.multipack-reveal__canvas,.multipack-reveal__video{width:100%;height:100%;object-fit:contain}@media (max-width:768px){.multipack-reveal__video{object-fit:cover}.multipack-reveal__canvas{object-fit:contain}}.multipack-reveal__loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:transparent}.multipack-reveal__loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px}.multipack-reveal__loading-spinner{width:48px;height:48px;border:4px solid rgba(255,215,83,.2);border-top-color:#ffd753;border-radius:50%;animation:multipack-spin 1s linear infinite}@keyframes multipack-spin{to{transform:rotate(1turn)}}.multipack-reveal__loading-text{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:#ffffff;text-align:center}.multipack-reveal__loading-progress{width:200px;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.multipack-reveal__loading-progress-bar{height:100%;background:#232842;border-radius:4px;transition:width .3s ease}.multipack-reveal__loading-detail{font-family:Poppins,sans-serif;font-size:14px;color:rgba(255,255,255,.6);text-align:center}.multipack-reveal__loading-quote{font-family:Poppins,sans-serif;font-size:16px;font-weight:500;font-style:italic;color:#232842;text-align:center;max-width:300px;min-height:48px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.multipack-reveal__counter{position:absolute;top:24px;left:24px;z-index:100;display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);border-radius:12px}@media (max-width:768px){.multipack-reveal__counter{position:fixed;top:max(12px,env(safe-area-inset-top));left:16px;padding:6px 10px;gap:2px;background:transparent;backdrop-filter:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;isolation:isolate}}.multipack-reveal__counter-icon{width:48px;height:48px;object-fit:contain}@media (max-width:768px){.multipack-reveal__counter-icon{width:36px;height:36px}}.multipack-reveal__counter-text{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:#ffffff;letter-spacing:.02em}@media (max-width:768px){.multipack-reveal__counter-text{font-size:16px}}.multipack-reveal__complete{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(26,26,46,.9),rgba(22,33,62,.9));animation:multipack-fade-in .5s ease forwards}@keyframes multipack-fade-in{0%{opacity:0}to{opacity:1}}.multipack-reveal__complete-text{font-family:GrandArena,Poppins,sans-serif;font-size:32px;font-weight:700;color:#ffd753;text-transform:uppercase;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5);animation:multipack-pulse 2s ease-in-out infinite}@keyframes multipack-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.multipack-reveal__error{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;background:linear-gradient(135deg,#2d1f1f,#1a1a2e)}.multipack-reveal__error-icon{width:48px;height:48px;color:#f44336}.multipack-reveal__error-text{font-family:Poppins,sans-serif;font-size:16px;color:#ffffff;text-align:center}.multipack-reveal__error-retry{padding:12px 24px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#ffffff;background:#ffa600;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.multipack-reveal__error-retry:hover{background:#ff8c00}.multipack-reveal__skip-button{position:absolute;top:24px;right:24px;z-index:30;display:flex;align-items:center;gap:8px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#ffffff;background:rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.multipack-reveal__skip-button:hover{background:rgba(0,0,0,.7);border-color:rgba(255,255,255,.5)}.multipack-reveal__skip-button svg{width:16px;height:16px}.pack-opening-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#f9a8d4,#c084fc 50%,#a855f7);z-index:1000;display:flex;align-items:center;justify-content:center;overflow:hidden}.modal-content-area{position:relative;overflow:visible}.modal-content-area,.pack-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pack-loading{flex-direction:column}.pack-opening-overlay--multipack-loading{background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}.pack-loading--multipack{gap:16px}.pack-loading__rat-gif{width:200px;height:auto}.pack-loading__quote{font-family:var(--font-poppins),"Poppins",sans-serif;font-size:16px;font-weight:500;font-style:italic;color:#232842;text-align:center;max-width:300px;min-height:48px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.pack-loading__bar{width:200px;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden}.pack-loading__bar-fill{width:40%;height:100%;background:#232842;border-radius:4px;animation:pack-loading-slide 1.5s ease-in-out infinite}@keyframes pack-loading-slide{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.pack-animation-container{width:964px;padding:16px 32px 32px;flex-direction:column;justify-content:flex-start;gap:8px;border-radius:24px;border:var(--border-l,4px) solid var(--brand-pink-900,#ff66cc);position:relative;overflow:visible;transform-origin:center center}.pack-animation-container,.pack-animation-header{display:flex;align-items:center;background:var(--brand-pink-300,#ffc2da)}.pack-animation-header{width:100%;justify-content:flex-end;gap:12px;padding:0;min-height:48px;position:sticky;top:0;z-index:100}.pack-animation-header .skip-button-wrapper{position:relative;top:auto;right:auto;z-index:20;display:flex;align-items:center}.pack-animation-header .multipack-done-header{display:flex}@media (max-width:768px){.pack-animation-header .multipack-done-header{display:none}}.pack-header-reroll-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#b794f4;border:3px solid #232842;border-radius:16px;color:#232842;font-family:var(--font-poppins),sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 -5px 0 #232842}.pack-header-reroll-button:hover:not(:disabled){transform:translateY(-2px)}.pack-header-reroll-button:disabled{opacity:.5;cursor:not-allowed}.pack-animation-header .reroll-info-tooltip{position:relative;display:flex;align-items:center}.pack-animation-inner{width:900px;height:900px;border-radius:24px;position:relative;overflow:hidden}.pack-animation-inner--loading{position:relative}.pack-animation-inner--loading:before{content:"";position:absolute;inset:0;background:rgba(255,194,218,.85);backdrop-filter:blur(12px);border-radius:24px;z-index:50}.pack-animation-layers{position:absolute;top:0;left:0;width:100%;height:100%}.rive-layer{width:900px;height:900px;z-index:1}.rive-layer,.video-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-layer{z-index:2;pointer-events:none}.pack-video-player{position:relative;width:900px;height:900px;pointer-events:none}.video-container{position:relative;width:100%;height:100%;background:transparent;overflow:hidden}.pack-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.pack-animation-container>.skip-button{position:absolute!important;top:24px!important;right:32px!important;left:auto!important;bottom:auto!important;z-index:20;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px 8px 12px;width:115px;background:#ffd753;border:3px solid #232842;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 0 #232842;flex:none;align-self:auto;margin:0}.pack-animation-container .skip-button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #232842}.pack-animation-container .skip-button:active{transform:translateY(2px);box-shadow:0 2px 0 #232842}.pack-animation-container>.reroll-info-tooltip{position:absolute;top:38px;right:320px;z-index:20}.skip-text{font-family:var(--font-grandarena),sans-serif;font-size:16px;font-weight:700;color:#232842;letter-spacing:.05em}.card-reveal-stack{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5;padding-top:40px}.card-reveal-stack.popped{z-index:15;pointer-events:auto}.reveal-glow{position:absolute;width:320px;height:460px;background:radial-gradient(circle,rgba(139,92,246,.4) 0,rgba(59,130,246,.2) 40%,transparent 70%);border-radius:50%;filter:blur(40px);pointer-events:none}.reveal-card-stack{position:relative;width:280px;height:400px;cursor:pointer}@media (max-width:768px){.reveal-card-stack{width:220px;height:315px}}.reveal-card{position:absolute;width:100%;height:100%;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.5),0 0 20px rgba(139,92,246,.3);transform-origin:center center;background:#1a1a2e}.card-reveal-stack.popped .reveal-card{pointer-events:auto;cursor:pointer}.reveal-card.interactive{cursor:pointer}.reveal-card.interactive:hover{transform:scale(1.02)}.reveal-card-image{width:100%;height:100%;object-fit:cover;display:block;user-select:none;pointer-events:none}.card-glow-ring{top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:16px;background:linear-gradient(135deg,rgba(139,92,246,.6),rgba(59,130,246,.4),rgba(139,92,246,.6));filter:blur(8px);z-index:-1}.card-counter,.card-glow-ring{position:absolute;pointer-events:none}.card-counter{top:60px;font-size:1.5rem;font-weight:700;color:#ffffff;text-shadow:0 0 10px rgba(139,92,246,.8),0 2px 4px rgba(0,0,0,.5);letter-spacing:.05em}.card-counter,.click-hint{left:50%;transform:translateX(-50%);font-family:var(--font-poppins),sans-serif;z-index:100}.click-hint{position:absolute;bottom:60px;font-size:1rem;color:rgba(255,255,255,.6);text-align:center;pointer-events:none}.rarity-glow-common{box-shadow:0 0 30px rgba(156,163,175,.6),0 0 60px rgba(156,163,175,.3)}.rarity-glow-rare{box-shadow:0 0 30px rgba(100,221,198,.8),0 0 60px rgba(100,221,198,.4)}.rarity-glow-epic{box-shadow:0 0 30px rgba(168,85,247,.9),0 0 60px rgba(168,85,247,.5)}.rarity-glow-legendary{box-shadow:0 0 40px rgba(245,158,11,1),0 0 80px rgba(245,158,11,.6)}.pack-summary{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;padding:20px}.summary-title{font-family:var(--font-grandarena),sans-serif;font-size:3rem;color:#ffffff;text-shadow:0 0 20px rgba(255,215,83,.8),0 4px 8px rgba(0,0,0,.5);margin-bottom:24px}.summary-cards-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:800px;margin-bottom:32px}.summary-cards-grid--multipack{max-width:1000px;max-height:60vh;overflow-y:auto;gap:10px;padding:16px;background:rgba(0,0,0,.2);border-radius:16px}.summary-cards-grid--multipack .summary-card{width:90px;height:129px}.summary-card{position:relative;width:140px;height:200px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.4);cursor:pointer}.summary-card img{width:100%;height:100%;object-fit:cover}.summary-actions{display:flex;gap:16px}.summary-button{padding:14px 32px;font-family:var(--font-grandarena),sans-serif;font-size:1.25rem;font-weight:700;border-radius:999px;border:3px solid #232842;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 0 #232842}.summary-button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #232842}.summary-button:active{transform:translateY(2px);box-shadow:0 2px 0 #232842}.summary-button.primary{background:#ffd753;color:#232842}.summary-button.secondary{background:#84bcff;color:#232842}@media (max-width:1199px) and (min-width:1100px){.pack-animation-container{transform:scale(.95)}}@media (max-width:1099px) and (min-width:1000px){.pack-animation-container{transform:scale(.85)}}@media (max-width:999px) and (min-width:900px){.pack-animation-container{transform:scale(.75)}}@media (max-width:899px) and (min-width:769px){.pack-animation-container{transform:scale(.65)}}@media (max-height:999px) and (min-height:900px) and (min-width:769px){.pack-animation-container{transform:scale(.8)}.pack-animation-header{position:relative}}@media (max-height:899px) and (min-height:800px) and (min-width:769px){.pack-animation-container{transform:scale(.7)}.pack-animation-header{position:relative}}@media (max-height:799px) and (min-height:700px) and (min-width:769px){.pack-animation-container{transform:scale(.65)}.pack-animation-header{position:relative}}@media (max-height:699px) and (min-height:650px) and (min-width:769px){.pack-animation-container{transform:scale(.55)}.pack-animation-header{position:relative}}@media (max-width:768px){.modal-content-area{width:100vw;height:100dvh;padding:0;@supports not (height:100dvh){height:100vh}}.pack-animation-container{width:100vw;height:100dvh;padding:max(56px,env(safe-area-inset-top)) 0 0;border:none;border-radius:0;background:transparent;max-width:none;@supports not (height:100dvh){height:100vh}}.pack-animation-inner{--safe-top:max(96px,env(safe-area-inset-top,0px));--safe-bottom:max(60px,env(safe-area-inset-bottom,0px));--available-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));aspect-ratio:351/501;max-height:var(--available-height);max-width:calc(var(--available-height) * (351 / 501));width:calc(100vw - 24px);height:auto;margin:0 12px;border-radius:24px;overflow:hidden;background:transparent;@supports not (height:100dvh){--available-height:calc(100vh - var(--safe-top) - var(--safe-bottom))}}.pack-animation-layers{position:relative;width:100%;height:100%;background:transparent}.rive-layer{top:15px;z-index:1}.rive-layer,.video-layer{width:100%;height:100%;transform:none;left:0;position:absolute;background:transparent}.video-layer{top:0;z-index:2}.pack-video,.pack-video-player,.video-container{width:100%;height:100%;background:transparent}.pack-video{object-fit:cover;border-radius:24px}.rive-card-reveal{overflow:hidden}.rive-canvas,.rive-card-reveal{width:100%;height:100%;max-width:calc(var(--available-height, 501px) * (351 / 501));max-height:var(--available-height,501px);aspect-ratio:351/501;border-radius:24px}.pack-animation-header{position:fixed;top:max(12px,env(safe-area-inset-top));right:16px;left:16px;width:auto;z-index:100;min-height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:0 2px;background:transparent!important;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0)}.pack-animation-header .reroll-info-tooltip{display:none!important}.pack-animation-header .skip-button-wrapper{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;isolation:isolate}.pack-animation-header .skip-button-wrapper:only-child{margin-left:auto}.pack-animation-header .skip-button-wrapper>button{width:auto!important;transform:scale(.93);transform-origin:top right}.pack-animation-container .skip-button{top:max(12px,env(safe-area-inset-top));right:16px;padding:6px 12px 6px 8px;width:100px}.pack-header-reroll-button{padding:10px 16px;font-size:12px}.skip-text{font-size:14px}.pack-animation-container>.reroll-info-tooltip{top:max(16px,env(safe-area-inset-top));right:auto;left:16px}.card-counter{top:40px;font-size:1.25rem}.click-hint{bottom:40px;font-size:.875rem}.summary-title{font-size:2rem}.summary-card{width:100px;height:143px}.summary-button{padding:10px 24px;font-size:1rem}}.card-focus-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);z-index:2000}.card-focus-close,.card-focus-overlay{display:flex;align-items:center;justify-content:center;cursor:pointer}.card-focus-close{position:absolute;top:24px;right:24px;width:48px;height:48px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:white;transition:all .2s ease;z-index:10}.card-focus-close:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:scale(1.1)}.card-focus-container{display:flex;flex-direction:column;align-items:center;gap:24px;cursor:default;perspective:1000px}.card-focus-card{position:relative;width:350px;height:500px;border-radius:20px;overflow:hidden;transform-style:preserve-3d;will-change:transform}.card-focus-image{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.card-focus-shine{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.card-focus-info{display:flex;flex-direction:column;align-items:center;gap:8px}.card-focus-name{font-family:var(--font-grandarena),sans-serif;font-size:2rem;font-weight:700;color:#ffffff;text-shadow:0 2px 10px rgba(0,0,0,.5);margin:0}.card-focus-rarity{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.card-focus-rarity,.card-focus-series{font-family:var(--font-poppins),sans-serif}.card-focus-series{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.7);font-style:italic}@media (max-width:768px){.card-focus-card{width:280px;height:400px}.card-focus-close{top:16px;right:16px;width:40px;height:40px}.card-focus-name{font-size:1.5rem}.card-focus-rarity{font-size:1rem}}.rive-card-reveal{position:relative;width:100%;height:100%;overflow:hidden}.rive-canvas{display:block;width:100%;height:100%}.rive-card-reveal--error{gap:16px}.rive-card-reveal--error,.rive-card-reveal__loading{flex-direction:column;color:white;font-family:var(--font-poppins),sans-serif}.rive-card-reveal__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,.5);font-size:1.25rem}.rive-card-reveal__loading-assets{color:rgba(255,255,255,.6);font-size:.75rem}.rive-carousel{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:20}.rive-carousel--fallback{flex-direction:column;gap:24px;padding:20px}.rive-carousel__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;max-height:60vh;overflow-y:auto;padding:16px;background:rgba(0,0,0,.3);border-radius:16px}.rive-carousel__card{width:100px;height:143px;border-radius:8px;overflow:hidden;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.rive-carousel__card:hover{transform:scale(1.05)}.rive-carousel__card img{width:100%;height:100%;object-fit:cover}.rive-carousel__close{padding:12px 28px;font-family:var(--font-grandarena),sans-serif;font-size:1.125rem;font-weight:700;background:#84bcff;color:#232842;border:3px solid #232842;border-radius:999px;cursor:pointer;box-shadow:0 4px 0 #232842}.rive-carousel__close:hover{transform:translateY(-2px);box-shadow:0 6px 0 #232842}.rarity-text-common{color:#9ca3af}.rarity-text-rare{color:#3b82f6}.rarity-text-epic{color:#a855f7}.rarity-text-legendary{color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.6)}@media (max-width:768px){.rive-carousel__grid{max-height:50vh;gap:8px}.rive-carousel__card{width:80px;height:114px}.summary-cards-grid--multipack .summary-card{width:70px;height:100px}}@media (min-width:1024px){.card-focus-overlay,.pack-opening-overlay{zoom:.909090909}.card-focus-container,.modal-content-area{zoom:1.1}}.box-opening-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#f9a8d4,#c084fc 50%,#a855f7);z-index:1000;overflow:hidden}.box-modal-content-area,.box-opening-overlay{display:flex;align-items:center;justify-content:center}.box-modal-content-area{position:relative;width:900px;height:800px;max-width:95vw;max-height:95vh}.box-opening-overlay--loading{background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}.box-loading{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.box-loading__rat-gif{width:200px;height:auto}.box-loading__quote{font-family:var(--font-poppins),"Poppins",sans-serif;font-size:16px;font-weight:500;font-style:italic;color:#232842;text-align:center;max-width:300px;min-height:48px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.box-loading__bar{width:200px;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden}.box-loading__bar-fill{width:40%;height:100%;background:#232842;border-radius:4px;animation:box-loading-slide 1.5s ease-in-out infinite}@keyframes box-loading-slide{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.box-loading-text{color:white;font-size:1.5rem}.box-loading-status,.box-loading-text{font-family:var(--font-poppins),sans-serif}.box-loading-status{color:rgba(255,255,255,.6);font-size:.875rem;margin-top:8px}.box-animation-container{display:flex;width:964px;padding:16px 32px 32px;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;border-radius:24px;border:var(--border-l,4px) solid var(--brand-pink-900,#ff66cc);background:var(--brand-pink-300,#ffc2da);position:relative}.box-animation-header{display:flex;width:100%;justify-content:flex-end;align-items:center;padding:0;min-height:48px}.box-animation-header .box-skip-button-wrapper{position:relative;top:auto;right:auto;z-index:20;display:flex;align-items:center}.box-animation-inner{width:900px;height:900px;border-radius:24px;position:relative;overflow:hidden;background:transparent}.box-animation-inner--loading{position:relative}.box-animation-inner--loading:before{content:"";position:absolute;inset:0;background:rgba(255,194,218,.85);backdrop-filter:blur(12px);border-radius:24px;z-index:50}.box-video-player{position:relative;width:900px;height:900px;pointer-events:none;display:flex;align-items:center;justify-content:center}.box-video-player .video-container{position:relative;width:100%;height:100%;background:transparent;overflow:hidden}.box-video-player .box-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.box-modal-content-area>.box-skip-button-wrapper{position:fixed;top:24px;right:32px;z-index:110}.box-animation-container>.box-skip-button{position:absolute!important;top:32px!important;right:32px!important;left:auto!important;bottom:auto!important;z-index:20;display:flex;align-items:center;gap:6px;padding:8px 16px 8px 12px;background:#ffd753;border:3px solid #232842;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 0 #232842;flex:none;align-self:auto;margin:0}.box-animation-container .box-skip-button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #232842}.box-animation-container .box-skip-button:active{transform:translateY(2px);box-shadow:0 2px 0 #232842}.box-skip-text{font-family:var(--font-grandarena),sans-serif;font-size:16px;font-weight:700;color:#232842;letter-spacing:.05em}.box-modal-content-area>.box-skip-button{position:fixed;top:32px;right:32px;z-index:110;display:flex;align-items:center;gap:6px;padding:8px 16px 8px 12px;background:#ffd753;border:3px solid #232842;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 0 #232842}.box-modal-content-area>.box-skip-button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #232842}.box-modal-content-area>.box-skip-button:active{transform:translateY(2px);box-shadow:0 2px 0 #232842}.box-white-fade{position:fixed;inset:0;background:white;z-index:1001;pointer-events:none}.box-white-flash{position:absolute;inset:0;background:white;animation:box-flash-in-out .4s ease-out forwards;z-index:10;border-radius:24px}@keyframes box-flash-in-out{0%{opacity:0}30%{opacity:1}to{opacity:0}}.box-persistent-background{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:24px;overflow:hidden}.box-layered-animation{position:relative}.box-video-layer{position:absolute;inset:0;z-index:1}.box-rive-layer{inset:0;z-index:2}.box-rive-layer,.box-tap-hint{position:absolute;pointer-events:none}.box-tap-hint{bottom:60px;left:50%;transform:translateX(-50%);z-index:10;padding:12px 24px;background:rgba(35,40,66,.8);color:white;font-family:var(--font-poppins),sans-serif;font-size:1rem;font-weight:500;border-radius:999px;animation:box-tap-hint-pulse 2s ease-in-out infinite}@keyframes box-tap-hint-pulse{0%,to{opacity:.8;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.05)}}.box-reveal-container{display:flex;width:964px;padding:32px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:24px;border:var(--border-l,4px) solid var(--brand-pink-900,#ff66cc);background:var(--brand-pink-300,#ffc2da);position:relative}.box-reveal-inner{width:900px;height:900px}.box-reveal-inner,.box-summary{border-radius:24px;position:relative;overflow:hidden}.box-summary{z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.box-summary-background{position:absolute;inset:0;z-index:0;border-radius:24px;overflow:hidden}.box-summary-title{font-family:var(--font-grandarena),sans-serif;font-size:2.5rem;color:#ffffff;text-shadow:0 0 20px rgba(255,215,83,.8),0 4px 8px rgba(0,0,0,.5);margin-bottom:20px}.box-summary-items-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;max-width:700px;margin-bottom:32px;padding:40px 20px}.box-summary-item{position:relative;width:180px;height:230px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.4);cursor:pointer;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2)}.box-summary-item img{top:16px!important;left:16px!important;right:16px!important;bottom:16px!important;width:calc(100% - 32px)!important;height:calc(100% - 32px)!important;object-fit:contain}.box-summary-item-label{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:white;font-family:var(--font-poppins),sans-serif;font-size:.75rem;text-align:center}.box-summary-item-type{font-size:.625rem;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.box-summary-item-legendary{color:#ffd753;opacity:1;font-weight:600;text-shadow:0 0 8px rgba(255,215,83,.6)}.box-summary-actions{display:flex;gap:16px}.box-summary-button{padding:14px 32px;font-family:var(--font-grandarena),sans-serif;font-size:1.25rem;font-weight:700;border-radius:999px;border:3px solid #232842;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 0 #232842}.box-summary-button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #232842}.box-summary-button:active{transform:translateY(2px);box-shadow:0 2px 0 #232842}.box-summary-button.primary{background:#ffd753;color:#232842}.box-summary-button.secondary{background:#84bcff;color:#232842}.box-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px}.box-error-message{color:white;font-size:1.25rem;font-family:var(--font-poppins),sans-serif;text-align:center;max-width:400px}@media (max-width:768px){.box-opening-overlay{background:rgba(0,0,0,.9)}.box-modal-content-area{width:100vw;height:100vh;max-width:100vw;max-height:100vh}.box-animation-container,.box-reveal-container{width:100%;max-width:100vw;padding:0;border:none;background:transparent;border-radius:0}.box-animation-inner,.box-reveal-inner{--safe-top:max(96px,env(safe-area-inset-top,0px));--safe-bottom:max(60px,env(safe-area-inset-bottom,0px));--available-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));aspect-ratio:351/501;max-height:var(--available-height);max-width:calc(var(--available-height) * (351 / 501));width:calc(100vw - 24px);height:auto;margin:0 12px;border-radius:24px;overflow:hidden;@supports not (height:100dvh){--available-height:calc(100vh - var(--safe-top) - var(--safe-bottom))}}.box-video-player{width:100%;height:100%;aspect-ratio:351/501}.box-video-player .box-video{object-fit:cover}.box-animation-header{position:fixed;top:max(12px,env(safe-area-inset-top));right:16px;left:16px;width:auto;z-index:100;min-height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:0 2px;background:transparent!important}.box-animation-header,.box-animation-header .box-skip-button-wrapper{isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0)}.box-animation-header .box-skip-button-wrapper{position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden}.box-animation-header .box-skip-button-wrapper:only-child{margin-left:auto}.box-animation-header .box-skip-button-wrapper>button{width:auto!important;transform:scale(.93);transform-origin:top right}.box-animation-container .box-skip-button{top:10px;right:10px;padding:6px 12px 6px 8px}.box-skip-text{font-size:14px}.box-summary-title{font-size:2rem}.box-summary-item{width:110px;height:145px}.box-summary-item img{top:10px!important;left:10px!important;right:10px!important;bottom:10px!important;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important}.box-summary-button{padding:10px 24px;font-size:1rem}.box-tap-hint{bottom:40px;padding:8px 16px;font-size:.875rem}}@media (min-width:1024px){.box-opening-overlay{zoom:.909090909}.box-modal-content-area{zoom:1.1}}