.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}}.only-pc{background-color:#fc9;font-size:18px;color:#333;border-radius:10px;width:75%;padding:20px;margin:0 auto 30px auto}.typing-test-game-wrap h2{font-size:80px;margin:0}.typing-test-game-wrap h4{font-size:24px;margin:0 0 30px 0}.typing-test-game-wrap .typing-wrap{width:100%;max-width:1010px;word-wrap:break-word;font-size:18px;background:hsla(0,0%,100%,.8);padding:20px;border-radius:10px;min-height:50px;line-height:1.6;cursor:text;color:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left;word-break:break-all;text-indent:20px}.typing-test-game-wrap .typing-wrap span.current{position:relative}.typing-test-game-wrap .typing-wrap span.current:after{content:"";position:absolute;left:-2px;top:2px;height:20px;width:2px;background-color:#000;animation:cursor 1s linear infinite}.typing-test-game-wrap .typing-wrap span.right{background-color:#67c23a}.typing-test-game-wrap .typing-wrap span.wrong{background-color:#f56c6c}@keyframes cursor{0%{background-color:unset}50%{background-color:#000}to{background-color:unset}}.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}