.base-layout{min-height:100vh;height:100vh;overflow:hidden}.game-intro{--fit-scale:1;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;height:100vh;height:100dvh;max-height:100%;overflow:hidden;color:#fff;background-color:#2b87d1;text-align:center;padding:0 20px}.game-intro i{font-size:calc(120px*var(--fit-scale));animation:shine 3s linear infinite,textFadeIn .5s linear}.game-intro h2{font-size:calc(40px*var(--fit-scale));animation:textFadeIn .5s linear}.game-intro span{display:block;text-indent:2em;font-size:calc(25px*var(--fit-scale));animation:textFadeIn .5s linear}.game-intro .about-text,.game-intro span{width:100%;max-width:820px;text-align:left;margin-bottom:calc(30px*var(--fit-scale))}.game-intro .about-text p{margin:calc(10px*var(--fit-scale)) 0;font-size:calc(18px*var(--fit-scale));line-height:1.6;text-indent:2em}@keyframes shine{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.hand-eye-coordination-test-game-wrap{text-align:center}.hand-eye-coordination-test-game-wrap .wrap{position:relative;width:350px;height:350px}.hand-eye-coordination-test-game-wrap .wrap .axis{background-color:#000;position:absolute}.hand-eye-coordination-test-game-wrap .wrap .ball{position:absolute;border-radius:50%;height:50px;width:50px;background-color:#fff;z-index:100}.hand-eye-coordination-test-game-wrap .wrap .target{box-sizing:border-box;position:absolute;border:2px dashed #fff;border-radius:50%}.hand-eye-coordination-test-game-wrap .wrap .x-axis{width:300px;height:30px;top:calc(50% - 15px);left:25px}.hand-eye-coordination-test-game-wrap .wrap .x-axis .x-ball{top:-10px}.hand-eye-coordination-test-game-wrap .wrap .y-axis{width:30px;height:300px;left:calc(50% - 15px);top:25px}.hand-eye-coordination-test-game-wrap .wrap .y-axis .y-ball{left:-10px}@media screen and (max-width:350px){.hand-eye-coordination-test-game-wrap .wrap{width:300px;height:300px}.hand-eye-coordination-test-game-wrap .wrap .x-axis{width:250px;height:30px}.hand-eye-coordination-test-game-wrap .wrap .y-axis{width:30px;height:250px}}.game-wrap{--fit-scale:1;position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;height:100vh;height:100dvh;max-height:100%;overflow:hidden;color:#fff;background-color:#2b87d1;text-align:center;padding:0 20px}.game-wrap i{font-size:calc(120px*var(--fit-scale))}.game-wrap h2,.game-wrap i{animation:textFadeIn .5s linear}.game-wrap h2{font-size:calc(40px*var(--fit-scale))}.game-wrap span{font-size:calc(25px*var(--fit-scale));margin-bottom:calc(30px*var(--fit-scale));animation:textFadeIn .5s linear}.btn-wrap{width:300px;display:flex;justify-content:space-around}