@import"https://fonts.googleapis.com/css2?family=Josefin+Slab:ital,wght@0,100..700;1,100..700&display=swap";body{background-color:#aab6b2;font-family:Josefin Slab,serif;display:flex;justify-content:center;align-items:center;height:90vh}.infoPng{position:relative;width:100%;height:100%;cursor:pointer}.infoPng img{position:absolute;top:-60px;right:-240px;width:24px;height:24px;z-index:1000}.homebody{display:flex;align-items:center;flex-direction:column}.GameTitle{box-sizing:border-box;padding:0 30px 10px;font-size:4em;text-align:center;border-bottom:1px solid black;width:750px;-webkit-user-select:none;user-select:none}.NameTitle{display:flex;justify-content:center;box-sizing:border-box;padding:0 30px 10px;font-size:2.5em;border-bottom:1px solid black;letter-spacing:4px;max-width:1600px;-webkit-user-select:none;user-select:none}.UserID{display:flex;justify-content:center;-webkit-user-select:none;user-select:none}.UserID *{font-size:20px}.UserID input{border:none;font-family:Josefin Slab,serif;padding-left:3em;padding-right:3em;border-top-right-radius:30em;border-bottom-right-radius:30em;border-left:2px solid rgba(170,182,178,1);background-color:#d9d9d9;font-size:1.7 em}.UserID input:focus{outline:none}.LabelUsername{padding:16px 30px;box-sizing:border-box;background-color:#d9d9d9;border-top-left-radius:30em;border-bottom-left-radius:30em}.gameStart{min-width:550px;margin-top:70px;display:flex;align-items:center;flex-direction:column}.IdFetch{margin-top:20px;display:flex;gap:90px}.createGame,.joinGame{all:unset;text-align:center;margin-top:2em;background-color:#d9d9d9;min-width:350px;font-size:1.3em;font-weight:500;box-sizing:border-box;font-family:Josefin Slab,serif;border-radius:5em;padding:26px 50px 20px;letter-spacing:.2em;box-shadow:0 2px 7px #3535354f;cursor:pointer;-webkit-user-select:none;user-select:none}.createID,.joinID{display:flex;justify-content:center;align-items:center;font-weight:600;font-family:Josefin Slab,serif;padding:.5em;border-radius:90px;background-color:#d9d9d9;gap:10px;letter-spacing:.1em;font-size:1.4em}.idLabel{padding:16px 5px 16px 30px;box-sizing:border-box;background-color:#d9d9d9;border-top-left-radius:30em;border-bottom-left-radius:30em}.enteredGameID{letter-spacing:.2em;all:unset;border:none;font-family:Josefin Slab,serif;width:180px}.createID>img{height:30px;width:25px}.wait-body{width:800px;display:flex;flex-direction:column;justify-content:center;align-items:center}.waitMsg{margin-top:50px;border-bottom:1px solid black;line-height:.5;width:80vw}.waitMsg h1{font-size:40px;font-weight:300;text-align:center;display:flex;justify-content:center;align-items:center}.wait-status{margin-top:30px;display:flex;flex:7}.roomNready{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:2;gap:20px}.createID{margin-top:10px;width:80%}.playerList{flex:1}.playerS{background-color:#d9d9d9}.readyButton{all:unset;background-color:#d9d9d9;padding:20px 30px;border-radius:40px;font-size:1.5em;box-shadow:0 2px 7px #1b1b1b52;cursor:pointer}.playNback{margin-top:2em;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:40px;padding-right:50px}.createID img{transform:scale(1);transition:transform .6s ease,filter 2s}.createID img:active{filter:brightness(0) saturate(100%) invert(38%) sepia(94%) saturate(548%) hue-rotate(210deg) brightness(99%) contrast(89%);transform:scale(1.2);transition:transform .2s ease,filter .01s}.credits{position:fixed;bottom:10px}.credits a{all:unset;cursor:pointer;font-weight:700;color:#278878}.titlecontainer{flex-wrap:nowrap;max-height:80px;overflow:hidden;white-space:nowrap}.GameTitle{display:inline-block;text-align:center;animation:typing 1s forwards}.glitch-letter{position:relative;display:inline-block;line-height:24px;min-width:69px;color:#000;transition:color .5s ease-in-out,transform .2s ease-in-out}.glitch-letter:hover{color:#003c3a;transform:scale(.96)}.glitch-letter:hover:before{content:attr(data-glitch);position:absolute;left:0;top:0;color:#ff3e3e;opacity:.5;transform:translate(3px) skew(10deg)}.Play{all:unset;background-color:#d9d9d9;font-size:20px;font-weight:500;box-sizing:border-box;font-family:Josefin Slab,serif;border-radius:5em;padding:26px 70px 20px;letter-spacing:.2em;box-shadow:0 2px 7px #3535354f;cursor:pointer}.menuBar{z-index:2001;gap:2vh;position:fixed;bottom:0;left:50%;font-size:2vh;transform:translate(-50%);font-weight:700;display:flex;justify-content:center;align-items:center;background-color:#d9d9d9;padding:.5vh 1.5vh .5vh 2vh;letter-spacing:.3em;border-top-left-radius:10vh;border-top-right-radius:10vh;box-shadow:0 2px .1vh #3535354f;-webkit-user-select:none;user-select:none;cursor:pointer}.menuBar .settings{padding:1.3vh;border:none;border-radius:3px;cursor:pointer}.menuBar .quits{border:none;border-radius:3px;cursor:pointer;padding:1.3vh}.leaderBoard{background:#e5e4e400;border-radius:2vh;padding:1.7vh;margin:4vh;width:75%}.leaderLabel{color:#000;font-size:3.4vh;font-weight:500;letter-spacing:.2em;display:flex;justify-content:center;width:auto;border-bottom:.3vh solid rgba(7,7,7,.46);margin:0px 3vh;padding:1vh 0px}.playerList{padding-top:2vh;display:flex;flex-direction:column;gap:1.3vh}.playerS{display:flex;color:#fff;font-weight:600;justify-content:space-between;padding:1.4vh 3vh 1vh 2vh;font-size:2.5vh;background:#013d3487;border-radius:14.1128px 50px 50px 14.11px}.prevPageButton{display:flex;margin-top:20px;filter:invert();cursor:pointer;height:30px;width:30px;transform:translate(20px,6px);opacity:80%;border-radius:50%;background-color:#848484bb;box-shadow:0 2px 7px #d1d1d191;-webkit-user-select:none;user-select:none}.playNback{display:flex;justify-content:left;align-items:left}.guide-container{position:fixed;top:1vh;right:2vh;display:inline-block;cursor:pointer}.info-icon{font-size:24px;color:#fff}.guide-menu{position:absolute;top:30px;right:0;background-color:#bebebe;color:#131313;padding:10px;border-radius:8px;box-shadow:0 4px 8px #0003;z-index:100;width:200px}.guide-menu ul{list-style-type:none;padding-left:0}.guide-menu li{margin-bottom:8px}.boddy{margin-top:2vh;display:flex;justify-content:center;flex-direction:column;align-items:center}.gameUI{display:flex;width:95vw;height:70vh;background:#e4e2e2;border-radius:1vh;align-items:center}.tabList{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10vh .9vh;padding:3vh .5vh 3vh .2vh;border-left:rgb(143,169,160) .3vh solid;box-sizing:border-box;height:90%}.titleBar{font-size:2.4vh;font-weight:700;display:flex;align-items:center;padding-bottom:2vh;gap:1vh}.titleBar img{height:6vh}.timer{box-sizing:border-box;min-width:23vh;justify-content:center;padding:1.3vh 0vw;display:flex;font-size:3.8vh;background:#e5e4e4;box-shadow:0 0 2px #0000001e;border-radius:40px;letter-spacing:.2em}.notleaderbord{height:20vh;flex:.3}.yesleaderbord{flex:1}.typingPanel{font-family:Josefin Slab,serif;margin-top:3vh;padding:2vh 1vh;font-size:4vh;letter-spacing:.8em;width:80vw;background:#e4e2e2;box-shadow:0 .4vh .4vh #00000040;border-radius:10vh;text-align:center;border:none;text-transform:uppercase}.typingPanel{outline:none}.countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.countdown-text{color:#fff;font-size:5rem;font-weight:700;text-align:center}.word.invisible{visibility:hidden}.wordPanel{flex:5;display:flex;padding:1vh;margin:3vh;letter-spacing:.4vh;align-items:center;position:relative;width:100%;height:100%;overflow:hidden}.word{left:-100px;font-size:1.5rem;position:absolute;white-space:nowrap}.invisible{visibility:hidden}.word p{padding:10px;font-size:4vh;font-weight:600;font-variant:small-caps}@keyframes moveRight{0%{right:-100px}to{right:100%}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.modal{font-weight:100;color:#f5f5f5;background:none;text-align:center;width:100%;max-width:700px;border-bottom:1px solid whitesmoke;letter-spacing:7px}.modal p{font-size:2.2em;margin:0 0 24px;font-weight:200}.buttonGroup{margin-top:40px;display:flex;gap:16em;justify-content:center}.confirmButton,.cancelButton{letter-spacing:7px;font-family:Josefin Slab,serif;border:none;padding:12px 24px;color:#fff;border-radius:8px;cursor:pointer;font-size:2em;font-weight:200;transition:background-color .3s,transform .2s;background:none}.confirmButton:hover,.cancelButton:hover{opacity:.9;transform:scale(1.05)}.confirmButton:active,.cancelButton:active{transform:scale(.95)}.settingBody{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000ae;box-shadow:0 2px 7px #000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2001}.settingsPanel{display:flex;justify-content:center;align-items:center;flex-direction:column;background:#d9d9d9;border-radius:40.9497px;padding:1.2em}.settingLabel{border-bottom:black 1px solid;padding:6px;font-size:1.2em;letter-spacing:2px}.gameOptions{display:flex;flex-direction:column;padding:20px 20px 0;gap:20px}.timerS,.diffS{display:flex;justify-content:space-between;gap:30px}.timerOptions,.diffOptions{-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;gap:30px;color:#999898;flex-direction:row}.activeoption{color:#000;font-weight:600}.applyButton{-webkit-user-select:none;user-select:none;margin-top:15px;display:flex;justify-content:center}.applyChanges{all:unset;background-color:#040404c4;padding:10px;border-radius:20px;cursor:pointer;color:#fff}.exitSettings{padding-top:7px}.resultbody{display:flex;flex-direction:column;align-items:center;background-color:#aab6b2;padding:7vh 20vh}.Rank{font-size:5vh;color:#000000b3;border-radius:5vh;padding:1.7vh 1.3vh;display:flex;justify-content:center;align-items:center;width:90%;font-weight:500;letter-spacing:.7vh}.ResultContainer{margin-top:1vh;display:flex;padding:8vh 40vh;background-color:#566f6a2a;border-radius:3vh}.Time-up{font-size:4.3vh;color:#ffffffc6;font-weight:500;border-bottom:2px solid rgba(255,255,255,.581);display:flex;padding:2vh;justify-content:center;align-items:center;letter-spacing:1vh}.Rank-Panel{display:flex;justify-content:center;align-items:center;flex-direction:column}.stats-panel{display:flex;flex-direction:column;margin-bottom:4vh;width:50vh}.Per-Container{height:35vh;font-size:2.4vh;justify-content:center;background-color:#dbdbdb;box-shadow:0 0 .7vh #00000040;border-radius:3vh;display:flex;align-items:left;padding:6vh 4vh 2vh;flex-direction:column}.Per-Container h1{font-size:4vh;text-align:center;font-weight:300;padding:0 1vh .3vh;border-bottom:.2vh solid black;letter-spacing:.6vh}.resultOptions{display:flex;align-items:flex-start;justify-content:flex-start;gap:10vh;padding-right:3vh}.result-btns{font-size:2.4vh;background-color:#dbdbdb;margin-top:1vh;gap:100vh;border-radius:5vh;display:flex;align-items:center;justify-content:center;padding:1vh 2vh;flex-direction:column;box-shadow:0 0 .4vh #00000040;cursor:pointer}.leaderbox p{color:#fff;border-bottom:solid 2px rgba(255,255,255,.744);padding:2vh 2.7vh 2vh 3vh}