@import"https://fonts.googleapis.com/css2?family=Nunito:wght@800&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";@property --rotate{syntax: "<angle>"; initial-value: 132deg; inherits: false;}:root{--card-height: 66vh;--card-width: calc(var(--card-height) / 1.2);--rotate: 132deg}.glow-card{background:var(--bg);width:var(--card-width);height:var(--card-height);padding:3px;position:relative;border-radius:6px;justify-content:center;align-items:center;text-align:center;display:flex;font-size:1.5em;color:#fff;cursor:pointer}@media only screen and (min-width: 1070px){.glow-card:hover{color:#58c7fa;transition:color 1s;background-color:var(--bg)}.glow-card:hover:before,.glow-card:hover:after{animation:none;opacity:0}}.glow-card:before{content:"";width:104%;height:102%;border-radius:8px;background-image:linear-gradient(var(--rotate),#5ddcff,#3c67e3 43%,#4e00c2);position:absolute;z-index:-1;top:-1%;left:-2%;animation:spin 2.5s linear infinite}.glow-card:after{position:absolute;content:"";top:calc(var(--card-height) / 6);left:0;right:0;z-index:-1;height:100%;width:100%;margin:0 auto;transform:scale(.8);filter:blur(calc(var(--card-height) / 6));background-image:linear-gradient(var(--rotate),#5ddcff,#3c67e3 43%,#4e00c2);opacity:1;transition:opacity .5s;animation:spin 2.5s linear infinite}@keyframes spin{0%{--rotate: 0deg}to{--rotate: 360deg}}:root{--green: #02c39a;--green-d: #1D6B55;--yellow: #fdd85d;--yellow-d: #837035;--absent: #2d3047;--absent-d: #A3A3AE}.gridBar{position:absolute;right:1rem;top:0;margin-top:10vh;width:20vw;height:fit-content;max-height:-webkit-fill-available;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;overflow-y:scroll;overflow-x:hidden}.gridItem{background:var(--bg-s);border-radius:20px;width:100%;height:fit-content;margin:1rem;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:1rem;padding:5%}.nameTitle{font-size:1.5em;color:var(--s-light);text-align:center;margin:.5rem}.gridRow{width:95%;height:2rem;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.gridLetter{border:.1rem solid linear-gradient(135deg,#48495f 0%,#2d3047 100%);background:linear-gradient(135deg,#2d3047 0%,#48495f 100%);border-radius:10px;width:2rem;height:2rem}.letter-clue-elsewhere{background:var(--yellow);color:var(--yellow-d)}.letter-clue-correct{background:var(--green);color:var(--green-d)}.letter-clue-absent{background:var(--absent);color:var(--absent-d)}.Game-keyboard{display:flex;flex-direction:column;border:1px solid #20222c;box-shadow:inset 0 5px 5px #20222c,inset 5px 0 5px #20222c,inset -5px 5px 5px #20222c,inset 0 -5px 5px #20222c;padding:1vh;border-radius:12px;user-select:none}.Game-keyboard-row{display:flex;flex-direction:row;justify-content:stretch;gap:.5vw;user-select:none;touch-action:manipulation}.Game-keyboard-button{margin:2px;padding:2px;text-transform:capitalize;height:58px;width:45px;min-height:40px;display:flex;flex:1;align-items:center;justify-content:center;font-size:20px;font-family:Nunito,sans-serif;font-weight:800;cursor:pointer;outline:none;user-select:none;border:0;background:#f2f2f2;border-radius:11px;text-decoration:none;color:var(--keyboard-key-colour);transition:box-shadow 399ms ease-in-out;-webkit-tap-highlight-color:rgba(0,0,0,.3)}.Game-keyboard-button-wide{flex:1.5}.Game-keyboard-button:focus{outline:none}.Game-keyboard-button:active{box-shadow:inset 7px 7px 15px #42424226,inset -7px -7px 20px #fff,0 0 4px #fff3}.letter-correct{background:linear-gradient(135deg,#189d7c 0%,#02c39a 100%) padding-box,linear-gradient(135deg,#02c39a 0%,#189d7c 100%) border-box!important;border:6px solid transparent;color:#1d6b55!important}.letter-elsewhere{background:linear-gradient(135deg,#d9b952 0%,#fdd85d 100%) padding-box,linear-gradient(135deg,#fdd85d 0%,#d9b952 100%) border-box!important;border:6px solid transparent;color:#837035!important}.letter-absent{background:linear-gradient(135deg,#2d3047 0%,#48495f 100%) padding-box,linear-gradient(135deg,#48495f 0%,#2d3047 100%) border-box!important;border:6px solid transparent;color:#a3a3ae!important}.keyboard-letter-correct{background:linear-gradient(135deg,#189d7c 0%,#02c39a 100%);box-shadow:none;color:#1d6b55}.keyboard-letter-elsewhere{box-shadow:none;background:linear-gradient(135deg,#d9b952 0%,#fdd85d 100%);color:#837035}.keyboard-letter-absent{box-shadow:none;background:linear-gradient(135deg,hsl(233deg 22% 45%) 0%,#48495f 100%);color:#a3a3ae}@media only screen and (max-height: 700px){.Game-keyboard{border:0;box-shadow:none}.Game-keyboard-button{box-shadow:none}}.Row{display:flex;justify-content:center;gap:2vw}.Row-letter{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;border-radius:30%;background:linear-gradient(135deg,#2d3047 0%,#48495f 100%) padding-box,linear-gradient(135deg,#48495f 0%,#2d3047 100%) border-box;border:6px solid transparent;color:#fff;flex:none;flex-grow:0;width:9vh;height:9vh;font-size:5rem;text-transform:uppercase;font-weight:700}.App-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:100%}.App-container h1{font-size:3rem;white-space:nowrap;margin:0;margin-left:3rem;margin-right:3rem}.container{width:100%;height:100%}.Game{display:flex;flex-direction:column;user-select:none;gap:.5rem;align-items:center;width:fit-content;height:fit-content}.GameContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:90%}.Game-options{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.Game-options>*+*{margin-inline-start:.5rem}.App-footer{margin:-1rem 0 2rem;font-size:80%;line-height:1.5}.Game-seed-info{opacity:.5;font-variant-numeric:tabular-nums;writing-mode:vertical-rl;text-orientation:upright;left:0;position:absolute;top:0;margin-top:25vh}#hint{padding:1vh;font-size:large}ul{list-style:none;margin:0;padding:0}a{text-decoration:none}.personIcon{position:absolute;top:0;left:50px;margin:20px}.homeIcon{position:absolute;top:0;left:0;margin:20px}.link{margin:20px}.neumorphic-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;border:none;border-radius:2.4rem;padding:1rem 3rem;transition:all .26s ease;text-decoration:none;font-family:inherit;max-width:100%;color:#434958;background:#ced5db;box-shadow:.3rem .3rem .5rem #0a0a0ae5,-.2rem -.2rem .4rem #0000}.neumorphic-btn:active{box-shadow:inset .2rem .2rem .5rem #000000e5,inset -.2rem -.2rem .5rem #fff}:root{--container-bg-color: #333333;--left-bg-color: rgba(166, 97, 86, .7);--left-button-hover-color: rgba(145, 85, 76, .7);--right-bg-color: rgba(43, 43, 43, .8);--right-button-hover-color: rgba(109, 109, 109, .3);--hover-width: 75%;--other-width: 25%;--speed: 1s}#personButton{background-color:#fff0!important;border:none;cursor:pointer;user-select:none}@media only screen and (max-height: 1250px){.Row-letter{width:7vh;height:7vh;font-size:3rem}}@media only screen and (max-height: 844px){.Row-letter{width:7vh;height:7vh;font-size:1.6rem}.App-container h1{font-size:2rem;top:0}.Game-seed-info{display:none}.Game-keyboard{max-width:100vw;position:absolute;bottom:0}.Game-options{display:none}@media only screen and (min-width: 530px) and (min-height: 900px){.Game-keyboard{position:relative}}}.slider{-webkit-appearance:none;background:white;outline:none;opacity:.7;height:8px;border-radius:10px;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:100%;background:var(--primary);cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;background:#00d1b2;cursor:pointer}label{color:#999!important}@media only screen and (max-width: 610px){.App-container h1{margin-left:0;margin-right:0;font-size:2rem}.navbar{width:98vw!important}}@media only screen and (max-height: 800px){#hint{padding:0;margin:0}.navbar{top:0rem!important}.Game{gap:1vh}.App-container h1{white-space:nowrap;max-height:5vh;line-height:5vh}}@media only screen and (max-height: 610px){#hint{white-space:nowrap}.App-container h1{font-size:1rem;top:0}.Game-keyboard-button{margin:4px;height:40px;width:43px;min-height:40px;display:flex;flex:1}h2{font-size:.6rem}.search{display:none!important}.search-container{width:100%}.add{left:0!important}}@media only screen and (max-height: 500px){.navbar{height:0}}*{border:0;box-sizing:border-box;margin:0;padding:0}:root{--hue: 223;--fg: hsl(var(--hue), 10%, 10%)}body{background-color:var(--bg);color:var(--fg);place-items:center;transition:background-color .3s}#loading-wrapper{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#loading-wrapper main{padding:1.5em 0}#loading-wrapper .ap{width:8em;height:16em}#loading-wrapper .ap__ring{stroke:hsla(var(--hue),10%,10%,.15);transition:stroke .3s}#loading-wrapper .ap__worm1,#loading-wrapper .ap__worm2{animation-duration:3s;animation-iteration-count:infinite}#loading-wrapper .ap__worm1{animation-name:worm1}#loading-wrapper .ap__worm2{animation-name:worm2;visibility:hidden}@media (prefers-color-scheme: dark){#loading-wrapper :root{--bg: hsl(var(--hue), 10%, 10%);--fg: hsl(var(--hue), 10%, 90%)}#loading-wrapper .ap__ring{stroke:hsla(var(--hue),10%,90%,.1)}}@keyframes worm1{0%{animation-timing-function:ease-in-out;stroke-dashoffset:-87.96}20%{animation-timing-function:ease-in;stroke-dashoffset:0}60%{stroke-dashoffset:-791.68;visibility:visible}60.1%,to{stroke-dashoffset:-791.68;visibility:hidden}}@keyframes worm2{0%,60%{stroke-dashoffset:-87.96;visibility:hidden}60.1%{animation-timing-function:cubic-bezier(0,0,.5,.75);stroke-dashoffset:-87.96;visibility:visible}77%{animation-timing-function:cubic-bezier(.5,.25,.5,.88);stroke-dashoffset:-340;visibility:visible}to{stroke-dashoffset:-669.92;visibility:visible}}.loading-wrapper-scateboard{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.loading-wrapper-scateboard body{background:var(--bg);color:#17181c;font:1em/1.5 sans-serif;height:100vh;display:grid;place-items:center;transition:background-color .3s}.loading-wrapper-scateboard main{padding:1.5em 0}.loading-wrapper-scateboard .pl{width:11em;height:10em}.loading-wrapper-scateboard .pl__ring,.loading-wrapper-scateboard .pl__worm1,.loading-wrapper-scateboard .pl__worm2,.loading-wrapper-scateboard .pl__worm3{animation-duration:4s;animation-iteration-count:infinite}.loading-wrapper-scateboard .pl__ring{stroke:#17181c1a;transition:stroke .3s}.loading-wrapper-scateboard .pl__worm1{animation-name:worm3}.loading-wrapper-scateboard .pl__worm2{animation-name:worm4;transform-origin:32px 88px}.loading-wrapper-scateboard .pl__worm3{animation-name:worm5;transform-origin:144px 88px}@media (prefers-color-scheme: dark){.loading-wrapper-scateboard :root{--bg: hsl($hue, 10%, 10%)}.loading-wrapper-scateboard .pl__ring{stroke:#e3e4e81a}}@keyframes worm3{0%{animation-timing-function:ease-out;stroke-dashoffset:43.98}12.5%{animation-timing-function:ease-in-out;stroke-dashoffset:-131.95}25%{animation-timing-function:ease-in;stroke-dashoffset:0}37.5%,50%{animation-timing-function:ease-out;stroke-dashoffset:-175.93}62.5%{animation-timing-function:ease-in-out;stroke-dashoffset:0}75%{animation-timing-function:ease-in;stroke-dashoffset:-131.95}87.5%,to{stroke-dashoffset:43.98}}@keyframes worm4{0%,35.5%{animation-timing-function:linear;stroke-dasharray:0 40 0 44;visibility:hidden;transform:translate(0) rotate(0)}37.5%{animation-timing-function:ease-out;stroke-dasharray:0 40 44 0;visibility:visible;transform:translate(0) rotate(0)}47.5%{animation-timing-function:ease-in;stroke-dasharray:0 4 40 40;visibility:visible;transform:translateY(-80px) rotate(360deg)}50%{animation-timing-function:linear;stroke-dasharray:0 4 40 40;visibility:visible;transform:translateY(-36px) rotate(360deg)}52.5%,to{stroke-dasharray:0 42 0 42;visibility:hidden;transform:translateY(12px) rotate(360deg)}}@keyframes worm5{0%{animation-timing-function:linear;stroke-dasharray:0 4 40 40;visibility:visible;transform:translateY(-36px) rotate(0)}2.5%{animation-timing-function:linear;stroke-dasharray:0 42 0 42;visibility:hidden;transform:translateY(12px) rotate(0)}85.5%{animation-timing-function:linear;stroke-dasharray:0 40 0 44;visibility:hidden;transform:translate(0) rotate(0)}87.5%{animation-timing-function:ease-out;stroke-dasharray:0 40 44 0;visibility:visible;transform:translate(0) rotate(0)}97.5%{animation-timing-function:ease-in;stroke-dasharray:0 4 40 40;visibility:visible;transform:translateY(-80px) rotate(-360deg)}to{stroke-dasharray:0 4 40 40;visibility:visible;transform:translateY(-36px) rotate(-360deg)}}.loading-wrapper-bouncing{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.loading-wrapper-bouncing body{background-color:var(--bg);color:#17181c;font:1em/1.5 sans-serif;height:100vh;display:grid;place-items:center;transition:background-color .3s}.loading-wrapper-bouncing main{padding:1.5em 0}.loading-wrapper-bouncing .pl,.loading-wrapper-bouncing .pl__worm{animation-duration:3s;animation-iteration-count:infinite}.loading-wrapper-bouncing .pl{animation-name:bump;animation-timing-function:linear;width:8em;height:8em}.loading-wrapper-bouncing .pl__ring{stroke:#17181c1a;transition:stroke .3s}.loading-wrapper-bouncing .pl__worm{animation-name:worm;animation-timing-function:cubic-bezier(.42,.17,.75,.83)}@media (prefers-color-scheme: dark){.loading-wrapper-bouncing :root{--bg: hsl($hue, 10%, 10%)}.loading-wrapper-bouncing .pl__ring{stroke:#e3e4e81a}}@keyframes bump{0%,42%,46%,51%,55%,59%,63%,67%,71%,74%,78%,81%,85%,88%,92%,to{transform:translate(0)}44%{transform:translate(1.33%,6.75%)}53%{transform:translate(-16.67%,-.54%)}61%{transform:translate(3.66%,-2.46%)}69%{transform:translate(-.59%,15.27%)}76%{transform:translate(-1.92%,-4.68%)}83%{transform:translate(9.38%,.96%)}90%{transform:translate(-4.55%,1.98%)}}@keyframes worm{0%{stroke-dashoffset:10}25%{stroke-dashoffset:295}to{stroke-dashoffset:1165}}.messagesContainer{min-width:30vw;max-width:70vw}.messagesContainer main{overflow-y:scroll;overflow-x:hidden;height:fit-content;min-height:50vh;max-height:80vh}.messagesContainer form{height:fit-content;min-height:5vh;bottom:0;background-color:#1a1a1a;width:100%;max-width:728px;display:flex;font-size:1.5rem;border-radius:10px;overflow:hidden}.messagesContainer form button{display:flex;align-items:center;justify-content:center;width:20%;background-color:var(--primary)}.messagesContainer input{line-height:1.5;width:100%;font-size:1.5rem;background:var(--bg);color:#fff;outline:none;border:none;padding:0 10px}.messagesContainer button{background-color:#282c34;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;font-size:1.25rem}.messagesContainer button:disabled{opacity:.5;cursor:not-allowed}.messagesContainer ul,.messagesContainer li{text-align:left;list-style:none}.messagesContainer p{max-width:95%;line-height:24px;padding:10px 20px;border-radius:25px;position:relative;color:#fff;text-align:center;overflow-wrap:break-word;margin:1vh}.messagesContainer img{width:40px;height:40px;border-radius:50%;margin:2px 5px}.sign-in{color:#282c34;background:white;max-width:400px;margin:0 auto}.message{display:flex;align-items:center}.message h4{margin:0}.sent{flex-direction:row-reverse}.sent p{color:#fff;background:#0b93f6;text-align:end}.received p{background:#e5e5ea;color:#000;align-self:flex-start;text-align:start}@media only screen and (max-width: 768px){.messagesContainer{max-width:-webkit-fill-available}}.server-browser{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:2.5rem;width:100%;max-width:80%;overflow-y:scroll}@media only screen and (max-width: 1000px){.server-browser{max-width:100%}}.noRooms{display:flex;flex-direction:column}.noRooms span{min-width:10vw}.information{background-color:var(--bg-s);padding:1.5rem}.information.card{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;max-width:300px}.information .tag{display:inline-block;background-color:var(--highlight);color:var(--headlines);font-weight:600;font-size:.875rem;padding:.5em .75em;line-height:1;border-radius:6px}.information .tag+*{margin-top:1rem}.information .tag.temp{background:rgba(255,255,255,.01)}.information .title{font-size:1.5rem;color:var(--headlines);line-height:1.25}.information .subtitle{font-size:1.125rem;color:var(--body);line-height:1.25}.information .subtitle+*{margin-top:1rem}.information .info{color:var(--body);margin-top:.2rem}.information .button{background-color:var(--primary);color:var(--c-indigo);padding:.5em 1em;border-radius:6px;font-weight:500;display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem}.information .details{display:flex;gap:1rem}.information .details div{padding:.75em 1em;border-radius:8px;display:flex;flex-direction:column-reverse;align-items:flex-end;justify-content:center;gap:.125em;flex-basis:50%}.information .details dt{font-size:.875rem;color:var(--body)}.information .details dd{color:var(--headlines);font-weight:600;font-size:1.25rem;margin:0}.plan{padding:10px;background-color:var(--c-white);color:var(--c-del-rio)}.plan strong{font-weight:600;color:var(--c-coffee)}.plan .inner{padding:40px 20px 20px;background-color:var(--c-fair-pink);border-radius:12px;position:relative;overflow:hidden}.plan .pricing{position:absolute;top:0;right:0;background-color:var(--c-apricot);border-radius:99em 0 0 99em;display:flex;align-items:center;padding:.625em .75em;font-size:1.25rem;font-weight:600;color:var(--c-coffee)}.plan .pricing small{color:var(--c-del-rio);font-size:.75em;margin-left:.25em}.plan .title{font-weight:600;font-size:1.25rem;color:var(--c-coffee)}.plan .title+*{margin-top:.75rem}.plan .info+*{margin-top:1rem}.plan .features{display:flex;flex-direction:column}.plan .features li{display:flex;align-items:center;gap:.5rem}.plan .features li+*{margin-top:.75rem}.plan .features .icon{background-color:var(--c-java);display:inline-flex;align-items:center;justify-content:center;color:var(--c-white);border-radius:50%;width:20px;height:20px}.plan .features .icon svg{width:14px;height:14px}.plan .features+*{margin-top:1.25rem}.plan button{font:inherit;background-color:var(--c-indigo);border-radius:6px;color:var(--c-white);font-weight:500;font-size:1.125rem;width:100%;border:0;padding:1em}.plan button:hover,.plan button:focus{background-color:var(--c-governor)}.carousel{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;overflow-y:scroll;overflow-x:hidden;gap:20px}.mathlerIframe{width:100%;height:85%}.mathler,.quordle{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.quordleIframe{width:100%;height:85%}.banner-icon{position:relative}.cookie{--rotate: 0deg;--top-y: 0px;--eyeball-x: -2px;--eyeball-y: -2px;--eyeball-scale: .75;--mouth-y: 0px;--crack-offset: 38px;position:relative;transform:rotate(var(--rotate));transform-origin:50% 100%}.cookie .piece{fill:#f6a976;stroke-width:.5;stroke:#d5906e;position:absolute;width:6px;height:6px}.cookie .piece.left{top:15px;left:4px}.cookie .piece.right{top:15px;right:4px}.cookie .top,.cookie .bottom{display:block;width:40px;height:40px;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}.cookie .top .background,.cookie .bottom .background{fill:#f6a976}.cookie .top .shine,.cookie .bottom .shine{fill:#ffdaae}.cookie .top .dark,.cookie .bottom .dark{fill:#a96249}.cookie .top .border,.cookie .bottom .border{fill:none;stroke:#d5906e}.cookie .top .crack,.cookie .bottom .crack{fill:none;stroke:#a96249;stroke-width:1.25;stroke-dasharray:38px;stroke-dashoffset:var(--crack-offset)}.cookie .top{position:absolute;left:0;top:0;transform:translateY(var(--top-y))}.cookie .eye{top:14px;position:absolute;z-index:2}.cookie .eye.left{left:9px}.cookie .eye.right{right:9px}.cookie .eye svg{display:block;width:10px;height:10px;fill:#fff;stroke:#000;stroke-width:.75}.cookie .eye:after{content:"";left:50%;top:50%;position:absolute;transform:translate(var(--eyeball-x),var(--eyeball-y)) scale(var(--eyeball-scale));width:4px;height:4px;border-radius:2px;background-color:#000}.cookie .mouth{width:12px;height:9px;position:absolute;left:14px;top:20px;fill:#d5393f;stroke-width:.75;z-index:2;stroke:#000;stroke-linejoin:round;transform:translateY(var(--mouth-y))}.banner{position:absolute;bottom:1vh;background-color:#252731;padding:24px;border-radius:27px;display:flex;gap:20px;font-size:14px;line-height:1.4;color:#e1e3eb;box-shadow:0 1px 3px #090a0f40,0 4px 16px #090a0f1a,0 8px 24px #090a0f1a,inset 0 1px 1px #323543}@media (min-width: 601px){.banner{align-items:center}}.banner .content{display:flex;gap:24px}@media (min-width: 601px){.banner .content{align-items:center}}@media (max-width: 600px){.banner .content{flex-direction:column;gap:16px}}.banner .content .list{display:flex;gap:12px}.banner .content .list button{appearance:none;border:none;color:inherit;outline:none;font:inherit;font-size:14px;font-weight:500;background:#2e303d;box-shadow:inset 0 0 0 1px #3c3e4d;line-height:24px;padding:8px 16px;border-radius:15px;cursor:pointer;margin:0;transition:background-color .2s}.banner .content .list button:hover{background-color:#323543}.banner .content .list button.muted{background:none;box-shadow:inset 0 0 0 1px #353744}.banner .content .list button.muted:hover{background-color:#292b36}:root{--stats-orange: #f5793a;--stats-grey: #6f7276}.modalContainer{background-color:var(--bg-s);border-radius:5vh;padding:4vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:fit-content;min-width:150px;gap:3vh;max-height:95vh;max-width:98vw}.statsHeader{font-size:4vh;color:#ced5db;margin:0}.username{color:var(--stats-grey)}.profile{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.6rem}@media only screen and (max-height: 900px){.profile{display:none}.statsHeader{line-height:40px!important}}.profileIconContainer{background:#a3a3ae;border-radius:100%;width:5vh;height:5vh;display:flex;align-items:center;justify-content:center}.mainStatsContainer{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;width:100%;margin-bottom:2vh}.mainStatsContainer p{color:var(--stats-orange);font-size:5vh;margin:1vh}.mainStatsContainer span{color:var(--stats-grey);font-size:3vh;word-wrap:normal}.mainStatsContainer div{width:25%}.bar-graph{display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;gap:1vh}.bar{background:var(--stats-grey);color:#fff;position:relative;transition:all 2s;clear:both;min-width:5vw;height:100%;border-radius:1.5vh}.count{position:absolute;right:1vw;top:20%;font-size:2vh}.barContainer{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:1vw;width:100%;height:5vh}.barContainer .label{color:var(--stats-grey);font-size:3vh}.modalCloseIcon{position:absolute;top:0;right:0;margin:2vh;cursor:pointer}.podium{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.podium #playAgainBtn{margin-top:20px}.wordHighlight{color:var(--highlight)}.wordPrimary{color:var(--primary)}.podiumGridItem{width:fit-content;padding:2vh}.podiumGridLetter{text-transform:uppercase}.podium p{font-size:3vh}.gridLetter{font-size:2vh;display:flex;align-items:center;justify-content:center}.multiplayer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:90%}.form-container{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}.input-div{margin:10px!important}.loading-text{color:var(--body)}.loading-text:after{content:" .";animation:dots 1s steps(5,end) infinite}@keyframes dots{0%,20%{color:#0000;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}40%{color:var(--body);text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}60%{text-shadow:.25em 0 0 var(--body),.5em 0 0 rgba(0,0,0,0)}80%,to{text-shadow:.25em 0 0 var(--body),.5em 0 0 var(--body)}}#serverBrowserHeader{font-size:4vh;margin:0}.join{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:auto;border-radius:20px;padding:2rem;gap:3vh;overflow:auto;padding-bottom:0;overflow-x:hidden}@media only screen and (min-width: 900px){.join{width:90%}}@media only screen and (max-height: 610px){.join{padding-top:0;align-items:center}}.join-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:90%;border-radius:20px;gap:2%}.loginContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:90%;gap:2vh}.changeNameBtn{background-color:gray}.add{width:fit-content}.title-container{display:grid;grid-template-columns:1fr 1fr;width:100%}.title-container .multiplayer-buttons-container{flex-direction:row;justify-content:flex-end}.title-container .multiplayer-heading-container{flex-direction:row;justify-content:flex-start}.search{display:flex;align-items:center;color:#000}@media only screen and (max-width: 700px){.search,#serverBrowserHeader{display:none}.title-container{grid-template-columns:1fr}.title-container .multiplayer-buttons-container{justify-content:flex-start;padding-left:5vw}}.search-btn{background:#565e70;border-radius:1rem;border:none;padding:10px;left:-51px;position:relative;cursor:pointer;height:52px;width:52px}.add-btn{position:relative;white-space:nowrap}.add{position:relative;left:-20px}.singleplayer-btn{background:var(--s-light);color:var(--s-dark);border-radius:10px;border:none;padding:1rem;cursor:pointer;height:auto;width:auto;font-size:2rem}.multiplayer-btn,.std-btn{background:var(--s-dark);color:var(--s-light);border-radius:10px;border:none;padding:1rem;font-size:2rem;cursor:pointer}.homepage{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}@media (max-height: 700px){.homepage{justify-content:flex-start}}.homepage-header .homepage-header-title{margin-top:3vh;font-size:7vh;line-height:7vh}.homepage-header .homepage-header-sub{margin-top:1vh;font-size:2vh;opacity:.5;text-transform:none;letter-spacing:.2vw;font-family:Roboto Mono,monospace}.floatingBackground{width:100vw;height:100vh;position:fixed;z-index:-1}.floatingIcon{position:absolute;z-index:1;bottom:-100vh;width:10vh!important;height:10vh!important;display:flex;align-items:center;justify-content:center;font-size:6vh!important}.gameMenu-grid{width:70vw;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}@media (max-width: 700px){.gameMenu-grid{margin-top:0}}@media (max-width: 1080px){.gameMenu-grid{grid-template-columns:repeat(1,1fr);max-width:fit-content}}.gameMenu-grid .link{height:100%;width:100%;margin:0}.gameMenu-grid .gameMenu-grid-item{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--bg-s);border-radius:30px;padding:5vh;height:100%}.gameMenu-grid .gameMenu-grid-item h1{color:#fff}@media (max-width: 1450px){.gameMenu-grid .gameMenu-grid-item h1{font-size:3vh}}@media (max-width: 1250px){.gameMenu-grid .gameMenu-grid-item h1{font-size:2vh}}.gameMenu-grid .gameMenu-grid-item h1:hover{opacity:.9;transition:.2s all}.gameMenu-grid .gameMenu-grid-item img{max-width:100px;margin:10px}@media (max-width: 1080px){.gameMenu-grid .gameMenu-grid-item img{max-width:5vh}}.gameMenu-grid .gameMenu-grid-item img:hover{opacity:.9;transition:.2s all}@media (max-height: 600px){.link{margin:0}}.floatingIcon:nth-child(1){left:42%;animation:bubble 19s linear infinite;animation-delay:3s;transform:rotate(286deg);z-index:-1}.floatingIcon:nth-child(2){left:70%;animation:bubble 7s linear infinite;animation-delay:3s;transform:rotate(141deg);z-index:-1}.floatingIcon:nth-child(3){left:69%;animation:bubble 29s linear infinite;animation-delay:2s;transform:rotate(201deg);z-index:-1}.floatingIcon:nth-child(4){left:43%;animation:bubble 19s linear infinite;animation-delay:0s;transform:rotate(128deg);z-index:-1}.floatingIcon:nth-child(5){left:60%;animation:bubble 18s linear infinite;animation-delay:2s;transform:rotate(217deg);z-index:-1}.floatingIcon:nth-child(6){left:18%;animation:bubble 35s linear infinite;animation-delay:0s;transform:rotate(218deg);z-index:-1}.floatingIcon:nth-child(7){left:14%;animation:bubble 17s linear infinite;animation-delay:-1s;transform:rotate(170deg);z-index:-1}.floatingIcon:nth-child(8){left:11%;animation:bubble 31s linear infinite;animation-delay:-2s;transform:rotate(9deg);z-index:-1}.floatingIcon:nth-child(9){left:15%;animation:bubble 34s linear infinite;animation-delay:0s;transform:rotate(113deg);z-index:-1}.floatingIcon:nth-child(10){left:14%;animation:bubble 15s linear infinite;animation-delay:2s;transform:rotate(143deg);z-index:-1}.floatingIcon:nth-child(11){left:31%;animation:bubble 33s linear infinite;animation-delay:1s;transform:rotate(182deg);z-index:-1}.floatingIcon:nth-child(12){left:78%;animation:bubble 7s linear infinite;animation-delay:-4s;transform:rotate(292deg);z-index:-1}.floatingIcon:nth-child(13){left:49%;animation:bubble 27s linear infinite;animation-delay:-4s;transform:rotate(296deg);z-index:-1}.floatingIcon:nth-child(14){left:30%;animation:bubble 30s linear infinite;animation-delay:2s;transform:rotate(223deg);z-index:-1}.floatingIcon:nth-child(15){left:70%;animation:bubble 27s linear infinite;animation-delay:-2s;transform:rotate(47deg);z-index:-1}.floatingIcon:nth-child(16){left:66%;animation:bubble 19s linear infinite;animation-delay:-3s;transform:rotate(322deg);z-index:-1}.floatingIcon:nth-child(17){left:54%;animation:bubble 17s linear infinite;animation-delay:-4s;transform:rotate(291deg);z-index:-1}.floatingIcon:nth-child(18){left:90%;animation:bubble 24s linear infinite;animation-delay:4s;transform:rotate(234deg);z-index:-1}@keyframes bubble{to{bottom:110vh;transform:rotate(5deg)}}.navbar{z-index:100;position:fixed;background:var(--bg-s);border-radius:10px;top:1rem;color:#fff;width:90vw}.navbar .empty_link{cursor:default}.navbar__link{position:relative;display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;color:var(--body);transition:.25s ease all;cursor:pointer}.navbar__link span{position:absolute;top:120%;transform:translate(-3rem);opacity:0;pointer-events:none;color:#f5f5f5;background:#242629;padding:.75rem;transition:.25s ease all;border-radius:17.5px}.navbar__link:hover{color:#fff}.navbar:not(:hover) .navbar__link:focus span,.navbar__link:hover span{opacity:1;transform:translate(0)}.navbar__menu{position:relative;display:flex;align-items:center;justify-content:space-evenly;flex-direction:row}.lobby-body{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10vh}.lobby-btns{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10vh;gap:2vh}.lobby-btns input[type=checkbox]{height:0;width:0;visibility:hidden}.lobby-btns label{cursor:pointer;text-indent:-9999px;width:100px;height:50px;background:grey;display:block;border-radius:100px;position:relative}.lobby-btns label:after{content:"";position:absolute;top:2.5px;left:2.5px;width:45px;height:45px;background:#fff;border-radius:45px;transition:.3s}.lobby-btns input:checked+label{background:var(--primary)}.lobby-btns input:checked+label:after{left:calc(100% - 2.5px);transform:translate(-100%)}.lobby-btns label:active:after{width:60px}.lobby-btns body{display:flex;justify-content:center;align-items:center;height:100vh}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2vh}.lobby-title{font-size:3rem;font-weight:400;margin:1rem}.player-list-item{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:10px;padding:12px 50px;border-radius:10px;background-color:var(--bg-s)}.player-list{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:10px;max-width:50vw;flex-wrap:wrap}.code-txt{color:var(--highlight)}.timedPodium .wordsList{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;max-height:50vh;overflow-x:hidden;overflow-y:scroll}.timedPodium .wordsList p{margin:1.5vh}.timedPodium #playAgainBtn{margin:2vh}:root{--bg: #10151c;--bg-s: #141a25;--primary: #2663ff;--secondary: rgba(255, 255, 255, .1);--highlight: #fa0369;--headlines: white;--body: #7e8597;--s-dark: #272a35;--s: #373e4e;--s-light: #7a8194;--keyboard-key-colour: var(--s-light)}*{box-sizing:border-box}:focus-visible{outline:none}::-webkit-scrollbar{width:1rem}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}body{margin:0;font-family:Nunito,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:var(--bg);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}h1{font-style:normal;font-weight:500;font-size:48px;line-height:62px}h2{font-style:normal;font-weight:500;font-size:42px;line-height:55px}h3{font-style:normal;font-weight:500;font-size:32px;line-height:42px}h4{font-style:normal;font-weight:700;font-size:20px;line-height:26px}h5{font-style:normal;font-weight:500;font-size:16px;line-height:21px;letter-spacing:.4px;text-transform:uppercase;color:#fffc}p{font-style:normal;font-weight:400;font-size:18px;line-height:23px;margin:2vh;color:var(--body)}button{font-family:inherit;border-radius:10px;border:none;position:relative;cursor:pointer;white-space:nowrap;font-size:1.3vh;font-weight:400;padding:12px 30px;color:var(--headlines)}button.primary{background:var(--primary)}button.secondary{background:var(--secondary)}button:disabled{background:var(--secondary);color:var(--body);cursor:not-allowed}button:hover{opacity:.9;transition:all .2s}@media only screen and (max-height: 1000px){button{font-size:20px}}@media only screen and (max-width: 500px){button{font-size:16px}}@media only screen and (max-width: 400px){button{font-size:13px}}input{font-family:inherit;background:transparent;border:2px solid rgba(255,255,255,.1);border-radius:1rem;color:#4a5568;font-size:1rem;padding:.9rem;color:var(--headlines)}input.slider{padding:0}.flex{display:flex;align-items:center;justify-content:center;flex-direction:column}