.page-bg{pointer-events:none;position:absolute;margin-top:-.75rem;display:flex;height:24rem;width:100%;align-items:flex-start;justify-content:center}@media (min-width:768px){.page-bg{height:30rem}}@media (min-width:1024px){.page-bg{height:28rem}}.page-bg:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:75%;--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}@media (min-width:768px){.page-bg:after{height:50%}}[data-theme=dark] .page-bg:after{--tw-gradient-to:#0a1c2d var(--tw-gradient-to-position)}[data-theme=dark] .page-bg:after,[data-theme=light] .page-bg:after{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}[data-theme=light] .page-bg:after{--tw-gradient-to:#EBECED var(--tw-gradient-to-position)}.image-wrapper{clip-path:content-box;-webkit-clip-path:content-box}@media only screen and (min-width:960px){.image-wrapper:hover .gamecard-overlay{opacity:1;z-index:20}.image-wrapper:hover img{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.image-wrapper{overflow:hidden;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(var(--background-default)/var(--tw-bg-opacity,1))}.bg-lateral-left{position:absolute;bottom:0;left:0;top:0;z-index:10;display:none;width:16.666667%;background-image:linear-gradient(to left,var(--tw-gradient-stops));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}@media (min-width:768px){.bg-lateral-left{display:block}}.bg-lateral-right{position:absolute;bottom:0;right:0;top:0;z-index:10;display:none;width:16.666667%;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}@media (min-width:768px){.bg-lateral-right{display:block}}.bg-transparent-bottom{position:absolute;bottom:0;left:0;right:0;z-index:10;display:none;height:20%;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}@media (min-width:768px){.bg-transparent-bottom{display:block}}.bg-transparent-bottom-mobile{position:absolute;bottom:0;left:0;right:0;z-index:10;height:20%;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}[data-theme=dark] .bg-lateral-left,[data-theme=dark] .bg-lateral-right,[data-theme=dark] .bg-transparent-bottom{--tw-gradient-to:#0a1c2d var(--tw-gradient-to-position)}[data-theme=light] .bg-lateral-left,[data-theme=light] .bg-lateral-right,[data-theme=light] .bg-transparent-bottom{--tw-gradient-to:#ebeced var(--tw-gradient-to-position)}