body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--stext:#535353;--keys:34px;--key:#c0bfbf;--keyshadow:#979797;--keyshadow2:#9797977e;--keyfocus:#d1d1d1;--keyrad:4px;--green:#6ca965;--yellow:#c8b653;--gray:#787c7f;--lgreen:#80a87c;--lyellow:#c2b87f;--lgray:#8c8f92;--sqs:55px;--fs:2rem;--border:2px solid #000;--grayborder:2px solid var(--gray);--greenborder:2px solid var(--green);--yellowborder:2px solid var(--yellow);--pad:4px;--margin:4px;--uptime:0.2s}@keyframes from-down{0%{opacity:0;translate:0 -4px;translate:0 calc(var(--margin)*-1)}to{opacity:1;translate:0 0}}@keyframes shake{0%{translate:-8px 0;translate:calc(var(--margin)*-2) 0}25%{translate:8px 0;translate:calc(var(--margin)*2) 0}50%{translate:-4px 0;translate:calc(var(--margin)*-1) 0}75%{translate:4px 0;translate:calc(var(--margin)*1) 0}to{translate:0 0}}@keyframes fshake{0%{transform:translate(2px,1px)}25%{transform:translate(-3px,-2px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,2px)}to{transform:translate(2px,1px)}}@keyframes float{0%{translate:0 0}50%{translate:0 12px;translate:0 calc(var(--margin)*3)}to{translate:0 0}}@keyframes up{0%{opacity:0;translate:0 55px;translate:0 calc(var(--sqs))}to{opacity:1;translate:0 0}}@keyframes flip{0%{transform:scale(1)}50%{transform:scale(.9)}to{background:var(--col);border:var(--bor);color:#fff;transform:scale(1)}}@keyframes bounce-and-explode{0%{translate:0 0}50%{translate:0 -20px}to{background-color:var(--col);border:var(--bor);color:#000;translate:0 0}}a{color:#6ca965;color:var(--green);font-weight:700;text-decoration:underline}a,button{cursor:pointer;transition:all .3s ease-in-out}button{border:2px solid #c0bfbf;border:2px solid var(--key);border-radius:8px;border-radius:calc(var(--keyrad)*2);box-shadow:4px 4px #979797;box-shadow:4px 4px var(--keyshadow);font-family:tommy;font-size:1.33333rem;font-size:calc(var(--fs)/1.5);padding:8px;padding:calc(var(--pad)*2);&:hover{translate:0 -8px;translate:0 calc(var(--pad)*-2)}}.shake{animation:shake .25s ease-out!important}.fshake{animation:fshake 1s steps(3) infinite}.fshake,.red{color:red!important}.space{flex-grow:1}.main{display:flex;flex-direction:row;height:100vh;overflow:hidden;pointer-events:none;transition:opacity 1s ease-in-out;width:100vw}#l{justify-content:flex-end;transform:rotateY(30deg) skew(0deg,-6deg);transform-style:preserve-3d}#l,#r{align-items:center;display:flex;font-family:tommy;perspective:1000px;pointer-events:none;width:33%;z-index:3}#r{justify-content:flex-start;transform:rotateY(-30deg) skew(0deg,6deg);transform-style:preserve-3d}#stats{align-items:flex-end;gap:16px;gap:calc(var(--margin)*4)}#stats,#statsr{display:flex;flex-direction:column;height:70%;justify-content:flex-start;width:100%}#statsr{align-items:flex-start;filter:drop-shadow(5px 5px 10px #9797977e);filter:drop-shadow(5px 5px 10px var(--keyshadow2));margin-top:48px;margin-top:calc(var(--margin)*12)}.sr__container{display:flex;flex-direction:row}#bar_container{&:before{background-color:#c0bfbf;background-color:var(--key);content:"";display:block;height:100%;left:30px;opacity:.5;position:relative;top:0;width:30px;z-index:-1}}#score_container{animation:float 4s ease-in-out infinite}#lastpg_count{font-size:2rem;font-size:var(--fs)}#lastpg{animation:from-down .2s ease-out}#mult_count{display:flex;flex-direction:column;margin-left:8px;margin-left:calc(var(--margin)*2)}#mult{font-size:3rem;font-size:calc(var(--fs)*1.5)}#mult_under{font-size:1.54rem;font-size:calc(var(--fs)*.77);margin-top:-8px;margin-top:calc(var(--margin)*-2)}#combo_count{display:flex;flex-direction:column;margin-left:8px;margin-left:calc(var(--margin)*2)}#combo_above{font-size:1.54rem;font-size:calc(var(--fs)*.77);margin-bottom:-8px;margin-bottom:calc(var(--margin)*-2)}#combo{font-size:5rem;font-size:calc(var(--fs)*2.5)}.combo_bar{align-self:flex-end;width:30px}.counter{color:#535353;color:var(--stext);font-family:tommyb;font-size:3rem;font-size:calc(var(--fs)*1.5);text-align:right}#score{color:#000;filter:drop-shadow(5px 5px 10px #9797977e);filter:drop-shadow(5px 5px 10px var(--keyshadow2));font-size:3.8rem;font-size:calc(var(--fs)*1.9)}.s__container{display:flex;flex-direction:column;pointer-events:all;transition:scale .3s ease-in-out;&:hover{scale:1.1}}.sc__label{color:#535353;color:var(--stext);font-size:2rem;font-size:var(--fs);margin-bottom:-10px}#points{color:#000;filter:drop-shadow(5px 5px 10px #9797977e);filter:drop-shadow(5px 5px 10px var(--keyshadow2));font-family:tommyb;font-size:2.8rem;font-size:calc(var(--fs)*1.4)}center{align-items:center;height:100%;justify-content:flex-end;pointer-events:all;position:relative;width:33%}center,header:not(.n){display:flex;flex-direction:column}header:not(.n){margin-top:16px;margin-top:calc(var(--margin)*4);position:absolute;top:0;z-index:3}.divider{background-color:#000;height:1px;margin:8px;margin:calc(var(--margin)*2);width:100%}.n{display:flex;flex-direction:row;height:-webkit-fit-content;height:fit-content;justify-content:space-between;width:100%;& span{font-size:2rem;font-size:var(--fs)}& .x{margin-top:16px;margin-top:calc(var(--margin)*4)}& div{align-items:center;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}}#header_upper{font-family:tommy;font-size:3rem}#header_under{font-size:1rem}#words{display:flex;flex-direction:column;z-index:1}#overlay{background:linear-gradient(180deg,#fff,#fff0 34%);height:100vh;left:-100%;pointer-events:none;position:absolute;top:0;width:100vw;z-index:2}.h__word{animation:up .2s ease-out;animation:var(--uptime) up ease-out;display:flex;flex-direction:row;& .hw__letter{align-items:center;animation:flip .5s ease-out forwards;animation-delay:calc(var(--i) + .2s);animation-delay:calc(var(--i) + var(--uptime));background:#fff;border:2px solid #000;border:var(--border);display:flex;font-size:2rem;font-size:var(--fs);height:55px;height:var(--sqs);justify-content:center;margin:4px;margin:var(--margin);padding:4px;padding:var(--pad);-webkit-user-select:none;user-select:none;width:55px;width:var(--sqs)}}#history{display:flex;flex-direction:column;height:550px;height:calc(var(--sqs)*10);justify-content:flex-end}.i__letter{align-items:center;background:#fff;border:2px solid #000;border:var(--border);display:flex;font-size:2rem;font-size:var(--fs);height:55px;height:var(--sqs);justify-content:center;margin:4px;margin:var(--margin);padding:4px;padding:var(--pad);transition:all .2s ease;-webkit-user-select:none;user-select:none;width:55px;width:var(--sqs)}.il__empty{scale:.8}#input{display:flex;flex-direction:row;z-index:2}#keyboard{display:flex;flex-direction:column;margin-bottom:16px;margin-bottom:calc(var(--margin)*4)}.k__row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.double{width:40.8px!important;width:calc(var(--keys)*1.2)!important}.key{align-items:center;background:#c0bfbf;background:var(--key);border:none;border-radius:4px;border-radius:var(--keyrad);box-shadow:0 5px #979797;box-shadow:0 5px var(--keyshadow);display:flex;font-family:tommy;font-size:1.14286rem;font-size:calc(var(--fs)/1.75);height:40.8px;height:calc(var(--keys)*1.2);justify-content:center;margin:4px;margin:var(--margin);transition:all .2s ease-in-out;width:34px;width:var(--keys);&:focus,&:hover{background:#d1d1d1;background:var(--keyfocus);cursor:pointer;outline:none;transform:translateY(-5px);z-index:2}}.k_green{background:#80a87c;background:var(--lgreen);box-shadow:0 5px #6ca965;box-shadow:0 5px var(--green);color:#fff;&:hover{background:#6ca965;background:var(--green);cursor:pointer;outline:none;transform:translateY(-5px);z-index:2}}.k_yellow{background:#c2b87f;background:var(--lyellow);box-shadow:0 5px #c8b653;box-shadow:0 5px var(--yellow);color:#fff;&:hover{background:#c8b653;background:var(--yellow);cursor:pointer;outline:none;transform:translateY(-5px);z-index:2}}.k_gray{background:#8c8f92;background:var(--lgray);box-shadow:0 5px #787c7f;box-shadow:0 5px var(--gray);color:#fff;&:hover{background:#787c7f;background:var(--gray);cursor:pointer;outline:none;transform:translateY(-5px);z-index:2}}#lbuttons_container,#rbuttons_container{pointer-events:all}.modal{align-items:center;background:#0003;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:8}.m__content{animation:up .15s ease-in}#tut_modal{align-items:center;background-color:#fff;border-radius:8px;border-radius:calc(var(--keyrad)*2);display:flex;flex-direction:column;font-family:tommy;height:500px;overflow:auto;overflow-x:hidden;padding:16px;padding:calc(var(--margin)*4);width:500px;z-index:9}#tutorial{&:hover{background:#6ca965;background:var(--green);border:2px solid #80a87c;border:2px solid var(--lgreen);box-shadow:4px 4px #80a87c;box-shadow:4px 4px var(--lgreen);color:#fff}}p{margin:4px 0 0}h1,h2,h3,p{font-family:tommyl}h1,h2,h3{font-weight:700;margin:0;width:100%}.g{color:#6ca965;color:var(--green)}.y{color:#c8b653;color:var(--yellow)}.gr{color:#787c7f;color:var(--gray)}.b{font-weight:700;text-shadow:-1px -1px}@font-face{font-family:tommyl;src:url(/static/media/tommy_outline.9ddbb49204542454a4a9.otf)}@font-face{font-family:tommy;src:url(/static/media/tommy.a1a50e698ce7cd493ce1.otf)}@font-face{font-family:tommyb;src:url(/static/media/tommy_bold.463024f431b0a3769ed9.otf)}@font-face{font-family:tommyl;src:url(/static/media/tommy_light.baa9639fea2a3259ba0b.otf)}@media only screen and (max-width:1280px){:root{--keys:30px;--sqs:37px;--fs:1.7rem;--margin:3px}#header_upper{font-size:2rem}#header_under{font-size:1rem}}.squares-canvas{border:none;display:block;height:100vh;opacity:.7;position:fixed;width:100vw;z-index:0}
/*# sourceMappingURL=main.f095dcaf.css.map*/