@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;900&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--purple:#6f85ff;--red:red;--gray:#373737;--green:#1eaa2d;--yellow:#e2c104;--neutral:#646464;--placeholder:#646464}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Inter,Arial,Helvetica,sans-serif!important}html,body,#root,.app{background:#101010;flex:1;width:100%;height:100%;display:flex;overflow:hidden}a,a:visited{background:initial;text-decoration:none}button{color:#101010}button,button:focus{-webkit-user-select:none;user-select:none;border:none;outline:none}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-fill{flex:1}.flex-middle{align-items:center}.flex-center{justify-content:center}.hidden{opacity:0}.overflow{overflow:overlay;scroll-behavior:smooth}.underline{text-decoration:underline}.bg-gray{background:var(--gray)}.bg-green{background:var(--green)}.bg-yellow{background:var(--yellow)}.bg-red{background:var(--red)}.bg-neutral{background:var(--placeholder)}.bg-placeholder{outline:1px solid var(--gray)}.bg-placeholder.active{outline:1px solid var(--placeholder);animation:.1s linear alternate-reverse both letter-pulse}@keyframes letter-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.back-btn,.settings-btn{cursor:pointer}.float-left,.back-btn{z-index:99;position:fixed;top:1rem;left:1rem}.float-right{z-index:99;position:fixed;top:1rem;right:1rem}.float-center{z-index:99;align-self:center;position:fixed;top:1rem}.input,.input:focus{text-align:center;width:16rem;color:var(--purple);border:none;border-bottom:.2rem solid var(--purple);background:0 0;border-radius:0;outline:none;padding:.5rem 0;font-size:1.6rem;font-weight:800}.input::placeholder{color:var(--purple);opacity:.6}.floating-purple-text,.back-btn{color:var(--purple);background:0 0;font-size:1.3rem;font-weight:700}.main-screen{color:var(--purple);justify-content:center;align-items:center}.main-screen>.title-label{font-size:18vw;font-weight:900;animation:.6s linear infinite alternate-reverse bounce}.main-screen>.menu{align-items:center;width:100%}.main-screen>.menu button{background:var(--purple);cursor:pointer;border:none;border-radius:100%;outline:none;width:30vmin;height:30vmin;font-size:4vmin;font-weight:800}.main-screen>.menu button:nth-child(odd){margin-left:-30%;animation:.6s linear infinite alternate-reverse pulse}.main-screen>.menu button:nth-child(2n){margin-right:-30%;animation:.6s linear 1s infinite alternate-reverse pulse}.main-screen .input{margin-bottom:2rem}.main-screen .play-btn{background:var(--purple);cursor:pointer;border:none;border-radius:100%;outline:none;align-self:center;width:4rem;height:4rem;animation:.6s linear 1s infinite alternate-reverse pulse}.main-screen .play-btn img{place-self:center;width:1rem;height:1rem;font-weight:800;position:absolute;left:50%;transform:translate(-40%)}@keyframes bounce{0%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.progress .progress-bar{transition:width .2s linear}.game .game-lobby{justify-content:space-between;align-items:center}.game .game-end{z-index:100;background:#000000cb;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0}.game-end~*{filter:blur(1px)!important}.game-end-label{color:var(--purple);font-size:3rem;font-weight:800}.game-end-word{color:var(--purple);margin-bottom:1rem;font-size:1.4rem;font-weight:800}.game-end button{background:var(--purple);cursor:pointer;border:none;border-radius:100%;outline:none;width:25vmin;height:25vmin;margin:2rem;font-size:4vmin;font-weight:800;animation:.6s linear infinite alternate-reverse pulse}.game-lobby .room-code{color:var(--purple);justify-content:center;align-items:center;padding:4rem 2rem 2rem;font-size:20vmin;font-weight:800}.game-lobby p{color:var(--purple);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem;font-size:12vmin;font-weight:800}.game-lobby .start-btn{background:var(--purple);cursor:pointer;border:none;border-radius:100%;outline:none;width:35vmin;height:35vmin;margin:2rem;font-size:4vmin;font-weight:800;animation:.6s linear infinite alternate-reverse pulse}.settings-panel{color:var(--purple);padding:1rem;font-size:1.2rem;font-weight:800}.settings-panel input[type=checkbox]{width:2rem;height:2rem;margin-right:1rem}.settings-panel>*{margin-bottom:1.2rem}.game-board{--side-padding:1.2rem;overflow:hidden}.game-board:focus{outline:none}.game-board .game-board-list{padding:3rem var(--side-padding)}.game-board .game-board-list .game-board-letter-wrapper{--bg-letter:transparent;--bg-delay:0;flex-basis:20%}@keyframes delay-bg{0%,60%{outline:1px solid var(--gray);background-color:#0000}to{background-color:var(--bg-letter)}}.game-board .game-board-list .game-board-letter-wrapper .game-board-letter{-webkit-user-select:none;user-select:none;color:#fff;background-color:var(--bg-letter);min-height:3.5rem;animation:delay-bg ease-out var(--bg-delay) forwards;justify-content:center;align-items:center;margin:.15rem;font-size:5vw;font-weight:800}.game-board ::-webkit-scrollbar{width:0}.game-board .keyboard{padding:.2rem}.game-board .game-board-progress{height:.5rem;padding:0 var(--side-padding)}.keyboard-row{justify-content:center;max-width:100vw;height:100%}.keyboard-key-container{padding:.17rem}.keyboard-key{-webkit-user-select:none;user-select:none;color:#fff;border-radius:.2rem;justify-content:center;align-items:center;width:1.9rem;height:3rem;font-size:1.1rem;font-weight:600}.keyboard-key:active{background:var(--gray)}.keyboard-key#enter,.keyboard-key#backspace{width:3rem}.keyboard-key#enter{font-size:.75rem}.keyboard.disabled,.keyboard.disabled *{touch-action:none;pointer-events:none;opacity:.7}