@import "//fonts.googleapis.com/css?family=Ubuntu";#playBtn{background:var(--btnBgGreen);width:180px;position:absolute}#createLobbyBtn{background:var(--btnBgBlue);width:180px;height:36px;font-size:15px;line-height:38px;position:absolute;top:80px}#levelEditorBtn{background:var(--btnBgGreen);width:128px;top:80px;right:var(--padding);height:36px;font-size:11px;line-height:38px;position:absolute}#searchLobbyInput{width:272px;height:24px;color:#fff;border-radius:var(--br);background-color:#0004;padding:4px 4px 4px 8px;font-size:13px;position:absolute;top:132px;left:16px}#searchLobbyInput:focus{background-color:#0008}#refreshLobbiesBtn{top:129px;right:var(--padding);width:20px;height:20px;background:var(--btnBgBlue);border-radius:50px;line-height:20px;position:absolute}#lobbyList{bottom:var(--padding);border-radius:var(--br);width:calc(100% - 24px);height:186px;background-color:#0006;position:absolute;overflow-y:scroll}.lobbyListElement{width:calc(100% - 24px);height:32px;border-radius:var(--br);background-color:#fff6;margin:8px;padding:4px;font-size:14px;position:relative}.lobbyListElement:hover{background-color:#fffa}.lobbyListElementName{float:left;margin-left:8px;font-size:14px;line-height:32px}.lobbyListElementStatus{float:right;color:#fffc;margin-right:16px;font-size:12px;line-height:32px}.menuBtn.lobbyListElementBtn{float:right;width:80px;height:24px;background:var(--btnBgGreen);margin:4px;padding:0;font-size:12px;line-height:24px;position:relative}.dropdown{position:absolute;top:16px;right:16px}#regionDropdownBtn{height:24px;width:104px;text-align:center;background:var(--btnBgRed);border-radius:var(--br);border:1px solid #000a;border-top:2px solid #fff6;border-left:2px solid #fff6;font-size:12px;line-height:24px;position:absolute;top:0;right:0}.dropdown-content{width:104px;border-radius:var(--br);z-index:1;background-color:#000a;display:none;position:absolute;top:25px;right:0;box-shadow:0 8px 16px #0003}.dropdown-content a{color:#fffa;cursor:pointer;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{color:#fff}.dropdown:hover .dropdown-content{display:block}.lookBox{width:64px;height:24px;cursor:pointer;background-color:#000;border:4px solid #fffa;border-radius:8px;position:absolute}#lookBoxMenu{width:calc(100% - 40px);top:52px;left:16px}#lookBoxMenu:hover{border:4px solid #fff;transform:rotate(1deg)scale(1.05)}#lookBoxMenu:active{transform:scale(1)}#nameInput{width:calc(100% - 40px);height:24px;color:#fff;border-radius:var(--br);background-color:#0004;padding:4px 4px 4px 8px;font-size:13px;position:absolute;top:96px;left:16px}#nameInput:focus{background-color:#0008}#controlsBox{top:236px;left:var(--padding);width:196px;height:192px;float:right;border-radius:var(--br);background-color:#0004;padding:16px;font-size:14px;position:absolute}.controlsBoxTitle{color:#fff;text-align:center;width:100%;text-shadow:0 0 #000;font-size:16px;text-decoration:underline}.controlsBoxText{color:#dff;margin-top:7px;font-size:12px}@font-face{font-family:myfont;src:url(assets/fonts/webfont.woff)}*{letter-spacing:2px;font-family:Ubuntu;font-size:14px;font-weight:700}html,body{text-shadow:0 0 4px #000;background-color:#000}html,body,canvas{width:100%;height:100%;-webkit-tap-highlight-color:#fff0;outline:none;margin:0;padding:0;overflow:hidden}div{-webkit-user-select:none;user-select:none;-khtml-user-select:none}input{border:0;margin:0;padding:0}textarea:focus,input:focus{outline:none}img{pointer-events:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff4;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff8}.menuContent{width:600px;height:442px;top:10%;left:calc(50% - 300px - var(--padding));padding:var(--padding);border-radius:var(--br);-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background-color:#0004;display:none;position:absolute}@media screen and (max-height:600px){.menuContent{top:8px}}.menuTitle{font-size:20px;font-weight:700;position:relative}.menuBtn{width:128px;height:48px;cursor:pointer;color:#fff;text-align:center;border-radius:var(--br);background:var(--btnBg);border:1px solid #000a;border-top:2px solid #fff6;border-left:2px solid #fff6;font-family:myfont;font-size:20px;line-height:50px;text-decoration:none;transition:all 50ms;position:relative;box-shadow:0 0 4px #0008}.menuBtn:hover{filter:contrast(1.2)brightness(1.2);transform:rotate(2deg)scale(1.1);box-shadow:0 0 12px #0008}.menuBtn:active{filter:contrast(1.2)brightness(.6);transform:scale(1)}.menuBtn.iconBtn{width:72px;height:36px;padding:6px}.icon{filter:invert();height:100%;width:auto}.menuBtn.doneBtnLeft{left:var(--padding);bottom:var(--padding);position:absolute}.menuBtn.doneBtnCenter{left:calc(50% - 64px);bottom:var(--padding);background:var(--btnBgGreen);position:absolute}#menuWrapper{width:100%;height:100%;background:radial-gradient(#0000 70%,#0008 100%);display:block;position:absolute;top:0;left:0}#loadingMenu{color:#fffa;text-align:center;background:#0008;font-size:24px;display:block}.logo{text-align:center;background:linear-gradient(90deg,#000a 0%,#0000 50%,#000a 100%);border:2px solid #fff;border-left:150px solid #0000;border-right:150px solid #0000;margin-left:auto;margin-right:auto;padding-top:6px;display:block;position:relative}#browserBox{bottom:var(--padding);width:332px;height:342px;right:var(--padding);border-radius:var(--br);background-color:var(--menuCBG);padding:16px;position:absolute}#profileBox{top:84px;left:var(--padding);width:196px;height:108px;float:right;border-radius:var(--br);background-color:var(--menuCBG);padding:16px;position:absolute}#contactBox{color:#fff;position:absolute;bottom:0;left:8px}#partnersBox{color:#fffa;cursor:pointer;font-size:12px;position:absolute;bottom:8px;right:8px}#partnersBox:hover{color:#fff}#partnersList{border-radius:var(--br);-webkit-user-select:text;user-select:text;background-color:#000a;padding:8px;font-size:12px;line-height:24px;display:none;position:absolute;bottom:48px;right:8px}#partnersList a{color:#fff;-webkit-user-select:text;user-select:text;text-decoration:none}#lobbySettings{width:320px;height:432px;top:calc(var(--padding) + 48px);left:var(--padding);color:#fff;position:absolute}#inviteLinkLobby{float:left;width:224px;height:40px;border-radius:var(--br);cursor:pointer;background-color:#0004;padding-left:4px;padding-right:8px;font-size:12px;line-height:40px;overflow:hidden}#inviteLinkLobby:hover{background-color:#0008}#copyInviteLobbyBtn{width:64px;height:24px;float:right;background:var(--btnBgBlue);margin:0;font-size:12px;line-height:24px}#lobbySettingsHost{width:100%;height:298px;display:none;position:absolute;top:96px}.menuBtn.iconBtn.lobbyVisibilityBtn{width:88px;height:24px;font-size:12px;line-height:24px;position:absolute;bottom:268px}.lobbyVisibilitySBtn{background:var(--btnBgBlue)}#lobbyPublicBtn{left:116px}#lobbyPrivateBtn{left:0}#lobbyMapPreview{width:320px;height:160px;border-radius:var(--br);background-color:#0008;position:absolute;top:160px;left:0;overflow:hidden}#lobbyMapPreviewCover{width:100%;height:100%;background:radial-gradient(#0000,#000a);position:absolute;top:0;left:0}#lobbyMapPreviewCustom{text-align:center;width:240px;height:160px;display:none;position:absolute;top:64px;left:42px}#lobbyMapPreviewCustomTitle{color:#fff;line-height:16px;position:relative}#lobbyMapPreviewCustomLink{color:#fff;margin-top:8px;line-height:16px;position:relative}#lobbyMapPreviewCustomInput{width:100%;margin-top:32px;position:relative;left:0}#lobbyMapPreviewCustomLabel{width:128px;font-size:14px;position:relative;top:8px}#lobbyMapPreviewName{width:100%;color:#fff;text-align:center;position:absolute;top:128px}.menuBtn.iconBtn.lobbyMapBtn{width:32px;box-shadow:none;background:0 0;border:0;position:absolute;bottom:130px}#lobbyMapPBtn{left:0}#lobbyMapNBtn{right:0}#startLobbyBtn{background:var(--btnBgGreen);position:absolute;bottom:0;right:0}#waitTextLobby{color:#fff;font-size:14px;position:absolute;bottom:16px;right:16px}#lobbyPlayers{width:256px;height:360px;top:calc(var(--padding) + 48px);right:var(--padding);color:#fff;position:absolute}#lobbyPlayersList{width:256px;height:316px;background-color:var(--menuCBG);border-radius:var(--br);position:absolute;top:44px;overflow-y:scroll}#lobbyPlayersTitle{border-radius:var(--br);background-color:#fff2;padding:8px 24px 8px 16px;font-size:15px;line-height:18px}#lobbyPlayersAmount{float:right;color:#fffa;height:16px;font-size:14px;line-height:18px}.lobbyPlayersElement{width:calc(100% -16px);height:24px;border-radius:var(--br);background-color:#fff4;margin:8px;padding:4px 4px 4px 8px;font-size:14px;line-height:24px;position:relative}.lobbyPlayersElementName{top:4px;left:8px}.lobbyPlayersElementStatus{width:16px;height:16px;position:absolute;top:6px;right:8px}.lobbyPlayersElementKick{width:20px;height:20px;cursor:pointer;position:absolute;top:6px;right:8px}.lobbyPlayersElementKick:hover{background-color:#0007}.lobbyPlayersElementKick:active{background-color:#000a}.lobbyPlayersElementLook{width:32px;height:16px;border-radius:var(--br);background-color:#fff;position:absolute;top:8px;right:32px}#lobbyEndInfo{color:#ccc;font-size:18px}#lobbyEndTable{border-collapse:collapse;border-spacing:0;color:#fff;table-layout:fixed;width:100%;border:1px solid #fff;margin-top:8px}#lobbyEndTable thead th{text-align:left;background-color:#0000;border:1px solid #fff;padding:10px}#lobbyEndTable tbody tr{color:#ccc}#lobbyEndTable tbody td{border:1px solid #dee;padding:10px}.canvasCover{width:100%;height:100%;pointer-events:none;position:absolute;top:0;left:0}#canvasCoverRespawn{-webkit-backdrop-filter:blur(8px)saturate(0);-webkit-backdrop-filter:blur(8px)saturate(0);backdrop-filter:blur(8px)saturate(0);opacity:0;color:#fff;text-align:center;text-shadow:0 0 8px #000;padding-top:35vh;font-size:40px;transition:all 1s}#canvasCoverDmg{opacity:0;background:radial-gradient(#0000,#8008);transition:all .2s}#canvasCoverAnnouncement{opacity:0;color:#fff;text-align:center;text-shadow:0 0 8px #0008;padding-top:20vh;font-size:40px;transition:all .3s}#canvasCoverMenu{opacity:1;background-color:#000;transition:all 1s}#settingsToggleBtn{opacity:.7;z-index:1;transition:all .1s;top:16px;left:16px}#settingsToggleBtn:hover{opacity:1}#settings{width:120px;height:112px;border-radius:var(--br);background-color:#0004;display:none;position:absolute;top:8px;left:8px}.menuBtn.iconBtn.toggleBtn{width:24px;height:24px;border-radius:50px;line-height:24px;position:absolute;top:8px}#sndToggleBtn{left:72px}#settingsSenseSlider{width:108px;color:#fff;line-height:20px;position:absolute;top:64px;left:8px}#settingsSenseSlider input[type=range]{appearance:none;height:5px;width:100%;background:#aaa8;border-radius:5px;margin-right:0}#settingsSenseSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;cursor:pointer;background:#aaa;border-radius:50%;transition:all .1s;box-shadow:0 0 2px #555}#settingsSenseSlider input[type=range]::-webkit-slider-thumb:hover{height:18px;width:18px;background:#fff}#settingsSenseSlider input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;background:0 0;border:none}#stats{height:352px}#statsPing{color:#fff;font-size:12px;position:absolute;top:6px;right:16px}#statsTable{border-collapse:collapse;border-spacing:0;color:#fff;table-layout:fixed;width:100%;border:1px solid #fff;margin-top:8px}#statsTable thead th{text-align:left;background-color:#0000;border:1px solid #fff;padding:10px}#statsTable tbody tr{color:#ccc}#statsTable tbody td{border:1px solid #dee;padding:10px}#mobileInput{width:100%;height:100%;display:none;position:absolute;top:0;left:0}#joystick{width:450px;height:450px;pointer-events:auto;position:absolute;bottom:0;left:0}.mobileButton{width:150px;height:150px;pointer-events:auto;background-color:#fff4;border-radius:50%;position:absolute}#jumpMobileButton{width:120px;height:120px;bottom:25px;left:calc(100% - 320px)}#attackMobileButton{width:150px;height:150px;bottom:40px;left:calc(100% - 190px)}#equipMobileButton{width:120px;height:120px;bottom:200px;left:calc(100% - 145px)}#tabMobileButton{width:80px;height:80px;top:25px;left:calc(100% - 105px)}.mobileButtonInner{width:100%;height:100%;background-color:#fff4;border-radius:50%;transition:all .1s;position:absolute;top:0%;left:0%;overflow:hidden}.mobileButtonInner img{width:100%;height:100%;opacity:.3}:root{--padding:16px;--br:8px;--btnBg:linear-gradient(142deg,#445 0%,#223 100%);--btnBgGreen:linear-gradient(142deg,#050 0%,#030 100%);--btnBgRed:linear-gradient(142deg,#500 0%,#300 100%);--btnBgBlue:linear-gradient(142deg,#068 0%,#034 100%);--menuCBG:#fff2}