@media screen and (max-width: 640px){.games{width:100%;height:100svh;position:relative;overflow:hidden;perspective:100px;perspective-origin:20% 50%;--text-bottom: 40svh}.games .games-navigation{position:fixed;right:0;bottom:var(--text-bottom);width:calc(20vw - var(--spacing-outer));transform:translateY(calc(100% - .33rem));z-index:10;color:var(--color-accent);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem}.games .games-navigation .nav-up,.games .games-navigation .nav-down{font-size:2em}.games .games-text{position:fixed;z-index:2;top:0;left:0;height:100%;width:100%;overflow:hidden;padding:var(--spacing-outer)}.games .games-title{position:fixed;left:var(--spacing-outer);bottom:var(--text-bottom);z-index:10}.games .games-descriptions{position:fixed;height:var(--text-bottom);bottom:0;overflow:hidden;width:80vw}.games .games-descriptions .game{position:relative;height:100%;max-width:100%;overflow:hidden;transition:transform .4s cubic-bezier(.455,.03,.515,.955),opacity 1s cubic-bezier(.455,.03,.515,.955);opacity:0}.games .games-descriptions .game.active{opacity:1}.games .games-descriptions .game-title{font-size:var(--font-size-xl);margin-top:0}.games .games-descriptions .game-description{font-size:var(--font-size-m);line-height:1.3}.games .games-thumbs{width:120vw;height:calc(100svh - var(--text-bottom) - 4rem);aspect-ratio:16/9;position:fixed;top:0;right:0;overflow:visible;transform:rotateX(7deg) rotateY(-6deg) rotate(15deg) translateZ(-50px) translate(10%)}.games .games-thumbs:before{content:"";position:absolute;bottom:80%;left:0;width:200vw;height:100svh;background:linear-gradient(180deg,var(--color-black) 40%,var(--color-black-zero) 70%);z-index:999;pointer-events:none}.games .games-thumbs:after{content:"";position:absolute;top:80%;left:0;width:200vw;height:100svh;background:linear-gradient(0deg,var(--color-black) 80%,var(--color-black-zero) 100%);z-index:999;pointer-events:none}.games .games-thumbs .game-thumb{width:100%;height:100%;box-sizing:border-box;padding:10px 0;transition:transform .4s cubic-bezier(.455,.03,.515,.955)}.games .games-thumbs .game-thumb img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;image-rendering:pixelated}}@media screen and (min-width: 640.1px){.games{width:100%;height:auto;aspect-ratio:16/9;position:relative;overflow:hidden;perspective:500px;perspective-origin:70% 90%;--text-bottom: 65%;-webkit-mask-image:linear-gradient(0deg,var(--color-black-zero) 0%,var(--color-black) 20%,var(--color-black) 80%,var(--color-black-zero) 100%);mask-image:linear-gradient(0deg,var(--color-black-zero) 0%,var(--color-black) 20%,var(--color-black) 80%,var(--color-black-zero) 100%)}.games .games-navigation{position:fixed;left:0;bottom:var(--text-bottom);width:var(--spacing-outer);transform:translateY(calc(100% - .33rem));z-index:10;color:var(--color-accent);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem}.games .games-navigation .nav-up,.games .games-navigation .nav-down{font-size:1.5em}.games .games-text{width:50%;position:fixed;z-index:2;top:0;left:0;height:100%;overflow:hidden;padding:var(--spacing-outer)}.games .games-title{position:fixed;left:var(--spacing-outer);bottom:var(--text-bottom);z-index:10;transform:translateZ(0)}.games .games-descriptions{position:fixed;height:var(--text-bottom);bottom:0;max-width:40%}.games .games-descriptions .game{position:relative;height:100%;transition:transform .4s cubic-bezier(.455,.03,.515,.955),opacity .8s cubic-bezier(.455,.03,.515,.955);opacity:0}.games .games-descriptions .game.active{opacity:1}.games .games-descriptions .game-title{font-size:var(--font-size-xl);margin-top:0}.games .games-descriptions .game-description{font-size:var(--font-size-m);line-height:1.3}.games .games-thumbs{width:100%;height:100%;position:fixed;top:0;right:0;overflow:visible;transform:rotateX(calc(14deg + 1deg * var(--mousey-delta, 0))) rotateY(calc(-12deg + 1deg * var(--mousex-delta, 0))) rotate(10deg) translateZ(-250px) translateY(-40%) translate(10%)}.games .games-thumbs .game-thumb{width:100%;height:100%;box-sizing:border-box;padding:20px 80px;transition:transform .4s cubic-bezier(.455,.03,.515,.955);position:relative}.games .games-thumbs .game-thumb img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;image-rendering:pixelated}}@media screen and (min-width: 1600px){.games:after{content:"";position:absolute;bottom:0;right:0;width:40%;height:100%;background:linear-gradient(-90deg,var(--color-black) 0%,var(--color-black-zero) 100%);z-index:9;transform-origin:0 0;pointer-events:none}}