@import url(https://fonts.googleapis.com/css2?family=Protest+Revolution&display=swap);:root{--color-theme:#1098ad;--color-accent:#ffa94d;--color-error:#ff4d4d;--color-grey-0:#fff;--color-grey-50:#f9fafb;--color-grey-100:#f3f4f6;--color-grey-200:#e5e7eb;--color-grey-300:#d1d5db;--color-grey-400:#9ca3af;--color-grey-500:#6b7280;--color-grey-600:#4b5563;--color-grey-700:#374151;--color-grey-800:#1f2937;--color-grey-900:#111827;--border-radius-tiny:3px;--border-radius-sm:5px;--border-radius-md:7px;--border-radius-lg:9px}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:62.5%}body{background-color:#1f2937;background-color:var(--color-grey-800);color:#e5e7eb;color:var(--color-grey-200);min-height:100vh;overscroll-behavior-y:none;padding:3.2rem;width:100%}.app{flex-direction:column}.app,.app-header{align-items:center;display:flex;justify-content:center}.app-header{margin-bottom:4rem}.error{background-color:#495057;border-radius:100px;font-size:1.6rem;font-weight:500;padding:2rem;text-align:center}img{width:14rem}.app-header img{width:8rem}.app-header h1{font-size:4.5rem;margin-left:2rem}h1{color:#ff4d4d;color:var(--color-error);font-family:Protest Revolution,sans-serif;font-size:5.6rem}h2{font-size:3.6rem;margin-bottom:2rem}h3{font-size:2.4rem;font-weight:600;margin-bottom:1rem}h4{font-size:2.2rem;font-weight:400;margin-bottom:2.4rem}p{font-size:1.7rem;line-height:1.6;margin-bottom:2rem}aside{font-size:1.4rem}.xs-hide{display:none}main{max-width:650px}.start p{margin-bottom:4rem;max-width:600px}.start{align-items:center;display:flex;flex-direction:column}.progress{grid-gap:1.2rem;color:#d1d5db;color:var(--color-grey-300);display:grid;font-size:1.8rem;gap:1.2rem;grid-template-columns:auto auto;justify-content:space-between;margin-bottom:4rem}progress{-webkit-appearance:none;grid-column:1/-1;height:12px;width:100%}::-webkit-progress-bar{background-color:#d1d5db;background-color:var(--color-grey-300);border-radius:100px}::-webkit-progress-value{background-color:#1098ad;background-color:var(--color-theme);border-radius:100px}.btn{background-color:#4b5563;background-color:var(--color-grey-600);border:2px solid #4b5563;border:2px solid var(--color-grey-600);border-radius:100px;color:inherit;cursor:pointer;display:block;font-family:inherit;font-size:2rem;padding:1.2rem 2.4rem;transition:.3s}.btn:disabled{opacity:.5}.btn:not([disabled]):hover{background-color:#374151;background-color:var(--color-grey-700)}.btn-option:not([disabled]):hover{transform:translateX(1.2rem)}.btn[disabled]:hover{cursor:not-allowed}.btn-ui{float:right}.btn-grp{display:flex;gap:3rem;justify-content:space-around;width:100%}.btn-primary{background-color:#1098ad;background-color:var(--color-theme);border:2px solid #1098ad;border:2px solid var(--color-theme);color:#111827;color:var(--color-grey-900);font-weight:500}.btn-secondary:hover{opacity:1}.options{display:flex;flex-direction:column;gap:1.7rem;margin-bottom:3.2rem}.btn-option{text-align:left;width:100%}.btn-option:disabled{opacity:1}.btn-option.correct{background-color:#1098ad;background-color:var(--color-theme);border:2px solid #1098ad;border:2px solid var(--color-theme);color:#e5e7eb;color:var(--color-grey-200)}.btn-option.wrong{background-color:#ffa94d;background-color:var(--color-accent);border:2px solid #ffa94d;border:2px solid var(--color-accent);color:#374151;color:var(--color-grey-700)}.btn-link{background:none;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:1.4rem;outline:none;text-decoration:underline;transition:.3s}.answer{transform:translateX(2rem)}.btn-option.wrong.answer{background-color:#ff4d4d;background-color:var(--color-error);border:2px solid #ff4d4d;border:2px solid var(--color-error);color:#e5e7eb;color:var(--color-grey-200);opacity:.5}.finish-screen{text-align:center}.result{border-radius:100px;color:#ffa94d;color:var(--color-accent);font-size:4rem;font-weight:500;margin-bottom:1.6rem;padding:0 1rem 1rem}.result.poor{color:#ff4d4d;color:var(--color-error)}.result.great{color:#1098ad;color:var(--color-theme)}.result span{font-size:2.2rem;margin-right:4px}.level{max-width:650px;text-align:center}.level p{margin:2rem 0 0;text-align:left}.level figure{height:79px;margin:auto;width:140px}.level .btn{clear:both;float:none;margin:6rem auto}.highscore{font-size:1.8rem;margin-bottom:4.8rem;text-align:center}.loader-container{align-items:center;display:flex;flex-direction:column;font-size:1.4rem;gap:1.6rem;margin-top:4rem}.loader-container,.timer{color:#d1d5db;color:var(--color-grey-300)}.timer{border:2px solid #4b5563;border:2px solid var(--color-grey-600);border-radius:100px;float:left;font-size:1.8rem;padding:1.35rem 2.8rem}.form{grid-gap:2rem 2.5rem;background-color:var(--color-grey-600--2);border-radius:5px;display:grid;gap:2rem 2.5rem;margin-bottom:1.4rem;padding:1.3rem 2rem;transition:all .5s,transform 1ms}.form__row{align-items:center;display:flex}.form__row--hidden{display:none}.form__label{flex:0 0 50%;font-size:1.7rem;font-weight:600}.form__input{background-color:#d1d5db;background-color:var(--color-grey-300);border:none;border-radius:3px;font-family:inherit;font-size:1.7rem;padding:.3rem 1.1rem;transition:all .2s;width:100%}.form__input:focus{background-color:#fff;outline:none}.chunin{background-color:#1f2137}.jonin{background-color:#2e301c}.hokage{background-color:#27201b}.legendary{background-color:#1f2226}.final{background-color:#4077bb!important}.congrats{margin-bottom:6rem}.congrats p{text-align:center}.loader{animation:loader 1s linear infinite;background:radial-gradient(circle closest-side,currentColor 90%,#0000) 0 50%,radial-gradient(circle closest-side,currentColor 90%,#0000) 50% 50%,radial-gradient(circle closest-side,currentColor 90%,#0000) 100% 50%;background-repeat:no-repeat;background-size:33.33333% 12px;height:24px;width:50px}@keyframes loader{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}.counter{align-items:center;display:flex;flex-direction:column;font-size:2rem;font-weight:700;gap:1rem;margin:6rem}.counter *{font-size:inherit;padding:.8rem}.dictionary__entry a,.word-link{color:#1098ad;color:var(--color-theme)}.dictionary__entry p{margin-bottom:0}.phonetics{display:flex;flex-direction:column;gap:.5rem}.word__audio{height:3rem}.word__meanings{display:flex;flex-direction:column;gap:1.2rem;padding:2.6rem 0 4rem}.word__partOfSpeech{display:inline-block;font-style:italic;font-weight:600;margin-right:.5rem}.word__etc{display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;padding-top:.5rem}.word__etc>div{display:flex;flex-wrap:wrap;gap:.2rem .6rem}.word__etc>div>*{display:inline-block}.word__sources{border-top:1px solid #4b5563;border-top:1px solid var(--color-grey-600);display:flex;font-size:1.2rem;gap:.5rem;padding-top:3rem}.word__sources a{display:block}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#11182780;height:100vh;left:0;top:0;width:100%;z-index:1000}.modal,.overlay{position:fixed;transition:all .5s}.modal{background-color:#1f2937;background-color:var(--color-grey-800);min-height:100%;padding:6rem 4rem;width:100vw}.modal h3{margin-bottom:2rem}.modal p{font-size:1.6rem}.modal .btn-grp{justify-content:space-between}.btn-close{background:none;border:none;border-radius:5px;border-radius:var(--border-radius-sm);padding:.4rem;position:absolute;right:1.9rem;top:1.2rem;transform:translateX(.8rem);transition:all .2s}.btn-close:hover{background-color:#d1d5db;background-color:var(--color-grey-300)}.btn-close svg{color:#6b7280;color:var(--color-grey-500);height:2.4rem;width:2.4rem}.btn-close-modal{margin:6rem auto 0}.btn-back{margin-top:6rem;opacity:.5}.btn-back:hover{opacity:1}footer{margin-top:6rem}.footer-links{display:flex;gap:2rem}.footer-links .btn-link{color:#1098ad;color:var(--color-theme)}.footer-links .btn-link:hover{color:#ffa94d;color:var(--color-accent)}.reviews{text-align:center;width:100%}.review-search{margin:auto;max-width:550px;position:relative}.review-search label{position:absolute;right:1rem;top:1rem}.review-search svg{color:#000}.review-search .btn-close{right:1.5rem;top:.5rem}.review-search .form__row{margin:auto}.review-search .form__input{border-radius:9px;border-radius:var(--border-radius-lg);padding:1rem 4rem 1rem 1rem}.review-cards{grid-gap:2rem;display:grid;gap:2rem;justify-content:center;margin:auto;padding:3rem 0;text-align:left;width:100%}.review-card{background-color:#111827;background-color:var(--color-grey-900);border-radius:9px;border-radius:var(--border-radius-lg);max-width:100%;padding:2rem;width:100%}.review-search .form__row{display:block;max-width:650px;width:100%}.review-card header{border-bottom:1px solid #374151;border-bottom:1px solid var(--color-grey-700);justify-content:space-between;padding-bottom:2rem}.level-info,.review-card header{align-items:center;display:flex;gap:2rem}.review-card__img{border-radius:5px;border-radius:var(--border-radius-sm);display:flex;height:5rem;justify-content:center;overflow:hidden;width:5rem}.review-card h3{color:#1098ad;color:var(--color-theme);font-size:1.8rem;font-weight:700;line-height:1.3;margin-bottom:0}.review-card h4{color:#ffa94d;color:var(--color-accent);font-size:1.5rem;line-height:1.3;margin-bottom:0}.word-list{grid-gap:.5rem;display:grid;font-size:1.5rem;gap:.5rem;grid-template-columns:1fr 1fr 1fr;padding-top:2rem}.word-list .word-link{color:#e5e7eb;color:var(--color-grey-200);text-decoration:none}@media (min-width:500px){.xs-hide{display:inline}}@media (min-width:768px){.app-header img{width:14rem}.app-header h1{font-size:5.6rem;margin-left:3rem}.options{gap:1.2rem}.review-cards{gap:4rem;grid-template-columns:repeat(auto-fit,33.33%);padding:5rem 3rem;width:100%}.review-card h3{font-size:1.8rem}.review-card h4{font-size:1.5rem}.modal{border-radius:9px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);left:50%;min-height:80%;min-width:500px;padding:3.2rem 4rem;top:50%;transform:translate(-50%,-50%);width:650px}}@media (min-width:1400px){.review-cards{gap:4rem;grid-template-columns:repeat(auto-fit,25%);padding:5rem 10%}}
/*# sourceMappingURL=main.37db87a0.css.map*/