.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}}.number-memory-show-wrap{padding:0 30px}.number-memory-show-wrap span{font-size:80px;font-weight:700;margin-bottom:30px;width:100%;display:block;word-wrap:break-word;white-space:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:unset}.number-memory-show-wrap .progress-wrap{width:20%;border-radius:999px;background-color:rgba(0,0,0,.1)}.number-memory-show-wrap .progress-wrap .progress{height:10px;border-radius:999px;transition:width 5s linear;background-color:#fff}@media screen and (max-width:480px){.number-memory-show-wrap span{font-size:40px}.number-memory-show-wrap .progress-wrap{width:30%}}.number-memory-input-wrap h4{font-size:24px;margin:0;margin-bottom:5px}.number-memory-input-wrap span{font-size:18px;color:hsla(0,0%,100%,.6);margin-bottom:30px}.number-memory-input-wrap input{background:rgba(0,0,100,.2);border-radius:3px;text-align:center;font-size:48px;font-weight:700;width:50%;outline-style:none;box-shadow:none;border-color:transparent;margin-bottom:30px;padding:10px;color:#fff;border:1px solid transparent}.number-memory-input-wrap input:focus{border:1px solid #ccc}@media screen and (max-width:480px){.number-memory-input-wrap{padding:0 30px}.number-memory-input-wrap input{font-size:24px;width:100%}}.btn-wrap{width:300px;display:flex;justify-content:space-around}.number-memory-result-wrap{padding:0 30px}.number-memory-result-wrap h4{font-size:20px;margin:0;color:hsla(0,0%,100%,.6);margin-bottom:5px;animation:textFadeIn .5s linear}.number-memory-result-wrap span{font-size:40px;font-weight:700;animation:textFadeIn .5s linear}.number-memory-result-wrap span:first-child{margin-bottom:30px}.number-memory-result-wrap span.wrong{text-decoration:line-through;color:#666}.number-memory-result-wrap h2{font-size:60px;font-weight:700;animation:textFadeIn .5s linear}.number-memory-result-wrap input{background:rgba(0,0,100,.2);border-radius:3px;text-align:center;font-size:48px;font-weight:700;width:50%;outline-style:none;box-shadow:none;border-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:30px;padding:10px;color:#fff}.number-memory-result-wrap input:focus{border:1px solid #ccc}