/* The app's red enamel, cream ceramic and golden hardware, beyond the hero. */
.desktop-nav{gap:26px}.desktop-nav a{font-size:17px;white-space:nowrap}.mobile-menu a{font-size:18px}
.store-badges{gap:16px;margin-top:35px}.store-badge{min-width:210px;min-height:82px;padding:16px 21px;gap:14px;border-radius:15px;background:#0a1727c9;border-color:#e9c77e70}.store-icon{width:36px;height:40px}.store-name{font-size:25px;line-height:1.15}.store-platform{font-size:11px;letter-spacing:1px}.store-soon{font-size:10px;padding:4px 8px;top:-13px;right:15px}.store-copy{gap:3px}
/* An editorial rhythm: offset fight posters, a cabinet, then a whole toy box. */
.modes-section{padding-top:100px;padding-bottom:90px}.fight-tickets{align-items:start;gap:28px}.fight-ticket:nth-child(2){margin-top:58px}.fight-ticket:nth-child(3){margin-top:24px}.section-heading h2{font-size:clamp(42px,4.6vw,68px)}.showcase-section{padding-block:85px 100px}.showcase-cabinet{transform:rotate(-1.2deg);transform-origin:50% 70%;box-shadow:12px 18px 0 #550a1590,0 35px 55px #5b0a1a66}.showcase-cabinet:hover{transform:rotate(0)}
.collection-section{position:relative;isolation:isolate;overflow:hidden;color:#fff0d3;background:#101f36;padding:95px 0 115px}.collection-section::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 24% 52%,#33496e90,transparent 51%),radial-gradient(ellipse at 96% 10%,#a91e3924,transparent 50%)}.collection-grain{position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#d7b986 0.6px,transparent .6px);background-size:7px 7px;mask-image:linear-gradient(transparent,#0007 30%,transparent)}
.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;position:relative;z-index:2}.collection-heading .eyebrow{color:#e8bf79}.collection-heading .round-tag{color:#fff0d3;background:#ffffff08;border-color:#ddaf62}.collection-heading h2{font-size:clamp(48px,5.8vw,86px);font-weight:800;letter-spacing:-1.8px;line-height:1.04}.collection-heading h2 em{color:#f6c354}.collection-intro{font-size:17px;line-height:1.75;color:#c1c9d6;max-width:280px;margin:0 0 7px}.collection-layout{display:grid;grid-template-columns:1.38fr 1fr;gap:55px;align-items:center;margin-top:30px}
.collection-theater{position:relative;min-height:600px;transform:translate3d(0,var(--drift-y,0px),0);will-change:transform}.collection-orbit{position:absolute;border:1px solid #edc87735;border-radius:50%;pointer-events:none}.orbit-one{width:86%;height:67%;top:15%;left:4%;transform:rotate(-24deg)}.orbit-two{width:100%;height:35%;top:35%;left:-7%;transform:rotate(29deg);border-color:#edc87718}.collection-backword{position:absolute;top:22%;left:-10%;width:120%;text-align:center;font-family:Display,sans-serif;font-weight:800;font-size:clamp(120px,16vw,230px);letter-spacing:-6px;line-height:1;color:transparent;-webkit-text-stroke:1.5px #ebc88525;transform:rotate(-9deg);user-select:none}.accessory-main{position:absolute;z-index:3;inset:9% 10% 12% 7%;transform:rotate(-13deg)}.accessory-main img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 28px 16px #0006)}.accessory-satellite{position:absolute;z-index:4;pointer-events:none;will-change:transform}.accessory-satellite img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(7px 12px 8px #0006)}.satellite-shoe{left:-11%;bottom:4%;width:37%;height:44%;transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0) rotate(-27deg)}.satellite-glasses{right:0;top:4%;width:38%;height:25%;transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0) rotate(18deg)}.collection-sticker{position:absolute;right:1%;bottom:5%;z-index:5;width:145px;height:145px;padding:22px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:50%;background:#eabe64;color:#3c251a;border:2px dashed #7e481a;outline:7px solid #eabe64;box-shadow:0 8px 0 #07142866;transform:rotate(13deg);text-align:center}.collection-sticker>span{font-size:8px;font-weight:900;letter-spacing:1.2px}.collection-sticker b{font-family:Display;font-size:23px;line-height:.98;font-weight:800;margin:3px 0}.collection-spark{position:absolute;color:#ffd98b;font-size:46px;z-index:5}.spark-a{left:8%;top:15%;transform:rotate(13deg)}.spark-b{right:9%;bottom:36%;font-size:35px}.collection-swoosh{position:absolute;left:21%;bottom:0;width:40%;height:150px;stroke:#dfba76;stroke-width:2;fill:none;transform:rotate(-8deg);opacity:.7}
.collection-picker{position:relative;padding:36px 0 25px;z-index:6}.collection-prompt{font-size:10px;letter-spacing:2px;color:#d3b680;font-weight:900;margin-bottom:21px}.collection-categories{display:grid}.collection-categories button{display:flex;align-items:center;gap:18px;text-align:left;border:0;border-bottom:1px solid #e9cc9735;background:none;padding:15px 0;color:#8e9aaf;transition:color .2s,transform .2s;min-height:70px}.collection-categories button>span:nth-child(2){font:800 clamp(25px,3vw,42px)/1.2 Display,sans-serif;letter-spacing:-.8px}.category-number{font:700 11px Nunito;color:#b7a384}.category-arrow{margin-left:auto;font-size:30px;opacity:0;transform:translate(-8px,8px);transition:opacity .2s,transform .2s}.collection-categories button[aria-pressed=true]{color:#fff1d0}.collection-categories button[aria-pressed=true] .category-number{color:#f5c865}.collection-categories button[aria-pressed=true] .category-arrow{opacity:1;transform:none;color:#f5c865}.collection-categories button:hover{color:#f6c354;transform:translateX(5px)}.collection-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.collection-options button{position:relative;background:#21314a;border:1px solid #71809855;border-radius:15px;padding:11px;height:100px;transition:background .2s,transform .2s,border-color .2s;overflow:hidden}.collection-options img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 3px #0005)}.collection-options button[aria-pressed=true]{background:#fff0d3;border:3px solid #efbe5e;transform:rotate(-4deg)}.collection-options button:hover{background:#4b4a4f;transform:translateY(-5px) rotate(3deg)}.collection-options button[aria-pressed=true]:hover{background:#ffdf9d}.collection-item-copy{position:relative;min-height:110px;padding:22px 65px 18px 0}.collection-item-copy>span{position:absolute;right:0;top:29px;font-size:10px;letter-spacing:1.5px;color:#c2b394}.collection-item-copy h3{font:800 30px/1.1 Display,sans-serif;color:#ffe5aa}.collection-item-copy p{font-size:13px;line-height:1.6;color:#bac4d2;margin-top:7px}.collection-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0;border-block:1px solid #e9cc974d;font-size:12px;letter-spacing:.7px;font-weight:900}.collection-link>span:last-child{font-size:24px;line-height:1;color:#eec274}.collection-link:hover{color:#f3bf61}.collection-note{font-size:11px;color:#a7afbd;margin-top:15px}
.style-ribbon{position:relative;z-index:6;width:110%;left:-5%;margin-top:55px;transform:rotate(-4deg);background:#bf1727;color:#fff0d3;padding:18px 0;border-block:2px solid #f4bf65;box-shadow:0 9px 0 #070e1a}.style-ribbon>div{display:flex;align-items:center;gap:35px;width:max-content;transform:translate3d(var(--drift-x,0px),0,0);will-change:transform}.style-ribbon span{font:800 clamp(28px,4vw,55px)/1.1 Display,sans-serif;white-space:nowrap;letter-spacing:-.6px}.style-ribbon i{font-size:32px;color:#f0bb5e;font-style:normal}
/* Match the actual mobile controls: cream joystick, red glove, cream shield. */
.controls-section{padding-block:105px 85px;overflow:hidden;background:radial-gradient(ellipse at 22% 44%,#ffda7770,transparent 45%),#fff0d3}.controls-inner{grid-template-columns:1fr 1.12fr;gap:55px;align-items:center}.champion-scene{transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0) rotate(-6deg);will-change:transform}.champion-scene .champion{width:115%;max-width:115%;max-height:none;position:relative;left:-9%;filter:drop-shadow(10px 22px 15px #8e522326)}.champion-badge{position:relative;z-index:2;transform:rotate(6deg);margin-top:-45px}.control-steps{gap:26px;margin-top:35px}.control-steps>div{gap:22px;align-items:center}.control-steps h3{font-size:26px;line-height:1.2}.control-steps p{font-size:15px;line-height:1.65;margin-top:6px}.control-art{position:relative;display:block;width:100px;height:100px;flex:0 0 100px;filter:drop-shadow(0 5px 2px #6d421325)}.control-art img{position:absolute;object-fit:contain}.control-base{inset:0;width:100%;height:100%}.control-knob{width:45%;height:45%;top:27.5%;left:27.5%}.control-direction{width:15%;height:15%}.direction-up{top:5%;left:42.5%}.direction-right{right:5%;top:42.5%;transform:rotate(90deg)}.direction-down{bottom:5%;left:42.5%;transform:rotate(180deg)}.direction-left{left:5%;top:42.5%;transform:rotate(-90deg)}.control-punch .control-symbol{width:48%;height:50%;left:26%;top:15%}.control-guard .control-symbol{width:41%;height:49%;left:29.5%;top:14%}.control-art b{position:absolute;left:10%;right:10%;bottom:19%;font:800 14px/1 Display,sans-serif;text-align:center;color:white;text-shadow:0 1px 1px #710b12}.control-guard b{color:#740b13;text-shadow:none;font-size:13px}.control-steps>div:hover .control-knob{transform:translate(7px,-7px);transition:transform .25s}.control-steps>div:hover .control-punch{transform:rotate(-8deg);transition:transform .25s}.control-steps>div:hover .control-guard{transform:rotate(8deg);transition:transform .25s}.punch-lab{margin-top:70px}.final-section{padding-block:100px 85px}.final-content h2{font-size:clamp(90px,12vw,175px);line-height:1}
/* Motion is progressive enhancement; text stays available without JavaScript. */
.has-scroll-motion [data-reveal]{transition:opacity .85s ease,translate .95s cubic-bezier(.18,.75,.2,1),rotate 1s cubic-bezier(.18,.75,.2,1);opacity:0;translate:0 70px;rotate:0deg}.has-scroll-motion [data-reveal=left]{translate:-110px 25px}.has-scroll-motion [data-reveal=right]{translate:100px 35px}.has-scroll-motion [data-reveal=tilt]{translate:0 110px;rotate:7deg}.has-scroll-motion [data-reveal].is-visible{opacity:1;translate:0 0;rotate:0deg}.fight-ticket:nth-child(2){transition-delay:.1s}.fight-ticket:nth-child(3){transition-delay:.17s}.motion-off [data-reveal]{opacity:1;translate:none;rotate:none;transition:none}.motion-off [data-drift]{--drift-x:0px!important;--drift-y:0px!important}.motion-off .showcase-cabinet{transform:none}.motion-off .control-art,.motion-off .control-knob{transform:none!important}.motion-off .collection-options button,.motion-off .collection-categories button{transition:none}
@media(min-width:1600px){.collection-theater{min-height:650px}}
@media(max-width:1100px){.desktop-nav{gap:18px}.desktop-nav a{font-size:16px}.header{gap:15px;padding-inline:18px}.header-actions{gap:14px}.brand img{width:125px}.store-badge{min-width:180px;min-height:76px;padding:13px 16px;gap:10px}.store-name{font-size:22px}.store-icon{width:29px;height:34px}.collection-heading h2{font-size:65px}.collection-intro{font-size:15px;max-width:230px}.collection-layout{gap:30px;grid-template-columns:1.2fr 1fr}.collection-theater{min-height:530px}.collection-sticker{width:115px;height:115px}.collection-sticker b{font-size:19px}.collection-sticker>span{font-size:6px}.controls-inner{gap:30px}.control-art{width:88px;height:88px;flex-basis:88px}.control-steps h3{font-size:23px}.control-steps p{font-size:14px}.control-art b{font-size:12px}}
@media(max-width:1000px){.desktop-nav{display:none}.menu-toggle{display:block}.collection-heading h2{font-size:56px}.collection-layout{grid-template-columns:1.1fr 1fr;gap:25px}.collection-theater{min-height:480px}.collection-categories button>span:nth-child(2){font-size:29px}.collection-categories button{min-height:62px;padding-block:12px;gap:12px}.collection-options button{height:85px}.collection-backword{font-size:150px}.collection-sticker{right:-2%}.collection-intro{max-width:210px}.collection-heading{gap:20px}.fight-ticket:nth-child(2){margin-top:30px}.fight-ticket:nth-child(3){margin-top:15px}}
@media(max-width:760px){.collection-section{padding-top:65px;padding-bottom:80px}.collection-heading{display:block}.collection-heading h2{font-size:clamp(43px,7.7vw,59px);letter-spacing:-1px}.collection-intro{max-width:450px;margin-top:22px;font-size:15px}.collection-intro br{display:none}.collection-layout{grid-template-columns:1fr;margin-top:0;gap:8px}.collection-theater{min-height:460px;max-width:550px;width:100%;margin:auto}.collection-picker{max-width:550px;width:100%;margin:auto;padding-top:10px}.collection-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.collection-categories button{gap:7px;min-height:53px;justify-content:center}.collection-categories button>span:nth-child(2){font-size:22px;letter-spacing:-.4px}.category-number{font-size:9px}.category-arrow{display:none}.collection-prompt{margin-bottom:12px}.collection-options{margin-top:20px}.collection-options button{height:103px}.collection-item-copy{min-height:101px}.satellite-shoe{left:-1%;width:30%}.satellite-glasses{right:0;width:36%;top:8%}.accessory-main{inset:7% 13% 6% 13%}.collection-sticker{right:5%;bottom:2%}.collection-backword{font-size:190px;top:27%;left:-4%}.style-ribbon{margin-top:40px;padding-block:15px}.style-ribbon>div{gap:25px}.style-ribbon span{font-size:38px}.style-ribbon i{font-size:25px}.modes-section{padding-block:65px}.fight-tickets{gap:26px}.fight-ticket:nth-child(2),.fight-ticket:nth-child(3){margin-top:0}.showcase-section{padding-block:55px 65px}.showcase-cabinet{box-shadow:5px 10px 0 #550a1590,0 20px 30px #5b0a1a66}.controls-section{padding-block:65px 55px}.controls-inner{display:flex;flex-direction:column;gap:42px}.controls-copy{order:1}.champion-scene{order:2;width:65%;max-width:390px}.champion-badge{margin-top:-30px}.control-art{width:90px;height:90px;flex-basis:90px}.control-steps>div{gap:22px}.control-steps p{font-size:14px}.control-steps h3{font-size:26px}.punch-lab{margin-top:50px}.final-section{padding-block:65px}.has-scroll-motion [data-reveal=left]{translate:-45px 25px}.has-scroll-motion [data-reveal=right]{translate:45px 25px}.has-scroll-motion [data-reveal=tilt]{translate:0 70px;rotate:5deg}.has-scroll-motion [data-reveal].is-visible{translate:0 0;rotate:0deg}}
@media(max-width:600px){.store-badges{gap:12px;margin-top:34px;display:grid;grid-template-columns:1fr 1fr;width:min(370px,100%);margin-inline:auto}.store-badge{min-width:0;min-height:76px;padding:13px 11px;gap:10px;border-radius:13px}.store-name{font-size:21px}.store-icon{width:27px;height:31px}.store-platform{font-size:8px}.store-soon{font-size:8px;right:10px;top:-12px;padding:3px 7px}.section-heading h2{font-size:42px}.collection-heading h2{font-size:clamp(39px,10.4vw,57px)}.collection-heading .eyebrow{font-size:8px;letter-spacing:1px;gap:9px}.collection-layout{width:91%}.collection-theater{min-height:390px}.collection-backword{font-size:155px}.collection-sticker{width:100px;height:100px;padding:15px 8px;outline-width:5px;right:4%;bottom:3%}.collection-sticker b{font-size:17px}.collection-sticker>span{font-size:5.5px}.collection-swoosh{height:100px;left:23%;bottom:-10px}.collection-categories button>span:nth-child(2){font-size:19px}.collection-categories button{gap:5px}.collection-options button{height:93px}.collection-item-copy h3{font-size:28px}.collection-item-copy p{font-size:12px}.collection-link{font-size:10px;letter-spacing:.2px}.collection-spark{font-size:33px}.collection-note{font-size:10px}.champion-scene{width:70%;max-width:320px}.control-art{width:78px;height:78px;flex-basis:78px}.control-art b{font-size:11px}.control-guard b{font-size:10px}.control-steps>div{gap:15px}.control-steps h3{font-size:23px}.control-steps p{font-size:13px}.controls-copy h2{font-size:37px}.keyboard-note{flex-wrap:wrap}.final-content h2{font-size:90px}}
@media(max-width:360px){.store-name{font-size:18px}.store-icon{width:23px;height:28px}.store-badge{padding-inline:9px;gap:7px;min-height:70px}.store-badges{gap:9px}.collection-theater{min-height:340px}.collection-categories button>span:nth-child(2){font-size:16px}.collection-categories{gap:7px}.collection-options button{height:83px}.collection-heading h2{font-size:36px}.collection-backword{font-size:135px}.control-art{width:66px;height:66px;flex-basis:66px}.control-art b{font-size:9px}.control-steps h3{font-size:21px}.control-steps p{font-size:12px}.controls-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;translate:none!important;rotate:none!important;transition:none!important}[data-drift]{--drift-x:0px!important;--drift-y:0px!important}.collection-options button,.collection-categories button,.showcase-cabinet,.champion-scene,.control-art,.control-knob{transition:none!important}.showcase-cabinet:hover,.control-steps>div:hover .control-art,.control-steps>div:hover .control-knob{transform:none!important}}
/* Keep header controls and store names on one line on narrow phones. */
main{overflow-x:clip}.store-name{white-space:nowrap}
@media(max-width:600px){.header{padding:5px 10px;gap:8px}.brand img{width:100px}.header-actions{gap:8px}.store-name{font-size:19px}.store-badge{gap:8px;padding-inline:10px}.store-icon{width:25px;height:30px}}
@media(max-width:360px){.header{padding-inline:8px;gap:7px}.brand img{width:88px}.header-actions{gap:7px}.header .button-small{font-size:12px;min-height:36px;padding:8px 9px}.header .button-small svg{display:none}.language{font-size:9px;gap:4px}.menu-toggle{width:32px;height:36px}.store-name{font-size:16px}.store-icon{width:20px;height:25px}.store-badge{padding-inline:8px;gap:6px}.store-platform{font-size:7px}}
@media(max-width:360px){.hero .button-primary{font-size:24px;padding-inline:16px;gap:10px}.hero .button-primary [data-i18n=enterRing]{white-space:nowrap}}