@keyframes gpv-scroll-up-hint{0%{transform:translate(0,0)}30%{transform:translate(0,0)}90%{transform:translate(0,-200%)}100%{transform:translate(0,-200%)}}html:not([data-device=DESKTOP]){--gpv-scroll-up-area:2em;--gpv-scroll-up-arrow:.4em;--gpv-scroll-up-size:8;--gpv-scroll-up-distance:0;--gpv-scroll-up-progress:calc(var(--gpv-scroll-up-distance) / var(--gpv-scroll-up-size));--gpv-scroll-up-expandation:calc(var(--gpv-scroll-up-area) * .6)}html:not([data-device=DESKTOP]) .gpv{height:100vh;position:static;scroll-snap-type:proximity;scroll-snap-points-y:calc(100vh + (var(--gpv-scroll-up-size) * 1px));scroll-snap-type:y proximity}html:not([data-device=DESKTOP]) .gpv .app-tools:empty~.app-content{padding-top:0}html:not([data-device=DESKTOP]) .gpv .app-content{height:calc(100vh + (var(--gpv-scroll-up-size) * 1px));padding-top:var(--app-tools-height)}html:not([data-device=DESKTOP]) .gpv .app-page-content{height:100%!important;background-color:var(--app-color-neutral-darker);background-blend-mode:overlay;padding-top:calc(var(--gpv-scroll-up-size) * 1px)!important;position:static}html:not([data-device=DESKTOP]) .gpv .app-page-content .content-container{height:100%;background:0 0;backdrop-filter:blur(2px);padding:calc(var(--gpv-scroll-up-expandation) + var(--gpv-scroll-up-size) * 1px) var(--gpv-scroll-up-area) var(--gpv-scroll-up-expandation)}html:not([data-device=DESKTOP]) .gpv .app-page-content .content-container::after,html:not([data-device=DESKTOP]) .gpv .app-page-content .content-container::before{content:'';width:0;height:0;border:var(--gpv-scroll-up-arrow) solid transparent;border-bottom-color:#fff;display:block;position:absolute;top:50%;opacity:calc(1 - (var(--gpv-scroll-up-progress)/ .5));animation:gpv-scroll-up-hint 1s ease 0s infinite alternate both}html:not([data-device=DESKTOP]) .gpv .app-page-content .content-container::before{left:calc((var(--gpv-scroll-up-area)/ 2) - var(--gpv-scroll-up-arrow))}html:not([data-device=DESKTOP]) .gpv .app-page-content .content-container::after{right:calc((var(--gpv-scroll-up-area)/ 2) - var(--gpv-scroll-up-arrow))}html:not([data-device=DESKTOP]) .gpv .app-page-content .content-container .content{height:100%}html:not([data-device=DESKTOP]) .gpv .app-page-content .content-container .content #mainArea{height:100%;background:rgba(0,0,0,.5);padding:0;box-shadow:var(--app-shadow-mid),0 .1em .5em rgba(0,0,0,.5);position:relative}html:not([data-device=DESKTOP]) .gpv.fullscreen .gpv__game{padding:0}html:not([data-device=DESKTOP]) .gpv.fullscreen .app-page-content .content-container{padding:calc(var(--gpv-scroll-up-expandation) - var(--gpv-scroll-up-size) * 1px) calc(var(--gpv-scroll-up-expandation) * .25) var(--gpv-scroll-up-expandation)}html:not([data-device=DESKTOP]) .gpv.fullscreen .app-page-content .content-container::after,html:not([data-device=DESKTOP]) .gpv.fullscreen .app-page-content .content-container::before{opacity:0}html:not([data-device=DESKTOP]) .gpv:not(.fullscreen) .app-page-content .content-container{--gpv-scroll-up-expandation:calc(var(--gpv-scroll-up-area) * (1 - (var(--gpv-scroll-up-progress) * 1)));padding-top:calc((var(--gpv-scroll-up-expandation) * .5));padding-bottom:calc((var(--gpv-scroll-up-expandation) * 3))}