.gallery{position:relative}.gallery .visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.gallery.is-loading .gallery__wrapper{height:0;opacity:0;overflow:hidden;padding-bottom:50%}.gallery.is-loading .gallery__overlay{opacity:1;pointer-events:auto}.gallery__wrapper{margin:0;padding:0;position:relative;transition:opacity 0.4s ease;width:100%}.gallery__item{display:block;left:0;opacity:0;position:absolute;top:50%;transform:scale(0.9) translateY(-50%);transition:opacity 0.4s ease;width:100%}.gallery__item.is-transitioning{transition:transform 0.6s ease, opacity 0.6s ease}.gallery__item.is-transitioning--backward{opacity:0;transform:translate(-50%, -50%) rotate(-20deg)}.gallery__item.is-transitioning--forward{opacity:0;transform:translate(50%, -50%) rotate(20deg)}.gallery__item.is-active{opacity:1;transform:scale(1) translateY(-50%)}.gallery__item.is-active button,.gallery__item.is-active [href],.gallery__item.is-active [tabindex]{visibility:visible}.gallery__item img{display:block;max-width:100%}.gallery__item button,.gallery__item [href],.gallery__item [tabindex]{visibility:hidden}.gallery__overlay{background-color:white;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity 0.4s ease;width:100%}.gallery__overlay::after{-webkit-animation:galleryPreloader 1s ease infinite;animation:galleryPreloader 1s ease infinite;background-color:black;border-radius:50%;content:"";height:40px;left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;width:40px}.gallery__nav{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,0.7);border-radius:50%;border:none;height:60px;position:absolute;top:50%;transform:translateY(-50%);width:60px}.gallery__nav:hover{cursor:pointer}.gallery__nav-next{right:10px}.gallery__nav-prev{left:10px}@-webkit-keyframes galleryPreloader{50%{background-color:gray;transform:scaleX(0.1)}100%{transform:scaleX(1) rotate(90deg)}}@keyframes galleryPreloader{50%{background-color:gray;transform:scaleX(0.1)}100%{transform:scaleX(1) rotate(90deg)}}.gallery{margin-top:1rem}.gallery__nav-markup{display:none}@media (prefers-reduced-motion: reduce){.gallery__item.is-transitioning{transition-property:opacity}}.is-reduced-motion .gallery__item.is-transitioning{transition-property:opacity}.play-button{border-radius:calc(var(--radius) * 0.7);fill:var(--button-color);overflow:hidden;z-index:10}.play-button .icon-top{transition:transform var(--duration-hover) var(--ease-in-out)}.play-button svg{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);z-index:5}.play-button svg.offset{top:65%}.play-button::after{content:"";inset:0;position:absolute}.play-button:hover{cursor:pointer}.play-button:hover .icon-top{transform:translate(-3px, 3px)}.play-button--orange{--button-color: var(--color-orange)}.play-button--green{--button-color: var(--color-green)}.play-button--background-fade::after{background-color:RGB(var(--color-black-rgb)/50%)}.carousel{--base-shadow: 2px 8px 10px 0 rgba(0, 0, 0, 0.3);box-shadow:var(--base-shadow);overflow:hidden;position:relative;width:105%}.carousel--home{box-shadow:var(--base-shadow);transform:rotate(3.5deg);transform-origin:100% 0%;z-index:10}.carousel--board{box-shadow:none;margin:calc(var(--base-space) * 4) 0 calc(var(--base-space) * 9);transform:rotate(5deg);transform-origin:0 0}.carousel__inner{--tile-width: MAX(210%, 2166px);--tile-height: 159px;background-position:0 0;background-repeat:repeat-x;background-size:auto 100%;height:var(--tile-height);position:relative;width:var(--tile-width)}.carousel--home .carousel__inner{background-image:url('assets/images/carousels/home-carousel-s-2x.jpg');background-image:-webkit-image-set(url('assets/images/carousels/home-carousel-s-2x.jpg') 1x, url('assets/images/carousels/home-carousel-s-2x.jpg') 2x);background-image:image-set(url('assets/images/carousels/home-carousel-s-2x.jpg') 1x, url('assets/images/carousels/home-carousel-s-2x.jpg') 2x);animation:carousel-pan-screenshots-left-small 25s linear infinite}@keyframes carousel-pan-screenshots-right-small{0%{transform:translateX(-1083px)}100%{transform:translateX(0)}}@keyframes carousel-pan-screenshots-left-small{0%{transform:translateX(0)}100%{transform:translateX(-1083px)}}@keyframes carousel-pan-board-right-small{0%{transform:translateX(-640px)}100%{transform:translateX(0)}}@keyframes carousel-pan-screenshots-right-medium{0%{transform:translateX(-1212px)}100%{transform:translateX(0)}}@keyframes carousel-pan-screenshots-left-medium{0%{transform:translateX(0)}100%{transform:translateX(-1212px)}}@keyframes carousel-pan-board-right-medium{0%{transform:translateX(-1100px)}100%{transform:translateX(0)}}@keyframes carousel-pan-screenshots-right-large{0%{transform:translateX(-1880px)}100%{transform:translateX(0)}}@keyframes carousel-pan-screenshots-left-large{0%{transform:translateX(0)}100%{transform:translateX(-1880px)}}@media screen and (min-width: 40em){.carousel--board{margin-bottom:calc(var(--base-space) * 11)}.carousel__inner{--tile-width: MAX(210%, 2424px);--tile-height: 178px}.carousel--gameplay .carousel__inner{background-image:url('assets/images/carousels/home-carousel-m-2x.jpg');background-image:-webkit-image-set(url('assets/images/carousels/home-carousel-m-2x.jpg') 1x, url('assets/images/carousels/home-carousel-m-2x.jpg') 2x);background-image:image-set(url('assets/images/carousels/home-carousel-m-2x.jpg') 1x, url('assets/images/carousels/home-carousel-m-2x.jpg') 2x);animation-name:carousel-pan-screenshots-left-medium}}@media screen and (min-width: 64em){.carousel--board{margin-bottom:150px}.carousel__inner{--tile-width: MAX(210%, 3760px);--tile-height: 276px}.carousel--gameplay .carousel__inner{background-image:url('assets/images/carousels/home-carousel-l-2x.jpg');background-image:-webkit-image-set(url('assets/images/carousels/home-carousel-l-2x.jpg') 1x, url('assets/images/carousels/home-carousel-l-2x.jpg') 2x);background-image:image-set(url('assets/images/carousels/home-carousel-l-2x.jpg') 1x, url('assets/images/carousels/home-carousel-l-2x.jpg') 2x);animation-duration:30s;animation-name:carousel-pan-screenshots-left-large}}@media (prefers-reduced-motion: reduce){.carousel__inner{animation-play-state:paused}}.is-reduced-motion .carousel__inner{animation-play-state:paused}.home-cloud{--shape-color: var(--color-orange);--cloud-color: var(--color-orange-alt);bottom:0;left:0;position:absolute;right:0;top:0}.home-cloud svg{fill:var(--cloud-color);left:0;position:absolute;top:0;width:60%}.home-cloud .circle{background-color:var(--shape-color);border-radius:100%;height:0;padding-top:calc(var(--circle-width, 50) * 1%);position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(var(--circle-width, 50) * 1%)}.home-cloud.flipped svg{left:unset;right:0}.home-cloud.flipped .circle{left:0;right:unset}.home-cloud--orange{--shape-color: var(--color-orange);--cloud-color: var(--color-orange-alt)}.home-cloud--purple{--shape-color: var(--color-purple);--cloud-color: var(--color-purple-alt)}.home-cloud--blue{--shape-color: var(--color-blue);--cloud-color: var(--color-blue-alt)}html{overflow-x:hidden}body{overflow-x:hidden;overflow-y:auto}img,picture{position:relative;z-index:3}.column--spacing p,.column--spacing .button{margin-top:calc(var(--base-space) * 2)}.reverse-on-small{display:flex;flex-direction:column-reverse}.circle-content{--shape-color: var(--color-orange);--circle-width: 120;z-index:1}.circle-content::before{background-color:var(--shape-color);border-radius:100%;content:"";height:0;left:50%;padding-top:calc(var(--circle-width, 50) * 1%);position:absolute;top:50%;transform:translate(-50%, -50%);width:calc(var(--circle-width, 50) * 1%)}.circle-content--orange{--shape-color: var(--color-orange)}.circle-content--purple{--shape-color: var(--color-purple)}.circle-content--blue{--shape-color: var(--color-blue)}.row--above{z-index:10}.photo--single{width:70%}.image-group--header{--parent-width: 293;--parent-height: 232;min-width:100%}.image-group--header .photo__group{--left: 0;--top: 20;--deg: -4deg;--width: 162;z-index:2}.image-group--header .photo__parent{--top: 0;--width: 162;--deg: 3deg;--left: calc(var(--parent-width) - var(--width));z-index:1}.image-group--header .photo__nph{--top: 100;--width: 192;--deg: -2deg;--left: 50;z-index:3}.trailer__button--small-only{margin-bottom:40px}.img__logo{max-width:112px}.trailer{--radius: 30px;align-self:center;background-color:var(--color-blue);border:12px solid var(--color-blue);border-radius:var(--radius);margin:0 auto 40px auto;max-width:calc(430px + 24px);position:relative;z-index:10}.trailer .screenshot img{transform:scale(1.1);transition:transform var(--duration-hover) var(--ease-in-out)}.trailer .screenshot:hover img{transform:scale(1.2)}.trailer__button{bottom:0;left:50%;position:absolute;transform:translate(-50%, 50%);white-space:nowrap;z-index:11}.accolades{padding-bottom:10px;transition:opacity .2s}.accolades ul{background-color:var(--color-beige);border-radius:15px;box-shadow:-10px 10px 0px var(--color-shadow);color:var(--color-dark);display:block;font-weight:var(--font-weight-bold);position:relative}.accolades ul li{padding:20px}.accolades .gallery__overlay{display:none}.accolades--hidden{opacity:0}.accolades__quote{margin:0 0 10px 0}.accolades__quote::after,.accolades__quote::before{content:'"'}.accolades__cite{display:inline-block;padding-top:20px}.accolades__cite::after{background-color:var(--color-orange);content:"";height:3px;left:50%;position:absolute;top:0px;transform:translateX(-50%);width:20px}.accolades .gallery__item,.accolades .gallery__item.is-active,.accolades .gallery__item.is-transitioning{transform:translateY(-50%);transition-property:opacity}.compete__spacer{margin-top:40px}.clouds__compete{margin-right:0}.photo__compete{--deg: 5deg;--y: -20px}.photo__explore{--deg: -5deg}.photo__explore{margin-bottom:40px}.carousel-wrapper{padding:10px 0 20px 0}.photo__solo{--deg: -2deg;margin-bottom:20px}.image-group--solo{--parent-width: 282;--parent-height: 270;min-width:100%}.image-group--solo .hardware__lite{--left: 0;--top: 0;--width: 282;z-index:2}.image-group--solo .photo__solo-2{--top: 130;--width: 160;--deg: 5deg;--left: 50;z-index:1}.buy-column{align-items:center;display:flex;flex-direction:column}.packshot img{margin:10px 0 -32px 20px}.hardware__container{background-color:var(--color-hardware);border-radius:20px;color:var(--color-dark);margin:0 calc(var(--base-space) * 3);padding:calc(var(--base-space) * 3)}.hardware__container p{font-weight:var(--font-weight-bold)}.hardware__items{align-items:center;display:grid;gap:calc(var(--base-space) * 2);grid-template-columns:1fr;justify-items:center;margin:calc(var(--base-space) * 2) 0}.hardware__item{--size: 70px;align-items:center;display:flex;height:var(--size)}.hardware__item::before{border-radius:50%;content:"";height:var(--size);left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:var(--size)}.image-group--footer{--parent-height: 350;--parent-width: 850;margin-top:20px}.image-group--footer .photo__group-livingroom{--left: 0;--top: 0;--width: 443;--deg: -8deg;z-index:1}.image-group--footer .photo__solo-oled{--top: 50;--width: 439;--deg: 5deg;--left: calc(var(--parent-width) - var(--width) + 0);z-index:2}@media screen and (max-width: 39.9375em){.bottom-footer-pad{padding-bottom:88px}#compete{padding-top:calc(var(--base-space) * 2)}}@media screen and (min-width: 40em) and (max-width: 63.9375em){header .column--spacing{margin-bottom:30px}.accolades{margin:0 16.66667%}.hardware__container{margin-top:calc(var(--base-space) * 4)}}@media screen and (min-width: 40em){.circle-content{--circle-width: 130}.reverse-on-small{flex-direction:row}.image-group--header{--parent-width: 504;--parent-height: 140}.image-group--header .photo__group{--top: 20;--width: 257}.image-group--header .photo__parent{--width: 257}.accolades{margin-bottom:0px}.photo--single{width:100%}.compete__spacer{margin-top:150px}.carousel-wrapper{padding:40px 0}.image-group--solo{--parent-height: 500;--parent-width: 1100}.image-group--solo .hardware__lite{--left: 0;--top: 0;--width: 780;z-index:2}.image-group--solo .photo__solo-2{--top: 150;--width: 442;--deg: 5deg;--left: calc(var(--parent-width) - var(--width) + 0);z-index:1}.packshot img{margin:15% 0 0 20px}.hardware__container{margin:calc(var(--base-space) * 4) calc(var(--base-space) * 4) 0 calc(var(--base-space) * 4);padding:calc(var(--base-space) * 4) 8.33333%}.hardware__items{grid-template-columns:1fr 1fr 1fr;padding:20px 0}#hardware-label{padding:0 8.33333%}.hardware__item{--size: 100px}}@media screen and (min-width: 64em){.circle-content--bigger{--circle-width: 150}.image-group--header{--parent-height: 130;--parent-width: 600}.image-group--header .photo__group{--left: -60;--top: -70;--deg: 6deg;--width: 411}.image-group--header .photo__parent{--top: 0;--width: 411;--deg: -7deg;--left: calc(var(--parent-width) - var(--width) + 150)}.carousel-wrapper{padding:calc(var(--base-space) * 10) 0 40px 0}.accolades{margin-bottom:0px}.photo__compete{--deg: -7deg;--y: 0}.hardware__container{margin:0 calc(var(--base-space) * 4)}#hardware-label{padding:0 16.66667%}.hardware__item{--size: 170px}.img__logo{max-width:100%}}