body{font-family:游明朝,Yu Mincho;background-color:#f0f0f0;width:100%;height:100%;margin:0;padding:0;-webkit-user-select:none;user-select:none}.light-theme{background:#e2dede;color:#333}.dark-theme{background:#000;color:#ddd}.light-theme button{background:#e2dede;color:#333}.dark-theme button{background:#000;color:#e2dede}.light-theme .c-txt-line:before{background:#333}.dark-theme .c-txt-line:before{background:#e2dede}.light-theme .democanvas-light-theme{border:1px solid #333}.dark-theme .democanvas-dark-theme{border:1px solid #e2dede}.light-theme .border-bottom-light-theme{border-bottom:1px solid #333}.dark-theme .border-bottom-dark-theme{border-bottom:1px solid #e2dede}.theme-switcher{position:fixed;top:1vw;right:1vw;font-size:1vw;z-index:1000;cursor:pointer;font-weight:700}.light-theme .switch-light-theme{color:#333;padding:.5vw;border-radius:1.5vw}.dark-theme .switch-dark-theme{color:#e2dede;padding:.5vw;border-radius:1.5vw}.late-appearance{text-align:center;animation-name:fade;animation-duration:2s;animation-delay:2.5s;animation-fill-mode:both;opacity:1}@keyframes fade{0%{opacity:0}to{opacity:1}}.c-txt-line{padding-bottom:5px;position:relative}.c-txt-line:before{background:#000;content:"";width:100%;height:2px;position:absolute;left:0;bottom:0;margin:auto;transform-origin:right top;transform:scaleX(0);transition:transform .3s}.c-txt-line:hover:before{transform-origin:left top;transform:scale(1)}section{padding:5%;position:relative;height:75vh}h1,h2{text-align:center;width:60%;margin:0 auto}p{margin:0;padding:0}button{font-family:游明朝,Yu Mincho;border:none;cursor:pointer;font-size:3vw}#titlepage{text-align:center}#titlepage h1{margin:5% auto}#titlebtn{display:flex;align-self:center;justify-content:space-around}#titlebtn button{cursor:pointer}#credit{margin-top:25vh;font-size:1.5vw}.typingTitle{display:inline-block;width:24ch;overflow:hidden;white-space:nowrap;font-size:5vw;border-right:2px solid transparent;animation:typing 2s steps(23),caret .5s steps(1) infinite;text-align:center}@keyframes typing{0%{width:0}}@keyframes caret{50%{border-right-color:currentColor}}#howtopage{text-align:center}.description-typingTitle{display:inline-block;font-size:2vw;width:36ch;overflow:hidden;white-space:nowrap;border-right:2px solid transparent;animation:typing 2s steps(23),caret .5s steps(1) infinite}#description{font-size:1vw}#type-points{margin:1vw 0;display:flex;gap:40px;justify-content:center;font-weight:700}#exit-btn{margin-top:5vh;font-size:2vw}#demoCanvas{width:100%;height:40vh;box-sizing:border-box}.late-appearance-select{animation-name:fade;animation-duration:1s;animation-delay:2s;animation-fill-mode:both;opacity:1}#selectpage{text-align:center}.select-typingTitle{display:inline-block;font-size:3vw;width:12ch;overflow:hidden;white-space:nowrap;border-right:2px solid transparent;animation:typing 1s steps(18),caret .5s steps(1) infinite}#selectpage h1{align-self:center;margin-bottom:4vw}.sels{display:flex;flex-direction:column;gap:1vw;width:100%}.sel{display:flex;align-items:center;padding:0 15%}.sel button{margin-left:5vw;width:10vw;height:4vw;font-size:2vw}.sel h2{font-size:2vw;height:4vw}#gamepage{position:relative;height:100%;padding:0;margin:0;box-sizing:border-box}#gameTop{position:absolute;display:flex;gap:5vw;z-index:10;top:2vw;left:2vw;font-size:2vw}#timer{width:35vw}#scores{display:flex;gap:1vw}#gameCanvas{position:relative;width:100%;height:75vh;box-sizing:border-box}#gameBottom{align-items:center;position:absolute;display:flex;z-index:10;top:80vh;width:100%;flex-direction:column;font-size:2vw}.result-typingTitle{display:inline-block;font-size:3vw;width:10ch;overflow:hidden;white-space:nowrap;border-right:2px solid transparent;animation:typing 1.5s steps(15),caret .5s steps(1) infinite}.late-appearance-result{text-align:center;margin-top:50px;animation-name:fade;animation-duration:1s;animation-delay:2s;animation-fill-mode:both;opacity:1}#resultpage{text-align:center;align-items:center}.result-contents{border-bottom:#000 solid 1px;padding:5vh}.res{display:flex;justify-content:center;gap:5vw}.res p{text-align:start;margin:1vh;font-size:2vw;width:20vw}.results-btns{display:flex;justify-content:space-around;margin-top:3vw}.results-btns button{width:20vw;font-size:2vw}