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