:root{--first-color:#68c5ff;--second-color:#a8dfff;--selected-color:#25baff;--wrong-color:#ffdd00;--timer-color:#ffdd00;--left-color:#ff0e42;--background-color:#0b3457}.center{padding-top:var(--gap-middle)}.game-wrapper{position:relative;width:100%;height:100%;padding:var(--gap-small);border-radius:var(--gap-main) var(--gap-main) 0 0;box-shadow:0 0 3px var(--box-shadow-light);border:5px solid var(--first-color);overflow-x:hidden;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.game-wrapper::-webkit-scrollbar{display:none}.game-wrapper.start{border:5px solid var(--background-color);background:var(--background-color)}.game-wrapper.start.bonus{animation:bonusEffect 0.1s alternate infinite}@keyframes bonusEffect{0%{border-color:#fd690d}100%{border-color:#ff0}}.game-intro{z-index:4;position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--gap-main);font-weight:700;background:var(--white-first);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.game-intro::-webkit-scrollbar{display:none}.game-rules{flex:7;width:100%}.game-rules ul{margin-left:var(--gap-main);padding-right:var(--gap-main)}.game-rules ul li{margin:var(--gap-main) 0;list-style:circle;font-size:var(--size-h3);word-break:keep-all}.start-container{flex:3;width:100%;padding:var(--gap-main);gap:var(--gap-main)}.start-btn{display:flex;justify-content:center;align-items:center;padding:var(--gap-main);font-size:var(--size-h3);border-radius:var(--gap-main);border:3px solid var(--first-color)}.start-btn:hover{background:var(--first-color)}.game-container{z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.game-container::-webkit-scrollbar{display:none}.game-info{width:100%}.game-info .score-container{width:100%;position:relative}.game-info .score-text{color:var(--white-first);font-size:var(--size-h1);letter-spacing:1px;font-weight:bold;padding:var(--gap-middle) 50px}.game-info .combo-text{position:absolute;top:50%;right:var(--gap-small);transform:translateY(-50%);color:var(--white-first);font-size:var(--size-p);padding:var(--gap-small);border-radius:var(--gap-main);opacity:0}.game-info .combo-text.answer{animation:combo var(--answer-delay)}.game-info .combo-text.bonus{animation:combo var(--answer-delay)}@keyframes combo{0%{opacity:1;transform:translateY(-50%) scale(0)}20%{opacity:1;transform:translateY(-50%) scale(1.2)}100%{opacity:1;transform:translateY(-50%) scale(1)}}.timer-wrapper{width:90%;height:20px;border-radius:var(--gap-middle);box-shadow:0 0 3px var(--box-shadow-light);background:var(--white-first);overflow:hidden}.timer-container{position:relative;width:95%;height:90%}.timer-bar{position:absolute;top:50%;left:0;height:70%;transform:translateY(-50%);width:100%;border-radius:15px;box-shadow:inset 0 0 8px rgba(0,0,0,.2);background:var(--timer-color)}.timer-bar.start{animation:timerStart var(--game-time) linear forwards}@keyframes timerStart{to{width:0}}.timer-bar.left{background:var(--left-color)}.game-question{padding:var(--gap-main);font-size:2rem;gap:var(--gap-small)}.game-question .number,.game-question .number-answer,.game-question .remainder{display:flex;justify-content:center;align-items:center;padding:var(--gap-small);width:3.5rem;height:3.5rem;font-weight:bold;border-radius:5px;background:var(--white-first);box-shadow:0 0 2px var(--box-shadow-light)}.game-question .number-answer.select,.game-question .number.select{color:var(--white-first);text-shadow:1px 1px var(--black-first),2px 2px var(--black-first);animation:heartbeatSelect 0.2s}@keyframes heartbeatSelect{50%{transform:scale(1.1)}}.game-question .number-answer.not-select,.game-question .number.not-select{animation:heartbeatAgain 0.2s}@keyframes heartbeatAgain{50%{transform:scale(1.1)}}.game-question .calculator,.sign{display:flex;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;color:var(--white-first)}.game-content{flex:1;width:100%;overflow:hidden}.item-container{position:relative;width:var(--item-container-width);height:var(--item-container-height)}.item{position:absolute;width:var(--item-size);height:var(--item-size);font-size:calc(var(--item-size) / 2);color:var(--white-first);font-weight:bold;text-shadow:1px 1px var(--black-first),2px 2px var(--black-first);border-radius:5px;display:flex;justify-content:center;align-items:center;transition:top 0.2s cubic-bezier(.17,.67,.48,1.26);box-shadow:0 0 2px var(--box-shadow-light)}.item.click{background:var(--white-first);color:var(--black-first);border:5px solid var(--wrong-color);text-shadow:none}.item.wrong{background:var(--white-first);color:var(--black-first);text-shadow:none;border:3px solid var(--wrong-color);animation:wrongShake var(--wrong-delay)}*[data-color="1"],.number-answer[data-color="1"],.number[data-color="1"],.square[data-color="1"]{background:#f4102a}*[data-color="2"],.number-answer[data-color="2"],.number[data-color="2"],.square[data-color="2"]{background:#ffa000}*[data-color="3"],.number-answer[data-color="3"],.number[data-color="3"],.square[data-color="3"]{background:#fff700}*[data-color="4"],.number-answer[data-color="4"],.number[data-color="4"],.square[data-color="4"]{background:#99ff40}*[data-color="5"],.number-answer[data-color="5"],.number[data-color="5"],.square[data-color="5"]{background:#00ee6f}*[data-color="6"],.number-answer[data-color="6"],.number[data-color="6"],.square[data-color="6"]{background:#10ebff}*[data-color="7"],.number-answer[data-color="7"],.number[data-color="7"],.square[data-color="7"]{background:#1a55f6}*[data-color="8"],.number-answer[data-color="8"],.number[data-color="8"],.square[data-color="8"]{background:#8225f4}*[data-color="9"],.number-answer[data-color="9"],.number[data-color="9"],.square[data-color="9"]{background:#d000ff}*[data-color="0"],.number-answer[data-color="0"]{background:#ff0e9b}.square[data-color="select"]{background:#ffff0c}.number[data-color="first"],.square[data-color="first"]{background:#ff0}.number[data-color="second"],.square[data-color="second"]{background:#ffa600}@keyframes wrongShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.number-answers{gap:3px}.square-wrapper{flex:1;overflow:hidden;width:100%;margin-bottom:var(--gap-small)}.square-container{display:grid;justify-content:flex-start;gap:var(--grid-gap);grid-template-rows:repeat(10, var(--square-size));grid-template-columns:repeat(10, var(--square-size))}.square{width:var(--square-size);height:var(--square-size);background:var(--white-second);border-radius:5px;box-shadow:0 0 2px var(--box-shadow-light);transition:background-color 0.15s}.number-option-container{padding-bottom:2rem;display:grid;grid-template-rows:repeat(2, auto);grid-template-columns:repeat(5, auto);gap:var(--grid-gap)}.number-option{width:var(--number-option-size);height:var(--number-option-size);display:flex;justify-content:center;align-items:center;border-radius:5px;font-size:calc(var(--number-option-size) / 2);color:var(--white-first);font-weight:bold;text-shadow:1px 1px var(--black-first),2px 2px var(--black-first);box-shadow:0 0 2px var(--box-shadow-light)}.number-game .game-question{gap:var(--gap-middle)}.number-game .question-text{font-size:var(--size-h1);color:var(--white-first);text-align:center;word-break:keep-all}.addition .square-container,.intermediate .square-container,.number-game .square-container,.subtraction .square-container{grid-template-columns:repeat(5, var(--square-size));grid-template-rows:repeat(auto, var(--square-size))}.number-answer.select.wrong{background:var(--white-first);color:var(--black-first);text-shadow:none;border:3px solid var(--wrong-color);animation:wrongNumberShake var(--wrong-delay)}@keyframes wrongNumberShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.multiplication-table .game-info,.time-attack .game-info{padding:calc(var(--gap-main) + 5px) 0 0}.time-attack .start-container{display:grid;grid-template-columns:repeat(2, 100px);grid-template-rows:repeat(2, auto);gap:var(--gap-small)}.time-attack .start-btn{width:100%}.division-question{display:none!important}.division-question.show{display:flex!important}.mixed-calculation .game-question{margin-top:var(--gap-middle);gap:5px}.mixed-calculation .calculator{width:2rem;height:2rem}.bracket{color:var(--white-first);display:none}.bracket[data-show="true"]{display:flex}.line .game-content{margin-top:var(--gap-main)}@media screen and (max-width: 450px){.game-rules ul li{margin:var(--gap-small) 0;font-size:var(--size-p)}.game-question{padding:var(--gap-middle) var(--gap-small);font-size:1.7rem;gap:3px}.game-question .number,.game-question .number-answer,.game-question .remainder{width:2.7rem;height:2.7rem}.game-question .calculator,.sign{width:2rem;height:2rem}.mixed-calculation .game-question{padding:5px;gap:1px}.mixed-calculation .calculator,.mixed-calculation .sign{width:1.7rem;height:1.7rem}.number-option-container{padding-bottom:var(--gap-small)}}.narrow .game-question{padding:var(--gap-small) 5px;font-size:1.3rem;gap:3px}.narrow .game-question .number,.narrow .game-question .number-answer,.narrow .game-question .remainder{width:2rem;height:2rem}.narrow .game-question .calculator,.narrow .sign{width:1.3rem;height:1.3rem}.narrow .result-message,.narrow .score-container .high-score,.narrow .score-container .top-rank,.narrow .score-container .total-score{font-size:var(--size-h1)}.narrow .new-score-container p,.narrow .nothing-container p{font-size:var(--size-basic)}[data-name="mojs-shape"]{z-index:100!important;pointer-events:none}