.confetti-wrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:transparent;pointer-events:none;visibility:hidden;opacity:0;z-index:7}.confetti-wrapper.show{visibility:visible;opacity:1}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.result-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;display:none;background:var(--white-first);padding:var(--gap-small);border-radius:var(--gap-main) var(--gap-main) 0 0;z-index:4;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.result-wrapper::-webkit-scrollbar{display:none}.result-wrapper.show{display:flex;flex-direction:column;justify-content:flex-start}.result-wrapper .score-wrapper{width:100%;margin:var(--gap-middle) 0}.result-wrapper .score-container{gap:15px}.result-message,.score-container .high-score,.score-container .top-rank,.score-container .total-score{font-family:'Fredoka One',cursive;font-size:2rem;text-align:center;color:var(--first-color);letter-spacing:2px;text-shadow:2px 2px var(--black-first),3px 3px var(--black-first)}.result-message.success,.score-container .high-score,.score-container .top-rank{animation:heartbeatResult 1s infinite}@keyframes heartbeatResult{50%{transform:scale(1.2)}}.message .result-message{padding:var(--gap-main)}.score-container .score-point{font-family:var(--font-title);font-size:var(--size-h1);text-shadow:1px 1px var(--black-first);letter-spacing:1px;padding:var(--gap-small) 50px;border-radius:var(--gap-small)}.result-wrapper .result-container{width:100%;border-radius:var(--gap-main);display:flex;flex-direction:column;justify-content:flex-start}.result-content{display:none}.result-content.show{display:block}.result-content.fail.show{display:flex!important;justify-content:center}.result-content.ranking-form.show{position:relative;width:100%;padding:5px;display:flex;flex-direction:column;background:var(--white-first)}.result-content.fail ul li{margin:var(--gap-main) 0;list-style:circle;font-size:var(--size-h2);font-weight:bold}#info-form{width:100%;padding:var(--gap-small);margin:var(--gap-small) 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-small)}#info-form .input-container{position:relative;flex:1;width:90%;max-height:100px;display:flex;justify-content:center;align-items:center}.input-container input{width:100%;padding:var(--gap-main);font-size:var(--size-h3);font-weight:bold;border:3px solid var(--first-color);border-radius:var(--gap-main);box-shadow:0 0 3px var(--box-shadow-light);outline:0;overflow:hidden;text-overflow:ellipsis;transition:0.2s}.input-container input.not-empty{border:3px solid var(--selected-color);box-shadow:none}.input-container input::placeholder{font-size:var(--size-basic)}.input-container .placeholder{position:absolute;display:inline-block;top:50%;left:var(--gap-main);transform:translateY(-50%);padding:3px;font-size:var(--size-h3);font-weight:bold;border-radius:5px;transition:0.2s;background:var(--white-first)}.input-container .placeholder.not-empty{top:calc(var(--size-basic)/ 2 * -1);transform:translateY(0);font-size:var(--size-basic);box-shadow:0 0 3px var(--box-shadow-light)}.game-result .button-container,.result-content .button-container{width:100%;height:50px;gap:30px}.button-container button{padding:var(--gap-small) var(--gap-middle);width:100px;font-size:var(--size-basic);font-weight:bold;border-radius:var(--gap-middle);background:var(--white-first);border:3px solid var(--first-color);box-shadow:0 0 1px var(--box-shadow-light);transition:all 0.2s}.button-container button:hover{background:var(--first-color)}.result.new-score.show,.result.nothing.show{width:100%;height:100%}.new-score .new-score-container,.nothing .nothing-container{width:100%;height:250px;gap:var(--gap-small)}.new-score-container .high-score-wrapper,.new-score-container .next-score-wrapper,.nothing-container .current-score-wrapper,.nothing-container .high-score-wrapper{flex:1;width:100%;padding:var(--gap-small);border-radius:var(--gap-main);display:flex;flex-direction:column;gap:var(--gap-small)}.new-score-container h2,.nothing-container h2{padding-left:var(--gap-small);font-size:var(--size-h2)}.new-score-container p,.nothing-container p{font-size:var(--size-h3)}.new-score-container .high-score-wrapper,.nothing-container .current-score-wrapper,.result-alphabet .current-container{background:var(--first-color);box-shadow:0 0 3px var(--box-shadow-light)}.new-score-container .next-score-wrapper,.nothing-container .high-score-wrapper,.result-alphabet .high-container{background:var(--second-color);box-shadow:0 0 3px var(--box-shadow-light)}.new-score .grade-score-container,.nothing .grade-score-container,.time-container{flex:1;width:100%;display:flex;align-items:center;border-radius:var(--gap-small);overflow:hidden;background:var(--white-first)}.grade-score-container .grade-icon{width:52px;height:52px;background-size:cover;background-position:center;animation:heartbeatIcon 1s infinite;padding:var(--gap-small)}@keyframes heartbeatIcon{50%{transform:scale(1.1)}}.grade-score-container .grade-name,.time-text{flex:1;margin-left:var(--gap-small)}.grade-score-container .score-range{flex:1.3}.result-wrapper .multiple-ad-wrapper{flex:1;width:100%;padding:var(--gap-small)}.database-confirm-wrapper{z-index:9;position:fixed;pointer-events:none;visibility:hidden;opacity:0;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.database-confirm-wrapper.show{pointer-events:auto;opacity:1;visibility:visible}.database-confirm-wrapper .confirm-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;width:90%;padding:var(--gap-main);display:flex;flex-direction:column;justify-content:center;gap:var(--gap-main);font-weight:700;background:var(--white-first);align-items:center;border-radius:20px;overflow:hidden;box-shadow:0 0 5px var(--box-shadow-light);font-size:var(--size-p)}.database-confirm-wrapper .confirm-message{text-align:center;font-size:var(--size-h2);word-break:keep-all}.database-confirm-wrapper .confirm-container .confirm-content{width:100%}.database-confirm-wrapper .confirm-container ul{margin-left:var(--gap-main);padding-right:var(--gap-main)}.database-confirm-wrapper .confirm-container li{list-style:circle!important;word-break:break-all}.database-confirm-wrapper .button-container{gap:var(--gap-middle)}.database-confirm-wrapper button{padding:var(--gap-small) var(--gap-middle);border-radius:var(--gap-middle);font-size:var(--size-h4);background:var(--white-first);border:3px solid var(--first-color)}.game-result{margin:var(--gap-middle) 0;width:100%;padding:var(--gap-main);display:none;border-radius:var(--gap-main);box-shadow:0 0 3px var(--box-shadow-light);border:3px solid var(--first-color)}.game-result.show{display:flex;flex-direction:column;justify-content:center;align-items:center}.game-result .result-message{padding:var(--gap-main);font-size:2rem;font-weight:bold;color:var(--first-color);text-shadow:2px 2px var(--black-first),3px 3px var(--black-first);animation:heartbeatMessage 1s infinite}@keyframes heartbeatMessage{50%{transform:scale(1.05);color:var(--second-color)}}.result-container{width:100%}@media screen and (max-width: 450px){.result-wrapper .score-wrapper{margin:5px 0}.input-container input{font-size:var(--size-example)}.input-container input::placeholder{font-size:var(--size-mobile-placeholder)}.new-score-container h2,.nothing-container h2{font-size:var(--size-h4)}.new-score-container p,.nothing-container p{font-size:var(--size-basic)}}