*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{color-scheme:light dark;color:var(--text-color);background-color:var(--background-color);transition:background-color .6s ease,color .5s ease;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{color:var(--text-color)}body{margin:0;padding:0;min-width:320px;min-height:100vh}html{font-size:16px}body{font-family:Menlo,monospace}#root{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;align-content:center;max-width:min(1200px,100vw);margin:0 auto;padding:0 15px}.paragraph{font-size:2rem;-webkit-user-select:none;user-select:none;height:128px;overflow:hidden}.words-wrapper{display:flex;flex-wrap:wrap;justify-content:start;gap:1rem 1rem;line-height:2rem;font-weight:lighter}.word{position:relative;color:var(--secondary-text-color);display:flex}.word.active{color:var(--text-color)}.letter.correct{color:var(--success-color)}.letter.incorrect{color:var(--error-color)}.stadistics{display:flex;flex-wrap:wrap;font-size:1.2.rem;gap:20px}#words-container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin-top:min(3rem,5%)}#score-container{width:100%;display:flex;justify-content:center}.blurry-paragraph{filter:blur(4px)}#word-input{opacity:0;position:absolute;z-index:-1}main{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;flex-grow:1;margin-bottom:15vh}#reset-button{margin:1rem;background-color:transparent;border:none;font-size:2.5rem;transition:scale .5s ease}#reset-button:hover{cursor:pointer;scale:1.2}.option-display{width:100%;display:flex;align-items:start;font-size:2rem;justify-content:center}.option-display>div{display:flex;align-items:center}.option-hidden{visibility:hidden;position:fixed}#option-section{width:100%}.hidden{opacity:0;pointer-events:none;transition:opacity .3s ease}#header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:30px}.menu-container{-webkit-user-select:none;user-select:none;position:relative}.menu-trigger{font-size:2rem;border-radius:50%;cursor:pointer;transition:scale .5s ease}.menu-trigger:hover{cursor:pointer;scale:1.2;color:var(--highlight-color)}.dropdown-item{cursor:pointer}.dropdown-item:hover{color:var(--highlight-color)}.dropdown-menu{display:flex;flex-direction:column;gap:.3em;align-items:end;position:absolute;top:100%;right:0;background-color:var(--background-color);border-radius:5px;padding:10px 20px;width:auto;border:1px solid var(--highlight-color);z-index:100}footer{width:100%}.info{margin-bottom:20px;justify-content:space-between;display:flex;font-size:1.2em}.info div{display:flex;align-items:center;gap:5px}.info a{text-decoration:none;color:var(--secondary-text-color)}.info a:hover{cursor:pointer;color:var(--highlight-color)}.cursor{position:absolute;height:1em;font-size:2rem;width:2px;background-color:var(--highlight-color);animation:blink 1.3s infinite;transform:translate(0);transition:transform .09s ease}@keyframes blink{50%{opacity:.1}}.blur-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center;z-index:10}.overlay-modal{background:transparent;padding:2rem;border-radius:12px;transition:transform .3s ease,opacity .3s ease}.score-wrap{font-size:1.5rem;font-weight:700;width:min(700px,100%);display:flex;justify-content:center;align-items:center;flex-shrink:0}.score-modal{flex-shrink:0;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px;border-radius:5px}.score-stat{border-radius:5px;padding-inline:1rem;padding-block:2rem;flex-direction:column;justify-content:center;align-items:center;border:2px solid var(--highlight-color);display:flex}.stat-wrap{display:flex;flex-direction:column;width:70%}.stat-wrap div{display:flex;justify-content:space-between;align-items:center}.stat-wrap div span:first-of-type{color:var(--secondary-text-color);font-size:1rem}.game-options-container{display:flex;flex-wrap:wrap;flex-direction:column;width:100%;align-items:end;justify-content:space-between}.game-options-container span{color:var(--secondary-text-color);font-weight:100;font-size:.8rem}.wordsType-container{display:flex;justify-content:end;align-items:center;flex-wrap:wrap;margin-block:1em;gap:.5em;padding-bottom:.5rem;border-bottom:1px ridge var(--highlight-color)}.wordsType-container button{font-size:1em}.gameMode-container{display:flex;align-items:end;flex-direction:column;border:1px ridge var(--highlight-color);border-radius:5px;padding:7px 15px}.option-button{cursor:pointer;background-color:transparent;border:none;font-size:1.5em}.option-button:hover,.selected-option{color:var(--highlight-color)}