/* MasterPacks / eight worlds / continuous scroll camera */
.mp-intro{--intro-ink:#f8f5ff;--intro-muted:#c2bbd5;--intro-accent:#c2a1ff;position:relative;isolation:isolate;background:#090a17;color:var(--intro-ink);font-family:inherit}.mp-intro *{box-sizing:border-box}.mp-intro [hidden]{display:none}.mp-intro-stage{position:relative;overflow:hidden;background:#070b19}.mp-intro-scene{position:relative;min-height:850px;min-height:100svh;display:flex;align-items:center;padding:100px max(7vw,70px) 120px;isolation:isolate;overflow:hidden}.mp-intro-background{position:absolute;inset:-5%;z-index:-3;background-position:center;background-size:cover;transform:translate3d(calc(var(--intro-x,0px)*.15),calc(var(--intro-y,0px)*.15),0) scale(1.08);opacity:var(--scene-bg,1);will-change:transform,opacity}.mp-intro-background::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03071399,transparent 80%),linear-gradient(0deg,#05091880,transparent 35%)}
.mp-intro-background--masterpacks{background-image:url('../images/intro/masterpacks.svg?v=cinema-v9')}.mp-intro-background--one-piece{background-image:url('../images/intro/one-piece.svg')}.mp-intro-background--pokemon{background-image:url('../images/intro/pokemon.svg')}.mp-intro-background--cyberpunk{background-image:url('../images/intro/cyberpunk.svg')}.mp-intro-background--palworld{background-image:url('../images/intro/palworld.svg')}.mp-intro-background--riftbound{background-image:url('../images/intro/riftbound.svg')}.mp-intro-background--dragon-ball{background-image:url('../images/intro/dragon-ball.svg')}.mp-intro-background--merchandising{background-image:url('../images/intro/merchandising.svg')}
.mp-intro-copy{position:relative;z-index:4;width:48%;max-width:650px;opacity:var(--scene-copy,1);transform:translate3d(0,var(--scene-copy-y,0px),0);filter:blur(var(--scene-copy-blur,0px));will-change:transform,opacity}.mp-intro-kicker{display:block;font:600 10px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--intro-accent);margin-bottom:25px}.mp-intro-copy h2{color:inherit;margin:0 0 25px;font-size:clamp(48px,5.7vw,86px);line-height:1.02;letter-spacing:-.055em;font-weight:800;text-wrap:balance;text-shadow:0 5px 35px #02071444}.mp-intro-copy h2 em{font-style:normal;color:var(--intro-accent)}.mp-intro-copy p{max-width:430px;font-size:16px;line-height:1.85;color:var(--intro-muted);margin:0 0 30px}.mp-intro-spark{display:inline-block;font-size:.4em;color:var(--intro-accent);vertical-align:top;padding:0 0 0 12px}.mp-intro-actions{display:flex;gap:12px;flex-wrap:wrap}.mp-intro-button,.mp-intro-discover{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:50px;padding:15px 23px;border-radius:99px;border:1px solid #fff3;text-decoration:none;font-family:inherit;font-size:12px;font-weight:650;line-height:1.5;cursor:pointer;transition:background .2s,transform .2s}.mp-intro-button{background:#f0e5ff;color:#211636;box-shadow:0 8px 30px #0002}.mp-intro-button:hover{background:#fff;transform:translateY(-2px);color:#211636}.mp-intro-discover{background:#ffffff0c;backdrop-filter:blur(16px);color:#f9f2ff}.mp-intro-discover:hover{background:#fff2}.mp-intro a:focus-visible,.mp-intro button:focus-visible{outline:2px solid #dfcbff;outline-offset:5px}.mp-intro-logo-wrap{position:absolute;width:min(49vw,690px);height:min(49vw,690px);right:1%;top:50%;z-index:2;opacity:var(--scene-product,1);transform:translate3d(var(--scene-camera-x,0px),calc(-50% + var(--scene-camera-y,0px)),0) scale(var(--scene-scale,1));will-change:transform,opacity;pointer-events:none}.mp-intro-logo{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 35px #9963f744);animation:mpLogoFloat 8s ease-in-out infinite}
.mp-intro-art{position:absolute;left:51%;right:3%;top:15%;bottom:14%;z-index:3;pointer-events:none;opacity:var(--scene-product,1);transform:translate3d(var(--scene-camera-x,0px),var(--scene-camera-y,0px),0) scale(var(--scene-scale,1)) rotateY(var(--scene-rotation,0deg));filter:blur(var(--scene-product-blur,0px));will-change:transform,opacity;perspective:1200px}.mp-intro-product{position:absolute;display:block;text-decoration:none;pointer-events:auto;transform:translate3d(calc(var(--intro-x,0px)*1.4),calc(var(--intro-y,0px)*1.4),0) rotate(var(--card-r,8deg));width:clamp(190px,22vw,330px);left:30%;top:12%;filter:drop-shadow(0 25px 32px #02081780)}.mp-intro-product>span{display:block;animation:mpProductFloat 7s ease-in-out infinite;animation-delay:calc(var(--card-i)*-1.5s);border-radius:14px;background:linear-gradient(145deg,#ffffff44,#ffffff08);padding:5px;box-shadow:inset 0 0 0 1px #ffffff60,0 0 60px #b689e01a;backdrop-filter:blur(8px)}.mp-intro-product img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#fff;border-radius:10px}.mp-intro-product--1{width:clamp(100px,11vw,175px);left:1%;top:0;--card-r:-14deg;z-index:-1;filter:drop-shadow(0 20px 25px #0005) blur(.3px)}.mp-intro-product--2{width:clamp(90px,10vw,160px);left:3%;top:auto;bottom:-4%;--card-r:-8deg}.mp-intro-product:hover{filter:drop-shadow(0 0 24px #ddadff55)}
.mp-intro-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--scene-bg,1);overflow:hidden}.mp-intro-atmosphere::before,.mp-intro-atmosphere::after{content:'';position:absolute;pointer-events:none}.mp-intro-atmosphere::before{inset:-40%;background:conic-gradient(from 20deg at 70% 55%,transparent 0deg,#c3a3ff09 22deg,transparent 35deg,#ac94ff10 48deg,transparent 65deg);animation:mpBeams 60s linear infinite}.mp-intro-atmosphere::after{inset:0;background:radial-gradient(ellipse at 75% 60%,#a27be515,transparent 55%);animation:mpAura 7s ease-in-out infinite}.mp-intro-particles{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none;opacity:var(--scene-bg,1)}.mp-intro-particles i{position:absolute;left:calc(mod(var(--i)*73,100)*1%);left:calc(var(--i)*4.7%);bottom:-20px;width:3px;height:3px;border-radius:50%;background:var(--intro-accent);box-shadow:0 0 8px currentColor;opacity:0;animation:mpMote calc(10s + var(--i)*.35s) linear infinite;animation-delay:calc(var(--i)*-.9s)}
.mp-intro-scene[data-intro-world="one-piece"]{--intro-accent:#ffdeae;--intro-muted:#e4ece5}.mp-intro-scene[data-intro-world="one-piece"] .mp-intro-atmosphere::after{inset:60% -15% -20%;background:repeating-radial-gradient(ellipse at 80% 90%,transparent 0 45px,#9bf6f018 46px 48px,transparent 49px 100px);animation:mpWaves 10s ease-in-out infinite}.mp-intro-scene[data-intro-world="one-piece"] .mp-intro-particles i{width:12px;height:1px;opacity:.3;background:#d5fff4;animation-name:mpWind}.mp-intro-scene[data-intro-world="pokemon"]{--intro-accent:#ffe6a0;--intro-muted:#e1ebdf}.mp-intro-scene[data-intro-world="pokemon"] .mp-intro-particles i{background:#f8f7a3;box-shadow:0 0 14px #ffff9b}.mp-intro-scene[data-intro-world="cyberpunk"]{--intro-accent:#e9ff53;--intro-muted:#c7e3e5}.mp-intro-scene[data-intro-world="cyberpunk"] .mp-intro-atmosphere::after{background:repeating-linear-gradient(0deg,transparent 0 5px,#92ffff06 6px 7px);animation:mpScan 10s linear infinite}.mp-intro-scene[data-intro-world="cyberpunk"] .mp-intro-particles i{width:1px;height:65px;background:#8ae7f3;border-radius:0;transform:skew(-12deg);animation:mpRain 1.7s linear infinite;animation-delay:calc(var(--i)*-.07s)}.mp-intro-scene[data-intro-world="cyberpunk"] .mp-intro-kicker{letter-spacing:.25em}.mp-intro-scene[data-intro-world="palworld"]{--intro-accent:#caffcb;--intro-muted:#e0f0e7}.mp-intro-scene[data-intro-world="palworld"] .mp-intro-atmosphere::after{inset:35% -40% -20%;background:radial-gradient(ellipse at 30% 60%,#d8ffe51c,transparent 45%);animation:mpClouds 25s ease-in-out infinite}.mp-intro-scene[data-intro-world="riftbound"]{--intro-accent:#a8d8ff;--intro-muted:#c4cff0}.mp-intro-scene[data-intro-world="riftbound"] .mp-intro-atmosphere::after{width:450px;height:450px;left:calc(69% - 225px);top:calc(45% - 225px);border:1px dashed #82cfff77;border-radius:50%;box-shadow:0 0 45px #a383ff44,inset 0 0 50px #92aeff22;background:none;animation:mpBeams 45s linear infinite}.mp-intro-scene[data-intro-world="dragon-ball"]{--intro-accent:#ffdaa3;--intro-muted:#ffe3c4}.mp-intro-scene[data-intro-world="dragon-ball"] .mp-intro-atmosphere::before{background:repeating-conic-gradient(from 5deg at 70% 45%,transparent 0 7deg,#ffe2a00d 8deg 10deg,transparent 11deg 20deg);animation:mpAura 4s ease-in-out infinite}.mp-intro-scene[data-intro-world="merchandising"]{--intro-accent:#ffc1e6;--intro-muted:#e3d2e4}.mp-intro-scene[data-intro-world="merchandising"] .mp-intro-atmosphere::before{background:linear-gradient(118deg,transparent 35%,#ffd8f610 40%,transparent 45%,transparent 62%,#e3b9ff0c 67%,transparent 72%);animation:mpClouds 22s ease-in-out infinite}
.mp-intro-nav{position:absolute;left:25px;bottom:30px;z-index:10;display:flex;flex-direction:column;gap:2px}.mp-intro-nav button{display:flex;align-items:center;gap:10px;padding:7px 0;color:#e1d9ef;border:0;background:none;font:500 9px/1.4 ui-monospace,monospace;text-align:left;cursor:pointer}.mp-intro-nav button::before{content:'';width:13px;height:1px;background:currentColor;opacity:.35;transition:width .3s}.mp-intro-nav button span+span{opacity:0;transform:translateX(-5px);transition:opacity .3s,transform .3s}.mp-intro-nav button[aria-current]::before{width:29px;opacity:1}.mp-intro-nav button[aria-current] span+span,.mp-intro-nav button:hover span+span{opacity:1;transform:none}.mp-intro-nav img{display:block;width:65px;height:25px;object-fit:cover;object-position:center 85%;mix-blend-mode:screen}.mp-intro-skip{position:absolute;right:28px;bottom:28px;z-index:10;display:flex;align-items:center;gap:24px;padding:11px 18px;font-size:11px;color:#f0ebf7;border:1px solid #ffffff33;border-radius:99px;background:#0d0c1c55;backdrop-filter:blur(16px);text-decoration:none}.mp-intro-progress{position:absolute;bottom:0;left:0;right:0;height:3px;z-index:12;background:#fff1}.mp-intro-progress>span{display:block;height:100%;background:linear-gradient(90deg,#7565d5,#efb8ff);transform:scaleX(var(--intro-progress,0));transform-origin:left}.mp-intro-scroll{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);z-index:7;color:#eee4f8;font:500 9px/1.5 ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;opacity:var(--scene-copy,1)}.mp-intro-scroll>span{display:block;text-align:center;font-size:24px;margin-bottom:8px;animation:mpScrollHint 2s ease-in-out infinite}
.mp-intro.is-enhanced{height:calc(var(--intro-steps)*165svh)}.mp-intro.is-enhanced .mp-intro-stage{position:sticky;top:0;height:100svh;min-height:580px}.mp-intro.is-enhanced .mp-intro-scene{position:absolute;inset:0;min-height:0;height:100%;visibility:hidden;pointer-events:none;overflow:visible}.mp-intro.is-enhanced .mp-intro-scene.is-near{visibility:visible}.mp-intro.is-enhanced .mp-intro-scene:not(.is-active) .mp-intro-copy,.mp-intro.is-enhanced .mp-intro-scene:not(.is-active) .mp-intro-art{pointer-events:none}.mp-intro.is-enhanced .mp-intro-scene:not(.is-near) *{animation-play-state:paused}.mp-intro:not(.is-enhanced) .mp-intro-nav,.mp-intro:not(.is-enhanced) .mp-intro-skip,.mp-intro:not(.is-enhanced) .mp-intro-scroll{display:none}.mp-intro-noise,.mp-intro-orbit{display:none}
@keyframes mpLogoFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(1deg)}}@keyframes mpProductFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes mpBeams{to{transform:rotate(360deg)}}@keyframes mpAura{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes mpMote{0%{transform:translate3d(0,0,0);opacity:0}15%,75%{opacity:.65}100%{transform:translate3d(50px,-85vh,0);opacity:0}}@keyframes mpRain{from{transform:translateY(-110vh) rotate(12deg);opacity:0}15%,80%{opacity:.22}to{transform:translateY(15vh) rotate(12deg);opacity:0}}@keyframes mpWind{from{transform:translateX(30vw);opacity:0}30%,80%{opacity:.25}to{transform:translateX(-90vw);opacity:0}}@keyframes mpWaves{50%{transform:translateX(-55px) translateY(15px)}}@keyframes mpClouds{50%{transform:translateX(-80px)}}@keyframes mpScan{to{transform:translateY(70px)}}@keyframes mpScrollHint{50%{transform:translateY(6px)}}
@media(max-width:1000px){.mp-intro-scene{padding:85px 8vw 120px}.mp-intro-copy{width:49%}.mp-intro-copy h2{font-size:58px}.mp-intro-copy p{font-size:13px}.mp-intro-art{left:52%;right:1%;top:23%;bottom:20%}.mp-intro-logo-wrap{right:-3%;width:52vw;height:52vw}.mp-intro-nav button span+span{display:none}.mp-intro-nav{left:20px}}
@media(max-width:600px){.mp-intro.is-enhanced .mp-intro-stage{min-height:620px}.mp-intro-scene{padding:75px 25px 130px;align-items:flex-start;min-height:850px}.mp-intro-copy{width:100%;max-width:100%;z-index:5}.mp-intro-copy h2{font-size:clamp(38px,11vw,52px);line-height:1.05;max-width:350px;margin-bottom:18px}.mp-intro-copy p{font-size:12px;max-width:310px;line-height:1.7;margin-bottom:22px}.mp-intro-kicker{font-size:8px;margin-bottom:16px;letter-spacing:.1em}.mp-intro-actions{gap:8px}.mp-intro-button,.mp-intro-discover{padding:11px 15px;min-height:43px;font-size:10px;gap:13px}.mp-intro-logo-wrap{top:70%;width:87vw;height:87vw;right:5%;max-height:370px}.mp-intro-art{left:22%;right:7%;top:48%;bottom:16%}.mp-intro-product{width:155px;left:30%;top:0}.mp-intro-product--1{width:85px;left:-17%;top:-7%}.mp-intro-product--2{width:78px;left:-14%;bottom:-5%}.mp-intro-background{inset:-3% -50%;background-position:65% center}.mp-intro-background::after{background:linear-gradient(0deg,#03071355,transparent 40%),linear-gradient(180deg,#050b20bb,transparent 60%)}.mp-intro-scene[data-intro-world="masterpacks"] .mp-intro-copy h2{font-size:45px}.mp-intro-nav{left:22px;right:22px;bottom:65px;flex-direction:row;justify-content:space-between;gap:5px}.mp-intro-nav button{gap:4px;font-size:8px;padding:8px 0}.mp-intro-nav button::before{width:4px}.mp-intro-nav button[aria-current]::before{width:11px}.mp-intro-nav button span+span{display:none}.mp-intro-skip{right:20px;bottom:18px;padding:9px 13px;font-size:9px;gap:12px}.mp-intro-scroll{left:24px;bottom:27px;transform:none;font-size:8px;max-width:160px;letter-spacing:.06em}.mp-intro-scroll>span{display:inline;margin-right:8px;font-size:15px}.mp-intro-scene[data-intro-world="riftbound"] .mp-intro-atmosphere::after{width:300px;height:300px;left:calc(65% - 150px);top:50%}}
@media(max-height:580px) and (min-width:601px){.mp-intro.is-enhanced .mp-intro-stage{min-height:0}.mp-intro-scene{padding-top:50px;padding-bottom:70px}.mp-intro-copy h2{font-size:44px}.mp-intro-copy p{font-size:12px;margin-bottom:15px}.mp-intro-kicker{margin-bottom:13px}.mp-intro-nav{flex-direction:row;gap:10px;bottom:22px}.mp-intro-nav button span+span,.mp-intro-scroll{display:none}.mp-intro-product{width:160px}.mp-intro-product--1,.mp-intro-product--2{width:80px}}
@media(prefers-reduced-motion:reduce){.mp-intro *{animation:none;transition:none}.mp-intro-background,.mp-intro-copy,.mp-intro-art{transform:none;filter:none}.mp-intro-particles{display:none}}

/* Transparent product photography and authored foreground depth. */
.mp-intro-product>span{background:none;border:0;padding:0;border-radius:0;box-shadow:none;backdrop-filter:none}.mp-intro-product img{background:none;border-radius:0;aspect-ratio:auto;max-height:58vh;object-fit:contain}.mp-intro-product{width:clamp(220px,27vw,420px);left:29%;top:8%;filter:drop-shadow(0 25px 22px #0007)}.mp-intro-product--1{width:clamp(130px,14vw,220px);left:-4%;top:-1%;--card-r:-14deg;filter:drop-shadow(0 18px 20px #0005)}.mp-intro-art--welcome{inset:0;z-index:1;pointer-events:none}.mp-intro-art--welcome .mp-intro-product{pointer-events:none;width:100px;left:60%;top:7%;opacity:.8;--card-r:-14deg}.mp-intro-art--welcome .mp-intro-product--1{left:auto;right:4%;top:8%;width:120px;--card-r:12deg}.mp-intro-art--welcome .mp-intro-product--2{left:52%;top:auto;bottom:14%;width:95px;--card-r:-13deg}.mp-intro-art--welcome .mp-intro-product--3{left:auto;right:3%;top:auto;bottom:12%;width:110px;--card-r:10deg}.mp-intro-cursor-glow{position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse at 70% 50%,#c5adff07,transparent 60%);mix-blend-mode:screen;transform:translate3d(calc(var(--intro-x,0px)*2),calc(var(--intro-y,0px)*2),0)}
@media(max-width:600px){.mp-intro-product{width:190px;left:20%;top:1%}.mp-intro-product--1{width:105px;left:-20%;top:-3%}.mp-intro-art{left:27%;right:7%;top:49%;bottom:15%}.mp-intro-product img{max-height:36vh}.mp-intro-art--welcome{inset:0}.mp-intro-art--welcome .mp-intro-product{width:60px;left:11%;top:auto;bottom:13%;opacity:.5}.mp-intro-art--welcome .mp-intro-product--1{right:5%;left:auto;top:53%;width:70px}.mp-intro-art--welcome .mp-intro-product--2,.mp-intro-art--welcome .mp-intro-product--3{display:none}}

/* Hover/focus information follows each physical product, not a separate card frame. */
.mp-intro-product{isolation:isolate;z-index:3}.mp-intro-product>.mp-intro-tooltip{position:absolute;display:block;top:calc(100% + 12px);left:50%;transform:translate(-50%,6px) rotate(calc(var(--card-r,8deg)*-1));width:220px;max-width:45vw;padding:13px 15px;border:1px solid #ffffff30;border-radius:12px;background:#0b1024e8;backdrop-filter:blur(20px);box-shadow:0 10px 35px #0006;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;animation:none;pointer-events:none;text-align:left;z-index:20;color:#fff}.mp-intro-tooltip strong{display:block;font-size:11px;line-height:1.5;font-weight:500}.mp-intro-tooltip b{display:block;font-size:17px;line-height:1.3;color:var(--intro-accent);margin-top:6px}.mp-intro-product:focus-visible>.mp-intro-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0) rotate(calc(var(--card-r,8deg)*-1))}.mp-intro-product:hover>span:first-child,.mp-intro-product:focus-visible>span:first-child{animation-play-state:paused}.mp-intro-art--welcome [data-intro-random-product]{left:var(--hero-left,0);top:var(--hero-top,0);right:auto;bottom:auto;width:var(--hero-size,100px);opacity:.9;--card-r:0deg;pointer-events:auto}.mp-intro-art--welcome [data-intro-random-product]:hover{opacity:1}.mp-intro-art--welcome [data-intro-random-product] img{max-height:180px}.mp-intro-art--welcome [data-intro-random-product] .mp-intro-tooltip{max-width:220px;width:220px}.mp-intro-art--welcome [data-intro-random-product][hidden]{display:none}
@media(hover:none){.mp-intro-product--0>.mp-intro-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0) rotate(calc(var(--card-r,8deg)*-1));width:190px;font-size:10px}.mp-intro-tooltip b{font-size:13px}.mp-intro-tooltip strong{font-size:9px}.mp-intro-art--welcome .mp-intro-tooltip{display:none}}

@media(min-width:1001px){.mp-intro-nav{flex-direction:row;align-items:center;gap:14px;bottom:27px;max-width:560px}.mp-intro-nav button{gap:7px}.mp-intro-nav button span+span{display:none}.mp-intro-nav button[aria-current] span+span{display:inline-block;opacity:1}.mp-intro-nav button::before{width:7px}.mp-intro-nav button[aria-current]::before{width:18px}}

/* Six available catalog products per world, arranged at distinct depths. */
.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--0{left:28%;top:24%;width:clamp(175px,21vw,310px);z-index:4}.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--1{left:-1%;top:-4%;width:clamp(85px,10vw,145px);z-index:2}.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--2{left:auto;right:-1%;top:-3%;bottom:auto;width:clamp(80px,9vw,135px);--card-r:13deg;z-index:2}.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--3{left:-1%;top:auto;bottom:-4%;width:clamp(80px,10vw,145px);--card-r:-9deg;z-index:3}.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--4{left:auto;right:-3%;top:auto;bottom:-4%;width:clamp(80px,9vw,130px);--card-r:12deg;z-index:3}.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--5{left:38%;right:auto;top:-12%;width:clamp(65px,8vw,115px);--card-r:-4deg;z-index:1}.mp-intro-product img[data-intro-cutout=pending]{opacity:0}.mp-intro-product img{transition:opacity .2s}.mp-intro-product:hover,.mp-intro-product:focus-visible{z-index:30}.mp-intro-product--3>.mp-intro-tooltip,.mp-intro-product--4>.mp-intro-tooltip{top:auto;bottom:calc(100% + 10px)}.mp-intro-product--2>.mp-intro-tooltip,.mp-intro-product--4>.mp-intro-tooltip{left:auto;right:0;transform:translateY(6px) rotate(calc(var(--card-r,8deg)*-1))}.mp-intro-product--2:hover>.mp-intro-tooltip,.mp-intro-product--4:hover>.mp-intro-tooltip{transform:translateY(0) rotate(calc(var(--card-r,8deg)*-1))}
@media(max-width:600px){.mp-intro-art:not(.mp-intro-art--welcome){left:22%;right:7%;top:49%;bottom:15%}.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--0{left:27%;top:23%;width:120px}.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--1{left:-9%;top:-6%;width:65px}.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--2{right:-5%;top:-4%;width:65px}.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--3{left:-11%;bottom:-10%;width:65px}.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--4{right:-8%;bottom:-9%;width:65px}.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--5{left:38%;top:-18%;width:55px}.mp-intro-product--0>.mp-intro-tooltip{width:170px;max-width:170px;top:calc(100% + 8px);padding:8px 10px}.mp-intro-product img{max-height:30vh}}

.mp-intro-tooltip small{display:block;margin-top:6px;font-size:9px;color:#c4bcda}
.mp-intro.is-enhanced .mp-intro-scene.is-active .mp-intro-copy{pointer-events:auto}
@media(hover:none){.mp-intro-art--welcome .mp-intro-product.is-info-open>.mp-intro-tooltip{display:block}}

.mp-intro-product.is-info-open{z-index:30}.mp-intro-product.is-info-open>.mp-intro-tooltip{opacity:1;visibility:visible}.mp-intro-art--welcome [data-intro-slot="2"]>.mp-intro-tooltip,.mp-intro-art--welcome [data-intro-slot="5"]>.mp-intro-tooltip{left:0;transform:translateY(0) rotate(calc(var(--card-r,0deg)*-1))}

.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--0>.mp-intro-tooltip{top:auto;bottom:calc(100% + 12px)}.mp-intro-art--welcome [data-intro-slot="3"]>.mp-intro-tooltip,.mp-intro-art--welcome [data-intro-slot="4"]>.mp-intro-tooltip,.mp-intro-art--welcome [data-intro-slot="5"]>.mp-intro-tooltip{top:auto;bottom:calc(100% + 10px)}
/* A stable small viewport prevents browser toolbar changes from moving scenes. */
.mp-intro{overflow-anchor:none}
.mp-intro-stage{overflow:clip}
@media(max-width:600px){
 .mp-intro.is-enhanced .mp-intro-stage{height:100svh;min-height:0}
 .mp-intro-scene{padding-left:24px;padding-right:24px}
 .mp-intro-nav button{min-width:32px;min-height:40px;justify-content:center}
 .mp-intro-nav{left:14px;right:14px;gap:0;bottom:58px}
 .mp-intro-skip{min-height:40px}
 .mp-intro-art--welcome .mp-intro-product.is-info-open>.mp-intro-tooltip{max-width:190px;width:190px;left:0;transform:none}
 .mp-intro-art--welcome [data-intro-slot="1"].is-info-open>.mp-intro-tooltip{left:auto;right:0}
 .mp-intro-product>.mp-intro-tooltip{max-width:190px}
}
@media(max-width:600px) and (max-height:720px){
 .mp-intro-scene{padding-top:35px}
 .mp-intro-copy h2{font-size:36px;margin-bottom:12px}
 .mp-intro-copy p{margin-bottom:14px;font-size:11px}
 .mp-intro-kicker{margin-bottom:10px}
 .mp-intro-art:not(.mp-intro-art--welcome){top:52%;bottom:19%}
 .mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--0{width:95px}
 .mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--1,.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--2,.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--3,.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--4{width:50px}
 .mp-intro-logo-wrap{width:70vw;height:70vw;right:12%}
}

@media(min-width:601px) and (hover:hover){.mp-intro-product:hover>.mp-intro-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0) rotate(calc(var(--card-r,8deg)*-1))}.mp-intro-product--2:hover>.mp-intro-tooltip,.mp-intro-product--4:hover>.mp-intro-tooltip{transform:translateY(0) rotate(calc(var(--card-r,8deg)*-1))}}

@media(max-width:600px){.mp-intro-product{min-width:44px;min-height:44px}.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--1>.mp-intro-tooltip,.mp-intro-art:not(.mp-intro-art--welcome) .mp-intro-product--3>.mp-intro-tooltip{left:0;transform:rotate(calc(var(--card-r,8deg)*-1));transform-origin:top left}}

.mp-intro .mp-intro-art .mp-intro-product:is(:hover,:focus-visible,.is-info-open){z-index:40}.mp-intro-art--welcome:has(.is-info-open),.mp-intro-art--welcome:focus-within,.mp-intro-art--welcome:hover{z-index:6}
/* Phone layout: readable panels in native document flow, with no sticky camera. */
.mp-intro.is-mobile-flow{height:auto!important;overflow:clip}
.mp-intro.is-mobile-flow .mp-intro-stage{position:relative!important;top:auto;height:auto!important;min-height:0;overflow:visible;display:flex;flex-direction:column}
.mp-intro.is-mobile-flow .mp-intro-scene{position:relative!important;inset:auto!important;display:block;height:auto!important;min-height:0!important;padding:42px 20px 48px;visibility:visible!important;pointer-events:auto!important;scroll-margin-top:90px}
.mp-intro.is-mobile-flow .mp-intro-copy{width:100%;max-width:none;opacity:1!important;transform:none!important;filter:none!important;pointer-events:auto!important}
.mp-intro.is-mobile-flow .mp-intro-copy h2{font-size:clamp(30px,8.5vw,48px);max-width:520px;margin-bottom:16px}
.mp-intro.is-mobile-flow .mp-intro-copy p{font-size:13px;max-width:520px;margin-bottom:20px}
.mp-intro.is-mobile-flow .mp-intro-background,.mp-intro.is-mobile-flow .mp-intro-atmosphere,.mp-intro.is-mobile-flow .mp-intro-particles{opacity:1!important}
.mp-intro.is-mobile-flow .mp-intro-background{inset:0;background-position:65% center;transform:none}
.mp-intro.is-mobile-flow .mp-intro-atmosphere::before,.mp-intro.is-mobile-flow .mp-intro-atmosphere::after,.mp-intro.is-mobile-flow .mp-intro-particles i{animation-duration:30s;animation-play-state:running!important}
.mp-intro.is-mobile-flow .mp-intro-particles i:nth-child(n+9){display:none}
.mp-intro.is-mobile-flow .mp-intro-art{position:relative!important;inset:auto!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin-top:32px;opacity:1!important;transform:none!important;filter:none!important;perspective:none;z-index:5;pointer-events:auto}
.mp-intro.is-mobile-flow .mp-intro-art .mp-intro-product{position:relative!important;inset:auto!important;width:100%!important;min-width:0;transform:none!important;opacity:1;filter:none;z-index:auto!important;pointer-events:auto;display:flex;flex-direction:column;gap:12px}
.mp-intro.is-mobile-flow .mp-intro-product>span:first-child{height:160px;display:flex;align-items:center;justify-content:center;animation:none!important;transform:none}
.mp-intro.is-mobile-flow .mp-intro-product img{width:100%;height:100%;max-height:160px!important;object-fit:contain;filter:drop-shadow(0 12px 14px #0005)}
.mp-intro.is-mobile-flow .mp-intro-art .mp-intro-product>.mp-intro-tooltip{position:static!important;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;width:auto!important;max-width:none!important;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;animation:none;color:#fff;text-align:left}
.mp-intro.is-mobile-flow .mp-intro-tooltip strong{font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.mp-intro.is-mobile-flow .mp-intro-tooltip b{font-size:17px;margin-top:7px}
.mp-intro.is-mobile-flow .mp-intro-tooltip small{font-size:10px;color:#e0d8ef}
.mp-intro.is-mobile-flow .mp-intro-logo-wrap{position:relative;inset:auto;width:170px;height:170px;margin:0 auto 24px;max-height:none;transform:none!important;opacity:1!important}
.mp-intro.is-mobile-flow .mp-intro-logo{animation:mpLogoFloat 8s ease-in-out infinite}
.mp-intro.is-mobile-flow .mp-intro-nav{position:relative;inset:auto;order:-1;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:12px;background:#0b1024;max-width:none;margin:0}
.mp-intro.is-mobile-flow .mp-intro-nav button{min-height:44px;min-width:0;justify-content:center;padding:6px 2px;gap:3px;font-size:9px;text-align:center;flex-direction:column}
.mp-intro.is-mobile-flow .mp-intro-nav button::before{display:none}
.mp-intro.is-mobile-flow .mp-intro-nav button span+span{display:block;opacity:1;transform:none;font-size:8px}
.mp-intro.is-mobile-flow .mp-intro-nav img{width:55px;height:22px}
.mp-intro.is-mobile-flow .mp-intro-scroll,.mp-intro.is-mobile-flow .mp-intro-progress,.mp-intro.is-mobile-flow .mp-intro-skip,.mp-intro.is-mobile-flow .mp-intro-cursor-glow{display:none}
.mp-intro.is-mobile-flow .mp-intro-button,.mp-intro.is-mobile-flow .mp-intro-discover{min-height:46px}
@media(min-width:601px){.mp-intro.is-mobile-flow .mp-intro-art{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.mp-intro.is-mobile-flow *,.mp-intro.is-mobile-flow *::before,.mp-intro.is-mobile-flow *::after{animation:none!important}}
.mp-intro.is-mobile-flow .mp-intro-product[hidden]{display:none!important}
.mp-intro.is-mobile-flow .mp-intro-kicker{font-size:9px;line-height:1.6;margin-bottom:16px}
/* Desktop cinematic pass: a landscape wipe, separate product depths and light. */
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 .mp-intro.is-enhanced .mp-intro-scene{--product-depth:1}
 .mp-intro.is-enhanced .mp-intro-background{opacity:1;clip-path:polygon(var(--scene-reveal,0%) 0,100% 0,100% 100%,calc(var(--scene-reveal,0%) - 12%) 100%);transform:translate3d(calc(var(--scene-landscape-x,0px) + var(--intro-x,0px)*.35),calc(var(--intro-y,0px)*.2),0) scale(var(--scene-landscape-scale,1.08));will-change:transform,clip-path}
 .mp-intro.is-enhanced .mp-intro-copy{transform:translate3d(var(--scene-copy-x,0px),var(--scene-copy-y,0px),0)}
 .mp-intro.is-enhanced .mp-intro-art{transform-style:preserve-3d}
 .mp-intro.is-enhanced .mp-intro-product{--product-depth:1;transform:translate3d(calc(var(--intro-x,0px)*var(--product-depth)*1.5 + var(--scene-flight-x,0px)*var(--product-depth)),calc(var(--intro-y,0px)*var(--product-depth)*1.5 + var(--scene-flight-y,0px)*var(--product-depth)),0) rotate(calc(var(--card-r,8deg) + var(--scene-flight-roll,0deg)*var(--product-depth)));transition:filter .25s}
 .mp-intro.is-enhanced .mp-intro-product--1{--product-depth:.6}
 .mp-intro.is-enhanced .mp-intro-product--2{--product-depth:1.4}
 .mp-intro.is-enhanced .mp-intro-product--3{--product-depth:1.25}
 .mp-intro.is-enhanced .mp-intro-product--4{--product-depth:1.65}
 .mp-intro.is-enhanced .mp-intro-product--5{--product-depth:.45}
 .mp-intro.is-enhanced .mp-intro-product>span:first-child{transition:scale .3s,filter .3s}
 .mp-intro.is-enhanced .mp-intro-product:is(:hover,:focus-visible)>span:first-child{scale:1.08;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--intro-accent),transparent 55%))}
 .mp-intro.is-enhanced .mp-intro-stage::after{content:'';position:absolute;inset:-20%;pointer-events:none;z-index:7;opacity:calc(var(--intro-handover,0)*.23);background:linear-gradient(115deg,transparent 37%,#b7a2ff33 44%,#eff8ff99 49%,#c8f8ff33 54%,transparent 61%);transform:translateX(calc((var(--intro-handover,0) - .5)*25%));mix-blend-mode:screen}
 .mp-intro.is-enhanced .mp-intro-cursor-glow{background:radial-gradient(ellipse at 72% 50%,#ba9aff18,transparent 52%),radial-gradient(ellipse at 20% 75%,#72c9ff0a,transparent 48%)}
 .mp-intro.is-enhanced .mp-intro-scene::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--scene-bg,1);background:linear-gradient(0deg,#02061566,transparent 25%),radial-gradient(ellipse at 65% 55%,transparent 40%,#02061544);transform:translate3d(calc(var(--intro-x,0px)*-.7),0,0)}
 .mp-intro.is-enhanced [data-intro-world="masterpacks"] .mp-intro-atmosphere::after{inset:5% 0 0 42%;background:repeating-conic-gradient(from 0deg,#aa89ff00 0deg 14deg,#c6a5ff18 15deg 16deg,transparent 17deg 30deg);border-radius:50%;mask-image:radial-gradient(circle,transparent 35%,#000 36%,#000 42%,transparent 66%);animation:mpDesktopPortal 70s linear infinite}
 .mp-intro.is-enhanced [data-intro-world="one-piece"] .mp-intro-atmosphere::before{inset:48% -20% -35%;background:repeating-radial-gradient(ellipse at 50% 90%,transparent 0 65px,#a9f9ec16 67px 69px,transparent 72px 130px);animation:mpDesktopSea 18s ease-in-out infinite}
 .mp-intro.is-enhanced [data-intro-world="pokemon"] .mp-intro-atmosphere::before{inset:-35%;background:conic-gradient(from 205deg at 77% 28%,transparent 0deg,#fff4b51a 10deg,transparent 20deg,#fff4b512 30deg,transparent 40deg);animation:mpDesktopSun 26s ease-in-out infinite}
 .mp-intro.is-enhanced [data-intro-world="cyberpunk"] .mp-intro-atmosphere::before{inset:0;background:linear-gradient(100deg,transparent 30%,#ed62e60e 45%,#75eeff18 50%,transparent 62%);animation:mpDesktopNeon 12s ease-in-out infinite}
 .mp-intro.is-enhanced [data-intro-world="palworld"] .mp-intro-atmosphere::before{inset:5% -35%;background:radial-gradient(ellipse at 65% 55%,#e6ffec24,transparent 36%),radial-gradient(ellipse at 80% 60%,#d2fff01c,transparent 28%);animation:mpDesktopCloud 30s ease-in-out infinite}
 .mp-intro.is-enhanced [data-intro-world="dragon-ball"] .mp-intro-atmosphere::before{inset:-25%;background:repeating-conic-gradient(from 5deg at 74% 58%,transparent 0deg 20deg,#ffcf6514 21deg 22deg,transparent 24deg 40deg);animation:mpDesktopPortal 90s linear infinite}
 .mp-intro.is-enhanced [data-intro-world="merchandising"] .mp-intro-atmosphere::before{inset:-15%;background:conic-gradient(from 155deg at 67% -5%,transparent 0deg,#e7c5ff16 12deg,transparent 24deg),conic-gradient(from 145deg at 90% -5%,transparent 0deg,#a8ebff12 15deg,transparent 28deg);animation:mpDesktopSun 20s ease-in-out infinite}
 .mp-intro.is-enhanced .mp-intro-nav{left:28px;bottom:25px;max-width:calc(100% - 230px);flex-direction:row;gap:8px;padding:8px 12px;border:1px solid #ffffff1c;border-radius:50px;background:#080d23a6;backdrop-filter:blur(16px)}
 .mp-intro.is-enhanced .mp-intro-nav button{padding:7px 5px;gap:6px;min-width:29px;transition:color .25s}
 .mp-intro.is-enhanced .mp-intro-nav button[aria-current]{color:#fff}
 .mp-intro.is-enhanced .mp-intro-scroll{bottom:110px;font-size:8px;opacity:calc(var(--scene-copy,1)*.65)}
}
@keyframes mpDesktopPortal{to{rotate:360deg}}
@keyframes mpDesktopSea{0%,100%{transform:translate3d(-2%,0,0) scale(1)}50%{transform:translate3d(2%,3%,0) scale(1.08)}}
@keyframes mpDesktopSun{0%,100%{transform:rotate(-4deg);opacity:.65}50%{transform:rotate(4deg);opacity:1}}
@keyframes mpDesktopNeon{0%,100%{transform:translateX(-20%);opacity:.45}50%{transform:translateX(20%);opacity:1}}
@keyframes mpDesktopCloud{0%,100%{transform:translateX(-8%)}50%{transform:translateX(8%)}}
/* iPhone: keep the entire mobile intro in ordinary document painting. */
.mp-intro-picture{display:block;width:100%;height:100%}
.mp-intro.is-mobile-flow{overflow:visible}
.mp-intro.is-mobile-flow *,.mp-intro.is-mobile-flow *::before,.mp-intro.is-mobile-flow *::after{animation:none!important;transition:none!important;will-change:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mp-intro.is-mobile-flow .mp-intro-scene{overflow:hidden}
.mp-intro.is-mobile-flow .mp-intro-atmosphere,.mp-intro.is-mobile-flow .mp-intro-particles{display:none!important}
.mp-intro.is-mobile-flow .mp-intro-logo,.mp-intro.is-mobile-flow .mp-intro-product,.mp-intro.is-mobile-flow .mp-intro-product img{filter:none!important;mix-blend-mode:normal}
.mp-intro.is-mobile-flow .mp-intro-stage,.mp-intro.is-mobile-flow .mp-intro-art{perspective:none;transform-style:flat}
/* A full-bleed landscape and an independently anchored portal: no letterboxing. */
.mp-intro:not(.is-mobile-flow) [data-intro-world="masterpacks"] .mp-intro-logo-wrap{--brand-size:min(40vw,690px,70svh);left:70%;right:auto;top:50%;width:var(--brand-size);height:var(--brand-size);max-height:none;margin:0;transform:translate(-50%,-50%) scale(var(--scene-scale,1))}
.mp-intro [data-intro-world="masterpacks"] .mp-intro-logo{animation:none;transform:none}
.mp-intro:not(.is-mobile-flow) [data-intro-world="masterpacks"] .mp-intro-background{inset:0;background-size:cover;background-position:center;transform:scale(var(--scene-landscape-scale,1.08));transform-origin:70% 50%}
.mp-intro [data-intro-world="masterpacks"] .mp-intro-background::before{content:'';position:absolute;left:70%;top:50%;width:min(100vw,140svh);aspect-ratio:6/5;background:url('../images/intro/masterpacks-portal.svg?v=cinema-v9') center/contain no-repeat;transform:translate(-50%,-50%);pointer-events:none}
.mp-intro [data-intro-world="masterpacks"] .mp-intro-atmosphere::before{inset:0;background:conic-gradient(from 20deg at 70% 50%,transparent 0deg,#c3a3ff09 22deg,transparent 35deg,#ac94ff10 48deg,transparent 65deg);transform-origin:70% 50%}
.mp-intro [data-intro-world="masterpacks"] .mp-intro-atmosphere::after{inset:0;background:radial-gradient(ellipse at 70% 50%,#ac70ff26,transparent 62%);mask-image:none;transform-origin:70% 50%;animation:mpAura 8s ease-in-out infinite}
.mp-intro.is-mobile-flow [data-intro-world="masterpacks"] .mp-intro-background{background-size:cover;background-position:center}
.mp-intro.is-mobile-flow [data-intro-world="masterpacks"] .mp-intro-background::before{left:50%;top:127px;width:500px}
/* Welcome products form a balanced orbit; equal image boxes tame mixed shapes. */
.mp-intro:not(.is-mobile-flow) .mp-intro-art--welcome [data-intro-random-product]{height:var(--hero-height,18svh);transform:translate(-50%,-50%) rotate(var(--card-r,0deg));opacity:1}
.mp-intro:not(.is-mobile-flow) .mp-intro-art--welcome [data-intro-random-product]>span:first-child{height:100%;animation:none}
.mp-intro:not(.is-mobile-flow) .mp-intro-art--welcome [data-intro-random-product] img{width:100%;height:100%;max-height:none;object-fit:contain}
@media(prefers-reduced-motion:no-preference){.mp-intro:not(.is-mobile-flow) .mp-intro-art--welcome [data-intro-random-product]>span:first-child{animation:mpWelcomeFloat 8s ease-in-out infinite;animation-delay:calc(var(--card-i)*-1.2s)}.mp-intro:not(.is-mobile-flow) .mp-intro-art--welcome [data-intro-random-product]:is(:hover,:focus-visible)>span:first-child{animation-play-state:paused}}
@keyframes mpWelcomeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 .mp-intro.is-enhanced .mp-intro-scene{isolation:auto}
 .mp-intro.is-enhanced .mp-intro-background{clip-path:none;inset:-5%;background-size:cover;opacity:var(--scene-backdrop,1);transform:scale(var(--scene-landscape-scale,1.08));will-change:transform,opacity}
 .mp-intro.is-enhanced .mp-intro-scene--world .mp-intro-art{inset:0;transform:none;filter:none;opacity:1;perspective:none;pointer-events:none}
 .mp-intro.is-enhanced .mp-intro-scene--world .mp-intro-product{left:var(--satellite-left,84%);top:var(--satellite-top,15%);bottom:auto;right:auto;width:clamp(85px,10vw,170px);opacity:var(--satellite-opacity,1);transform:translate(-50%,-50%) translate3d(calc(var(--scene-flight-x,0px)*var(--product-depth)),calc(var(--scene-flight-y,0px)*var(--product-depth)),0) rotate(calc(var(--card-r,8deg) + var(--scene-flight-roll,0deg)));pointer-events:auto}
 .mp-intro.is-enhanced .mp-intro-scene--world .mp-intro-product--1{--satellite-left:52%;--satellite-top:15%;--card-r:-14deg}
 .mp-intro.is-enhanced .mp-intro-scene--world .mp-intro-product--2{--satellite-left:91%;--satellite-top:18%;--card-r:12deg}
 .mp-intro.is-enhanced .mp-intro-scene--world .mp-intro-product--3{--satellite-left:54%;--satellite-top:82%;--card-r:-10deg}
 .mp-intro.is-enhanced .mp-intro-scene--world .mp-intro-product--4{--satellite-left:90%;--satellite-top:79%;--card-r:10deg}
 .mp-intro.is-enhanced .mp-intro-scene--world .mp-intro-product--5{--satellite-left:75%;--satellite-top:87%;--card-r:-5deg;width:clamp(70px,8vw,130px)}
 .mp-intro.is-enhanced .mp-intro-scene--world .mp-intro-product--0{left:var(--lead-x,72%);top:50%;width:clamp(230px,26vw,470px);height:min(60svh,580px);opacity:var(--lead-opacity,1);z-index:8;transform:translate(-50%,-50%) translateY(var(--lead-y,0px)) scale(var(--lead-scale,1)) rotate(var(--lead-roll,0deg));filter:drop-shadow(0 22px 28px #0007);will-change:transform,opacity}
 .mp-intro.is-enhanced .mp-intro-scene--world .mp-intro-product--0>span:first-child{height:100%;animation:none;transform:none}
 .mp-intro.is-enhanced .mp-intro-scene--world .mp-intro-product--0 img{width:100%;height:100%;max-height:100%;object-fit:contain}
 .mp-intro.is-enhanced .mp-intro-stage::after{inset:0;background:radial-gradient(ellipse at 50% 50%,#f4e9ff66,color-mix(in srgb,var(--intro-transition-colour,#ad86ff),transparent 80%) 15%,transparent 45%),linear-gradient(115deg,transparent 30%,#c9aeff14 45%,#f0e5ff44 50%,transparent 65%);opacity:calc(var(--intro-handover,0)*.45);transform:none;mix-blend-mode:screen}
 .mp-intro.is-enhanced .mp-intro-stage::before{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:50%;background:repeating-conic-gradient(from 15deg at 50% 50%,transparent 0deg 23deg,color-mix(in srgb,var(--intro-transition-colour,#cab3ff),transparent 85%) 24deg,transparent 25deg 45deg);mask-image:radial-gradient(ellipse,transparent 12%,#0008 25%,transparent 65%);opacity:calc(var(--intro-handover,0)*.35);transform:scale(calc(.7 + var(--intro-handover,0)*.3))}
 .mp-intro.is-enhanced .mp-intro-scene--world:not(.is-active) .mp-intro-product{pointer-events:none}
}

/* The camera crosses a different physical transition for each universe. */
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 .mp-intro.is-enhanced .mp-intro-art--welcome{transform:none;filter:none;opacity:1}
 .mp-intro.is-enhanced .mp-intro-art--welcome [data-intro-random-product]{opacity:var(--satellite-opacity,1);transform:translate(-50%,-50%) translate3d(calc(var(--hero-exit-x,0vw)*var(--hero-exit,0)),calc(var(--hero-exit-y,0svh)*var(--hero-exit,0)),0) rotate(var(--card-r,0deg)) scale(calc(1 + var(--hero-exit,0)*.25))}
 .mp-intro.is-enhanced [data-intro-world="masterpacks"] .mp-intro-logo-wrap{left:var(--brand-x,70%);opacity:var(--brand-opacity,1)}
 .mp-intro.is-enhanced [data-intro-world="masterpacks"] .mp-intro-background{transform-origin:var(--brand-x,70%) 50%}
 .mp-intro.is-enhanced [data-intro-world="masterpacks"] .mp-intro-background::before{left:var(--brand-x,70%)}
 .mp-intro.is-enhanced .mp-intro-scene--world .mp-intro-product--0{transform:translate(-50%,-50%) translateY(var(--lead-y,0px)) perspective(1000px) rotateX(var(--lead-pitch,0deg)) rotateY(var(--lead-turn,0deg)) rotateZ(var(--lead-roll,0deg)) skewX(var(--lead-skew,0deg)) scale(var(--lead-scale,1));backface-visibility:hidden}
 .mp-intro.is-enhanced .mp-intro-scene--world .mp-intro-product:not(.mp-intro-product--0){left:calc(var(--satellite-left,84%) + (50% - var(--satellite-left,84%))*var(--satellite-focus,0));top:calc(var(--satellite-top,15%) + (50% - var(--satellite-top,15%))*var(--satellite-focus,0))}
 .mp-intro.is-enhanced[data-intro-transition="portal"] [data-intro-role="in"] .mp-intro-background{opacity:1;mask-image:radial-gradient(circle at 50% 50%,#000 calc(var(--iris-radius,0%) - 2%),transparent var(--iris-radius,0%))}
 .mp-intro.is-enhanced .mp-intro-stage::after{opacity:var(--fx-flash,0);background:radial-gradient(ellipse at 50% 50%,#fff9,color-mix(in srgb,var(--intro-transition-colour,#b597ff),transparent 70%) 25%,transparent 65%);transform:none}
 .mp-intro.is-enhanced .mp-intro-stage::before{opacity:calc(var(--fx-orb,0)*.35);transform:rotate(calc(var(--fx-turn,0)*1deg)) scale(var(--fx-spread,.15));background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 17deg,color-mix(in srgb,var(--intro-transition-colour,#b597ff),transparent 65%) 18deg,transparent 19deg 36deg)}
 .mp-intro.is-enhanced .mp-intro-orbit{display:block;position:absolute;left:50%;top:50%;z-index:6;pointer-events:none;mix-blend-mode:screen;will-change:transform,opacity}
 .mp-intro.is-enhanced .mp-intro-orbit--one{width:18vmin;aspect-ratio:1;border-radius:50%;opacity:var(--fx-orb,0);transform:translate(-50%,-50%) scale(var(--fx-spread,.15));background:radial-gradient(circle,#fffd 0%,var(--intro-transition-colour,#b597ff) 22%,transparent 68%)}
 .mp-intro.is-enhanced .mp-intro-orbit--two{width:32vmin;aspect-ratio:1;border:2px solid color-mix(in srgb,var(--intro-transition-colour,#b597ff),transparent 20%);border-radius:50%;box-shadow:0 0 30px var(--intro-transition-colour,#b597ff),inset 0 0 25px var(--intro-transition-colour,#b597ff);opacity:var(--fx-ring,0);transform:translate(-50%,-50%) scale(var(--fx-spread,.15))}
 .mp-intro.is-enhanced[data-intro-transition="voyage"] .mp-intro-orbit--one{width:120vw;aspect-ratio:8;border-radius:0;background:linear-gradient(165deg,transparent 40%,#d2f9f822 41%,transparent 42%,transparent 55%,#d2f9f833 56%,transparent 57%);transform:translate(calc(-50% + var(--fx-travel,0)*1vw),-50%) rotate(-12deg)}
 .mp-intro.is-enhanced[data-intro-transition="scan"] .mp-intro-orbit--one{width:110vw;height:3px;aspect-ratio:auto;border-radius:0;background:#b7ffef;box-shadow:0 0 35px #85fff0,0 -14px 0 #82fff055,0 16px 0 #e0ff7033;transform:translate(-50%,calc(-50% + var(--fx-travel,0)*1svh))}
 .mp-intro.is-enhanced[data-intro-transition="bloom"] .mp-intro-orbit--one{width:85vmin;background:radial-gradient(ellipse,#b2fbd155,transparent 65%);transform:translate(-50%,-50%) scale(calc(.7 + var(--fx-spread,0)*.25))}
 .mp-intro.is-enhanced[data-intro-transition="beam"] .mp-intro-orbit--one{width:130vw;height:12svh;aspect-ratio:auto;background:linear-gradient(0deg,transparent,#9cecff44 20%,#f8ffffcc 48%,#f8ffffcc 52%,#9cecff44 80%,transparent);transform:translate(-50%,-50%) scaleX(var(--fx-spread,.15))}
 .mp-intro.is-enhanced[data-intro-transition="flip"] .mp-intro-orbit--two{width:24vmin;aspect-ratio:3/4;border-radius:18px;border-color:#ffe0a8;transform:translate(-50%,-50%) perspective(900px) rotateY(calc(var(--fx-turn,0)*2deg)) scale(1.3)}
}

@media(min-width:761px) and (prefers-reduced-motion:no-preference){.mp-intro.is-enhanced .mp-intro-scene--world .mp-intro-product--0>span:first-child{clip-path:inset(var(--lead-crop,0%) 0 0);backface-visibility:hidden}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.mp-intro.is-enhanced .mp-intro-product img{transition:transform .45s ease-out}.mp-intro.is-enhanced .mp-intro-product:hover img{transform:perspective(900px) rotateX(var(--product-tilt-x,0deg)) rotateY(var(--product-tilt-y,0deg))}}