@charset "UTF-8";:root{--saturation: 100%;--lightness: 90%;--gray-100: #a0a0a0;--gray-300: #909090;--gray-500: #646464;--gray-700: #404040;--hide-duration: .5s}body{background-color:#000;color:#fff;font-family:JetBrains Mono,monospace;--glow: 0px 0px 12px 8px rgba(255, 255, 255, .3)}#root{display:flex;flex-direction:column;align-items:center}button:focus-visible,a:focus-visible{outline:1px solid white;outline-offset:2px}small{font-size:.75rem}b{font-weight:700}.animated-gradient{background:linear-gradient(atan(var(--height) / var(--width)),hsl(0,var(--saturation),var(--lightness)),hsl(72,var(--saturation),var(--lightness)),hsl(144,var(--saturation),var(--lightness)),hsl(216,var(--saturation),var(--lightness)),hsl(0,var(--saturation),var(--lightness)),hsl(72,var(--saturation),var(--lightness)),hsl(144,var(--saturation),var(--lightness)),hsl(216,var(--saturation),var(--lightness)),hsl(360,var(--saturation),var(--lightness)));background-repeat:repeat;animation:gradient 60s linear infinite;background-size:var(--bgsize) var(--bgsize);width:calc(var(--width) * 1rem);height:calc(var(--height) * 1rem)}@keyframes gradient{to{background-position:var(--bgsize) calc(-1 * var(--bgsize))}}@keyframes border{to{background-position:var(--bgsize) calc(-1 * var(--bgsize))}}.gradient{background:var( --gradient, linear-gradient( 106deg, rgba(244, 237, 26, .75) 22.12%, rgba(192, 219, 120, .75) 50.27%, rgba(241, 114, 154, .75) 89.27% ) )}.glow-shadow{box-shadow:var(--glow)}.text-display-wrapper{position:fixed;top:50%;left:50%;translate:-50% -50%}.text-display-wrapper>.timer{position:absolute;top:0;left:50%;translate:-50% -150%;color:var(--gray-500)}#input{color:transparent;opacity:0;width:0;height:0}.text-display{--rows: 5;--height: 10rem;--line-height: calc(var(--height) / var(--rows));mix-blend-mode:difference;width:30rem;height:var(--height);line-height:var(--line-height);padding-top:var(--line-height);-webkit-mask-image:linear-gradient(0deg,transparent 0%,white var(--line-height),white calc(100% - var(--line-height)),transparent 100%);overflow:hidden}.text-display .scroller{--scroll-duration: .5s;translate:0 var(--depth);transition:translate var(--scroll-duration);display:flex;flex-wrap:wrap;justify-content:center}.text-display .word{display:flex;font-size:2rem}.text-display .char:last-child{display:inline-block;width:1ch;height:100%}.text-display .word.typed,.text-display .char.typed{color:#424242}.text-display .char.typing{position:relative}.text-display.show-cursor .char.typing{color:#000}.text-display.show-cursor .char.typing:before{content:"";position:absolute;width:100%;height:100%;background-color:#fff;z-index:-1}.text-display .typo .char.typing:before{background-color:#f88}.game-mode-selector{margin-top:1.5rem;font-size:.75rem;display:flex;flex-direction:column;align-items:center;gap:1rem;transition-duration:var(--hide-duration)}.game-mode-selector.hide{translate:0 -150%}.game-mode-selector .major-options .option,.game-mode-selector .minor-options .option{border-radius:100px}.game-mode-selector .major-options{display:grid;grid-template-columns:1fr 1fr 1fr;position:relative}.game-mode-selector .major-options .option{padding:.5rem 1.5rem;display:flex;justify-content:center}.game-mode-selector .major-options :nth-child(2).option[aria-selected=true]~.selection-indicator-wrapper{left:33.33%}.game-mode-selector .major-options :nth-child(3).option[aria-selected=true]~.selection-indicator-wrapper{left:66.66%}.game-mode-selector .major-options .option:hover+.option[aria-selected=true]~.selection-indicator-wrapper,.game-mode-selector .major-options .option:focus-visible+.option[aria-selected=true]~.selection-indicator-wrapper{--morph-factor: -1}.game-mode-selector .major-options .option:hover:active+.option[aria-selected=true]~.selection-indicator-wrapper{--morph-factor: 1}.game-mode-selector .major-options .option:hover+.option+.option[aria-selected=true]~.selection-indicator-wrapper,.game-mode-selector .major-options .option:focus-visible+.option+.option[aria-selected=true]~.selection-indicator-wrapper{--morph-factor: -2}.game-mode-selector .major-options .option:hover:active+.option+.option[aria-selected=true]~.selection-indicator-wrapper{--morph-factor: 2}.game-mode-selector .major-options .option[aria-selected=true]+.option:hover~.selection-indicator-wrapper,.game-mode-selector .major-options .option[aria-selected=true]+.option:focus-visible~.selection-indicator-wrapper{--morph-factor: 1}.game-mode-selector .major-options .option[aria-selected=true]+.option:hover:active~.selection-indicator-wrapper{--morph-factor: -1}.game-mode-selector .major-options .option[aria-selected=true]+.option+.option:hover~.selection-indicator-wrapper,.game-mode-selector .major-options .option[aria-selected=true]+.option+.option:focus-visible~.selection-indicator-wrapper{--morph-factor: 2}.game-mode-selector .major-options .option[aria-selected=true]+.option+.option:hover:active~.selection-indicator-wrapper{--morph-factor: -2}.game-mode-selector .major-options .option:active~.selection-indicator-wrapper{--transition-duration: .15s}.game-mode-selector .major-options .option:active~.selection-indicator-wrapper>span{scale:calc(1 + var(--morph-factor) * var(--morph-factor) * .05) calc(1 - var(--morph-factor) * var(--morph-factor) * .1);transition-timing-function:unset}.game-mode-selector .major-options .selection-indicator-wrapper{--transition-duration: .3s;--morph-factor: 0;width:33.33%;height:100%;position:absolute;z-index:1;mix-blend-mode:difference;transition-duration:var(--transition-duration);transition-timing-function:cubic-bezier(.25,1.44,.5,1);left:0;top:50%;translate:0 -50%;pointer-events:none;transform:translate(calc(var(--morph-factor) * 10%));scale:calc(1 + var(--morph-factor) * var(--morph-factor) * .05) calc(1 - var(--morph-factor) * var(--morph-factor) * .1)}.game-mode-selector .major-options .selection-indicator-wrapper>span{display:block;width:100%;height:100%;border-radius:100px;transition-duration:calc(1.5 * var(--transition-duration));transition-timing-function:cubic-bezier(.5,6,0,1)}.game-mode-selector .minor-options{display:flex;gap:1rem}.game-mode-selector .minor-options .option{width:1.5rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative}.game-mode-selector .minor-options .option:before{content:"";position:absolute;width:100%;height:100%;border-radius:100px;background-color:#ffffff50;transform:scale(0);transition:transform .2s}.game-mode-selector .minor-options .option[aria-selected=true]:before{transform:scale(1)}@keyframes selection-change{50%{height:10%}to{height:100%}}footer{position:fixed;bottom:0;right:0;display:flex;align-items:center;gap:.5rem;padding:.6rem;transition:translate var(--hide-duration);font-size:.75rem}footer.hide{translate:0 150%}footer .github{width:5rem;height:auto}footer .github>img{height:100%}.stats-logo{width:5rem;position:absolute;top:2rem;left:2rem;margin:0 auto 10px}.stats-screen{position:fixed;top:50%;left:50%;translate:-50% -50%;perspective:500px}.stats-screen .card-wrapper{opacity:1;animation:reveal 2s;transition:.2s;transition-timing-function:ease-out;transform:rotateX(calc((var(--mouse-y, .5) - .5) * -.075deg)) rotateY(calc((var(--mouse-x, .5) - .5) * .075deg))}.stats-screen .card-wrapper:hover{scale:1.075}.stats-screen .card-wrapper.out{transition-timing-function:ease-in;translate:0 -60rem;rotate:.75turn;transform-origin:80% 10%}@keyframes reveal{0%{transform:scale(0) rotateX(3turn)}to{transform:scale(1)}}.stats-screen .glow-card{--bgsize: 500%;--width: 22;--height: 27;border-radius:1.75rem;padding:1rem}.stats-screen .glow-card .inner,.stats-screen .glow-card .stats,.stats-screen .glow-card .wpm,.stats-screen .glow-card .restart{display:flex;flex-direction:column;align-items:center}.stats-screen .glow-card .inner{height:100%;border-radius:1rem;mix-blend-mode:difference;background:var(--gray-100);box-shadow:calc((var(--mouse-x, .5) - .5) * -.05px) calc((var(--mouse-y, .5) - .5) * -.05px) 16px 8px #00000075 inset;justify-content:center;gap:1.5rem;color:#000}.stats-screen .glow-card .wpm>.small,.stats-screen .glow-card .accuracy>.small,.stats-screen .glow-card .keys{color:var(--gray-700)}.stats-screen .glow-card .stats{gap:.75rem}.stats-screen .glow-card .wpm{gap:.25rem}.stats-screen .glow-card .wpm>.big{font-size:8rem;line-height:80%}.stats-screen .glow-card .accuracy{display:flex;gap:.5rem;align-items:center}.stats-screen .glow-card .restart{gap:.5rem}.stats-screen .glow-card .restart>button{width:3.5rem;aspect-ratio:1;border-radius:.5rem;padding:.5rem;outline-color:#000}.stats-screen .glow-card .restart>button>img{transition:rotate .5s}.stats-screen .glow-card .restart>button:focus-visible{outline:none}.stats-screen .glow-card .restart>button:hover,.stats-screen .glow-card .restart>button:focus-visible{background-color:#00000050}.stats-screen .glow-card .restart>button:hover>img,.stats-screen .glow-card .restart>button:focus-visible>img{rotate:.5turn}.stats-screen .glow-card hr{height:3px;width:7.5rem;background:linear-gradient(90deg,var(--gray-700) 50%,transparent 50%);background-repeat:repeat-x;background-size:16px;animation:dash 2s linear infinite;-webkit-mask-image:linear-gradient(90deg,transparent 0%,white 3rem,white calc(100% - 3rem),transparent 100%)}.stats-screen .glow-card .keys>span{border:1px solid;border-radius:.3rem;padding:.1rem .5rem}@keyframes dash{to{background-position:16px}}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:pointer}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}html,body,#root{height:100%}