:root{--border-radius:5px;--gray:#1b1a1a;--black:#0f0e12;--lightblue:#5bfcff;--blue:#0074c2;--sidebar-width:240px;--menubar-height:66px}@font-face{font-family:Poppins;src:local("Poppins"),url(/fonts/Poppins-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Poppins;src:local("Poppins"),url(/fonts/Poppins-Bold.ttf) format("truetype");font-weight:700}*{box-sizing:border-box;padding:0;margin:0}body,html{overflow-x:hidden;font-family:Poppins,Arial}body{color:#fff;background:var(--black)}a{color:inherit;text-decoration:none}.main_ctn{min-height:100vh;flex-direction:column}.info_ctn,.main_ctn{width:100%;position:relative;background-color:var(--black);display:flex}.info{padding:0 20px;height:var(--menubar-height);align-items:center;justify-content:space-between}.content_ctn,.info{width:100%;display:flex}.content_ctn{position:relative;height:calc(100vh - var(--menubar-height))}.grid_ctn{width:calc(100% - var(--sidebar-width));position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--black)}.grid_ctn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/map-bg.jpg) no-repeat 50%;background-size:cover}.grid{display:grid;position:relative;background-color:var(--gray);border:1px solid #707070;aspect-ratio:1/1;overflow:hidden;animation:scale-in-center 1s forwards}.loading{font-size:16px;color:#fff;z-index:99}@keyframes scale-in-center{0%{transform:scale(0) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}.sidebar_ctn{width:var(--sidebar-width);position:relative;background-color:var(--black);height:calc(100vh - var(--menubar-height));overflow-y:scroll;overflow-x:hidden;animation:slidein 1s forwards}@keyframes slidein{0%{transform:translateX(100%)}to{transform:translateX(0)}}.widget_ctn{width:var(--sidebar-width);min-height:330px}.widget_off_ctn{height:100%;padding:10px;height:330px}.widget_off_ctn,.widget_off_inner{display:flex;align-items:center;justify-content:center;font-size:14px}.widget_off_inner{height:100%;padding:20px;border:1px dotted #fff}.leaderboard-ctn{width:var(--sidebar-width);display:flex;flex-direction:column;padding:20px}.leaderboard-ctn h3{font-weight:500;font-size:16px;text-align:center;margin-bottom:10px}.menubtn_ctn_outer{position:relative;height:100%;width:40px;display:flex;align-items:center}.menubtn_ctn{opacity:0;top:0;right:0;width:40px!important;margin:0!important;border:none!important;background-color:transparent;padding:0!important}.menubtn_ctn:checked+.menu_btn>span{transform:rotate(45deg)}.menubtn_ctn:checked+.menu_btn>span:before{top:0;transform:rotate(0deg);width:100%}.menubtn_ctn:checked+.menu_btn>span:after{top:0;transform:rotate(90deg);width:100%}.menu_btn{position:absolute;right:0;width:30px;height:40px;cursor:pointer;z-index:99999}.menu_btn>span,.menu_btn>span:after,.menu_btn>span:before{display:block;position:absolute;width:100%;height:3px;background-color:#fff;transition-duration:.25s;top:19px;border-radius:4px}.menu_btn>span:before{content:"";top:-8px;width:80%}.menu_btn>span:after{content:"";top:8px;width:60%}.widget-off-ctn{display:flex;align-items:center;justify-content:center;padding:30px;text-align:center;font-size:14px}.info_ctn h2{margin:0;font-size:25px;line-height:1em;position:relative;display:inline-block}.info_ctn h2:after{content:"alpha";position:absolute;font-size:10px;right:-35px;bottom:0;top:0;font-weight:400;opacity:.6}.info_ctn span{font-size:10px;margin:0;line-height:1em;text-transform:uppercase;letter-spacing:2px}.info-box{position:absolute;top:0;left:0;width:100%;min-height:100%;background-color:var(--black);z-index:99999;padding:20px;line-height:1.8em;font-size:14px}.info-box,.title{display:flex;flex-direction:column}.info-box button{margin-top:30px;display:inline-block;padding:5px 0;cursor:pointer}.info-box ul{padding:0 0 0 15px}.info-box li{margin-top:10px}.menu-items-ctn{display:flex;flex-direction:column;position:absolute;right:-80px;opacity:0;top:0;z-index:9999;background-color:var(--black);height:100%;padding:20px;width:var(--sidebar-width);align-items:flex-end;transition:all .2s ease-in-out}.menu-item{text-transform:uppercase;letter-spacing:2px;cursor:pointer;margin:0 0 10px;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-item:hover{color:var(--blue)}.sound-toggle{display:flex;align-items:center;justify-content:flex-end}.sound-toggle span{margin-right:5px}.pixel{width:100%;height:100%;background-color:var(--black);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-right:1px solid var(--gray);border-bottom:1px solid var(--gray);box-sizing:border-box}.pixel:hover{background-color:#fff!important}.pixel:hover:before{content:"";position:absolute;width:50px;height:50px;border-radius:100px;border:1px solid #c5c5c5;z-index:99999;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.delete-pixel{color:#fff;background-color:#dc0000;padding:2px 50px;font-size:14px;text-transform:uppercase;letter-spacing:2px}.selected{background-color:#fff!important;position:relative;animation:click_pixel .4s ease-in-out forwards}.selected:after{content:"";position:absolute;width:40px;height:40px;border-radius:100px;border:1px solid #bcbcbc;z-index:999999;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;box-shadow:0 0 20px hsla(0,0%,100%,.5)}.animate-pixel{animation:add_pixel 1.9s ease-in-out forwards;background:#fff;transition:all .2s ease-in-out}@keyframes add_pixel{0%{transform:scale(1);z-index:999999}50%{transform:scale(10) rotate(-1turn);z-index:999999}to{transform:scale(1);z-index:999999}}.animate-delete-pixel{animation:delete_pixel 1s ease-in-out forwards;background:#000;transition:all .2s ease-in-out}@keyframes delete_pixel{0%{transform:scale(1);z-index:999999}50%{transform:scale(2);z-index:999999}to{transform:scale(0);z-index:999999}}.animate-pixel_click{animation:click_pixel .4s ease-in-out forwards}@keyframes click_pixel{0%{transform:scale(1);z-index:999999}10%{transform:scale(2);z-index:999999}to{transform:scale(1);z-index:999999}}.tip{font-size:12px;color:#707070;margin-top:20px;line-height:1.3em;padding-left:15px}.tip a{color:#0074c2}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background-color:#000}::-webkit-scrollbar-thumb{background-color:#0074c2}.leaderboard-item{margin-bottom:5px;display:flex;width:200px;align-items:center;justify-content:space-between;cursor:pointer}.lb-rank{opacity:.6;width:20px;text-align:left;font-size:12px}.lb-address{flex-grow:2;padding-left:5px;transition:all .2s ease-in-out;font-size:14px}.leaderboard-item:hover{background-color:#262626}.lb-count{color:#fff;font-weight:600;font-size:12px;display:flex;align-items:center}.lb-color{width:4px;height:20px;border-radius:4px;margin-left:5px}.arrow_ctn{margin-bottom:30px}.arrow,.arrow_ctn,.deletearrow{display:flex;align-items:center}.arrow,.deletearrow{width:20%;height:50px;justify-content:center;box-sizing:border-box;position:relative;border-bottom:1px solid #707070;-webkit-user-select:none;-moz-user-select:none;user-select:none}.deletearrow{border-right:1px solid #707070}.arrow:first-child{border-left:1px solid #707070}.arrow:first-child:after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}.arrow:nth-child(2){border-left:1px solid #707070}.arrow:nth-child(4):after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}.arrow:nth-child(3){border-left:1px solid #707070}.arrow:nth-child(2):after{content:"";border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff}.arrow:nth-child(4){border-left:1px solid #707070;border-right:1px solid #707070}.arrow:nth-child(3):after{content:"";border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff}.welcome-message-ctn{height:100vh;background-color:rgba(14,13,17,.6);position:absolute;z-index:999999}.welcome-message,.welcome-message-ctn{width:100%;display:flex;align-items:center;justify-content:center}.welcome-message{max-width:650px;padding:30px;background-color:var(--black);border:1px solid #707070;border-radius:5px;flex-direction:column;text-align:center;animation:scale-in 1s forwards}.welcome-message h4{font-size:24px;margin:0 0 10px}.welcome-message p{margin-bottom:20px;font-size:16px;line-height:1.8em}.welcome-message button{padding:10px 25px;background-color:var(--black);color:#fff;border:1px solid #fff;cursor:pointer;border-radius:3px;transition:all .2s ease-in-out}.welcome-message button:hover{background-color:#fff;color:var(--black);box-shadow:0 0 20px hsla(0,0%,100%,.5)}@keyframes scale-in{0%{transform:scale(.5)}to{transform:scale(1)}}@media (max-width:990px){.content_ctn{flex-direction:column;height:unset}.grid_ctn{width:100%}.grid_ctn:before{display:none}.grid{width:100%}.sidebar_ctn{width:100%;height:auto}.widget_ctn{position:relative;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.widget_off_ctn{height:100px}.leaderboard-ctn{width:100%;position:relative;display:flex;flex-direction:column;padding:20px;top:unset}.leaderboard-item{width:100%}.leaderboard-ctn h3{font-weight:500;font-size:16px;text-align:center;margin-bottom:10px}.menu-item{font-size:12px;align-self:flex-end}.pixel{border-radius:0}.menu-items-ctn{width:100%;height:100%}.welcome-message-ctn{width:100%;min-height:100vh;height:unset}.welcome-message{width:100%;padding:20px}.welcome-message h4{font-size:18px}.welcome-message p{margin-bottom:15px;font-size:14px;line-height:1.3em}.delete-pixel{display:none}}