@font-face{font-family:Sora;src:url(/assets/Sora-VariableFont_wght-BdGHk4M9.ttf)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;-webkit-user-select:none;user-select:none;overscroll-behavior-y:none;background-color:#121212;width:100%;height:100dvh;padding:4px;font-family:Sora;font-size:16px;overflow:hidden}.wrapper{height:100%;position:relative}@media (width>=1024px){html,body,#root{height:100vh;padding:10px 25px}}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.desktop{display:none}.high-score{align-items:center;gap:4px;display:flex}.high-score>p{color:#959597;gap:4px;display:flex}.high-score>p>.wpm{color:#fff}@media (width>=1024px){.desktop{display:block}.mobile{display:none}.best{text-transform:lowercase}}main{flex-direction:column;display:flex}.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:80%;display:flex;position:absolute}.modal>button{background-color:#1a7dff;margin-bottom:10px;padding:12px;font-family:Sora}.modal>button:hover{background-color:#4ca6ff}.text{scrollbar-width:none;word-spacing:4px;height:calc(100vh - 280px);margin-bottom:80px;padding:20px 0;font-size:1.8rem;overflow-x:scroll}.input-text{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.current-letter{background-color:#959597;border-radius:4px;padding:1px 2px}.correct-letter{color:#4cd67a}.wrong-letter{color:#d64c5a;text-decoration:underline}.restart{z-index:5;background-color:#121212;border-top:1px solid #95959766;flex-direction:column;align-items:center;width:100%;height:80px;padding:20px;display:flex;position:absolute;bottom:0;left:0}main button{color:#fff;cursor:pointer;background-color:#262626;border:none;border-radius:8px;align-self:center;align-items:center;gap:5px;padding:10px;font-family:Sora;display:flex}main button:focus-visible{outline-offset:3px;outline:2px solid #4ca6ff}main button img{width:14px;height:14px}@media (width>=1024px){.restart{height:160px;padding:20px 0 100px}}section{border-bottom:1px solid #95959766;flex-direction:column;padding-bottom:10px;display:flex}.stats{flex:1;justify-content:space-evenly;align-items:center;gap:10px;margin-bottom:10px;list-style-type:none;display:flex}.stats li{color:#959597;flex-direction:column;align-items:center;display:flex}.stats li span{color:#fff;padding-top:5px;font-size:22px;font-weight:700}.stats li .red{color:#d64c5a}.stats li .yellow{color:#f4dc71}.separator{background-color:#95959766;width:1px;height:30px}.opts{gap:10px;display:flex}.opts-separator{display:none}.drop-down{z-index:50;flex:1;position:relative}.label{color:#959597;display:none}.cur-diff,.cur-mode{border:1px solid #959597;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:4px;display:flex}.opt{background-color:#262626;border-radius:5px;flex-direction:column;width:100%;margin-top:6px;display:none;position:absolute;top:100%;left:0}.opt-diff-open,.opt-mode-open{display:flex}.opt>div{align-items:center;gap:10px;padding:10px;display:flex}.opt>div:focus-visible{outline-offset:3px;outline:2px solid #4ca6ff}.opt>div:not(.opt>div:last-child){border-bottom:1px solid #95959766}.opt .radio{border:1px solid #fff;border-radius:50%;width:14px;height:14px;position:relative}.opt .filled{background-color:#4ca6ff;border:none}.opt .filled .inner{background-color:#121212;border-radius:50%;width:6px;height:6px;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}@media (width>=1024px){section{flex-direction:row;justify-content:space-between;align-items:center}.stats{flex:0;justify-content:flex-start;gap:30px;height:fit-content;margin-bottom:0}.stats li{flex-direction:row;padding-top:0;font-size:16px}.stats li span{padding-left:5px}.separator{height:20px}.label{display:block}.opts{align-items:center}.opts-separator{display:block}.drop-down{flex:1;position:static}.cur-diff,.cur-mode{display:none}.opt{background-color:#0000;border-radius:0;flex-direction:row;gap:10px;margin-top:0;display:flex;position:static}.opt>div{cursor:pointer;border:1px solid #727279;border-radius:8px;gap:10px;padding:4px 6px}.opt .diff-desk:hover,.opt .mode-desk:hover,.opt .diff-desk-selected,.opt .mode-desk-selected{color:#4ca6ff;border-color:#4ca6ff!important}.opt .radio{display:none}}.finished{z-index:50;justify-content:center;align-items:center;margin-bottom:0;padding-top:15px;display:flex;position:relative}.finished>h1,.finished>p{text-align:center}.high,.completed{width:50px;height:50px}.comp-1,.comp-2{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.comp-1{background-color:#4cd67a33}.comp-2{background-color:#4cd67a66;width:60px;height:60px}h1{margin-top:40px}h1+p{color:#959597;margin-top:10px}.final-stats{flex-direction:column;gap:14px;width:100%;margin-top:40px;display:flex}.final-stats>div{color:#959597;border:1px solid #959597;border-radius:6px;flex-direction:column;gap:5px;padding:10px;font-size:18px;display:flex}.final-stats>div span{color:#fff;font-size:22px;font-weight:700}.final-stats .chars{color:#959597}.final-stats .acc,.final-stats .chars-red{color:#d64c5a}.final-stats .chars-green{color:#4cd67a}.retry{color:#121212;cursor:pointer;background-color:#fff;justify-content:center;align-items:center;gap:5px;margin-top:40px;padding:10px;font-family:Sora;font-size:24px;font-weight:600;display:flex}.background{width:100%;height:100%;position:absolute;bottom:0;left:0}.confetti{background:url(/assets/pattern-confetti-F_gT6yK7.svg) 0 120% repeat-x}.rest{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='74'%20height='74'%20fill='none'%20viewBox='0%200%2074%2074'%3e%3cg%20clip-path='url(%23a)'%3e%3cmask%20id='b'%20width='74'%20height='74'%20x='0'%20y='0'%20maskUnits='userSpaceOnUse'%20style='mask-type:luminance'%3e%3cpath%20fill='%23fff'%20d='M74%200H0v74h74z'/%3e%3c/mask%3e%3cg%20mask='url(%23b)'%3e%3cpath%20fill='%23f4dc73'%20d='M37%2074c-1.071-35.053-1.947-35.923-37-37%2035.053-1.071%2035.923-1.947%2037-37%201.071%2035.053%201.947%2035.923%2037%2037-35.053%201.077-35.923%201.936-37%2037'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h74v74H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 90% 90% no-repeat,url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20fill='none'%20viewBox='0%200%2032%2032'%3e%3cg%20clip-path='url(%23a)'%3e%3cmask%20id='b'%20width='32'%20height='32'%20x='0'%20y='0'%20maskUnits='userSpaceOnUse'%20style='mask-type:luminance'%3e%3cpath%20fill='%23fff'%20d='M32%200H0v32h32z'/%3e%3c/mask%3e%3cg%20mask='url(%23b)'%3e%3cpath%20fill='%23d64d5b'%20fill-rule='evenodd'%20d='M17.143%200h-2.286v13.24L5.494%203.879%203.878%205.494l9.363%209.363H0v2.286h13.24l-9.362%209.363%201.616%201.616%209.363-9.363V32h2.286V18.759l9.363%209.363%201.616-1.616-9.363-9.363H32v-2.286H18.759l9.363-9.363-1.616-1.616-9.363%209.363z'%20clip-rule='evenodd'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h32v32H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 10% 10% no-repeat}@media (width>=1024px){.final-stats{flex-direction:row;justify-content:center;align-items:center;margin-top:40px}.high,.completed{width:100px;height:100px}.final-stats>div{gap:5px;width:180px}}