#root,body,html{-ms-overflow-style:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:1em;font-weight:700;height:100%;margin:0;overflow-y:scroll;padding:0;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}

/*!
 * 
 *   react-simple-keyboard v3.7.118
 *   https://github.com/hodgef/react-simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
/*!
 * 
 *   simple-keyboard v3.7.79
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1 1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.simple-keyboard div.hg-row{align-content:space-between;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}@supports (-webkit-touch-callout:none){.simple-keyboard{padding-bottom:2.1em}}.simple-keyboard button.hg-button{flex:1 1}.simple-keyboard button[data-skbtn="{ent}"]{color:green;font-size:2em}.simple-keyboard button[data-skbtn="{ent}"]:disabled{color:gray;font-size:1em}.simple-keyboard button[data-skbtn="{backspace}"]{color:#7c0a02}div.topbar{background-color:#fff;border-bottom:1px inset #f5f5f5;color:#87cefa;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1.2em;font-weight:700;height:1em;justify-content:space-between;left:0;padding:.25em 0;position:absolute;top:0;width:100%;z-index:1000}div.topbar div{margin:0 .6em}@supports (-webkit-touch-callout:none){div.topbar{padding-bottom:.6em}}div.after,div.topbar div:before{margin-right:.25em}div.topbar .name:before{content:"👶";opacity:.6}div.topbar .score:before{color:#daa520;content:"✨"}div.topbar .add-score,div.topbar .score{text-align:right;width:5em}div.topbar .add-score{color:#daa520;margin:-1em 0 0;opacity:0;position:relative}div.topbar .add-score.show{animation:add-score-fade-in 1.5s}div.topbar .add-score:before{color:#daa520;content:"✚"}@keyframes add-score-fade-in{0%{opacity:1;top:0}to{opacity:0;top:1.5em}}div.bottombar{align-content:space-between;align-items:center;background-color:#fff;border-top:1px solid #f5f5f5;bottom:0;display:flex;flex-direction:column;height:2.5em;justify-content:center;left:0;position:fixed;width:100%}div.bottombar button{-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;font-size:1.6em;font-weight:700}div.stars{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#d3d3d3;-webkit-font-smoothing:antialiased;color:#f8f8ff;display:flex;flex-direction:row;flex-wrap:wrap;font-size:2.8em;justify-content:center;margin:.5em .1em .1em;min-height:1.2em}@supports (-webkit-touch-callout:none){div.stars{padding-top:.5em}}div.stars.small{font-size:1em;margin-top:1.8em;padding-left:1em;transform:rotate(-5deg)}div.stars>div{margin:.1em}div.stars>div.achieved{-webkit-text-stroke-color:#daa520;animation:star-shake .5s;animation-iteration-count:1;color:gold;font-size:1.1em;margin:.025em;text-shadow:.02em .02em .05em #000}@keyframes star-shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}div.symbol{font-size:10em;height:1.2em;margin:0 0 0 .1em;min-height:1.2em;padding:.1em 0 0;text-align:center;text-shadow:1px 1px 3px #000}div.symbol-content--{padding-bottom:.1em;padding-top:0}div.symbol-type-1{font-weight:lighter}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity 1s}.fade-exit{opacity:1}div.color-0{color:#dc143c}div.color-1{color:#00008b}div.color-2{color:#00f}div.color-3{color:#8a2be2}div.color-4{color:brown}div.answer{font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:10em;font-weight:700;height:1.2em;margin:0 0 0 .05em;min-height:1.2em;padding:.1em 0 0;text-align:center}@supports (-webkit-touch-callout:none){div.answer input.number{align-self:center;height:1.2em;line-height:normal!important}}div.answer input.number{border:1px solid #f5f5f5;border-radius:15px;caret-color:#0000;color:#00008b;font-size:1em;font-weight:700;line-height:normal!important;padding:0;text-align:center;text-shadow:1px 1px 3px #000}input.number::-webkit-input-placeholder{align-self:center;line-height:normal!important}input.number::-webkit-inner-spin-button,input.number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}div.answer.size_1 input.number{width:.6em}div.answer.size_2 input.number{width:1.2em}div.answer.size_3 input.number{width:1.8em}div.answer.size_4 input.number{width:2.4em}div.answer input.number::placeholder{color:#87cefa;opacity:.6;text-shadow:none}div.answer input.number:disabled{background-color:initial;color:#87cefa}div.answer input.number:focus{border:1px solid #0000;box-shadow:inset 0 0 5px skyblue;outline:none}div.answer .mistake .correctAnswer,div.answer .mistake.show input.number{display:none}div.answer .mistake.show .correctAnswer{border:1px solid #0000;color:#000;display:block;font-weight:700;text-shadow:2px 2px 20px red;width:.6em}div.expression{font-size:.4em}div.expression,div.memory-expression{display:flex;flex-direction:row;justify-content:center;margin:0;min-height:1em;padding:0;width:100%}div.memory-expression{font-size:.5em}div.memory-expression .timer{padding-top:2em}div.memory-expression .timer.hidden{display:none}div.memory-expression .answer,div.memory-expression .answer .size_1,div.memory-expression .answer .size_2,div.memory-expression .answer .size_3,div.memory-expression .symbol{margin-left:0}div.answer-composite{display:flex;flex-direction:row-reverse;height:100%;justify-content:right;margin:0;min-height:1.2em;padding:.1em 0 0 .2em;width:100%}div.answer-composite .mistake{display:inline-flex}div.answer-composite input[type=number]::placeholder{color:#87cefa;opacity:.6;text-shadow:none}div.answer-composite div.answer.size_1 input[type=number]{padding:0;width:.6em}div.answer-composite input[type=number]{border:0 solid #0000;caret-color:#00008b;color:#00008b;font-size:1em;font-weight:700;padding-block:0;padding-inline:0;text-align:center;text-shadow:1px 1px 3px #000}div.answer-composite input[type=number]:focus{border:0 solid #f5f5f5;outline:none}div.vertical-expression{display:flex;font-size:1em;justify-content:center;margin:0;padding:0;text-align:center;width:100%}div.vertical-expression .expression{display:flex;flex-direction:column;justify-content:right;margin:0;min-height:1em;padding:0;width:18em}div.vertical-expression hr{border:.4em solid #000;border-radius:.4em;margin:0;padding-left:.5em;width:100%}div.vertical-expression .symbol{height:auto;margin:0;min-height:auto;padding:0;text-align:right}div.vertical-expression .operator{height:auto;margin:0;min-height:auto;padding:0;text-align:left}div.vertical-expression .answer{height:auto;margin:0;min-height:auto;padding:0;text-align:right}div.vertical-expression .symbol-type-1{margin-bottom:-.7em;margin-left:-.75em;margin-top:-.6em;text-align:center;width:1em}div.vertical-expression div.answer input[type=number]{margin:0;padding-block:0;padding-inline:0;padding:0}div.vertical-expression div.answer{margin:0;padding:0 0 0 .05em}div.level{border:1px solid #0000;height:100%;position:relative}div.level .keyboard{bottom:0;left:0;position:absolute;width:100%}div.sublevel button{-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;font-weight:700}div.sublevel{display:flex;flex-direction:column;font-size:1em;justify-content:center;margin:0;padding:0;width:7em}div.sublevel div.content{margin-left:.5em;margin-top:-4em}div.sublevel div.icon{font-size:5em;opacity:.9;text-shadow:1px 1px 3px #000}@supports (-webkit-touch-callout:none){div.sublevel div.content{margin-top:-5em}}div.sublevel div.icon:after{content:"😊"}div.sublevel div.icon.grade-1:after{content:"Ⅰ"}div.sublevel div.icon.grade-2:after{content:"Ⅱ"}div.sublevel div.icon.grade-3:after{content:"Ⅲ"}div.sublevel div.icon.grade-4:after{content:"Ⅳ"}div.sublevel div.icon.grade-5:after{content:"Ⅴ"}div.sublevel div.icon.grade-6:after{content:"Ⅵ"}div.sublevel div.icon.level:after{content:"⛳"}div.sublevel div.icon.bug:after{content:"🐛"}div.sublevel div.icon.turtle:after{content:"🐢"}div.sublevel div.icon.ant:after{content:"🐜"}div.sublevel div.icon.lady-bug:after{content:"🐞"}div.sublevel div.icon.chick:after{content:"🐤"}div.sublevel div.icon.penguin:after{content:"🐧"}div.sublevel div.icon.rabbit:after{content:"🐇"}div.sublevel div.icon.leopard:after{content:"🐅"}div.sublevel div.icon.tiger:after{content:"🐆"}div.sublevel div.icon.whale:after{content:"🐋"}div.sublevel div.icon.horse:after{content:"🐎"}div.sublevel div.icon.brain:after{content:"🧠"}div.sublevel.disabled div.icon{opacity:.2;text-shadow:1px 1px 3px gray}div.sublevel div.subject{color:#32cd32;font-size:3em;min-height:1em;min-width:1em;opacity:1;position:relative;text-shadow:0 0 10px #000,0 0 20px #000,0 0 30px #000;transform:rotate(-10deg);transform-origin:0 0;z-index:99}div.sublevel div.lock-icon,div.sublevel.disabled div.subject{color:#dcdcdc;text-shadow:1px 1px 3px gray}div.sublevel div.lock-icon{font-size:3em;margin-left:1em;margin-top:-.5em;padding-bottom:.5em;z-index:100}div.sublevel div.lock-icon:after{content:"🔒";position:relative;z-index:100}div.sublevel div.lock-icon.shake{animation:shake .6s ease-in-out}div.sublevel.unlocked .icon{animation:glow .6s ease-in-out infinite alternate,shake .6s ease-in-out;color:#fff}div.sublevel.warning .icon{animation:warning-glow 1.2s ease-in-out infinite alternate;color:#fff}@keyframes glow{0%{text-shadow:0 0 .1em #fff,0 0 .15em #fff,0 0 .2em #9a94e4,0 0 .25em #9a94e4,0 0 .3em #9a94e4}to{text-shadow:0 0 .25em #fff,0 0 .25em #fff,0 0 .3em #9a94e4,0 0 .35em #9a94e4,0 0 .4em #9a94e4,0 0 .5em #9a94e4,0 0 .6em #9a94e4}}@keyframes warning-glow{0%{text-shadow:0 0 .1em #fff,0 0 .15em #fff,0 0 .2em #c95f22,0 0 .25em #c95f22,0 0 .3em #c95f22}to{text-shadow:0 0 .25em #fff,0 0 .25em #fff,0 0 .3em #c95f22,0 0 .35em #c95f22,0 0 .4em #c95f22,0 0 .5em #c95f22,0 0 .6em #c95f22}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}div.levels{align-content:space-between;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1em;height:100%;justify-content:center;margin:1.5em 0 0;padding:0;width:100%}div.levels>.sublevel{margin:.5em .1em}.checkbox{align-content:space-between;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-size:5em;justify-content:center;padding-bottom:.4em;padding-top:.2em;text-align:center}.checkbox [type=checkbox]{left:-9999px;position:absolute}.checkbox [type=checkbox]:checked+label,.checkbox [type=checkbox]:not(:checked)+label{cursor:pointer;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;position:relative}.checkbox [type=checkbox]:checked+label:before,.checkbox [type=checkbox]:not(:checked)+label:before{background-color:#87cefa;border:1px solid skyblue;border-radius:.1em;box-shadow:inset 0 .01em .03em #87cefa4d;content:"";height:.5em;left:-.25em;position:absolute;width:.5em}.checkbox [type=checkbox]:checked+label:after,.checkbox [type=checkbox]:not(:checked)+label:after{color:#00008b;content:"\2713";left:-.3em;position:absolute;top:-.4em;transition:all .2s}.checkbox [type=checkbox]:not(:checked)+label:after{color:#f5f5f5;left:-.4em;top:-.3em;transform:scale(.5)}@supports (-webkit-touch-callout:none){.checkbox [type=checkbox]:checked+label:after,.checkbox [type=checkbox]:not(:checked)+label:after{left:-.5em;top:-.5em}}.checkbox [type=checkbox]:disabled+label:after{border:1px solid #f5f5f5;border-radius:.1em;content:"";height:.5em;left:-.25em;position:absolute;top:0;width:.5em}form.profile{padding:5em 0 0}form.profile input{border:1px solid #f5f5f5;caret-color:#00008b;color:#00008b;font-size:2em;font-weight:400;text-align:center;text-shadow:1px 1px 3px #000}form.profile input[type=text]{margin-bottom:1em;width:8em}form.profile input[type=number]{margin-bottom:1em;width:5em}form.profile input::placeholder{color:#87cefa;opacity:.6;text-shadow:none}form.profile .username.label:before{content:"👶";font-size:2em;position:absolute}form.profile .age.label:before{content:"⌛";font-size:2em;position:absolute}.App{display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:center;margin:auto;max-width:580px;padding-bottom:env(safe-area-inset-bottom);text-align:center}input{-webkit-appearance:none;appearance:none;border-radius:0;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif}.App .main{height:100%;margin-bottom:2.5em;margin-top:1em}.App .navFadeIn{animation:fadeIn .5s forwards}.App .navFadeOut{animation:fadeOut .5s forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80px)}}