*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat', sans-serif}body{background-color:#000}canvas{display:block}button{all:unset}@keyframes out{0%{opacity:1}100%{opacity:0}}@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes bg-fade{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.5)}}.fade-in{animation-name:in;animation-duration:0.5s}.fade-out{animation-name:out;animation-duration:0.5s}.loading{background:transparent;font-size:0;width:30px;height:30px;border-radius:100%;padding:0;border:4px solid #FFFFFF;border-bottom:4px solid transparent;border-left:4px solid transparent;animation-name:spin;animation-duration:0.5s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.root--loading{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:space-around}#graphics{position:absolute;width:100vw;height:100vh;z-index:0;overflow:hidden}.info--container{position:absolute;bottom:20px;width:100%;z-index:998}.info--container .info-box{opacity:1;max-width:800px;margin:10px auto 10px auto;display:flex;padding:15px;align-items:center;border-radius:2px;border-width:1px;border-style:solid}.info--container .info-box svg{width:24px;height:24px}.info--container .info-box .icon{line-height:0;padding-right:15px}.info--container .info-box button{line-height:0;cursor:pointer;background-color:transparent;border:none}.info--container .info-box p{font-size:16px;flex-grow:1;margin-right:50px}.info--container .warning{border-color:#F2EB9E;background-color:#FFF7A7}.info--container .info{background-color:#00c1ec;border-color:#00a3d9;color:#fff}.info--container .info svg{fill:#fff}.info--container .error{background-color:#d90900;border-color:#ff3c00;color:#fff}.info--container .error svg{fill:#fff}.kill--container{position:absolute;right:0;margin:20px}.kill--container>div{right:0;background-color:rgba(0,0,0,0.5);padding:10px;font-size:18px;color:#fff;display:flex;align-items:center}.kill--container svg{fill:#fff;width:50px;margin:0px 10px 0px 10px}.popup--container{position:relative;z-index:997;display:flex;justify-content:space-around;align-items:center;height:100vh;width:100%;background-color:rgba(0,0,0,0.5);animation:bg-fade;animation-duration:1s}@keyframes border-flash{0%{border-color:transparent}100%{border-color:#d90900}}@keyframes fly-in{0%{transform:translateY(calc(-50vh - 150px))}100%{transform:translateY(0%)}}.popup--container .popup--window{z-index:999;background-color:#fff;min-width:350px;border-radius:2px;animation:fly-in;animation-duration:0.5s}.popup--container .popup--window .window--container{display:flex;flex-direction:column;padding:20px}.popup--container .popup--window input[type="text"]{box-sizing:border-box;border:1px solid #ededed;background-color:#fcfaf8;height:60px;padding:5px 5px 5px 15px;font-size:20px;width:320px;outline:none;margin-top:15px}.popup--container .popup--window input[type="text"]:focus{transition:border-width 0.2s ease-in, padding 0.2s ease-in;padding:2px 2px 2px 12px;border-color:#00a3d9;border-width:4px;outline:none}.popup--container .popup--window input[type="text"]::placeholder{font-style:italic;color:#ededed}.popup--container .popup--window input[type="text"].input-error{border-color:#d90900;animation-name:border-flash;animation-duration:0.5s}.popup--container .popup--window .error{display:flex;align-items:center;margin-top:10px;margin-bottom:-5px;font-size:16px}.popup--container .popup--window .error svg{width:24px;height:24px;fill:#d90900}.popup--container .popup--window .error p{padding:5px}.popup--container .popup--window .submit-button{margin-top:15px;display:flex;align-items:center;justify-content:space-around;box-sizing:border-box;border:1px solid #439c61;background-color:#5fba7d;height:60px;color:#fff;cursor:pointer;font-weight:600;font-size:20px;width:320px;padding:5px}.popup--container .popup--window .submit-button-loading{background-color:#439c61}.popup--container .popup--window button svg{fill:#fff}.popup--container .popup--window button:focus{transition:border-width 0.2s ease-in, padding 0.2s ease-in;border:4px solid #439c61;padding:2px}.popup--container .popup--window button:hover,.popup--container .popup--window button:active{transition:background-color 0.2s ease-in;background-color:#439c61}.popup--container .popup--window label{font-size:20px;font-style:italic}.popup--container .popup--window .logo{min-height:150px;border-bottom:1px dashed #ededed}.players{position:absolute;z-index:1;bottom:0;left:0;padding:5px;font-size:16px;color:#fff}.players span{color:red}.outofmap{position:absolute;width:100vw;height:100vh;display:flex;align-items:center;justify-content:space-around;background-color:rgba(0,0,0,0.5);animation:bg-fade;animation-duration:1s}.outofmap>div{display:inline-block;color:#fff;font-size:25px}.outofmap>div div{text-align:center;font-size:65px;color:#ff3c00}