@font-face{font-family:Milford Condensed;src:url(/fonts/milford-condensed-bold-italic.woff2) format("woff2");font-style:italic;font-weight:600;font-display:swap}@font-face{font-family:TASA Orbiter Display;src:url(/fonts/TASAOrbiterDisplay-Regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:TASA Orbiter Display;src:url(/fonts/TASAOrbiterDisplay-Medium.otf) format("opentype");font-style:normal;font-weight:500;font-display:swap}:root{--site-scale: 1;--menu-width: clamp(460px, 32vw, 680px);--menu-padding: 40px;color:#fff;background:#f5f5f5;font-family:TASA Orbiter Display,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{position:relative;overflow-x:hidden;background:#f5f5f5}html.menu-open,html.menu-open body,html.is-preloading,html.is-preloading body{overflow:hidden;overscroll-behavior:none}html.is-preloading:not(.is-revealing) .site-shell{visibility:hidden}html.is-preloading .site-stage *{animation-play-state:paused!important}.site-preloader{--loader-progress: 0%;--preloader-hole-scale: 30;position:fixed;z-index:10000;inset:0;display:none;place-items:center;width:100%;height:100%;min-height:100svh;overflow:hidden;color:#09090d;isolation:isolate;pointer-events:auto}html[data-renderer=css-fallback] .site-preloader{color:#fff}.js .site-preloader{display:grid}.site-preloader[hidden]{display:none}.site-preloader__variant{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%}.site-preloader__variant--css{display:none}html[data-renderer=css-fallback] .site-preloader__variant--css{display:grid}html[data-renderer=css-fallback] .site-preloader__variant--webgl{display:none}.site-preloader__curtain{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%}.site-preloader__mask-hole{transform-box:fill-box;transform-origin:center}.site-preloader__mask-hole--css,.site-preloader__mask-hole--webgl{transform:none}.site-preloader__center{position:relative;z-index:1;display:grid;justify-items:center;gap:24px}.site-preloader__center--css{gap:28px}.site-preloader__emblem{display:block;height:auto;overflow:visible;will-change:transform}.site-preloader__emblem--css{width:clamp(148px,13.4vw,258px);transform-origin:45.543% 39.792%}.site-preloader__emblem--webgl{width:clamp(220px,21.52vw,413.2px);transform-origin:55.065% 50%}.site-preloader__emblem-piece{transform-box:fill-box;transform-origin:center;will-change:transform,opacity}.site-preloader__emblem-piece--pink{fill:#ff467a}.site-preloader__emblem-piece--white{fill:#fff}.site-preloader__emblem--css .site-preloader__emblem-piece--pink{animation:preloader-emblem-pink-arrive 2.63s cubic-bezier(.45,0,.2,1) .45s both}.site-preloader__emblem--css .site-preloader__emblem-piece--white{animation:preloader-emblem-white-arrive 2.45s cubic-bezier(.45,0,.2,1) .65s both}.site-preloader__emblem--webgl .site-preloader__emblem-piece--pink{animation:preloader-webgl-emblem-pink-arrive 2.63s cubic-bezier(.45,0,.2,1) .45s both}.site-preloader__emblem--webgl .site-preloader__emblem-piece--white{animation:preloader-webgl-emblem-white-arrive 2.45s cubic-bezier(.45,0,.2,1) .65s both}.site-preloader__mark{position:relative;width:68px;height:68px;border:2px solid currentColor;transform:rotate(45deg);animation:preloader-mark-pulse 1.6s cubic-bezier(.4,0,.2,1) infinite}.site-preloader__mark:before,.site-preloader__mark:after,.site-preloader__mark span{position:absolute;content:""}.site-preloader__mark:before{inset:8px;border:1px solid currentColor;opacity:.55}.site-preloader__mark:after{inset:22px;background:currentColor}.site-preloader__mark span:first-child{top:50%;right:-10px;left:-10px;height:1px;background:currentColor;opacity:.45}.site-preloader__mark span:last-child{top:-10px;bottom:-10px;left:50%;width:1px;background:currentColor;opacity:.45}@keyframes preloader-emblem-pink-arrive{0%{opacity:0;transform:translate3d(calc(-50vw - 340%),calc(50vh + 200%),0) scale(6)}8%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes preloader-webgl-emblem-pink-arrive{0%{opacity:0;transform:translate3d(calc(-50vw - 360%),calc(50vh + 220%),0) scale(6.466)}8%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes preloader-webgl-emblem-white-arrive{0%{opacity:0;transform:translate3d(calc(50vw + 360%),calc(-50vh - 220%),0) scale(6.466)}8%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes preloader-emblem-white-arrive{0%{opacity:0;transform:translate3d(calc(50vw + 340%),calc(-50vh - 200%),0) scale(6)}8%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes preloader-mark-pulse{0%,to{transform:rotate(45deg) scale(.92)}50%{transform:rotate(45deg) scale(1)}}@media(prefers-reduced-motion:reduce){.site-preloader__mask-hole,.site-preloader__center{transition-duration:1ms}.site-preloader__emblem-piece{animation:none}}body:before{position:fixed;z-index:0;inset:0;width:100vw;height:100vh;background:#f5f5f5;content:"";pointer-events:none}.site-shell{position:relative;width:100%}.site-stage{--site-scale: 1;--first-screen-height: 1080px;--first-screen-scroll-height: 2700px;--second-screen-scroll-height: 3888px;--third-screen-hold-height: 378px;position:relative;z-index:1;width:1920px;zoom:var(--site-scale)}button,a{font:inherit}a{color:inherit;text-decoration:none}.prisma-reveal-line-mask{display:block;overflow:hidden;padding:.1em .18em .14em;margin:-.1em -.18em -.14em}@supports (overflow: clip){.prisma-reveal-line-mask{overflow:clip}}.prisma-reveal-line{display:block;will-change:transform,opacity}.text-nowrap{white-space:nowrap}@media(prefers-reduced-motion:reduce){.prisma-reveal-line{will-change:auto}}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:12px 16px;border-radius:8px;background:#fff;color:#111;opacity:0;transform:translateY(-150%);transition:opacity .16s ease,transform .16s ease}.skip-link:focus{opacity:1;outline:3px solid #ff467a;outline-offset:2px;transform:translateY(0)}.shape-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.screen-one{position:relative;isolation:isolate;z-index:2;width:1920px;height:var(--first-screen-scroll-height);overflow:visible;background:transparent}.hero{--hero-parallax-x: 0px;--hero-parallax-y: 0px;--hero-scene-scale: 1;--hero-tilt-x: 0deg;--hero-tilt-y: 0deg;--hero-tilt-z: 0deg;--chroma-mask-exit-rotate-z: 0deg;--chroma-content-exit-rotate-z: 0deg;--hero-card-parallax-x: 0px;--hero-card-parallax-y: 0px;position:absolute;z-index:7;top:32px;left:32px;width:1856px;height:calc(var(--first-screen-height) - 64px);overflow:visible;perspective:8000px;perspective-origin:50% 50%;transform:translate3d(var(--hero-card-parallax-x),var(--hero-card-parallax-y),0) rotateX(var(--hero-tilt-x)) rotateY(var(--hero-tilt-y)) rotate(var(--hero-tilt-z)) scale(var(--hero-layout-scale, 1));transform-origin:center;transform-style:preserve-3d;pointer-events:auto;will-change:top,left,width,height,transform}.hero__rotator{position:absolute;z-index:1;inset:0;transform:rotateY(var(--hero-card-flip, 0deg));transform-origin:center;transform-style:preserve-3d;will-change:transform}.hero__face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:50% 50%}.hero__face--front{background:#080b11;clip-path:none;mask:var(--hero-mask-desktop) center / 100% 100% no-repeat;-webkit-clip-path:none;-webkit-mask:var(--hero-mask-desktop) center / 100% 100% no-repeat;transform:rotateY(0) translateZ(1px);opacity:var(--hero-front-face-opacity, 1)}@media(min-width:1024.02px){html[data-renderer=css-fallback] .hero__face--front{width:100%;height:100%;clip-path:url(#hero-front-desktop-responsive-mask);mask:none;-webkit-clip-path:url(#hero-front-desktop-responsive-mask);-webkit-mask:none}}.hero__face--back{background:#d8dff3;clip-path:url(#hero-back-rounded-mask);-webkit-clip-path:url(#hero-back-rounded-mask);color:#222;transform:rotateY(180deg) translateZ(1px)}.hero__face--chroma{border-radius:20px;background:#1e202e;clip-path:inset(0 round 20px);opacity:var(--hero-chroma-face-opacity, 0);visibility:hidden;transform:rotateY(0) translateZ(2px) rotate(var(--chroma-mask-exit-rotate-z));transform-origin:center;pointer-events:none}.hero__scene{position:absolute;top:50%;left:50%;width:1850px;height:var(--hero-scene-height, calc(var(--first-screen-height) - 64px));transform:translate(-50%,-50%) scale(var(--hero-scene-scale)) scaleX(var(--hero-scene-facing-scale-x, 1));transform-origin:center;will-change:transform}.hero__scene>img,.hero__shade{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none}.hero__background{z-index:0;top:-71px;left:-99px;width:2048px;height:calc(100% + 142px);object-fit:cover;transform:translate3d(calc(var(--hero-parallax-x) + var(--hero-depth-background, 0px)),var(--hero-parallax-y),0) scale(1.035);transition:transform .12s linear;will-change:transform}.hero__shade{z-index:1;inset:0;background:#0003}.hero__platform{z-index:2;bottom:-219px;left:-354px;width:2494px;height:455px;translate:var(--hero-depth-platform, 0px) 0;scale:var(--hero-depth-platform-scale, 1) 1}.hero__character,.hero__shadow{z-index:3;object-fit:fill}.hero__character{opacity:var(--hero-characters-opacity, 1)}.hero__character--one{bottom:-116px;left:-35px;width:500px;height:874px;translate:var(--hero-one-exit-x, 0px) var(--hero-one-exit-y, 0px);scale:var(--hero-one-exit-scale, 1);rotate:var(--hero-one-exit-rotate, 0deg);will-change:translate,scale,rotate,opacity}.hero__character--two{bottom:-120px;left:182px;width:799px;height:961px;translate:var(--hero-two-exit-x, 0px) var(--hero-two-exit-y, 0px);scale:var(--hero-two-exit-scale, 1);will-change:translate,scale,opacity}.hero__shadow{bottom:72px;left:907px;width:340px;height:136px;animation:hero-three-shadow 4.2s ease-in-out infinite;scale:var(--hero-shadow-exit-scale, 1);transform-origin:center;will-change:opacity,scale,transform}.hero__character--three{bottom:228px;left:791px;width:567px;height:590px;animation:hero-three-float 4.2s ease-in-out infinite;translate:var(--hero-three-exit-x, 0px) var(--hero-three-exit-y, 0px);rotate:var(--hero-three-exit-rotate, 0deg);will-change:translate,rotate,transform,opacity}.hero__character--four{bottom:-97px;left:1308px;width:421px;height:870px;translate:var(--hero-four-exit-x, 0px) var(--hero-four-exit-y, 0px);scale:var(--hero-four-exit-scale, 1);rotate:var(--hero-four-exit-rotate, 0deg);will-change:translate,scale,rotate,opacity}.hero-back__image-wrap{position:absolute;inset:0 0 auto;width:100%;height:100%;overflow:hidden;background:#161a23}.hero-back__image-wrap img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.hero-back__body{position:absolute;z-index:1;top:calc(58.1% - 2px);left:-2px;width:calc(100% + 4px);height:calc(41.9% + 4px);background:#d8dff3;transform:translateY(var(--hero-back-panel-y, 110%));will-change:transform;clip-path:none;mask:var(--duel-body-mask-desktop) center / 100% 100% no-repeat;-webkit-clip-path:none;-webkit-mask:var(--duel-body-mask-desktop) center / 100% 100% no-repeat}.hero-back__copy{position:absolute;z-index:2;top:65%;left:5.77%;width:88.46%;color:#515151;opacity:var(--hero-back-copy-opacity, 0);transform:translateY(var(--hero-back-copy-y, 24px));will-change:transform,opacity}.hero-back__copy h3{width:69.57%;min-height:96px;margin:0;font-family:Milford Condensed,sans-serif;font-size:40px;font-weight:400;line-height:1.2;text-transform:uppercase}.hero-back__copy p{margin:22px 0 0;font-size:20px;line-height:1.2}@keyframes hero-three-float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes hero-three-shadow{0%,to{opacity:calc(var(--hero-shadow-exit-opacity, 1) * .82);transform:scaleX(1)}50%{opacity:calc(var(--hero-shadow-exit-opacity, 1) * .55);transform:scaleX(.88)}}.menu-button,.corner-cta,.primary-cta{position:absolute;z-index:10;display:grid;place-items:center;border:0;text-transform:uppercase;cursor:pointer}.menu-button,.corner-cta{translate:0 0}.brand-set,.brand-set img{display:block}.brand-set{line-height:0}.brand-set--webgl,html[data-renderer=webgl] .brand-set--css{display:none}html[data-renderer=webgl] .brand-set--webgl{display:block}.hero-brand .brand-wordmark,.hero-brand .brand-mark{display:none}.header-left{position:fixed;z-index:100;top:clamp(16px,3.28125vw,84px);left:clamp(16px,3.28125vw,84px);display:flex;align-items:center;gap:16px}.hero-brand{position:fixed;z-index:100;top:calc(40px * var(--site-scale));left:50%;opacity:var(--hero-brand-opacity, 1);visibility:visible;transform:translate(-50%);transition:opacity .22s ease,visibility 0s linear 0s;pointer-events:none}.hero-brand .brand-full,.hero-brand .brand-wordmark,.hero-brand .brand-mark{width:auto;height:clamp(16px,.85vw,20px)}.hero-logo-handed-off .hero-brand,.menu-open .hero-brand{opacity:0;visibility:hidden;transition-delay:0s,.22s}.site-brand{position:relative;display:grid;min-height:clamp(32px,2.1875vw,56px);padding:0 12px;place-items:center;box-sizing:border-box;background:#f5f5f5;border-radius:6px;opacity:0;visibility:hidden;transform:translate3d(-10px,0,0);transition:opacity .26s ease,transform .42s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s;pointer-events:none;will-change:opacity,transform}.site-brand .brand-full{width:auto;height:clamp(16px,.85vw,20px)}.site-brand.is-after-hero-logo{opacity:1;visibility:visible;transform:translateZ(0);transition-delay:0s}.header-controls-hidden .site-brand,.menu-open .site-brand{opacity:0;visibility:hidden;transform:translate3d(-10px,0,0);transition-delay:0s,0s,.42s}.header-controls-hidden .menu-button,.header-controls-hidden .corner-cta{translate:0 calc(-100% - 40px);opacity:0;pointer-events:none}.menu-button{position:relative;z-index:100;width:clamp(64px,5.677vw,145px);height:clamp(32px,2.1875vw,56px);padding:clamp(8px,.625vw,16px) clamp(20px,2.083vw,53px);overflow:hidden;background:#fff;border-radius:8px;transform:skew(9deg);transform-origin:center;transition:transform .46s cubic-bezier(.22,1,.36,1);will-change:transform}.menu-button span{display:block;width:clamp(20px,1.51vw,39px);height:clamp(1px,.104vw,3px);background:#222;transform:skew(-9deg);transition:transform .46s cubic-bezier(.22,1,.36,1)}.menu-button span+span{margin-top:clamp(4px,.3125vw,8px)}.menu-button:hover,.menu-button:hover span{transform:skew(0)}.corner-cta{position:fixed;z-index:100;top:clamp(16px,3.28125vw,84px);right:clamp(16px,3.28125vw,84px);left:auto;width:clamp(112px,8.229vw,211px);height:clamp(36px,2.24vw,57px);background:#fff;color:#ff467a;font-size:clamp(13px,.833vw,21px);font-weight:500;line-height:1;overflow:hidden;border-radius:8px;transform:skew(-9deg);transform-origin:center;transition:transform .46s cubic-bezier(.22,1,.36,1);will-change:transform}.menu-button,.corner-cta{transition:translate .42s cubic-bezier(.22,1,.36,1),opacity .26s ease,transform .46s cubic-bezier(.22,1,.36,1);will-change:translate,opacity,transform}.corner-cta>span,.primary-cta>span{display:grid;width:100%;height:100%;place-items:center;transform:skew(9deg);transition:transform .46s cubic-bezier(.22,1,.36,1);will-change:transform}.site-menu-overlay{position:fixed;z-index:200;inset:0;background:#05060975;opacity:0;visibility:hidden;transition:opacity .52s cubic-bezier(.22,1,.36,1),visibility 0s linear .52s;pointer-events:none;touch-action:none}.site-menu{position:fixed;z-index:210;top:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;width:var(--menu-width);min-height:0;padding:24px var(--menu-padding);overflow:hidden;background:#f5f5f5;color:#222;opacity:0;visibility:hidden;transform:translate3d(calc(-100% - 40px),0,0);transition:transform .68s cubic-bezier(.16,1,.3,1),opacity .36s ease,visibility 0s linear .68s;overscroll-behavior:contain;pointer-events:none;touch-action:pan-y;will-change:transform,opacity}.site-menu__nav{display:flex;flex:0 1 auto;flex-direction:column;gap:clamp(4px,1.1vh,12px);width:100%;min-height:0;margin-bottom:clamp(12px,2.3vh,25px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.site-menu__nav a{display:grid;flex:0 1 55px;min-height:42px;padding:10px 12px;place-items:center;color:#222;font-family:Milford Condensed,sans-serif;font-size:clamp(27px,2.96vh,32px);font-style:italic;font-weight:600;line-height:1;text-align:center;text-transform:uppercase;transition:color .26s ease}.site-menu__nav a:hover,.site-menu__nav a:focus-visible{color:#ff467a}.site-menu__play{display:grid;flex:0 0 55px;width:100%;height:55px;margin-top:0;overflow:hidden;background:#ff467a;color:#fff;font-family:Milford Condensed,sans-serif;font-size:32px;font-style:italic;font-weight:600;line-height:1;text-transform:uppercase;border-radius:8px;transform:skew(-9deg);transition:transform .46s cubic-bezier(.22,1,.36,1)}.site-menu__play span{display:grid;width:100%;height:100%;place-items:center;transform:skew(9deg);transition:transform .46s cubic-bezier(.22,1,.36,1)}.site-menu__play:hover,.site-menu__play:hover span{transform:skew(0)}.site-menu :is(a,button):focus-visible{outline:2px solid #ff467a;outline-offset:3px}.menu-open .site-menu-overlay{opacity:1;visibility:visible;transition-delay:0s;pointer-events:auto}.menu-open .site-menu{opacity:1;visibility:visible;transform:translateZ(0);transition-delay:0s;pointer-events:auto}.menu-open .menu-button{z-index:220;opacity:1;translate:0 0;pointer-events:auto}.menu-open .header-left{z-index:220}.menu-open .menu-button span{position:absolute;top:50%;left:50%;width:24px;height:2px;margin:0}.menu-open .menu-button span:nth-child(1){opacity:1;transform:translate(-50%,-50%) skew(-9deg) rotate(45deg)}.menu-open .menu-button span:nth-child(2){opacity:0}.menu-open .menu-button span:nth-child(3){opacity:1;transform:translate(-50%,-50%) skew(-9deg) rotate(-45deg)}.menu-open .corner-cta{opacity:0;pointer-events:none}.corner-cta:hover,.primary-cta:hover{transform:skew(0)}.corner-cta:hover>span,.primary-cta:hover>span{transform:skew(0)}.hero-copy{position:absolute;z-index:8;top:325px;left:50%;width:1024px;height:430px;text-align:center;transform:translate3d(-50%,0,0);will-change:top,opacity}@media(min-width:1025px){.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-copy h1{display:flex;flex-direction:column;align-items:center;width:max-content}.hero-copy h1 span{width:max-content}}.hero-copy h1{margin:0;color:#fff;font-family:Milford Condensed,sans-serif;font-size:96px;font-weight:400;line-height:1.105;letter-spacing:-1px}.hero-copy h1 span{display:block;white-space:nowrap}.hero-copy p{margin:40px 0 0;color:#fff;font-size:32px;font-weight:400;line-height:1.15625}.primary-cta{top:366px;left:368px;width:288px;height:64px;background:#ff467a;color:#fff;font-size:28px;font-weight:500;line-height:1;overflow:hidden;border-radius:8px;transform:skew(-9deg);transform-origin:center;transition:transform .46s cubic-bezier(.22,1,.36,1);will-change:transform}.menu-button:focus-visible,.corner-cta:focus-visible,.primary-cta:focus-visible{outline:3px solid #222;outline-offset:4px}.how-it-plays{position:relative;z-index:1;width:1920px;height:var(--second-screen-scroll-height);margin-top:calc(var(--first-screen-height) * -1);overflow:visible;background:transparent;color:#222}.how-it-plays__stage{position:sticky;top:0;width:1920px;height:var(--first-screen-height);overflow:hidden;will-change:opacity}.how-it-plays__canvas{position:absolute;top:50%;left:50%;width:1920px;height:1080px;transform:translate3d(-50%,-50%,0) scale(var(--second-scene-scale, 1));transform-origin:center}.how-it-plays__header{position:absolute;top:67px;left:576px;width:768px;height:203px;text-align:center;will-change:transform,opacity}.how-it-plays__eyebrow{margin:0;font-size:16px;font-weight:500;line-height:19px;text-transform:uppercase}.how-it-plays__eyebrow,.how-it-plays h2,.how-it-plays__intro span{overflow:visible}.how-it-plays [data-second-reveal]{display:block;opacity:0;will-change:transform,opacity,filter}.how-it-plays h2{margin:12px 0 0;font-family:Milford Condensed,sans-serif;font-size:80px;font-weight:400;line-height:88px}.how-it-plays__intro{margin:12px 0 0;font-size:24px;font-weight:400;line-height:28px}.play-cards{position:absolute;top:290px;left:140px;display:grid;grid-template-columns:repeat(3,520px);gap:40px;width:1640px;height:697px;perspective:1600px;will-change:transform,opacity}.play-card{position:relative;width:520px;height:697px;overflow:hidden;border-radius:10px}.play-card--deck{visibility:hidden}.play-card--champion,.play-card--core{visibility:hidden;opacity:0;will-change:transform,opacity}.play-card__image-wrap{position:absolute;inset:0 0 auto;width:520px;height:667px;overflow:hidden;background:#161a23}.play-card__image-wrap img{position:absolute;display:block;max-width:none;object-fit:contain}.play-card--champion .play-card__image-wrap img{top:.5px;left:-63px;width:646px;height:484px}.play-card--deck .play-card__image-wrap img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.play-card--core .play-card__image-wrap img{top:0;left:-61px;width:642px;height:482px}.play-card__body{position:absolute;z-index:1;top:405px;left:-2px;width:524px;height:292px;background:#d8dff3;clip-path:none;mask:var(--duel-body-mask-desktop) center / 100% 100% no-repeat;-webkit-clip-path:none;-webkit-mask:var(--duel-body-mask-desktop) center / 100% 100% no-repeat}.play-card__copy{position:absolute;z-index:2;top:453px;left:30px;width:460px;height:164px;color:#515151}.play-card__copy h3{width:320px;min-height:96px;margin:0;font-family:Milford Condensed,sans-serif;font-size:40px;font-weight:400;line-height:48px}.play-card__copy p{margin:22px 0 0;font-size:20px;font-weight:400;line-height:23px}.play-card--core .play-card__copy{top:453px;height:164px}.play-card--core .play-card__copy h3{min-height:96px}.chromas{position:relative;width:1920px;height:calc(var(--first-screen-height) + var(--third-screen-hold-height));padding:30px;overflow:visible;background:transparent;pointer-events:none}.chroma-stage{--chroma-content-inset: clamp(50px, calc(var(--first-screen-height) * .065), 84px);position:absolute;top:50%;left:50%;width:var(--chroma-stage-width, 1860px);height:var(--chroma-stage-height, 1020px);overflow:visible;background:#1e202e;transform:translate3d(-50%,-50%,0) rotate(var(--chroma-content-exit-rotate-z));transform-origin:center;will-change:transform}.chroma-stage__ui{position:absolute;z-index:4;inset:0;opacity:var(--chroma-ui-opacity, 0);pointer-events:none;will-change:opacity}.webgl-chroma-ui{position:fixed;z-index:52;inset:auto;transform-origin:center;pointer-events:none;will-change:top,left,opacity,transform}.chroma-slide{position:absolute;z-index:0;inset:0;opacity:0;visibility:hidden;transition:opacity .36s ease,visibility 0s linear .36s}.chroma-slide.is-active{z-index:1;opacity:1;visibility:visible;transition-delay:0s}.chroma-wave-canvas{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;pointer-events:none}.chroma-slide__background,.chroma-slide__hero{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none}.chroma-slide__background{z-index:0;transform:translate3d(var(--chroma-bg-x, 0px),calc(var(--chroma-bg-y, 0px) + var(--chroma-exit-bg-y, 0px)),0)}.chroma-slide__arena{position:absolute;z-index:1;inset:0;transform:translate3d(var(--chroma-arena-x, 0px),var(--chroma-arena-y, 0px),0);pointer-events:none}.chroma-slide__glow{display:none}.chroma-slide__hero{z-index:3;bottom:0;height:auto;transform:translate3d(var(--chroma-hero-x, 0px),calc(var(--chroma-hero-y, 0px) + var(--chroma-exit-hero-y, 0px)),0)}.chroma-slide--volt .chroma-slide__background{top:-444.5px;left:0;width:auto;min-width:2794px;height:max(1572.46px,calc(100% + 444.5px))}.chroma-slide--volt .chroma-slide__glow{top:125px;left:1104px;width:557px;height:722px;background:#edf7ff}.chroma-slide--volt .chroma-slide__hero{top:auto;left:1035px;width:650px}.chroma-slide--ember .chroma-slide__background{top:-297px;left:0;width:auto;min-width:2642px;height:max(1487px,calc(100% + 297px))}.chroma-slide--ember .chroma-slide__glow{top:89px;left:937px;width:557px;height:722px;background:#ffeed7}.chroma-slide--ember .chroma-slide__hero{top:auto;left:865px;width:650px}.chroma-slide--nova .chroma-slide__background{top:-605px;left:-267px;width:auto;min-width:3364px;height:max(1893px,calc(100% + 605px))}.chroma-slide--nova .chroma-slide__glow{top:95px;left:827px;width:557px;height:722px;background:#f6e2fb}.chroma-slide--nova .chroma-slide__hero{top:auto;left:795px;width:650px}.chroma-slide--static .chroma-slide__background{top:-14px;left:0;width:auto;min-width:1860px;height:max(1048px,calc(100% + 14px))}.chroma-slide--static .chroma-slide__glow{top:89px;left:1092px;width:557px;height:854px;background:#fff;opacity:.48}.chroma-slide--static .chroma-slide__hero{top:auto;left:1050px;width:650px}.chromas__shade{position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(0 0 0 / 92%) 0%,rgb(0 0 0 / 74%) 27%,rgb(0 0 0 / 34%) 43%,transparent 62%)}.chromas__heading{position:absolute;z-index:4;top:var(--chroma-content-inset);left:110px;width:760px;color:#fff;overflow:visible}.chromas__heading p{margin:0;width:max-content;font-size:16px;font-weight:500;line-height:19px;text-transform:uppercase;white-space:nowrap}.chromas__heading h2{margin:12px 0 0;font-family:Milford Condensed,sans-serif;font-size:96px;font-weight:400;line-height:.96;overflow:visible}.chromas__heading h2 span{display:block;width:max-content;padding:0 .14em .08em 0;overflow:visible;white-space:nowrap}.chroma-copy{position:absolute;z-index:4;bottom:224px;left:110px;width:748px;color:#fff;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility 0s linear .24s}.chroma-copy.is-active{opacity:1;visibility:visible;transition-delay:0s}.chroma-copy h3{margin:0;font-family:Milford Condensed,sans-serif;font-size:60px;font-weight:400;line-height:60px}.chroma-copy p{margin:30px 0 0;font-size:28px;font-weight:400;line-height:34px}.chroma-copy--volt h3{color:#8581ff}.chroma-copy--ember h3{color:#f3272a}.chroma-copy--nova h3{color:#f3b059}.chroma-copy--static h3{color:#d941f0}.chroma-tabs{position:absolute;z-index:5;bottom:var(--chroma-content-inset);left:110px;display:flex;gap:20px;width:300px;height:60px}.chroma-tab{width:60px;height:60px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;opacity:.58;transition:opacity .18s ease,transform .18s ease}.chroma-tab img{display:block;width:60px;height:60px}.chroma-tab:hover,.chroma-tab.is-active{opacity:1}.chroma-tab.is-active{transform:scale(1.02)}.chroma-tab:focus-visible{outline:3px solid #fff;outline-offset:4px}.rift-cta{position:relative;width:1920px;height:calc(var(--first-screen-height) * 2.8);margin-top:calc(var(--first-screen-height) * -.1);background:transparent;color:#222}.rift-cta__stage{--rift-shape-opacity: 1;position:sticky;isolation:isolate;top:0;width:1920px;height:var(--first-screen-height);overflow:hidden;opacity:1}[data-chroma-heading-reveal],[data-chroma-copy-reveal],[data-rift-reveal],[data-mastery-reveal],[data-mastery-layout-reveal],[data-standard-reveal],[data-arsenal-reveal]{will-change:transform,opacity,filter}.rift-cta__stage:before{position:absolute;z-index:-1;top:50%;left:50%;width:1692px;height:955px;border-radius:50%;background:radial-gradient(ellipse at center,#98aeef57,#98aeef30 43%,#98aeef00 74%);filter:blur(26px);opacity:var(--rift-shape-opacity);transform:translate3d(-50%,-50%,0);animation:rift-shape-drift 18s ease-in-out infinite alternate;will-change:transform;content:""}@keyframes rift-shape-drift{0%{transform:translate3d(calc(-50% - 24px),calc(-50% + 18px),0) scale(.97)}36%{transform:translate3d(calc(-50% + 18px),calc(-50% - 34px),0) scale(1.025)}68%{transform:translate3d(calc(-50% + 24px),calc(-50% + 26px),0) scale(1.01)}to{transform:translate3d(calc(-50% - 18px),calc(-50% - 20px),0) scale(.985)}}.rift-cta__content{position:absolute;top:50%;right:0;left:0;width:1320px;height:724px;margin-inline:auto;text-align:center;transform:translate3d(0,-50%,0)}.rift-cta__eyebrow{margin:0;font-size:16px;font-weight:500;line-height:19px;text-transform:uppercase}.rift-cta h2{margin:12px 0 0;font-family:Milford Condensed,sans-serif;font-size:116px;font-weight:400;line-height:128px}.rift-cta h2 span{display:block}.rift-cta__subtitle{margin:12px 60px 0;font-size:24px;font-weight:400;line-height:29px}.rift-cta__button{position:absolute;top:660px;left:50%;display:grid;width:206px;height:64px;overflow:hidden;background:#ff467a;border-radius:8px;color:#fff;font-size:28px;font-weight:500;line-height:1;text-transform:uppercase;transform:translate(-50%) skew(-9deg);transform-origin:center;transition:transform .46s cubic-bezier(.22,1,.36,1);will-change:transform}.rift-cta__button span{display:grid;width:100%;height:100%;place-items:center;transform:skew(9deg);transition:transform .46s cubic-bezier(.22,1,.36,1);will-change:transform}.rift-cta__button:hover{transform:translate(-50%) skew(0)}.rift-cta__button:hover span{transform:skew(0)}.rift-cta__button:focus-visible{outline:3px solid #222;outline-offset:4px}.card-purpose{position:relative;z-index:4;width:1920px;height:calc(var(--first-screen-height) * 2.6);margin-top:calc(var(--first-screen-height) * -1.522);overflow:visible;background:transparent;color:#fff;pointer-events:none}.card-purpose__stage{position:sticky;isolation:isolate;top:0;width:1920px;height:var(--first-screen-height);overflow:hidden;background:#f5f5f5;visibility:hidden;pointer-events:none}.card-purpose__panel{position:absolute;inset:46px 36px 37px 37px;overflow:hidden;border-radius:20px;background:#ff467a;opacity:0;visibility:hidden;transform:scale(1.045);transform-origin:50% 50%;will-change:top,right,bottom,left,transform,opacity}.card-purpose__canvas{position:absolute;top:50%;left:50%;width:1847px;height:997px;opacity:0;transform:translate3d(-50%,-50%,0) scale(var(--card-purpose-scene-scale, 1));transform-origin:50% 50%;will-change:transform,opacity}.card-purpose__header{position:absolute;z-index:5;top:40px;left:50%;width:1100px;text-align:center;transform:translate(-50%)}.card-purpose__header>p:first-child{margin:0;font-size:16px;font-weight:500;line-height:19px;text-transform:uppercase}.card-purpose__header h2{margin:12px 0 0;font-family:Milford Condensed,sans-serif;font-size:80px;font-style:italic;font-weight:600;line-height:.96;text-transform:uppercase}@media(min-width:1025px){.card-purpose__header h2{white-space:nowrap}}.card-purpose__intro{width:748px;margin:12px auto 0;font-size:24px;font-weight:400;line-height:29px}.card-purpose__showcase{--card-purpose-glow-blur: 40px;--card-purpose-glow-opacity: .56;position:absolute;inset:0}.card-purpose__glow{position:absolute;z-index:4;display:block;width:268px;height:376px;max-width:none;pointer-events:none;filter:blur(var(--card-purpose-glow-blur));mix-blend-mode:screen;opacity:var(--card-purpose-glow-opacity);transform:rotate(var(--card-purpose-glow-rotation, 0deg));transform-origin:50% 50%}.card-purpose__glow--left{--card-purpose-glow-rotation: -6deg;top:365px;left:415px}.card-purpose__glow--center{top:300px;left:790px}.card-purpose__glow--right{--card-purpose-glow-rotation: 5deg;top:350px;left:1165px}.card-purpose__card{position:absolute;z-index:5;width:268px;height:376px;margin:0;overflow:hidden;border-radius:10px;transform-origin:50% 50%}.card-purpose__card--left{top:365px;left:415px;transform:rotate(-6deg)}.card-purpose__card--center{top:300px;left:790px}.card-purpose__card--right{top:350px;left:1165px;transform:rotate(5deg)}.card-purpose__card img,.card-purpose__box{display:block;width:100%;height:100%}.card-purpose__card img{object-fit:cover}.card-purpose__boxes{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;pointer-events:none}.card-purpose__box-shadow{position:absolute;bottom:34px;left:564px;width:720px;height:32px;border-radius:50%;background:#2222222e;filter:blur(18px)}.card-purpose__box{position:absolute;height:auto;max-width:none;object-fit:contain;transform-origin:50% 100%}.card-purpose__box--blue{z-index:1;bottom:78px;left:1052px;width:225px}.card-purpose__box--green{z-index:1;bottom:78px;left:570px;width:225px}.card-purpose__box--yellow{z-index:2;bottom:62px;left:919px;width:260px}.card-purpose__box--purple{z-index:2;bottom:62px;left:668px;width:260px}.card-purpose__box--red{z-index:3;bottom:42px;left:774px;width:300px}.card-purpose__box-image{display:block;width:100%;height:auto}.rift-mastery{position:relative;z-index:3;width:1920px;height:calc(var(--first-screen-height) * 4.2);margin-top:calc(var(--first-screen-height) * -1);background:transparent;color:#222}.rift-mastery__stage{position:sticky;top:0;width:1920px;height:var(--first-screen-height);overflow:hidden;background:#f5f5f5;perspective:2400px;transform-style:preserve-3d}.rift-mastery__canvas{position:absolute;top:50%;left:50%;width:1920px;height:1080px;transform:translate3d(-50%,-50%,0) scale(var(--mastery-scene-scale, 1));transform-origin:center;transform-style:preserve-3d;will-change:transform}.rift-mastery__header{position:absolute;top:40px;left:410px;width:1100px;height:291px;text-align:center}.rift-mastery__header>p:first-child{margin:0;font-size:16px;font-weight:500;line-height:19px;text-transform:uppercase}.rift-mastery h2{margin:12px 0 0;font-family:Milford Condensed,sans-serif;font-size:80px;font-weight:400;line-height:88px}.rift-mastery h2 span,.rift-mastery__intro span{display:block}.rift-mastery__intro span{white-space:nowrap}.rift-mastery__intro{margin:12px 0 0;font-size:24px;font-weight:400;line-height:28px}.mastery-layout{position:absolute;top:350px;left:30px;width:1860px;height:703.6px;overflow:visible}.mastery-shape-anchor,.mastery-panels{position:absolute;inset:0 auto auto 0;width:1300px;height:703.6px}.mastery-shape-anchor{pointer-events:none}.mastery-panels{--mastery-card-reveal-scale: 1;--mastery-front-opacity: 1;--mastery-back-opacity: 0;--inside-exit-mask-rotate-z: 0deg;--inside-exit-content-rotate-z: 0deg;--inside-exit-content-scale: 1;z-index:8;overflow:visible;perspective:8000px;transform:perspective(8000px) scale(var(--mastery-card-reveal-scale));transform-origin:center;transform-style:preserve-3d;visibility:hidden;pointer-events:none;will-change:top,left,width,height,transform,opacity}.mastery-panels *{pointer-events:none}.mastery-shape__rotator,.mastery-shape__face{position:absolute;inset:0;width:100%;height:100%;transform-style:preserve-3d}.mastery-shape__rotator{transform:none;transform-origin:center;will-change:transform}.mastery-shape__face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.mastery-shape__face--front{inset:auto;top:calc((100% - 703.6px)/2);left:calc((100% - 1300px)/2);width:1300px;height:703.6px;overflow:hidden;clip-path:none;mask:var(--game-modes-mask-desktop) center / 100% 100% no-repeat;-webkit-clip-path:none;-webkit-mask:var(--game-modes-mask-desktop) center / 100% 100% no-repeat;opacity:var(--mastery-front-opacity);transform:scale(var(--mastery-front-scale-x, 1),var(--mastery-front-scale-y, 1)) rotateY(var(--mastery-front-mask-rotate, 0deg)) translateZ(1px);transform-origin:center}.mastery-shape__front-canvas{position:absolute;inset:0 auto auto 0;width:1300px;height:703.6px;transform:scaleX(var(--mastery-front-content-scale-x, 1));transform-origin:center}.mastery-shape__face--back{inset:auto;top:calc((100% - 924px)/2);left:calc((100% - 1850px)/2);width:1850px;height:924px;overflow:hidden;background:#23202e;clip-path:none;mask:var(--inside-rift-mask-desktop) center / 100% 100% no-repeat;-webkit-clip-path:none;-webkit-mask:var(--inside-rift-mask-desktop) center / 100% 100% no-repeat;opacity:var(--mastery-back-opacity);transform:scale(var(--mastery-back-scale-x, 1),var(--mastery-back-scale-y, 1)) rotateY(var(--mastery-back-mask-rotate, 90deg)) translateZ(1px) rotate(var(--inside-exit-mask-rotate-z));transform-origin:center}.mastery-shape__back-canvas{position:absolute;inset:0 auto auto 0;width:1850px;height:924px;overflow:hidden;background:#23202e;transform:scaleX(var(--mastery-back-content-scale-x, 1)) rotate(var(--inside-exit-content-rotate-z)) scale(var(--inside-exit-content-scale));transform-origin:center}.mastery-panel{position:absolute;inset:0;width:1300px;height:703.6px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s}.mastery-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.mastery-panels .mastery-panel,.mastery-panels .mastery-panel *{pointer-events:none}.mastery-panel__mask{position:absolute;inset:0;width:1300px;height:703.6px;overflow:hidden}.mastery-panel__arena{position:absolute;top:-4.37px;left:-19.84px;display:block;width:1337.46px;height:712.77px;max-width:none;object-fit:cover;object-position:center}.mastery-panel__overflow-layer{position:absolute;z-index:2;inset:0;overflow:visible;pointer-events:none}.mastery-panel__placeholder{display:grid;width:100%;height:100%;place-items:center;color:#ffffff75;font-family:Milford Condensed,sans-serif;font-size:72px;font-style:italic;font-weight:600;text-transform:uppercase}.mastery-panel--champions .mastery-panel__mask{background:linear-gradient(135deg,#aeb4be,#59616e)}.mastery-panel--weapons .mastery-panel__mask{background:linear-gradient(135deg,#397fbd,#102f59)}.mastery-details{position:absolute;z-index:30;top:200.3px;left:1340px;width:520px;height:303px;pointer-events:auto}.mastery-tabs{display:flex;width:max-content;height:39px;pointer-events:auto}.mastery-tab{display:inline-flex;align-items:center;gap:7px;height:39px;padding:10px;border:0;border-bottom:1px solid transparent;background:transparent;color:#858585;font-size:16px;font-weight:500;line-height:19px;cursor:pointer;pointer-events:auto}.mastery-tab__badge{display:inline-flex;align-items:center;height:20px;padding:0 7px;border:1px solid currentColor;border-radius:999px;font-size:10px;font-weight:600;line-height:1;letter-spacing:.04em;text-transform:uppercase}.mastery-tab:hover,.mastery-tab.is-active{color:#000}.mastery-tab.is-active{border-bottom-color:#000}.mastery-tab:focus-visible{outline:2px solid #222;outline-offset:2px}.mastery-copy{position:absolute;top:94px;left:0;width:520px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.mastery-copy.is-active{opacity:1;visibility:visible;transition-delay:0s}.mastery-copy h3{margin:0;font-family:Milford Condensed,sans-serif;font-size:40px;font-weight:400;line-height:44px}.mastery-copy p{margin:20px 0 0;font-size:24px;font-weight:400;line-height:29px}.mastery-copy p+p{margin-top:29px}.inside-rift{position:relative;z-index:9;width:1920px;height:calc(var(--first-screen-height) * 2.65);margin-top:calc(var(--first-screen-height) * -1);overflow:hidden;background:transparent;color:#222;pointer-events:none}.inside-rift__header{position:absolute;z-index:12;top:40px;left:567px;width:768px;min-height:187px;color:#222;text-align:center;pointer-events:none}.inside-rift__header-anchor{position:absolute;top:40px;left:567px;width:768px;height:187px;pointer-events:none}.inside-rift__header>p:first-child{margin:0;font-size:16px;font-weight:500;line-height:19px;text-transform:uppercase}.inside-rift__header h2{margin:12px 0 0;font-family:Milford Condensed,sans-serif;font-size:80px;font-weight:400;line-height:88px}.inside-rift__intro{margin:12px 0 0;font-size:24px;font-weight:400;line-height:28px}.inside-rift__mask-anchor{position:absolute;top:var(--inside-mask-top, 145px);right:32px;left:32px;width:auto;height:calc(var(--first-screen-height) - var(--inside-mask-top, 145px) - 30px);pointer-events:none}.inside-rift__slide{position:absolute;inset:0;width:1850px;height:1041.31px;margin:0;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility 0s linear .32s}.webgl-persistent-canvas{position:fixed;z-index:50;inset:0;display:block;width:100vw;height:100vh;pointer-events:none}.webgl-hero-canvas{position:fixed;z-index:2;inset:0;display:block;width:100%;height:100vh;pointer-events:none}.webgl-hero-ready.webgl-hero-foreground .webgl-hero-canvas{z-index:51}.webgl-hero-sequence-ended .webgl-hero-canvas,.webgl-hero-sequence-ended .webgl-command-copy,.webgl-hero-sequence-ended .webgl-chroma-ui,.webgl-hero-sequence-ended [data-hero-shape]{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.webgl-command-copy{position:fixed;z-index:52;right:auto;bottom:auto;margin:0;transform-origin:top left;pointer-events:none;will-change:top,left,opacity,transform}.webgl-command-copy h3{font-family:Milford Condensed,sans-serif;font-style:italic;font-weight:600;line-height:.96}.webgl-hero-ready .site-stage{z-index:3}@media(min-width:1025px){.webgl-hero-ready .hero__rotator{visibility:hidden!important}.webgl-hero-ready .hero__face--front,.webgl-hero-ready .hero__face--back,.webgl-hero-ready .hero__face--chroma,.webgl-hero-ready .hero-back__image-wrap,.webgl-hero-ready .chroma-stage{background:transparent!important}.webgl-hero-ready .hero__scene,.webgl-hero-ready .play-card--deck .play-card__image-wrap,.webgl-hero-ready .play-card--deck .play-card__body,.webgl-hero-ready .chroma-slide__background,.webgl-hero-ready .chroma-slide__hero,.webgl-hero-ready .chromas__shade{visibility:hidden!important}.webgl-hero-ready .hero-back__image-wrap img,.webgl-hero-ready .hero-back__body,.webgl-hero-ready .hero-back__copy:not(.webgl-command-copy){visibility:hidden!important}}@media(max-width:1024px){.webgl-hero-ready .hero__face--front,.webgl-hero-ready .play-card--deck .play-card__image-wrap,.webgl-hero-ready .how-it-plays{background:transparent!important}.webgl-hero-ready .hero__scene,.webgl-hero-ready .play-card--deck .play-card__image-wrap img,.webgl-hero-ready .play-card--deck .play-card__body{visibility:hidden!important}}.webgl-stencil-ready .site-stage{z-index:3}.webgl-stencil-ready .rift-mastery__stage,.webgl-stencil-ready .inside-rift,.webgl-stencil-ready .faq__stage{background:transparent}.webgl-stencil-ready .faq__stage:before{opacity:0}.webgl-stencil-ready .mastery-shape__face--front,.webgl-stencil-ready .mastery-shape__face--back,.webgl-stencil-ready .mastery-shape__front-canvas,.webgl-stencil-ready .mastery-shape__back-canvas{overflow:visible;background:none!important;clip-path:none;-webkit-clip-path:none}.webgl-stencil-ready .mastery-panel,.webgl-stencil-ready .mastery-panel__mask,.webgl-stencil-ready .mastery-panel__overflow-layer{background:none!important;box-shadow:none!important}.webgl-stencil-ready .mastery-panel__arena,.webgl-stencil-ready .inside-rift__slide img{opacity:0!important}.webgl-stencil-ready .mastery-shape__front-canvas,.webgl-stencil-ready .mastery-shape__back-canvas{visibility:hidden!important}@media(min-width:1025px){.webgl-stencil-ready .mastery-shape__rotator{visibility:hidden!important}}.webgl-stencil-ready .inside-rift__slide{z-index:1;transition-duration:.68s,0s}.webgl-stencil-ready .inside-rift__caption{opacity:0;visibility:hidden;transition:none}.webgl-stencil-ready .inside-rift__slide:after{opacity:0;transition:none}.webgl-gallery-copy{position:fixed;z-index:51;overflow:hidden;color:#fff;pointer-events:none;will-change:top,left,width,height,opacity}.webgl-stencil-ready .inside-rift__controls{z-index:52}.webgl-gallery-copy__inner{position:absolute;right:auto;bottom:64px;left:64px;width:min(680px,calc(100% - 128px))}.webgl-gallery-copy h3{margin:0;font-family:Milford Condensed,sans-serif;font-size:48px;font-style:italic;font-weight:600;line-height:.96;text-transform:uppercase}.webgl-gallery-copy p{margin:16px 0 0;font-size:18px;font-weight:400;line-height:1.35}@media(max-width:1024px){.webgl-gallery-copy__inner{right:24px;bottom:24px;left:24px;width:calc(100% - 48px)}.webgl-gallery-copy h3{font-size:clamp(32px,6vw,48px)}.webgl-gallery-copy p{font-size:clamp(14px,2.4vw,18px)}}.inside-rift__slide.is-active{opacity:1;visibility:visible;transition-delay:0s}.inside-rift__slide img{position:absolute;inset:0;display:block;width:1850px;height:1041.31px;max-width:none;object-fit:cover;object-position:center;transform:scale(var(--mastery-back-image-counter-x, 1),var(--mastery-back-image-counter-y, 1));transform-origin:center;user-select:none}.mastery-shape__back-canvas>.chroma-wave-canvas{transform:scale(var(--mastery-back-image-counter-x, 1),var(--mastery-back-image-counter-y, 1));transform-origin:center}.inside-rift__slide:after{position:absolute;z-index:3;right:0;bottom:0;left:0;height:48%;background:linear-gradient(0deg,rgb(5 6 9 / 82%) 0%,rgb(5 6 9 / 30%) 55%,transparent 100%);content:"";pointer-events:none}.inside-rift__persistent-shade,.inside-rift__persistent-caption{display:none}html[data-renderer=css-fallback] .inside-rift__slide:after,html[data-renderer=css-fallback] .inside-rift__caption{display:none}html[data-renderer=css-fallback] .inside-rift__persistent-shade{position:absolute;z-index:3;right:0;bottom:0;left:0;display:block;height:48%;background:linear-gradient(0deg,rgb(5 6 9 / 82%) 0%,rgb(5 6 9 / 30%) 55%,transparent 100%);pointer-events:none}.inside-rift__caption,.inside-rift__persistent-caption{position:absolute;z-index:4;right:auto;bottom:64px;left:64px;width:min(680px,calc(100% - 128px));color:#fff}html[data-renderer=css-fallback] .inside-rift__persistent-caption{display:block}.inside-rift__caption h3,.inside-rift__persistent-caption h3{margin:0;font-family:Milford Condensed,sans-serif;font-size:48px;font-style:italic;font-weight:600;line-height:.96;text-transform:uppercase}.inside-rift__caption p,.inside-rift__persistent-caption p{margin:16px 0 0;font-size:18px;font-weight:400;line-height:1.35}.mastery-shape__face--back .inside-rift__slide,.mastery-shape__face--back .inside-rift__slide img{width:100%;height:100%}[data-inside-rift-ui]{will-change:transform,opacity,filter}.inside-rift__controls{position:absolute;z-index:11;top:1019px;left:calc(50% - 92px);display:grid;grid-template-columns:28px 96px 28px;column-gap:16px;align-items:center;width:184px;height:35px}.inside-rift__arrow{display:grid;width:28px;height:28px;padding:0;place-items:center;border:0;background:transparent;color:#222;cursor:pointer}.inside-rift__arrow--previous{justify-self:center}.inside-rift__arrow--next{justify-self:center;margin-left:0}.inside-rift__arrow span{width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}.inside-rift__arrow--previous span{transform:rotate(-135deg)}.inside-rift__arrow--next span{transform:rotate(45deg)}.inside-rift__arrow:disabled{color:#c9c9c9;cursor:default}.inside-rift__arrow:focus-visible{outline:2px solid #222;outline-offset:2px}.inside-rift__counter{display:grid;grid-template-columns:32px 13px 32px;justify-content:space-between;width:96px;margin:0;font-family:Milford Condensed,sans-serif;font-size:32px;font-style:italic;font-weight:600;line-height:35px;text-align:center}[data-inside-rift-current]{color:#222}.inside-rift__counter-separator,.inside-rift__counter-total{color:#999}.faq{position:relative;z-index:7;isolation:isolate;width:1920px;height:calc(var(--first-screen-height) + var(--faq-scroll-distance, 320px));margin-top:calc(var(--first-screen-height) * -1.15);overflow:visible;background:transparent;color:#000}.faq__stage{position:sticky;isolation:isolate;top:0;width:1920px;height:var(--first-screen-height);overflow:visible;background:#f5f5f5}.faq__scene{position:absolute;inset:0;transform:translate3d(0,var(--faq-scroll-y, 0px),0);will-change:transform}.faq__stage:before{position:absolute;z-index:-1;top:40px;left:180px;width:1692px;height:955px;border-radius:50%;background:radial-gradient(ellipse at center,rgb(152 174 239 / 32%) 0%,rgb(152 174 239 / 16%) 46%,transparent 75%);filter:blur(28px);content:""}.faq__header{position:absolute;top:50px;left:50%;width:1280px;height:auto;text-align:center;transform:translate(-50%);transform-origin:top center}.faq__header>p:first-child{margin:0;color:#222;font-size:16px;font-weight:500;line-height:19px;text-transform:uppercase}.faq h2{margin:12px 0 0;color:#222;font-family:Milford Condensed,sans-serif;font-size:80px;font-weight:400;line-height:88px;white-space:nowrap}.faq h2 span,.arsenal__copy h2 span{display:block}.faq__intro{margin:12px 0 0;color:#222;font-size:24px;font-weight:400;line-height:28px}.faq__content{position:absolute;top:373px;left:50%;display:grid;grid-template-columns:367px 920px;column-gap:513px;width:1800px;min-height:590px;height:auto;margin-left:0;transform:translate(-50%);transform-origin:top center;will-change:transform,opacity,filter}.faq__support{position:relative;width:367px;height:96px}.faq__support p{margin:0;font-size:24px;font-weight:500;line-height:29px}.faq__support a{display:inline-block;margin-top:19px;font-size:16px;font-weight:500;line-height:19px}.faq__support a:hover{text-decoration:underline}.faq__accordion{position:relative;display:flex;flex-direction:column;gap:16px;width:920px;min-height:590px;height:auto;overflow-anchor:none}.faq-item{position:relative;isolation:isolate;flex:0 0 auto;width:920px;min-height:97px;height:auto;background:transparent}.faq-item:before,.faq-item:after{position:absolute;z-index:-1;background:#fafafa;content:"";pointer-events:none}.faq-item:before{inset:21px 0 0;border-radius:0 12px 12px}.faq-item:after{top:0;left:0;width:920px;height:42px;clip-path:path("M 12 0 L 817 0 Q 830 0 841 7 L 871 17 Q 880 21 892 21 L 908 21 Q 920 21 920 33 L 920 42 L 0 42 L 0 12 Q 0 0 12 0 Z")}.faq-item__toggle{position:relative;z-index:1;display:block;width:920px;height:97px;padding:20px;border:0;background:transparent;color:#000;font-size:24px;font-weight:500;line-height:29px;text-align:left;cursor:pointer}.faq-item__answer{position:relative;z-index:1;display:grid;grid-template-rows:0fr;width:920px;height:auto;padding:0 20px;opacity:0;font-size:16px;font-weight:400;line-height:19px;transition:grid-template-rows .62s cubic-bezier(.16,1,.3,1),padding .62s cubic-bezier(.16,1,.3,1),opacity .22s ease}.faq-item.is-open .faq-item__answer{grid-template-rows:1fr;padding:0 20px 22px;opacity:1;transition:grid-template-rows .62s cubic-bezier(.16,1,.3,1),padding .62s cubic-bezier(.16,1,.3,1),opacity .36s ease 90ms}.faq-item__answer p{min-height:0;width:712px;margin:0;overflow:hidden;transform:translate3d(0,-8px,0);transition:transform .48s cubic-bezier(.16,1,.3,1);will-change:transform}.faq-item.is-open .faq-item__answer p{transform:translateZ(0)}.faq-item__state{position:absolute;z-index:2;right:32px;bottom:24px;padding:0;border:0;background:transparent;color:#000;font-size:16px;font-weight:500;line-height:19px;cursor:pointer}.faq-item__toggle:focus-visible,.faq-item__state:focus-visible{outline:2px solid #222;outline-offset:3px}.site-footer{position:relative;width:1920px;height:539px;margin-top:-34px;overflow:hidden;background:#f5f5f5;color:#000}.arsenal{position:relative;isolation:isolate;z-index:10;width:1920px;height:calc(var(--first-screen-height) * 2.45);margin-top:calc(var(--first-screen-height) * -.85);overflow:visible;background:transparent;color:#fff;pointer-events:none}.arsenal__sticky{position:sticky;top:0;width:1920px;height:var(--first-screen-height);overflow:hidden}.arsenal__frame{position:absolute;inset:30px 35px;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 50% 48%,rgb(40 45 59 / 18%),transparent 42%),#050609;opacity:0;visibility:hidden;transform-origin:center;will-change:inset,transform,opacity}.arsenal__frame:after{position:absolute;z-index:1;inset:0;background:#0003;content:"";pointer-events:none}.arsenal__perspective{position:absolute;z-index:0;inset:-34% -28%;perspective:1520px;perspective-origin:50% 43%;transform-style:preserve-3d}.arsenal__field{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;gap:24px;width:max-content;transform:translate3d(-50%,-49%,0) rotateX(54deg) rotate(-34deg) scale(1.08);transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform}.arsenal-row{display:flex;gap:24px;width:max-content;transform-style:preserve-3d}.arsenal-row:nth-child(odd){transform:translate3d(190px,0,0)}.arsenal-card{--arsenal-card-rotate-y: 180deg;position:relative;flex:0 0 auto;width:355px;height:532px;margin:0;perspective:1100px;perspective-origin:50% 50%;transform-style:preserve-3d}.arsenal-card__rotator{position:absolute;inset:0;transform:rotateY(var(--arsenal-card-rotate-y));transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform}.arsenal-card__face{position:absolute;inset:0;overflow:hidden;border:1px solid rgb(255 255 255 / 10%);border-radius:18px;background:#0c0e14;box-shadow:0 22px 46px #0006,0 1px #ffffff1a inset;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(1px)}.arsenal-card__face:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgb(255 255 255 / 9%),transparent 24%,transparent 76%,rgb(0 0 0 / 16%));content:"";pointer-events:none}.arsenal-card img{display:block;width:100%;height:100%;object-fit:cover;user-select:none}.arsenal__fade{position:absolute;z-index:2;right:0;left:0;height:23%;pointer-events:none}.arsenal__fade--top{top:0;background:linear-gradient(180deg,#050609 0%,rgb(5 6 9 / 78%) 34%,transparent 100%)}.arsenal__fade--bottom{bottom:0;background:linear-gradient(0deg,#050609 0%,rgb(5 6 9 / 78%) 34%,transparent 100%)}.arsenal__copy{position:absolute;z-index:3;top:50%;left:50%;width:1024px;color:#fff;text-align:center;transform:translate(-50%,-50%)}.arsenal__copy>p:first-child{margin:0;font-size:16px;font-weight:500;line-height:19px;text-transform:uppercase}.arsenal__copy h2{margin:12px 0 0;font-family:Milford Condensed,sans-serif;font-size:96px;font-weight:400;line-height:1.1}.arsenal__intro{width:846px;margin:12px auto 0;font-size:24px;font-weight:400;line-height:29px}.site-footer__panel{position:absolute;top:36px;left:35px;display:block;width:1850px;height:468px;background:#e4e4e4;mask:var(--footer-mask-desktop) center / 100% 100% no-repeat;-webkit-mask:var(--footer-mask-desktop) center / 100% 100% no-repeat}.site-footer__cta{position:absolute;top:86px;left:500px;display:flex;flex-direction:column;align-items:center;width:920px;height:auto;text-align:center}.site-footer__cta h2{margin:0;color:#222;font-family:Milford Condensed,sans-serif;font-size:80px;font-weight:400;line-height:88px}.site-footer__cta p{width:min(720px,100%);margin:24px auto 0;color:#222;font-size:20px;font-weight:400;line-height:24px;white-space:normal}.site-footer__cta a{position:relative;display:grid;flex:0 0 auto;width:206px;height:64px;margin-top:30px;overflow:hidden;background:#ff467a;border-radius:8px;color:#fff;font-size:28px;font-weight:500;line-height:1;text-transform:uppercase;transform:skew(-9deg);transform-origin:center;transition:transform .46s cubic-bezier(.22,1,.36,1);will-change:transform}.site-footer__cta a span{display:grid;width:100%;height:100%;place-items:center;transform:skew(9deg);transition:transform .46s cubic-bezier(.22,1,.36,1);will-change:transform}.site-footer__cta a:hover,.site-footer__cta a:hover span{transform:skew(0)}.site-footer__nav{position:absolute;top:269px;left:75px;display:flex;flex-direction:column;width:128px;height:195px}.site-footer__nav :is(a,span){display:block;width:max-content;height:39px;padding:10px;font-size:16px;font-weight:500;line-height:19px}.site-footer__nav span[aria-disabled=true]{color:#0000008c}.site-footer__nav a:hover{text-decoration:underline}.site-footer__legal{position:absolute;top:316px;left:1374px;width:471px;height:148px;text-align:right}.site-footer__legal p{margin:0 0 7px;font-size:10px;font-weight:400;line-height:12px}.site-footer__legal img{position:absolute;right:0;bottom:26px;display:block;width:251px;height:20px}.site-stage :is(h1,h2,h3),.webgl-chroma-ui :is(h1,h2,h3),.site-footer :is(h1,h2,h3){font-family:Milford Condensed,sans-serif;font-style:italic;font-weight:600;line-height:.96;overflow:visible;text-transform:uppercase}.site-stage :is(h1,h2,h3)>span,.webgl-chroma-ui :is(h1,h2,h3)>span,.site-footer :is(h1,h2,h3)>span{overflow:visible}:is(.chromas__heading,.faq__header,.site-footer__cta) .prisma-reveal-line-mask{padding:.18em .5em .24em;margin:-.18em -.5em -.24em;overflow:visible!important}:is(.chromas__heading,.faq__header,.site-footer__cta) :is(h1,h2,h3){padding:.08em .24em .14em;margin-right:-.24em;margin-left:-.24em;overflow:visible!important}:is(.chromas__heading,.faq__header,.site-footer__cta) .prisma-reveal-line{width:calc(100% + 1em)!important;padding:.08em .5em .16em;margin:-.08em -.5em -.16em;box-sizing:border-box;overflow:visible!important}.chromas__heading h2 span{padding-right:.55em}.chromas__heading>p,.chromas__heading>p .prisma-reveal-line-mask,.chromas__heading>p .prisma-reveal-line{width:max-content!important;min-width:max-content;white-space:nowrap!important}.faq h2>span{width:calc(100% + 1em);margin-left:-.5em;padding:.08em .5em .16em;box-sizing:border-box;overflow:visible}.is-safari .site-footer__cta :is([data-standard-reveal],.prisma-reveal-line,.prisma-reveal-line-mask){visibility:visible!important;opacity:1!important;filter:none!important;transform:none!important}.site-footer a:focus-visible{outline:2px solid #222;outline-offset:2px}@media(max-width:1024px){html,body{width:100%;min-width:320px}body{overflow-x:clip}.site-shell,.site-stage,.screen-one,.how-it-plays,.how-it-plays__stage,.chromas,.rift-cta,.rift-cta__stage,.card-purpose,.card-purpose__stage,.rift-mastery,.rift-mastery__stage,.inside-rift,.faq,.faq__stage,.arsenal,.arsenal__sticky,.site-footer{width:100%}.site-shell,.site-stage{height:auto!important}.site-stage{--site-scale: 1;zoom:1}.header-left{top:51px;left:36px}.menu-button{width:158px;height:42px;padding:12px 44px}.menu-button span{width:29px;height:2px}.menu-button span+span{margin-top:5px}.corner-cta{position:fixed;top:51px;right:36px;left:auto;width:158px;height:43px;font-size:16px}.hero-brand{top:52px}.site-brand{height:43px;padding-inline:12px}.hero-brand .brand-full,.hero-brand .brand-mark,.site-brand .brand-full{height:17px}.screen-one{height:1045px;overflow:visible}.hero{top:35px;left:20px;width:calc(100% - 40px);height:970px;transform:none}.hero__face--front{clip-path:url(#hero-front-tablet-responsive-mask);mask:none;-webkit-clip-path:url(#hero-front-tablet-responsive-mask);-webkit-mask:none}.hero__scene{width:100%;height:970px;transform:translate(-50%,-50%)}.hero__background{top:-142px;left:-669px;width:2048px;height:1152px;object-fit:fill;transform:none}.hero__platform{bottom:-40px;left:-219px;width:1128px;height:206px}.hero__character--one{bottom:-15px;left:-87px;width:231px;height:404px}.hero__character--two{bottom:12px;left:13px;width:370px;height:445px}.hero__shadow{bottom:71px;left:349px;width:157px;height:63px}.hero__character--three{bottom:108px;left:295px;width:262px;height:273px}.hero__character--four{bottom:-7px;left:534px;width:195px;height:402px}.hero-copy{top:160px;left:40px;display:flex;flex-direction:column;align-items:center;width:calc(100% - 80px);height:auto;transform:none}.hero-copy h1{font-size:clamp(52px,8.33vw,64px);line-height:1.04;letter-spacing:0}.hero-copy h1 span{white-space:normal}.hero-copy p{width:100%;margin:20px 0 0;padding:0 40px;font-size:24px;line-height:1.2}.hero-copy p br{display:none}.primary-cta{position:relative;top:auto;left:auto;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:288px;height:64px;margin-top:40px;font-size:28px;transform:skew(-9deg)}.primary-cta:hover{transform:skew(0)}.primary-cta>span{display:flex;align-items:center;justify-content:center}.how-it-plays{height:3090px;margin-top:0;padding:60px 20px;overflow:visible;background:#f5f5f5}.how-it-plays__stage,.how-it-plays__canvas{position:relative;inset:auto;width:100%;height:100%;overflow:visible;opacity:1;transform:none}.how-it-plays__header{position:relative;top:auto;left:auto;width:100%;height:187px;opacity:1}.how-it-plays h2{font-size:64px;line-height:70px}.how-it-plays__intro{font-size:24px;line-height:29px}.how-it-plays__intro span{display:block}.how-it-plays [data-second-reveal]{opacity:1;transform:none}.play-cards{position:relative;top:auto;left:auto;display:flex;flex-direction:column;gap:40px;width:100%;height:2720px;margin-top:60px}.play-card{flex:0 0 880px;width:100%;height:880px;border-radius:10px}.play-card--deck{order:1;visibility:visible;opacity:var(--tablet-deck-opacity, 0)}.play-card--champion{order:2}.play-card--core{order:3}.play-card--champion,.play-card--core{visibility:visible;opacity:1}.play-card__image-wrap{width:100%;height:720px}.play-card--champion .play-card__image-wrap img,.play-card--core .play-card__image-wrap img{top:0;left:50%;width:auto;min-width:100%;height:720px;object-fit:cover;transform:translate(-50%)}.play-card__body{top:auto;bottom:0;width:calc(100% + 4px);height:auto;aspect-ratio:728 / 292;clip-path:none;mask-image:var(--duel-body-mask-tablet);-webkit-clip-path:none;-webkit-mask-image:var(--duel-body-mask-tablet)}.play-card__copy,.play-card--core .play-card__copy{top:684px;left:30px;width:calc(100% - 60px);height:auto}.play-card__copy h3,.play-card--core .play-card__copy h3{min-height:48px}.play-card__copy p{margin-top:22px}.hero-back__body{top:auto;bottom:0;height:auto;aspect-ratio:728 / 292;mask-image:var(--duel-body-mask-tablet);-webkit-mask-image:var(--duel-body-mask-tablet)}.hero-back__copy{top:73.83%;left:4.12%;width:91.76%}.chromas{height:1024px;padding:0;overflow:hidden;background:#f5f5f5;pointer-events:auto}.chromas>.hero__face--chroma{position:absolute;inset:30px 20px 34px;width:auto;height:auto;border-radius:20px;clip-path:inset(0 round 20px);opacity:1;visibility:visible;transform:none;pointer-events:auto}.chroma-stage{top:0;left:0;width:100%;height:100%;transform:none}.chroma-stage__ui{opacity:1;pointer-events:auto}.chroma-slide--volt .chroma-slide__background{top:-475px;left:-806px;width:2794px;min-width:0;height:1572px}.chroma-slide--volt .chroma-slide__glow{top:95px;left:298px}.chroma-slide--volt .chroma-slide__hero{top:auto;bottom:0;left:217px}.chroma-slide--ember .chroma-slide__background,.chroma-slide--nova .chroma-slide__background,.chroma-slide--static .chroma-slide__background{top:-300px;left:50%;width:auto;min-width:1900px;height:1260px;transform:translate(-50%)}.chroma-slide--ember .chroma-slide__hero,.chroma-slide--nova .chroma-slide__hero,.chroma-slide--static .chroma-slide__hero{top:auto;bottom:0;left:205px}.chromas__shade{background:linear-gradient(90deg,#000000e0,#0000009e,#0000001f)}.chromas__heading{top:40px;left:40px;width:345px}.chromas__heading h2{font-size:64px}.chroma-copy{bottom:118px;left:40px;width:calc(100% - 80px)}.chroma-copy h3{font-size:40px;line-height:44px}.chroma-copy p{margin-top:20px;font-size:20px;line-height:24px}.chroma-tabs{bottom:40px;left:40px}.rift-cta{height:1024px;margin-top:0}.rift-cta__stage{position:relative;height:1024px}.rift-cta__content{top:301px;width:calc(100% - 40px);height:422px;transform:none}.rift-cta h2{font-size:64px;line-height:64px}.rift-cta__subtitle{margin-inline:0;font-size:24px;line-height:29px}.rift-cta__button{top:340px}.card-purpose{z-index:4;height:1024px;margin-top:0}.card-purpose__stage{position:relative;height:1024px;overflow:hidden;visibility:visible}.card-purpose__panel{inset:39px 20px 40px;border-radius:20px;opacity:1;visibility:visible;transform:none}.card-purpose__canvas{top:0;left:0;width:100%;height:100%;opacity:1;transform:none}.card-purpose__header{top:80px;left:23px;width:calc(100% - 46px);transform:none}.card-purpose__header h2{font-size:64px}.card-purpose__intro{width:100%;font-size:24px;line-height:29px}.card-purpose__card{height:auto}.card-purpose__card--left{top:370px;left:70px;width:205px}.card-purpose__glow--left{top:370px;left:70px;width:205px;height:auto}.card-purpose__card--center{top:345px;left:calc(50% - 107px);width:215px}.card-purpose__glow--center{top:345px;left:calc(50% - 107px);width:215px;height:auto}.card-purpose__card--right{top:370px;right:70px;left:auto;width:205px}.card-purpose__glow--right{top:370px;right:70px;left:auto;width:205px;height:auto}.card-purpose__boxes{inset:0}.card-purpose__box-shadow{bottom:82px;left:17%;width:66%}.card-purpose__box--green{bottom:86px;left:5%;width:185px}.card-purpose__box--purple{bottom:80px;left:24%;width:180px}.card-purpose__box--red{bottom:70px;left:calc(50% - 100px);width:200px}.card-purpose__box--yellow{right:24%;bottom:80px;left:auto;width:180px}.card-purpose__box--blue{right:5%;bottom:86px;left:auto;width:185px}.rift-mastery{height:1320px;margin-top:0;background:#f5f5f5}.rift-mastery__stage,.rift-mastery__canvas{position:relative;inset:auto;width:100%;height:100%;overflow:visible;transform:none}.rift-mastery__header{top:60px;left:20px;width:calc(100% - 40px);height:245px}.rift-mastery h2{font-size:64px;line-height:64px}.rift-mastery__intro{font-size:24px;line-height:29px}.rift-mastery__intro span{display:block;white-space:normal}.mastery-details{position:relative;order:1;top:auto;left:auto;width:100%;height:auto}.mastery-tabs{position:relative;z-index:20;justify-content:center;width:100%}.mastery-copy{position:relative;top:auto;left:auto;display:none;width:100%;margin-top:40px;text-align:center}.mastery-copy.is-active{display:block}.mastery-copy p{font-size:24px;line-height:29px}.mastery-layout{top:345px;left:20px;display:flex;flex-direction:column;width:calc(100% - 40px);height:auto}.mastery-shape-anchor{display:none}.mastery-panels{position:relative;order:2;inset:auto;width:100%;height:640px;margin-top:40px;opacity:1;visibility:visible;transform:none}.mastery-shape__rotator,.mastery-shape__face--front,.mastery-shape__front-canvas,.mastery-panel,.mastery-panel__mask{width:100%;height:100%}.mastery-shape__face--front{position:absolute;inset:0;overflow:hidden;border-radius:0;clip-path:none;mask:var(--game-modes-mask-tablet) center / 100% 100% no-repeat;-webkit-clip-path:none;-webkit-mask:var(--game-modes-mask-tablet) center / 100% 100% no-repeat;opacity:1;transform:none}.mastery-shape__front-canvas,.mastery-panel,.mastery-panel__mask{inset:0}.mastery-panel__arena{inset:0;width:100%;height:100%;object-fit:cover}.inside-rift{height:808px;margin-top:0;overflow:hidden;background:#f5f5f5;pointer-events:auto}.inside-rift__header,.inside-rift__header-anchor{top:40px;left:20px;width:calc(100% - 40px);min-height:151px}.inside-rift__header h2{font-size:64px;line-height:64px}.inside-rift__intro{font-size:24px;line-height:28px}.inside-rift__mask-anchor{display:none}.inside-rift>.mastery-shape__face--back{position:absolute;top:231px;left:20px;width:calc(100% - 40px);height:507px;overflow:hidden;background:#23202e;clip-path:none;mask:var(--inside-rift-mask-tablet) center / 100% 100% no-repeat;opacity:1;-webkit-clip-path:none;-webkit-mask:var(--inside-rift-mask-tablet) center / 100% 100% no-repeat;transform:none;touch-action:pan-y}.inside-rift>.mastery-shape__face--back .mastery-shape__back-canvas{inset:0;width:100%;height:100%;transform:none}.inside-rift__caption,.inside-rift__persistent-caption{right:20px;bottom:38px;left:20px;width:calc(100% - 40px)}.inside-rift__caption h3,.inside-rift__persistent-caption h3{font-size:40px}.inside-rift__caption p,.inside-rift__persistent-caption p{margin-top:12px;font-size:18px;line-height:22px}.inside-rift__controls{top:752px;left:calc(50% - 92px);opacity:1}.faq{height:auto;min-height:1003px;margin-top:0;overflow:visible;background:#f5f5f5}.faq__stage,.faq__scene{position:relative;inset:auto;height:auto;min-height:1003px;overflow:visible;opacity:1;transform:none}.faq__scene{padding-bottom:100px}.faq__stage:before{top:20px;left:50%;width:900px;height:700px;transform:translate(-50%)}.faq__header{position:relative;top:auto;left:auto;width:100%;padding:100px 20px 0;transform:none}.faq h2{font-size:64px;line-height:64px;white-space:normal}.faq__intro{font-size:24px;line-height:28px}.faq__content{position:relative;top:auto;left:auto;display:flex;flex-direction:column;gap:40px;width:calc(100% - 40px);min-height:692px;margin:40px 20px 0;opacity:1;transform:none}.faq__accordion{order:1;width:100%;min-height:585px}.faq__support{order:2;width:100%;height:67px;text-align:center}.faq-item,.faq-item__toggle,.faq-item__answer{width:100%}.faq-item:before{inset:0;border-radius:12px}.faq-item:after{display:none}.faq-item__answer p{width:calc(100% - 120px)}.arsenal{height:1024px;margin-top:0;overflow:hidden;background:#f5f5f5}.arsenal__sticky{position:relative;height:1024px}.arsenal__frame{inset:0 20px;border-radius:20px;opacity:1;visibility:visible;transform:none}.arsenal__perspective{inset:-20% -80%}.arsenal__field{gap:26px;transform:translate3d(-50%,-49%,0) rotateX(54deg) rotate(-34deg) scale(.82)}.arsenal-row{gap:26px}.arsenal-card{width:285px;height:427px}.arsenal-card__rotator{transform:rotateY(0);transition:transform .82s cubic-bezier(.22,1,.36,1)}.arsenal__field.tablet-card-reveal .arsenal-card__rotator{transform:rotateY(88deg)}.arsenal__field.tablet-card-reveal.is-tablet-visible .arsenal-card__rotator{transform:rotateY(0)}.arsenal__field.tablet-card-reveal{opacity:0;translate:0 80px;transition:opacity .72s ease,translate .9s cubic-bezier(.22,1,.36,1)}.arsenal__field.tablet-card-reveal.is-tablet-visible{opacity:1;translate:0 0}.arsenal__copy{width:calc(100% - 96px)}.arsenal__copy h2{font-size:64px;line-height:64px}.arsenal__intro{width:100%;font-size:24px;line-height:29px}.site-footer{--footer-top-cap: clamp(24.55px, calc(3.371vw - 1.348px) , 33.17px);--footer-bottom-cap: clamp(27.2px, calc(3.737vw - 1.495px) , 36.77px);display:flex;flex-direction:column;align-items:center;width:100vw;max-width:100vw;height:auto;min-height:640px;margin-top:0;padding:56px 40px calc(var(--footer-bottom-cap) + 40px);box-sizing:border-box}.site-footer__panel{inset:20px;width:auto;max-width:none;height:auto;background:linear-gradient(#e4e4e4 0 0) center var(--footer-top-cap) / 100% calc(100% - var(--footer-top-cap) - var(--footer-bottom-cap)) no-repeat;mask:none;-webkit-mask:none;pointer-events:none}.site-footer__panel:before,.site-footer__panel:after{position:absolute;right:0;left:0;display:block;background:#e4e4e4;content:""}.site-footer__panel:before{top:0;height:var(--footer-top-cap);mask:var(--footer-mask-tablet) top center / 100% auto no-repeat;-webkit-mask:var(--footer-mask-tablet) top center / 100% auto no-repeat}.site-footer__panel:after{bottom:0;height:var(--footer-bottom-cap);mask:var(--footer-mask-tablet) bottom center / 100% auto no-repeat;-webkit-mask:var(--footer-mask-tablet) bottom center / 100% auto no-repeat}.site-footer__cta{position:relative;z-index:1;top:auto;left:auto;width:min(520px,100%);transform:none}.site-footer__cta h2{font-size:48px;line-height:50px}.site-footer__cta p{width:min(440px,100%);margin:20px auto 0;font-size:16px;line-height:20px;white-space:normal}.site-footer__cta a{width:129px;height:40px;margin-top:20px;font-size:17px}.site-footer__nav{position:relative;z-index:1;top:auto;left:auto;flex-direction:row;justify-content:center;width:min(559px,100%);height:auto;margin-top:32px;transform:none}.site-footer__nav :is(a,span){height:auto;min-height:30px;padding:6px 8px;font-size:14px;line-height:17px}.site-footer__legal{position:relative;z-index:1;top:auto;left:auto;display:flex;flex-direction:column;align-items:center;width:min(760px,100%);height:auto;margin-top:auto;padding:0;text-align:center}.site-footer__legal p{margin-bottom:4px;font-size:9px;line-height:11px}.site-footer__legal img{position:relative;right:auto;bottom:auto;margin-top:10px;transform:none}.tablet-reveal{opacity:0!important;translate:0 26px;transition:opacity .62s ease,translate .76s cubic-bezier(.22,1,.36,1)!important;will-change:opacity,translate}.tablet-reveal.is-tablet-visible{opacity:1!important;translate:0 0}}@media(min-width:600px)and (max-width:1024px){.rift-mastery{height:calc(96.565934vw + 641.373626px);min-height:1320px}.mastery-panels{height:auto;aspect-ratio:728 / 703}.inside-rift{height:calc(69.642857vw + 273.142857px)}.inside-rift>.mastery-shape__face--back{height:auto;aspect-ratio:728 / 507}.inside-rift__controls{top:calc(69.642857vw + 217.142857px)}}@media(min-width:768px)and (max-width:1439.98px){.hero-brand{top:calc(52px * var(--site-scale))}.hero-brand .brand-full{display:none}.hero-brand .brand-wordmark{display:block;height:13px}}@media(min-width:768px)and (max-width:1024px){.hero-brand{top:52px}.hero-brand .brand-wordmark{height:14px}}@media(max-width:767.98px){.hero-brand{top:24px}.hero-brand .brand-full{display:none}.hero-brand .brand-mark{display:block;width:auto;height:24px}}@media(max-width:599px){html,body{max-width:100%;overflow-x:hidden}main,main>section{max-width:100%}.header-left{top:38px;left:43px}.menu-button{width:65px;height:32px;padding:8px 20px}.menu-button span{width:24px;height:2px}.menu-button span+span{margin-top:4px}.corner-cta{top:38px;right:43px;width:105px;height:32px;font-size:14px}.site-brand{height:32px;padding-inline:12px}.site-brand .brand-full{width:104px;height:auto}.screen-one{height:100svh;min-height:700px}.hero{top:20px;left:20px;right:20px;width:auto;height:calc(100% - 40px)}.hero__face--front{border-radius:0;clip-path:url(#hero-front-mobile-responsive-mask);mask:none;-webkit-clip-path:url(#hero-front-mobile-responsive-mask);-webkit-mask:none}.hero__scene{width:100%;height:100%}.hero__background{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero__platform{bottom:-4.3%;left:-31.5%;width:177%;height:auto}.hero__character--one{bottom:.25%;left:-7%;width:30.6%;height:auto}.hero__character--two{bottom:0;left:4%;width:49%;height:auto}.hero__shadow{bottom:5.8%;left:51.6%;width:20.7%;height:auto}.hero__character--three{bottom:8.9%;left:44.6%;width:34.7%;height:auto}.hero__character--four{right:-1px;bottom:.65%;left:auto;width:25.7%;height:auto}.hero-copy{top:clamp(140px,19svh,176px);left:16px;width:calc(100% - 32px);padding:0 8px}.hero-copy h1{font-size:40px;line-height:1.1}.hero-copy p{margin-top:28px;padding:0;font-size:20px;line-height:24px}.primary-cta{width:194px;height:41px;margin-top:28px;font-size:16px}.how-it-plays{height:auto;padding:40px 16px}.how-it-plays__header{height:auto}.how-it-plays__eyebrow,.chromas__heading p,.rift-cta__eyebrow,.card-purpose__header>p:first-child,.rift-mastery__header>p:first-child,.inside-rift__header>p:first-child,.faq__header>p:first-child,.arsenal__copy>p:first-child{font-size:14px;line-height:17px}.how-it-plays h2{font-size:44px;line-height:48px}.how-it-plays__intro{font-size:16px;line-height:19px}.play-cards{gap:20px;height:auto;margin-top:28px}.play-card{flex-basis:auto;height:auto;overflow:hidden;border-radius:14px;aspect-ratio:343 / 568}.play-card__image-wrap{height:78%}.play-card--champion .play-card__image-wrap img,.play-card--core .play-card__image-wrap img{height:100%}.play-card__body{top:auto;bottom:0;height:auto;aspect-ratio:343 / 210;clip-path:none;mask-image:var(--duel-body-mask-mobile);-webkit-clip-path:none;-webkit-mask-image:var(--duel-body-mask-mobile)}.play-card__copy,.play-card--core .play-card__copy{top:68%;left:16px;width:calc(100% - 32px)}.play-card__copy h3,.play-card--core .play-card__copy h3{min-height:0;font-size:36px;line-height:36px}.play-card--core .play-card__copy h3{font-size:34px}.play-card__copy p{margin-top:12px;font-size:16px;line-height:19px}.hero-back__body{top:auto;bottom:0;height:auto;aspect-ratio:343 / 210;clip-path:none;mask-image:var(--duel-body-mask-mobile);-webkit-clip-path:none;-webkit-mask-image:var(--duel-body-mask-mobile)}.hero-back__copy{top:72%;left:4.66%;width:90.68%}.hero-back__copy h3{width:100%;min-height:0;font-size:36px;line-height:36px}.hero-back__copy p{margin-top:12px;font-size:16px;line-height:19px}.chromas{height:100svh;min-height:760px}.chromas>.hero__face--chroma{inset:20px 16px}.chroma-slide--volt .chroma-slide__background{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center}.chroma-slide--volt .chroma-slide__hero{top:auto;bottom:0;left:6.4%;width:122%;height:auto}.chroma-slide--ember .chroma-slide__background,.chroma-slide--nova .chroma-slide__background,.chroma-slide--static .chroma-slide__background{inset:0;width:100%;min-width:0;height:100%;object-fit:cover;object-position:center;transform:none}.chroma-slide--ember .chroma-slide__hero,.chroma-slide--nova .chroma-slide__hero,.chroma-slide--static .chroma-slide__hero{top:auto;bottom:0;left:5.2%;width:122.5%;height:auto}.chromas__shade{background:linear-gradient(0deg,#000000eb,#000000a8 36%,#00000014 76%)}.chromas__heading{top:24px;left:24px;width:calc(100% - 48px)}.chromas__heading h2{font-size:36px;line-height:36px}.chroma-copy{top:auto;bottom:108px;left:24px;width:calc(100% - 48px)}.chroma-copy h3{font-size:40px;line-height:40px}.chroma-copy p{margin-top:12px;font-size:20px;line-height:24px}.chroma-tabs{bottom:16px;left:24px;gap:8px}.chroma-tab,.chroma-tab img{width:40px;height:40px}.rift-cta,.rift-cta__stage{height:100svh;min-height:680px}.rift-cta__content{top:50%;width:calc(100% - 32px);height:auto;transform:translateY(-50%)}.rift-cta h2{width:100%;font-size:44px;line-height:48px;text-wrap:balance}.rift-cta__subtitle{margin-top:12px;font-size:16px;line-height:19px}.rift-cta__button{position:relative;top:auto;width:142px;height:44px;margin-top:40px;font-size:16px}.rift-cta__stage:before{width:1692px;height:955px}.card-purpose,.card-purpose__stage{height:clamp(666px,177.6vw,764px)}.card-purpose__panel{inset:16px}.card-purpose__header{top:6.5%;left:21px;width:calc(100% - 42px)}.card-purpose__header h2{font-size:36px;line-height:40px}.card-purpose__intro{font-size:16px;line-height:19px}.card-purpose__card--left,.card-purpose__glow--left{top:43%;left:1%;width:36%}.card-purpose__card--center,.card-purpose__glow--center{top:40%;left:32%;width:36%}.card-purpose__card--right,.card-purpose__glow--right{top:43%;right:1%;left:auto;width:36%}.card-purpose__box-shadow{bottom:34px;left:5%;width:90%}.card-purpose__box--green{bottom:40px;left:0;width:38%}.card-purpose__box--purple{bottom:34px;left:15%;width:40%}.card-purpose__box--red{bottom:26px;left:27%;width:46%}.card-purpose__box--yellow{right:15%;bottom:34px;width:40%}.card-purpose__box--blue{right:0;bottom:40px;width:38%}.rift-mastery{height:auto;padding:40px 16px;overflow:hidden;background:#f5f5f5}.rift-mastery__stage,.rift-mastery__canvas{position:relative;inset:auto;height:auto;overflow:visible}.rift-mastery__header{position:relative;top:auto;left:auto;width:100%;height:auto}.rift-mastery h2{font-size:44px;line-height:48px}.rift-mastery__intro{font-size:16px;line-height:19px}.mastery-layout{position:relative;top:auto;left:auto;width:100%;margin-top:28px}.mastery-details{min-height:184px}.mastery-tabs{justify-content:center;width:100%}.mastery-tab{gap:4px;padding:9px 7px;font-size:14px;line-height:17px}.mastery-tab__badge{height:17px;padding:0 5px;font-size:8px}.mastery-copy{margin-top:24px}.mastery-copy h3{font-size:32px;line-height:35px}.mastery-copy p{margin-top:16px;font-size:16px;line-height:19px}.mastery-panels{height:auto;margin-top:16px;max-width:100%;aspect-ratio:343 / 488}.mastery-shape__face--front{border-radius:0;clip-path:none;mask-image:var(--game-modes-mask-mobile);-webkit-clip-path:none;-webkit-mask-image:var(--game-modes-mask-mobile)}.inside-rift{height:auto;padding:40px 16px 0;overflow:hidden}.inside-rift__header,.inside-rift__header-anchor{position:relative;top:auto;left:auto;width:100%;min-height:123px}.inside-rift__header-anchor{display:none}.inside-rift__header h2{font-size:44px;line-height:44px}.inside-rift__intro{font-size:16px;line-height:19px}.inside-rift>.mastery-shape__face--back{position:relative;top:auto;left:auto;width:100%;height:auto;margin-top:28px;aspect-ratio:343 / 507;mask-image:var(--inside-rift-mask-mobile);-webkit-mask-image:var(--inside-rift-mask-mobile)}.inside-rift__caption,.inside-rift__persistent-caption{right:16px;bottom:34px;left:16px;width:calc(100% - 32px)}.inside-rift__caption h3,.inside-rift__persistent-caption h3{font-size:32px;line-height:35px}.inside-rift__caption p,.inside-rift__persistent-caption p{margin-top:12px;font-size:15px;line-height:18px}.inside-rift__controls{position:relative;top:auto;left:auto;grid-template-columns:28px 96px 28px;column-gap:16px;width:184px;margin:16px auto 0}.inside-rift__arrow--previous,.inside-rift__arrow--next{justify-self:center;margin-left:0}.faq,.faq__stage,.faq__scene{min-height:0}.faq__scene{padding-bottom:40px}.faq__header{padding:40px 16px 0}.faq h2{font-size:44px;line-height:48px}.faq__intro{font-size:16px;line-height:19px}.faq__content{gap:40px;width:calc(100% - 32px);min-height:0;margin:28px 16px 0}.faq__accordion{gap:8px;min-height:0}.faq-item{padding-bottom:38px;min-height:108px}.faq-item:before{inset:21px 0 0;border-radius:0 12px 12px}.faq-item:after{top:0;display:block;width:100%;height:42px;clip-path:polygon(0 0,84% 0,90% 50%,100% 50%,100% 100%,0 100%)}.faq-item__toggle{min-height:62px;height:auto;padding:16px 20px 8px;font-size:20px;line-height:24px}.faq-item__answer{padding-inline:20px;font-size:14px;line-height:18px}.faq-item.is-open .faq-item__answer{padding:0 20px 20px}.faq-item__answer p{width:100%}.faq-item__state{right:auto;bottom:12px;left:50%;font-size:14px;line-height:17px;transform:translate(-50%)}.faq__support{height:96px}.faq__support p{font-size:24px;line-height:29px}.arsenal,.arsenal__sticky{height:100svh;min-height:720px}.arsenal__frame{inset:20px 16px}.arsenal__perspective{inset:-45% -180%}.arsenal__field{gap:18px;transform:translate3d(-50%,-54%,0) rotateX(54deg) rotate(-34deg) scale(.84)}.arsenal-row{gap:18px}.arsenal-card{width:210px;height:315px}.arsenal__copy{width:249px}.arsenal__copy h2{font-size:44px;line-height:48px}.arsenal__intro{font-size:16px;line-height:19px}}@media(max-width:767.98px){.site-footer{--footer-top-cap: calc(7.157vw - 2.291px) ;--footer-bottom-cap: calc(7.931vw - 2.538px) ;height:auto;min-height:640px;padding:52px 32px calc(var(--footer-bottom-cap) + 36px)}.site-footer__panel{top:20px;right:16px;left:16px;width:auto;height:auto;background:linear-gradient(#e4e4e4 0 0) center var(--footer-top-cap) / 100% calc(100% - var(--footer-top-cap) - var(--footer-bottom-cap)) no-repeat}.site-footer__panel:before{height:var(--footer-top-cap);mask:var(--footer-mask-mobile) top center / 100% auto no-repeat;-webkit-mask:var(--footer-mask-mobile) top center / 100% auto no-repeat}.site-footer__panel:after{height:var(--footer-bottom-cap);mask:var(--footer-mask-mobile) bottom center / 100% auto no-repeat;-webkit-mask:var(--footer-mask-mobile) bottom center / 100% auto no-repeat}.site-footer__cta{width:100%}.site-footer__cta h2{font-size:32px;line-height:35px}.site-footer__cta p{width:min(360px,100%);margin-top:16px;font-size:15px;line-height:18px}.site-footer__cta a{width:134px;height:41px;margin-top:16px;font-size:16px}.site-footer__nav{flex-flow:row wrap;align-content:flex-start;gap:8px 6px;width:100%;margin-top:32px}.site-footer__nav :is(a,span){min-height:22px;padding:4px 6px;color:#222;font-size:12px;line-height:14px}.site-footer__nav span[aria-disabled=true]{color:#222}.site-footer__legal{width:min(520px,100%);margin-top:auto}.site-footer__legal p{margin-bottom:3px;font-size:9px;line-height:11px}.site-footer__legal img{width:min(251px,100%);height:auto}}@media(min-width:600px)and (max-width:767.98px){.site-footer{--footer-top-cap: calc(3.371vw - 1.079px) ;--footer-bottom-cap: calc(3.737vw - 1.196px) }.site-footer__panel:before{mask:var(--footer-mask-tablet) top center / 100% auto no-repeat;-webkit-mask:var(--footer-mask-tablet) top center / 100% auto no-repeat}.site-footer__panel:after{mask:var(--footer-mask-tablet) bottom center / 100% auto no-repeat;-webkit-mask:var(--footer-mask-tablet) bottom center / 100% auto no-repeat}}@media(max-width:479.98px){.site-footer{min-height:720px;padding:48px 24px calc(var(--footer-bottom-cap) + 36px)}.site-footer__cta p{width:min(300px,100%);font-size:14px;line-height:17px}.site-footer__nav{gap:6px 4px;margin-top:28px}.site-footer__legal{width:100%}}@media(min-width:600px)and (max-width:1024px){:root{--menu-width: min(70vw, 615px);--menu-padding: 32px}}@media(min-width:320px)and (max-width:767.98px){.hero{left:16px;right:16px;width:auto}.hero__face--front{border-radius:0;clip-path:url(#hero-front-mobile-responsive-mask);mask:none;-webkit-clip-path:url(#hero-front-mobile-responsive-mask);-webkit-mask:none}.hero__scene{width:100%;height:100%;transform:translate(-50%,-50%)}.hero__background{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}.hero__platform{bottom:-4.3%;left:-31.5%;width:177%;height:auto}.hero__character--one{bottom:.25%;left:-7%;width:30.6%;height:auto}.hero__character--two{bottom:0;left:4%;width:49%;height:auto}.hero__shadow{bottom:5.8%;left:51.6%;width:20.7%;height:auto}.hero__character--three{bottom:8.9%;left:44.6%;width:34.7%;height:auto}.hero__character--four{right:-1px;bottom:.65%;left:auto;width:25.7%;height:auto}}@media(max-width:599px){:root{--menu-width: 100vw;--menu-padding: 20px}.site-menu{padding:20px var(--menu-padding)}.site-menu__nav a{min-height:40px;padding:7px 8px;font-size:clamp(25px,7.2vw,30px);white-space:nowrap}.site-menu__play{flex-basis:48px;height:48px;font-size:28px}}@media(prefers-reduced-motion:reduce){.site-menu-overlay,.site-menu,.site-menu__nav a,.site-menu__play,.site-menu__play span{transition-duration:1ms}.rift-cta:before{animation:none}.hero__background{transition:none}.hero__character--three,.hero__shadow{animation:none}.arsenal-card{--arsenal-card-rotate-y: 0deg}}