:root{--background-color:#eee;--primary-color:#222;--secondary-color:#000;--correct-color:#0c5;--incorrect-color:#c05;--game-font-size:64px;--stats-font-size:16px;--title-font-size:56px;--help-font-size:16px}html,body{cursor:text;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background-color:var(--background-color);font-family:Courier New,monospace}#title{font-size:var(--title-font-size);color:var(--primary-color);margin:2rem}#stats{color:var(--secondary-color);font-size:var(--stats-font-size);opacity:0;flex-direction:row;justify-content:center;gap:6rem;transition:all .4s ease-in;display:flex;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}#stats.game-over{color:var(--primary-color);font-size:calc(var(--stats-font-size) * 1.5);top:50%}.stat{text-align:center;flex-direction:column;justify-content:center;gap:2rem;display:flex}#typing-row{font-size:var(--game-font-size);align-items:center;margin:0;padding:0;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}#input{font:inherit;color:var(--primary-color);resize:none;text-align:right;white-space:nowrap;caret-color:#0000;z-index:10;background:0 0;border:none;outline:none;width:50%;padding:0;left:0;overflow:hidden}#letters-container{white-space:nowrap;padding:0;transition-property:all;transition-duration:.4s;transition-timing-function:ease-out;display:flex;position:absolute;top:0;left:50%;overflow:visible}#letters-container.paused{transition:none}#input,#letters-container{margin-top:calc(var(--game-font-size) * .2)}#caret{font-size:var(--game-font-size);color:#0000;z-index:-1;white-space:pre;margin:0;padding:0}#caret.bar{border-left:3px solid var(--primary-color);animation:2s step-end infinite border-blink}#caret.underscore{border-bottom:5px inset var(--primary-color);animation:1.5s step-end infinite border-blink}#caret.block{background-color:var(--primary-color);animation:1.5s step-end infinite background-blink}#caret.none{opacity:0}#caret.typing{animation:none}.letter{color:var(--secondary-color);white-space:pre}.untyped{opacity:.8}.correct{color:var(--correct-color)}.incorrect{color:var(--incorrect-color)}.extra{color:var(--incorrect-color);opacity:.6}#output{font-size:var(--help-font-size);white-space:pre;margin-left:32px;position:absolute;top:75%;left:50%;transform:translateY(-50%)}.output-title{color:var(--primary-color)}.output-line{color:var(--secondary-color);margin-top:8px}#seed{color:var(--secondary-color);position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.stat.hidden{display:none}@keyframes border-blink{0%,to{border-color:#0000}50%{border-color:var(--primary-color)}}@keyframes background-blink{0%,to{background:0 0}50%{background-color:var(--primary-color)}}