*,*>*{box-sizing:border-box;margin:0;padding:0}*,*>*,body{font-family:Arial,Helvetica,sans-serif}body{-webkit-border-before:10px solid #f1d23a;--delay-time:2s;--char-delay:0;--singlePhon-delay:0;--def-delay:0;--duration:.5s;--primary-hue:214;--primary-saturation:43%;--bk-ground1:hsla(var(--primary-hue),var(--primary-saturation),63%,0.05);--bk-ground:hsla(var(--primary-hue),var(--primary-saturation),63%,0.4);--btn-hover:hsla(var(--primary-hue),var(--primary-saturation),63%,0.6);--card-border-radius:10%;align-items:center;background-color:var(--bk-ground1);block-size:100vh;border-block-start:10px solid #f1d23a;display:flex;inline-size:100vw;justify-content:center;line-height:1.7;overflow-x:hidden;user-select:none;-moz-user-select:none;-webkit-user-select:none}main{background-color:var(--bk-ground);block-size:17.5em;box-shadow:0 0 1em 0 #0003;inline-size:37em;padding:.5em;position:relative}.tab-div{block-size:14rem!important}.tab-content-0,.tab-content-1,.tab-content-2,.tab-content-3,.tab-content-info,.tab-content-search{-webkit-border-before:none;background-color:#fff;border:.01em solid hsl(var(--primary-hue),4%,72%);border-block-start:none;inline-size:97.4%;padding:.5em 0;position:absolute}.tab-content-0{background-color:initial}.noSelect{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.noSelect:focus{outline:none!important}.disabled{opacity:.5;pointer-events:none}.disableEverything:not(#key-pad){pointer-events:none!important}.dim{opacity:.5}.hidden{opacity:0;pointer-events:none;position:absolute}.incorrect{opacity:.2}.hide{opacity:0;pointer-events:none}.gold{color:#b19600}.blue{color:blue}.highlight{color:hsl(var(--primary-hue),60%,33%);position:relative}.fadeIn{opacity:1!important;transition:opacity 1s}.button{align-items:center;align-self:flex-end;background:linear-gradient(var(
--bk-ground),#fff,var(--bk-ground));block-size:1.7em;border:1px solid #ddd;border-radius:.2em;cursor:pointer;display:inline-flex;flex-grow:0;font-size:.6em;font-weight:600;inline-size:4em;justify-content:center;outline:none;padding:.2em 0;position:relative}.button:hover{background-color:var(--btn-hover)}.button:disabled{opacity:.3;pointer-events:none}.hidePage{opacity:0;pointer-events:none;transition:opactiy .5s}aside h1{line-height:1.25}#loadingProgressBar{background-color:#000;display:block;height:.2em;margin:0;transition:width .5s;width:0}.tabs{--tab-count:3;--active:0;-webkit-border-after:.01em solid hsl(var(--primary-hue),4%,72%);background:var(--bk-ground);block-size:2.5em;border-block-end:.01em solid hsl(var(--primary-hue),4%,72%);box-sizing:border-box;display:flex;isolation:isolate;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none}.tabs input:not(.indexInput){display:none}.tabs label{-webkit-margin-before:.2em;align-items:center;color:#656d7b;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:1.25em;font-weight:600;justify-content:start;line-height:1.2;margin-block-start:.2em;position:relative;transition:all .5s linear}.tabs label.show-index{font-size:.9em}.index{font-size:.6em;transition:all .3s linear}.show-index .index{font-size:1.3em}.tabs .index span:first-child{text-align:end}.tabs .index span.slash{display:inline-block;inline-size:1em;text-align:center}.tabs input:checked+label{color:#101010}.tabs:after{-webkit-border-after:none;background:#fff;border:.01em solid hsl(var(--primary-hue),7%,50%);border-block-end:none;border-radius:.5em .5em 0 0;content:"";inline-size:calc(100%/var(--tab-count) - .1em);inset:0 0 -.1em;pointer-events:none;position:absolute;transition:translate .5s ease-in-out;translate:calc(var(--active)*100%);z-index:-1}.tabs:has(:checked:first-of-type){--active:0}.tabs:has(:checked:nth-of-type(2)){--active:1}.tabs:has(:checked:nth-of-type(3)){--active:2}.tab-content{-webkit-border-before:none;-webkit-border-after:0;background-color:#fff;block-size:100%!important;border:.01em solid hsl(var(--primary-hue),7%,50%);border-block-end:0;border-block-start:none}.tab-content>div{position:relative}.indexInput{border:none;display:inline-block;font-size:1em;inline-size:2em;inline-size:-webkit-min-content;inline-size:min-content;outline:none;text-align:end;white-space:nowrap}#indexInput br{display:none}#indexInput{pointer-events:none;transition:1s}#indexInput:focus{pointer-events:all}.blinkingCursor{animation:blinkingCursor 1s linear infinite;color:#aaa;font-size:.9em;position:relative;top:-.2em;transition:0s}@keyframes blinkingCursor{0%,to{opacity:1}49%{opacity:1}50%{opacity:0}99%{opacity:0}}.tab-content-0{align-items:center;border:none!important;display:flex;inset-block-end:0;justify-content:center;overflow:hidden}#key-pad{align-items:space-evenly;background-color:#f5f5f5;block-size:10em;border-radius:.2em;display:flex;flex-direction:row-reverse;flex-wrap:wrap;inline-size:13em;inset-block-start:0;justify-content:space-evenly;opacity:0;padding:.1em;pointer-events:none;position:absolute;transform:scale(.8);transition:.5s;z-index:10000000000000}#key-pad.active{inset-block-start:.4em;opacity:1;pointer-events:all;transform:scale(1)}#key-pad button{block-size:22%;cursor:pointer;font-weight:700;inline-size:31.1%;line-height:.5;margin:.1em;text-align:center}#key-pad button:active{box-shadow:0 0 0 0}#key-pad .numb{font-size:1.3em}#key-pad button:not(.numb){font-size:1rem}.tab-content-1 .outer-wrapper{display:flex;flex-wrap:nowrap;font-size:.8em;justify-content:space-evenly;padding:0 2em}.tab-content-1 .intro-message{text-wrap:balance;align-items:center;block-size:3em;display:flex;font-size:1.2em;font-weight:600;inline-size:80%;justify-content:center;line-height:1.2;margin:.5em auto .3em;text-align:center}.tab-content-1 .heading{text-decoration:underline;white-space:nowrap}.tab-content-1 .options{-webkit-margin-before:.5em;inline-size:-webkit-min-content;inline-size:min-content;margin-block-start:.5em}.checkbox{cursor:pointer;margin:.38em 0}.tab-content-1 .delay-time{position:absolute;text-align:center;white-space:nowrap}.tab-content-1 .delay-time label{-webkit-margin-end:.2em;cursor:pointer;font-size:1.3em;margin-inline-end:.2em}.tab-content-1 .delay-time input{-webkit-padding-start:.3em;border:none;font-size:1.3em;inline-size:3em;outline:none;padding-inline-start:.3em}.tab-content-1 .delay-time input:focus{-webkit-border-after:1px solid;border-block-end:1px solid}#clearSettings{background-color:initial;border:none;cursor:pointer;font-size:1.3em;margin:.2em .5em 0;outline:none}#info-icon{cursor:pointer;inline-size:2.2em;inset-inline-end:1.5em;z-index:1000}#colorPickerIcon,#info-icon{inset-block-start:1em;position:absolute}#colorPickerIcon{inline-size:2em;inset-inline-start:1.2em;margin:auto;pointer-events:all!important;z-index:10}#theColorPicker{inset-block-end:2.1em;inset-block-start:0;inset-inline-end:0;inset-inline-start:0;margin:auto;opacity:0;pointer-events:none;position:absolute!important;transform:scale(.5);transition:.5s;z-index:10}#theColorPicker.active{opacity:1;pointer-events:all;transform:scale(1)}.container-outer{-webkit-padding-before:.7em;align-self:center;background-color:#fff;block-size:80%;display:flex;flex-direction:column;inline-size:70%;justify-content:center;margin:auto;padding-block-start:.7em;transition:.5s .2s}.showingDefs .container-outer{block-size:35%}.noClipsMsg{color:#777;inset-block-start:30%;justify-self:center;position:absolute}.english{animation-delay:.2s}.phonetic{animation-delay:var(--phone-delay)}.chinese{-webkit-padding-start:.5em;animation-delay:var(--chin-delay);inline-size:100%;letter-spacing:.5em;padding-inline-start:.5em}.hidingDefs .english{transition:.3s .6s!important}.showingDefs .english{transition:.3s 0s!important}.chinese,.english,.phonetic{border-radius:.2em;color:#0000;cursor:pointer;display:inline-block;height:100%;position:relative;transition:0s;transition:color 0s .4s;white-space:nowrap;width:100%;z-index:10}.chinese.fadeIn,.english.fadeIn,.phonetic.fadeIn{background:#0000;color:#000;transition:color 1s 0s}.chinese:after,.english:after,.phonetic:after{animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:linear-gradient(to right,hsl(var(--primary-hue),40%,95%) 8%,hsl(var(--primary-hue),40%,92%) 18%,hsl(var(--primary-hue),40%,95%) 33%);background-size:400% 800%;content:"";height:100%;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:0s;width:100%}.chinese.showTextBackground:after,.english.showTextBackground:after,.phonetic.showTextBackground:after{opacity:1!important;transition:0s 0s!important}.split-line{text-wrap:balance!important;white-space:wrap}.fit-my-Text{block-size:-webkit-fit-content!important;block-size:fit-content!important;min-block-size:-webkit-fit-content!important;min-block-size:fit-content!important}@keyframes placeHolderShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.linear-background{animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(90deg,#eee 8%,#ddd 18%,#eee 33%);background-size:1000px 104px;block-size:338px;overflow:hidden;position:relative}.singlePhonetic{animation-delay:var(--singlePhon-delay)}.definition{animation-delay:var(--def-delay)}.chineseChar{cursor:pointer}.button-container,.character,.chinese,.english,.phonetic,.singlePhonetic{font-size:1.5em;line-height:1.2;margin:.3em 0;min-block-size:1.2em;overflow:hidden;text-align:center;white-space:nowrap}.hidingDefs .english{transition-delay:.5s}.showingDefs .english{opacity:0!important;pointer-events:none;transition:.2s}.multipleDefs{text-wrap:balance;align-items:center;block-size:4em;display:flex;font-size:1.25em;inline-size:75%;inset-block-end:.7em!important;inset-inline-end:0;inset-inline-start:0;justify-content:center;line-height:1.3;margin:0 auto;opacity:0;padding:0 .6em;position:absolute;text-align:center;transition:.2s;transition-delay:0s}.multipleDefs span:first-of-type{font-weight:700;text-decoration:underline}.showingDefs .multipleDefs{inset-block-end:.7em;opacity:1;position:absolute;transition:.5s;transition-delay:.5s}#hideDefsBtn,.extraPlayBtn{font-size:.9em;inset-block-start:5em;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}#hideDefsBtn{inset-inline-start:.6em}.extraPlayBtn{inset-inline-end:.6em;inset-inline-end:.6em!important}.showingDefs .extraPlayBtn{opacity:1}.extraPlayBtn img{block-size:1em}.extraPlayBtn img:first-child{display:block}.showingDefs #hideDefsBtn,.showingDefs .extraPlayBtn{opacity:1;pointer-events:all;transition-delay:.3s}#hideDefsBtn{transition-delay:0s}.left-arrow,.right-arrow{cursor:pointer;inline-size:2em;inset-block-end:3.5em;opacity:0;position:absolute;transition:.3s .2s}.showingDefs .left-arrow,.showingDefs .right-arrow{opacity:1}.right-arrow{inset-inline-end:.9em}.left-arrow{inset-inline-start:.9em}.offlineMsg{background-color:#000;box-shadow:0 0 .2em .2em hsl(var(--primary-hue),24%,63%);color:#a0b9c5;font-size:1.5em;font-weight:900;height:90%;left:50%;padding:2.5em 2em;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%) scale(0);transition:.5s;width:96%;z-index:10000000000}.offlineMsg.show{cursor:pointer;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.icon{cursor:pointer;float:inline-end;inline-size:1.5em;inset-block-start:1em;position:absolute;transition:opacity .5s;z-index:1000000}.icon img{inline-size:100%}.icon p{font-size:.5em;inline-size:-webkit-fit-content;inline-size:fit-content;inset-block-start:-.7em;line-height:1;position:relative;text-align:center}.gold-star p{inset-block-start:-.5em;inset-inline-start:-.5em;position:relative}.red-flag.not-this img{filter:grayscale(1);opacity:.2!important}.gold-star.not-this{filter:grayscale(1) brightness(1);opacity:.7;position:absolute;z-index:100000000}.gold-star img{position:relative;z-index:100000000}.gold-star{inset-inline-end:1em}.showingDefs .gold-star,.showingDefs .red-flag{opacity:0;pointer-events:none}.red-flag{inset-inline-start:1em}.button-container{block-size:-webkit-fit-content;block-size:fit-content;display:flex;inline-size:100%;inset-block-end:0;justify-content:space-around;justify-self:flex-end;opacity:1;pointer-events:all;position:absolute;transition:.5s}.hidePage .button-container{pointer-events:none}.showingDefs .button-container{opacity:0;pointer-events:none}.button-container img{block-size:1em}.button-container img:first-child{display:block}.button-container img:nth-child(2),.button-container.pauseMe img:first-child{display:none}.button-container.pauseMe img:nth-child(2){display:block;transition:opacity .25s}.blink{animation:blink .5s linear infinite forwards}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.tab-content-3{flex-direction:column;justify-content:center}.tab-content-3,.tab-content-3 .gameOption{align-items:center;display:flex}#game-opts-1 .buttons{display:flex;justify-content:space-between;width:10em}#game-opts-1 .buttons button{margin-right:0}.tab-content-3 button{align-self:center;font-size:1em;margin-right:1em}#game-opts-1{align-items:center;display:flex;flex-direction:column;width:100%}#game-opts-1 section,#game-opts-2 section{display:flex;font-size:.9em;justify-content:space-evenly;margin-bottom:1em;max-width:35em;width:100%}#multiChoiceSettngs>.checkbox{display:inline-flex;margin:1em 0 1.5em}.tab-content-3 .score{align-items:center;font-size:.55em;height:20%;justify-content:space-between;margin-bottom:1em;padding:0 2em;top:0;width:100%}#game-1,.tab-content-3 .score{display:flex;position:absolute}#game-1{block-size:80%;bottom:0;inline-size:100%;justify-content:space-evenly;padding:.5em}#game-opts-1 .numOfChars .checkbox{display:inline-flex!important;margin:0}#game-opts-1 .numOfChars .displayNum{color:hsl(var(--primary-hue),100%,40%);font-size:.7em;margin-left:.5em;position:absolute}#game-1 .left,#game-1 .right{display:flex;flex-shrink:0;flex-wrap:wrap;font-size:1.5em;justify-content:space-around;line-height:0;padding:0 .25em}#game-1 .left{flex-direction:column;inline-size:45%}#game-1 .right{flex-direction:row;inline-size:55%}#game-1 .answer{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:50%;justify-content:space-around;position:relative;transition:transform 1s;width:50%}#game-1 .answer div{background:#0000;box-shadow:0 0 0 0 #0000;cursor:pointer;font-size:1em;font-size:1.9em;height:-webkit-min-content;height:min-content;height:10%;left:0;letter-spacing:.1em;line-height:1;position:absolute;position:relative;text-align:center;top:0;transition:transform 1s,background .5s 1s,box-shadow .5s 1s;transition:transform 1s,background .5s 0s,box-shadow .5s 0s;white-space:nowrap;width:100%}#game-1 .answer div:not(.threeChars):not(.fourChars){margin:.2em 0 .8em}#game-1 .answer div.threeChars{font-size:1.45em!important;letter-spacing:.1em;margin:.3em 0 .8em}#game-1 .answer div.fourChars{font-size:1.2em!important;letter-spacing:.1em;margin:.4em 0 .65em}#game-1 .answer div:nth-child(2){font-size:.7em;width:90%}.clicked{text-shadow:0 0 .2em gold}.clicked.wrong{text-shadow:0 0 .1em red}.clicked.rightAnswer{text-shadow:0 0 .1em #00c200b3}.question-1,.question-2,.question-3,.question-4{cursor:pointer;height:-webkit-fit-content;height:fit-content;line-height:1;white-space:nowrap;width:95%}#game-1 .enlarge{transform:scale(2);transition-delay:.5s;z-index:1}#game-1 .makeSpace .answer:not(.enlarge){opacity:0;transition:opacity .5s .5s}#game-opts-2 .title{text-align:center;width:100%}#game-opts-2 .buttons{display:flex;justify-content:space-around}#game-opts-2 .buttons button{margin:0}#game-opts-2 .cardSelector img{border-radius:var(--card-border-radius);cursor:pointer;height:5em;margin-left:3em;position:relative;top:.2em;width:5em}.tab-content-3 .score .exitGame{cursor:pointer}.score .bestTime>span,.score .time>span{margin-left:.5em}#card-container{align-items:center;block-size:80%;display:flex;flex-wrap:wrap;inset-block-end:.3em;justify-content:center;position:absolute}#card-container.squares12{column-gap:.7em;inline-size:100%}#card-container.squares18{column-gap:.5em;inline-size:25em}#card-container.squares26{column-gap:.5em;inline-size:35em}.flip-card{align-items:center;background-color:initial;display:flex;justify-content:center;perspective:1000px}#card-container.squares12 .flip-card{height:5em;width:5em}#card-container.squares18 .flip-card,#card-container.squares26 .flip-card{height:3.35em;width:3.35em}.flip-card.show .flip-card-inner{transform:rotateY(180deg)}.flip-card.matched .flip-card-front{background-color:hsl(var(--primary-hue),64%,70%);filter:grayscale(1)}.flip-card-inner{block-size:100%;border-radius:var(--card-border-radius);box-shadow:-.3em .3em .4em 0 #0003;inline-size:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s}.flip-card-back,.flip-card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--card-border-radius);height:100%;overflow:hidden;position:absolute;width:100%}.flip-card-front{background-color:hsl(var(--primary-hue),64%,44%);color:#fff;transform:rotateY(180deg)}#card-container .square img,.flip-card-back img{height:100%;width:100%}#card-container .square p{text-align:center}#card-container.squares12 p{font-size:3em}#card-container.squares18 p,#card-container.squares26 p{font-size:2.3em;line-height:1.45}#about-info{height:13em;overflow:auto}#about-info p{text-wrap:balance;inline-size:95%;margin:0 auto 1em;text-align:left}#about-info ul{font-size:.9em;margin:1em 0;padding:0 2em}#about-info .info-heading{text-align:center}#about-info li{margin:.5em 0}#about-info #back-icon-info,#back-icon-search{cursor:pointer;inline-size:1.8em;inset-block-start:1.25em;inset-inline-end:1.75em;position:absolute;z-index:1000}.small-play-icon{width:1em}.tab-content-search{display:flex;flex-direction:column;overflow:hidden}.tab-content-search .searchNavbar{align-items:center;background-color:#f5f5f5;display:flex;flex-shrink:0;gap:.5em;height:3em;justify-content:left;margin-bottom:.7em;padding:0 1em;width:100%}.tab-content-search input{-webkit-margin-start:.7em;font-size:1.1em;inline-size:10em;margin-inline-start:.7em;outline:none;padding:.1em .4em}.tab-content-search input:focus{border-color:var(--btn-hover);border-width:.3em}.tab-content-search .clearInputIcon{-webkit-margin-end:1em;align-items:center;background-color:#000;block-size:1.5em;border:1px solid;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:900;inline-size:1.5em;justify-content:center;margin-inline-end:1em}.tab-content-search input:focus::placeholder{color:#0000}.checkBoxes{display:flex;justify-content:space-evenly;width:40%}.tab-content-search .selections{grid-gap:.5em;align-content:flex-start;display:grid;flex-shrink:1;gap:.5em;grid-template-columns:1fr 1fr 1fr 1fr;height:-webkit-fit-content;height:fit-content;max-width:100%;min-height:9em;overflow:hidden auto;padding:0 1em}.tab-content-search .selections .word{cursor:pointer;flex-grow:0;font-size:1.2em;height:1.5em;width:-webkit-fit-content;width:fit-content}.tab-content-search .selections .word:hover{font-weight:700}.keyBoard{--row-height:2.2em;--key-height:1.5em;--key-width:1.8em;background-color:#fff;bottom:0;position:absolute;transform:translateY(100%);transition:.5s;width:100%}.keyBoard.active{transform:translateY(0)}.keyBoard img{opacity:.64;width:70%}.keyboard-line{align-items:center;display:flex;gap:.5em;height:var(--row-height);justify-content:space-evenly;justify-content:center;margin:.25em}.keyboard-line .key:not(.enter){width:var(--key-width)}.keyboard-line .enter{width:calc(var(--key-width)*2)}.keyboard-line .enter p{font-size:1rem}#key-pad button,.keyboard-line .key{align-items:center;background-color:#f8f8f8;border:.1rem solid #aaa;border-radius:.3em;box-shadow:0 0 .4em 0 var(--btn-hover) inset,0 0 .5em 0 var(--btn-hover);display:flex;font-size:1.5em;height:var(--key-height);justify-content:center;outline:none;text-decoration:none;transition:.5s;-webkit-user-select:none;user-select:none}.keyboard-line .key:active{box-shadow:inset 0 0 .4em 0 #bdbdbd,0 0 0 0 #bdbdbd;outline:none;transform:scale(.95)}
/*# sourceMappingURL=main.794bf057.css.map*/