@import"https://fonts.googleapis.com/css2?family=Klee+One:wght@600&display=swa";html{font-size:75%}:root{font-family:Klee One;--yui-pink: #bb6fd1;--hayato: #b9adb9;--violet: #674d9e;--fuchsia: #cd498f;--sunny-blue: #40a2c7;--natural-grn: #00af63;--font-white: #f9f9f9;--natural-bk: #303030;color:var(--font-white);background-color:var(--natural-bk);scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:2rem 2rem;background-repeat:repeat;background-position:center center;padding-left:0;margin-left:0}body{margin:0;min-width:32rem;min-height:100vh;min-height:100dvh}img{pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-touch-callout:none;-moz-user-select:none;user-select:none}a,button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background:none;border:none}button:active,a:active{background-color:transparent!important}.klee-one-semibold{font-family:Klee One,cursive;font-weight:600;font-style:normal}h2{font-size:1.6rem}h3{font-size:1.4rem}p{font-size:1.2rem}.header{position:fixed;top:0;left:0;right:0;z-index:1200;height:6rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;background:var(--natural-bk)}.header-left{display:flex;width:auto;height:3.6rem}.wait-logo{object-fit:contain}.menu-button{position:relative;width:3rem;height:2.2rem;padding:0;border:none;background:transparent;cursor:pointer}.menu-button span{position:absolute;left:0;width:100%;height:.3rem;background-color:var(--natural-grn);border-radius:6px;transition:all .3s;box-sizing:border-box}.menu-button span:nth-child(1){top:0}.menu-button span:nth-child(2){top:1rem}.menu-button span:nth-child(3){bottom:0}.menu-button span:nth-child(3),.menu-button.open span:nth-child(3){transition:none}.menu-button.open{transform:rotateX(720deg)}.menu-button.open span:nth-child(1){transform:translateY(1rem) rotate(-45deg)}.menu-button.open span:nth-child(2){transform:translateY(0) rotate(45deg)}.menu-button.open span:nth-child(3){opacity:0}.slide-menu{position:fixed;top:0;right:-200%;z-index:1100;width:18rem;height:100vh;padding:10rem 3.4rem;background:var(--natural-bk);transition:right .3s ease}*:target{scroll-margin-top:8.6rem}.slide-menu.open{right:0}.slide-menu ul{list-style:none;padding:0;margin:0}.slide-menu li{margin-bottom:3rem}.slide-menu a{color:var(--font-black);font-size:1.6rem;text-decoration:none}.overlay{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;background:#0000004d;opacity:0;visibility:hidden;transition:opacity .3s ease}.overlay.show{opacity:1;visibility:visible}.site-footer{padding:2rem;background-color:var(--natural-bk);background-image:linear-gradient(0deg,transparent calc(100% - .1rem),#ffffff08 calc(100% - .1rem)),linear-gradient(90deg,transparent calc(100% - .1rem),#ffffff08 calc(100% - .1rem));background-size:1.4rem 1.4rem;background-repeat:repeat;background-position:center center;color:var(--font-black);font-size:1.2rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:100rem;margin:0 auto 1rem;text-align:center;line-height:2rem}.footer-content a,.footer-link a{color:var(--natural-grn);text-decoration:none;transition:color .3s ease}.footer-content a:hover,.footer-link a:hover,.footer-content a:active,.footer-link a:active{background-color:var(--natural-grn);color:var(--font-white);font-weight:700}.footer-about,.footer-link{flex:1 1 30rem}.footer-title,.footer-link h4,.footer-about p{font-size:1rem}.footer-link ul{list-style:none;padding:0}.footer-link li{margin-bottom:.2rem}.footer-link a{font-size:1rem}.footer-bottom{margin-top:2rem;padding-top:.8rem;border-top:1px solid #c4bdbd;text-align:center}.footer-bottom p{font-size:.8rem}.main-body{margin:0;margin-top:6rem;text-align:center;align-items:center;--symbol: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'><path d='M2 8h20L12 24Z M12 8v14' fill='none' stroke='%2330303026' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.hero-container{display:flex;align-items:flex-start;justify-content:center;position:relative;width:100%;height:20rem;margin:0 auto;overflow:hidden;background-color:var(--font-white)}.focus-lines{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-conic-gradient(transparent 0deg 8deg,var(--natural-bk) 8deg 9deg),repeating-conic-gradient(transparent 0deg 9deg,var(--natural-bk) 9deg 11deg);mask-image:radial-gradient(circle,transparent 20%,var(--natural-bk) 60%);-webkit-mask-image:radial-gradient(circle,transparent 20%,var(--natural-bk) 68%);opacity:.6;pointer-events:none}.hero-image{position:relative;height:20rem;width:auto;object-fit:cover;z-index:10}.wait-comment-container{position:absolute;bottom:0;padding:1rem 2rem;width:14rem;height:40%;overflow:hidden;z-index:20}.loop-area{display:flex;flex-direction:column;animation:loop-slide .5s linear infinite}@keyframes loop-slide{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.wait-comment-box{display:flex;align-items:center;justify-content:left;width:100%}.wait-comment-box p{padding-bottom:.4rem;padding-left:.4rem;margin:0;color:var(--font-white)}.comment-icon{width:1rem;height:1rem;overflow:hidden;border-radius:50%;background-color:var(--natural-grn)}@media screen and (min-width: 768px){.hero-container,.hero-image{height:30rem}.wait-comment-container{width:18rem}.wait-comment-box{margin-bottom:1.2rem}.wait-comment-box p{font-size:1.6rem}.comment-icon{width:1.2rem;height:1.2rem}}.site-title{margin:2.6rem auto;font-size:2.6rem;line-height:2rem}.site-about-container{padding:2rem;background-color:var(--font-white);background-image:linear-gradient(0deg,transparent calc(100% - .1rem),#00000008 calc(100% - .1rem)),linear-gradient(90deg,transparent calc(100% - .1rem),#00000008 calc(100% - .1rem));background-size:1.4rem 1.4rem;background-repeat:repeat;background-position:center center;color:var(--font-black);font-size:1.2rem}.site-about{color:var(--natural-bk);font-size:1.4rem;line-height:2rem}.site-note{color:var(--natural-bk);font-size:1.2rem}.top-game-container{position:relative;overflow:hidden}.top-game-container h2{font-size:2rem;margin:4rem auto 2rem;color:var(--font-white)}.pattern h2,.pattern-diagonal h2{margin:0;margin:4rem auto 2rem;color:var(--natural-bk);background-color:transparent}.pattern-diagonal{position:relative;overflow:hidden;background-color:var(--font-white)}.pattern-diagonal:before{content:"";position:absolute;pointer-events:none;z-index:0;top:-100%;left:-100%;width:400%;height:600%;background-image:var(--symbol);background-size:60rem 60rem;background-repeat:repeat;transform:rotate(45deg)}.pattern-diagonal>*{position:relative;z-index:1}.game-slider-container{margin:2rem auto;padding-left:2rem;padding-right:2rem;display:block}.game-slider-image{width:100%;max-width:66rem;height:auto;display:block;margin:0 auto;border-radius:6px}.page-link{display:inline-flex;align-items:center;margin-bottom:4rem;padding:1.2rem 4rem;border-radius:6px;font-size:1.4rem;color:var(--font-white);background-color:var(--natural-grn);text-decoration:none;cursor:pointer}.page-link:after{content:"";display:inline-block;margin-left:.8rem;width:2rem;height:1.4rem;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23fbfbfb'%3e%3cpath%20d='M647-440H160v-80h487L423-744l57-56%20320%20320-320%20320-57-56%20224-224Z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center}.page-link:hover,.page-link:focus{background-color:#047e49}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;contain:strict;display:inline-block;height:20px;inset:0;margin:auto;position:absolute;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports (outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;inset:0 .5em 0 auto;padding:1em 0}.hitokoto-container{display:flex;flex-direction:column;align-items:center;margin:0 2rem 2rem}.temple-board{background-color:#222;border:12px solid #5d4037;box-shadow:1px 8px 16px #0006;padding:2rem;width:fit-content;min-width:20rem;max-width:60rem;height:10rem;position:relative;display:flex;justify-content:center;align-items:center}.board-text{color:var(--font-white);font-size:1.8rem;letter-spacing:.3rem;line-height:1.5;text-shadow:1px 1px 2px rgba(255,255,255,.3)}.board-footer{position:absolute;bottom:.5rem;right:1.5rem}.hitokoto-link{color:#999;text-decoration:none;font-size:.9rem;transition:color .3s}.hitokoto-link:hover{color:var(--font-white);text-decoration:underline}.refresh-btn{margin-top:2rem;background:none;border:1px solid #5d4037;color:#5d4037;padding:.5rem 1.5rem;cursor:pointer;border-radius:2rem;font-size:.9rem}.refresh-btn:hover,.refresh-btn:focus{background-color:#5d4037;color:var(--font-white)}.game-body{padding-left:2rem;padding-right:2rem}.num-options{display:flex;justify-content:center;gap:1.5rem;margin:2rem 0}.num-options button{padding:.8rem 1rem;border:.2rem solid var(--natural-grn);font-size:1.4rem;font-weight:700;color:var(--font-white);cursor:pointer;border-radius:6px;transition:all .2s}.num-options button:hover,.num-options button:focus{color:var(--font-white);background-color:var(--natural-grn)}.game-title{margin-top:6.8rem;margin-bottom:2rem;font-size:1.6rem;color:var(--font-white)}.quiz-about-container{margin:0 auto;max-width:62rem;padding:1rem 2rem}.quiz-about{font-size:1.6rem}.question-count,.question-comment{margin:0 auto 2rem;padding:0 2rem;font-size:1.6rem;max-width:62rem;line-height:2.2rem}.question-comment{font-size:1.2rem}.question-block{display:block;position:relative;margin:auto;padding:2rem;max-width:66rem;color:var(--font-black)}.question-text{margin:0 auto;margin-bottom:2rem;font-size:2rem;line-height:2.8rem;overflow-wrap:break-word}.answer-options{max-width:24rem;min-width:14rem;margin:1rem auto;padding:1rem;font-size:1.6rem;word-break:break-all;border:solid .3rem var(--natural-grn);border-radius:6px;cursor:pointer}.reset-button:hover,.reset-button:focus,.answer-options:hover,.answer-options:focus{background-color:#6464644d}.feedback{position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);z-index:999;display:flex;justify-content:center;pointer-events:none}.maru{width:14rem;height:14rem;border-radius:50%;border:16px solid #ff0000a6;margin:20px auto}.batsu{position:relative;width:16rem;height:1.6rem;background-color:#0029ffc7;margin:20px auto;transform:rotate(45deg)}.batsu div{position:absolute;width:16rem;height:1.6rem;background-color:#0029ffc7;transform:rotate(-90deg)}.next-button{display:block;font-size:1.8rem;padding:0;margin:0 auto;font-family:Klee One;color:var(--font-black);border-bottom:thick double var(--font-white);transition:border-color .2s ease;cursor:pointer}.next-button:hover,.next-button:focus{border-bottom:thick double var(--natural-grn)}.button-container{display:flex;flex-direction:column;margin:0 auto;padding:2rem;max-width:24rem;gap:3rem}.return-page{display:inline-block;margin-top:10rem;font-size:1.2rem;color:var(--natural-grn);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease}.return-page:hover,.return-page:focus{border-bottom:2px solid var(--natural-grn)}.answer-reveal{margin:3rem;font-size:1.6rem}.answer-reveal p{font-size:1.4rem}.correct-answer{color:var(--font-white);display:inline-block;border-bottom:2px solid var(--natural-grn)}.video-toggle{cursor:pointer}.iframe-container{display:block;margin:0 auto;width:100%;max-width:62rem;aspect-ratio:16 / 9;margin:2rem auto}.iframe-container iframe{width:100%;height:100%}.modal-overlay{position:fixed;top:0rem;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;z-index:1000}.modal-content{background-color:var(--font-white);margin:auto 2rem;padding:3rem;border-radius:.6rem;max-width:62rem;text-align:center;color:var(--natural-bk);line-height:2.4rem}.modal-content h2{margin-top:0}.modal-content h3{margin-top:2.6rem;font-size:1.6rem}.modal-content p{margin:.6rem;font-size:1.4rem}.under-dashed{border-bottom:dashed .2rem var(--natural-grn)}.under-solid{border-bottom:solid .2rem var(--natural-grn)}.start-button{display:inline-block;margin-top:1rem;padding:1rem 3rem;font-family:Klee One;font-size:1.4rem;font-weight:700;color:var(--font-white);background-color:var(--natural-grn);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.start-button:hover,.start-button:focus,.ok-btn:hover,.ok-btn:focus{background-color:#047e49}.modal-button{display:inline-block;margin-top:2rem;font-size:1.2rem;color:var(--natural-grn);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease}.modal-button:hover,.modal-button:focus{border-bottom:2px solid var(--natural-grn)}.small-text{display:inline-block;margin-bottom:1rem;color:var(--natural-grn);font-size:1rem}.link-choose{display:inline-block;padding:.8rem 2rem;font-family:Klee One;font-size:1.4rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.ok-btn{color:var(--font-white);background-color:var(--natural-grn)}.screen{display:block;margin:0 auto;min-width:20rem;max-width:60rem;height:auto;position:relative}.screen img{width:100%;object-fit:cover}.timerstop,.timerstart{position:absolute;width:10rem;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.seek-bar{width:100%;height:.8rem;background-color:#000;overflow:hidden;position:relative}.seek-bar-fill{width:10%;height:100%;background-color:red;border-radius:0 .4rem .4rem 0;transition:width .1s linear}.fade-in{animation-name:fadeIn;animation-duration:.3s;animation-fill-mode:forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.timer-msg{display:flex;align-items:center;justify-content:center;width:100%;max-width:48rem;min-height:6rem;margin:0 auto}.timer-icon{margin-right:1rem;width:3.2rem;height:3.2rem;overflow:hidden;border-radius:50%;flex-shrink:0}.timer-icon img{width:100%;height:100%;object-fit:cover}.timer-text-box p{margin:0;text-align:left}.timer-text{margin:0 auto 1rem;font-size:1.6rem}.timer-result{margin:0 auto 1rem;font-size:1.4rem}.timer-id-txt{font-size:.8rem;color:#f9f9f9a6}.blue-text{color:#a5d2fc}.status-display{text-align:center;margin-bottom:1rem;font-size:1.4rem;color:var(--font-white)}.turns-count{font-size:1.6rem}.message{display:flex;align-items:center;justify-content:center;width:100%;max-width:48rem;min-height:6rem;margin:0 auto}.yui-icon,.listener-icon{width:5rem;height:5rem;overflow:hidden;border-radius:50%;border:solid 3px var(--yui-pink);flex-shrink:0}@media screen and (min-width: 768px){.status-display{margin-bottom:1.6rem}.yui-icon,.listener-icon{width:6rem;height:6rem}}.yui-icon img,.listener-icon img{width:100%;height:100%;object-fit:cover;background-color:var(--font-white)}.player-speech-bubble,.speech-bubble{position:relative;padding:1.2rem;border-radius:12px;background-color:var(--font-white);text-align:left;font-size:1.4rem;line-height:1.25;color:var(--natural-bk)}.speech-bubble{margin-left:1.8rem}.player-speech-bubble{margin-right:1.8rem}.speech-bubble:after{content:"";position:absolute;top:40%;left:-1.2rem;background-color:var(--font-white);width:1.4rem;height:.9rem;clip-path:polygon(0 0,100% 0%,100% 80%)}.player-speech-bubble:after{content:"";position:absolute;top:40%;right:-1.2rem;background-color:var(--font-white);width:1.4rem;height:.9rem;clip-path:polygon(0 0,0 100%,100% 80%)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;justify-content:center;margin:0 auto;margin-bottom:1rem;max-width:30rem;perspective:1000px}.card-container{position:relative;width:6rem;height:9rem;cursor:pointer;transform-style:preserve-3d;transition:transform .4s;transform:rotateY(0)}@media screen and (min-width: 768px){.card-grid{grid-template-columns:repeat(6,1fr);gap:2rem;margin-bottom:1.6rem}.card-container{width:8rem;height:11rem}}@keyframes flip-to-front{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes flip-to-back{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.card-container.is-flipped{transform:rotateY(180deg)}.card-container.anim-front{animation:flip-to-front .3s ease forwards}.card-container.anim-back{animation:flip-to-back .3s ease forwards}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;align-items:center;justify-content:center}.card-back{background:var(--natural-grn);color:var(--font-white);font-size:2.4rem}.card-front{background-color:var(--font-white);transform:rotateY(180deg)}.card-image{max-width:90%;max-height:90%;object-fit:contain}.typing-game,.typing-result,.teachings-box,.kokuu-url-box{margin:0 auto 2rem;padding:1rem;max-width:62rem;text-align:left;border:solid .3rem var(--natural-grn);border-radius:6px}.reset-button{display:inline-block;padding:.8rem 2rem;max-width:62rem;font-size:1.4rem;color:var(--font-white);font-family:Klee One;text-decoration:none;border:solid .2rem var(--natural-grn);border-radius:6px;cursor:pointer}.type-mode{padding:1rem 2rem;max-width:62rem;font-size:1.4rem;font-family:Klee One;color:var(--font-white);line-height:2.6rem;text-decoration:none;border:solid .2rem var(--natural-grn);border-radius:6px;cursor:pointer}.mode-description{margin:0}.game-info{font-size:1.2rem}.typing-result{text-align:center}.typing-result p{font-size:1.4rem}.teachings-box{text-align:center}.teachings-box ul{display:inline-block;text-align:left}.teachings-box li{list-style:none;line-height:2rem}.kokuu-url-box{text-align:center;border:solid .3rem var(--font-white)}.typing-game h2{max-width:60rem}.kokuu-text{font-size:1.6rem}.soko{font-size:1.8rem}.char-default,.char-correct{font-size:1.4rem;letter-spacing:.2rem;color:var(--font-white)}.char-correct{color:var(--natural-grn)}.char-incorrect{font-size:1.4rem;letter-spacing:.2rem;color:var(--font-white)}.target-text{max-width:60rem;overflow-wrap:break-word}.input-box{max-width:60rem}.typing-input,.soko-input{box-sizing:border-box;width:100%;margin-bottom:1rem;padding:.8rem;font-size:1.4rem;border:none;border-radius:6px;background-color:var(--font-white);color:var(--natural-bk);line-height:1.5}.soko-input{max-width:30rem;text-align:center}.typing-input:focus,.soko-input:focus{outline:none}.kokuu-url-box{margin:2rem auto 0;padding:1rem;max-width:62rem;border:solid .3rem var(--font-white);border-radius:6px}.kokuu-url-box p{margin:1rem}.kokuu-url-box a{color:var(--natural-grn);text-decoration:none;transition:color .3s ease}.kokuu-url-box a :hover,.kokuu-url-box a :active{background-color:var(--natural-grn);color:var(--font-white);font-weight:700}.flick-input-box{max-width:20rem}