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}*{box-sizing:border-box;color:#fff;font-family:Exo,sans-serif;margin:0;padding:0}body{background-color:#151b29;height:100vh;overflow:hidden;width:100vw}.side{width:10vw}.center{position:relative;width:70vw}.main-menu{background-image:url(/static/media/background.75ed5a60b7b8566972dc.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;text-shadow:0 0 7px #fff}.main-menu footer{bottom:0;padding:1.5vw;position:absolute;text-align:right;width:100%}.main-menu footer a:is(:hover,:focus){outline:none}.main-menu footer a:is(:hover,:focus) svg{fill:#30d172;transition:.25s ease-in}.main-menu section{animation:fade-in 1s ease-in;position:relative}.main-menu section:first-child{left:-2vw}.main-menu section:nth-child(2){top:-4vw}.main-menu h1{color:#ffe9ff;font-size:9vw;position:relative}.main-menu h1:nth-child(2){left:5vw;top:-5vw}.main-menu p{color:#ffe9ff;font-size:1.25vw;left:10vw;position:relative;top:-7vw}.main-menu h1:first-child>span:first-child{color:#59ff88;text-shadow:0 0 7px #6f9}.main-menu h1:first-child>span:nth-child(2){color:#ec2b7f;text-shadow:0 0 7px #f36}.main-menu h1:nth-child(2)>span:first-child{color:#31bdff;text-shadow:0 0 7px #3cf}.main-menu h1:nth-child(2)>span:nth-child(2){color:#ffd587;text-shadow:0 0 7px #fc9}.main-menu a.option{border:.3vw solid #ffe9ff;border-radius:2.5vw;box-shadow:inset 0 0 5px #ffe9ff,0 0 5px #fff;color:#ffe9ff;font-size:2.4vw;margin-bottom:1.5vw;padding-left:3vw;padding-right:3vw;text-align:center;text-decoration:none;transition:.25s ease-in;width:100%}.main-menu a.option:is(:hover,:focus){border-color:#30d172;box-shadow:inset 0 0 5px #30d172,0 0 5px #30d172;color:#30d172;outline:none;text-shadow:0 0 7px #30d172}.game-over,canvas{border-radius:1vw}.strength-bar{border:2px solid #fff;border-radius:.75vw;height:90%;position:relative;width:2vw}.strength-gradient{border-radius:.75vw;bottom:-2px;left:-2px;position:absolute;width:2vw;z-index:-1}.strength-line{border-bottom:2px solid #fff;height:25%;left:-2px;width:calc(2vw - 2px)}.player-info-bar{padding:0 0 0 1em}.player-info-tag{transform:skew(-18deg)}.player-info-left{height:100%;margin-right:4px;position:relative;width:.8vw}.player-info-highlight{background-color:#fff;bottom:0;height:50%;opacity:.5;position:absolute;width:100%}.player-info-top{height:3vw;margin-bottom:4px;margin-top:1vw;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 7px #00000080,0 0 7px #000;white-space:nowrap}.player-info-top>div:first-child{height:100%}.player-info-top>div:nth-child(2),.player-result-tag>div:nth-child(3){position:relative;width:.8vw}.player-info-bottom>div{height:1.5vw;margin-right:4px;position:relative;width:1vw}.game-over,.player-info-bottom>div>svg{height:100%;position:absolute;width:100%}.game-over{animation:fade-in 1s ease-in;background-color:#000000bf;left:0;top:0}.game-over>div>h1{font-size:2.5vw;text-shadow:0 0 7px #fff}.player-result-tag{font-size:1.5vw;margin-bottom:.8vw}.player-result-tag>div:first-child{color:#000;height:3vw;position:relative;width:3vw}.player-result-tag>div:nth-child(2){background-color:#2e303c;padding-left:.75vw;padding-right:.75vw;width:15vw}.game-over>div>div:nth-child(3){margin-top:.5vw}.game-over>div>div>button:first-child{font-size:2vw;text-shadow:0 0 7px #fff;width:14vw}.game-over>div>div>button:first-child,.game-over>div>div>button:nth-child(2){background-color:#5a5d65;border:none;border-radius:.5vw;height:3vw;transition:.25s ease-in}.game-over>div>div>button:nth-child(2){width:4vw}.game-over>div>div>button>svg{filter:drop-shadow(0 0 7px white)}.game-over>div>div>button:first-child:hover{background-color:#30d172;text-shadow:0 0 5px #00000080}.game-over>div>div>button:nth-child(2):hover{background-color:#e51f4c}.lobby{margin-top:5vw;width:30vw}.lobby h1{font-size:4vw;margin-bottom:1vw;text-align:center;text-shadow:0 0 7px #fff}.lobby button,.lobby input{background-color:#0000}.lobby>button{border:none;color:gray;font-size:2vw;height:4vw;margin-bottom:1vw;transition:.25s ease-in;width:85%}.lobby>.add-player{background-color:#ffffff05;border:.2vw solid #5a5d65}.lobby>.add-player:hover{background-color:#ffffff1a}.lobby>button>svg{filter:drop-shadow(0 0 7px white);height:2vw;width:2vw}.lobby>.start-game{background-color:#2e303c;border-radius:.5vw;margin-top:1vw}.can-start-game{color:#fff!important;text-shadow:0 0 7px #fff}.can-start-game:hover{background-color:#30d172;text-shadow:0 0 5px #00000080}.lobby>button,.lobby>section{left:7.5%;position:relative}.lobby-player-tag{height:4vw;margin-bottom:1vw;width:100%}.lobby-player-tag .player-info-left{background-color:#747474;margin:0;width:1vw}.lobby-player-tag.player-ready .player-info-left{background-color:#30d172}.lobby-player-tag>input{background-color:#2e303c;border:none;font-size:1.5vw;padding-left:1vw;width:70%}.lobby-player-tag:not(.player-ready)>input{opacity:.5}.lobby-player-tag>input:focus{outline:none}.player-current>input{color:#37ff1c}.lobby-player-tag>button{border:none;width:15%}.lobby-player-tag>button:nth-child(3){background-color:#2e303c}.lobby-player-tag:not(.player-ready)>button:nth-child(3){opacity:.5}.lobby-player-tag>button>svg{height:50%;transition:.1s ease;width:50%}.lobby-player-tag>button>svg:hover{filter:brightness(200%);transform:scale(1.2)}.lobby .copy-link{height:4vw;margin-bottom:2vw;position:relative;width:100%}.lobby .copy-link>div{background-color:#2e303c;border-bottom-left-radius:2vw;border-top-left-radius:2vw;left:0;padding:1vw 4vw 1vw 2vw;width:calc(100% - 2vw)}.lobby .copy-link>button,.lobby .copy-link>div{display:inline-block;height:100%;position:absolute;top:0}.lobby .copy-link>button{background-color:#4e5161;border:none;border-radius:2vw;box-shadow:0 0 2px 2px #0000001a;padding:1vw;right:0;transition:.25s ease-in;width:4vw}.lobby .copy-link>button:hover{background-color:#686a74}.lobby .copy-link>button>svg{filter:drop-shadow(0 0 7px white);height:75%;width:75%}.error h1{margin-bottom:1vw;text-align:center}.error button,.error h1{font-size:4vw;text-shadow:0 0 7px #fff}.error button{background-color:#5a5d65;border:none;border-radius:.5vw;font-size:2vw;padding:.5vw 1.5vw;transition:.25s ease-in}.error button:hover{background-color:#30d172;text-shadow:0 0 5px #00000080}@keyframes fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.fe024872.css.map*/