@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap");html,body{width:100%;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}ul{list-style-type:none}a{color:#fff;text-decoration:none}.s-hidden{visibility:hidden;display:none}.select{user-select:none}.styledSelect{padding:10px;font-weight:bold}.styledSelect:after{content:"";width:0;height:0;border:5px solid transparent;border-color:black transparent transparent transparent;position:absolute;top:9px;right:6px}.options{display:none;margin:0 0;padding:0 0;list-style:none;border:1px solid #ccc;background-color:white;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2)}.options li{padding:0 6px;margin:0 0;padding:0 10px;background:#333}.options li:hover{background-color:#F3C623;color:#333}::-webkit-scrollbar{width:10px;background:#333}::-webkit-scrollbar-thumb{background:#F3C623}.loader_wrapper{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;background:#292929;z-index:9999}.loader{border:16px solid #fff;border-top:16px solid #F3C623;border-radius:50%;width:120px;height:120px;animation:spin 2s ease infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}nav{width:100vw;height:70px;position:fixed;top:0;display:flex;justify-content:space-between;background:transparent;transition:0.5s;z-index:1000}nav.nav-collapse{background:rgba(0,0,0,0.5);height:90px}nav .menu-icons{width:100%;display:flex;justify-content:center;align-items:center}nav .menu-icons a{color:#F3C623;text-align:center;font-family:Raleway;font-size:24px;font-weight:700;letter-spacing:0.36px;margin:0 10px}nav .menu-icons .profile-box{-webkit-user-select:none;user-select:none;position:relative;display:flex;justify-content:center;align-items:center;margin:0 20px;cursor:pointer}nav .menu-icons .profile-box .pfp{width:50px;height:50px;border-radius:6px;margin-right:10px;image-rendering:pixelated}nav .menu-icons .profile-box .dropdown{display:flex;flex-direction:column;padding:15px 10px;position:absolute;opacity:1;top:calc(100% + 5px);border-radius:3px;width:200px;background:#1d1d1d;visibility:hidden;cursor:auto;transition:0.3s}nav .menu-icons .profile-box .dropdown.dropdown-hidden{opacity:0}nav .menu-icons .profile-box .dropdown a{text-align:left;color:#F3C623;font-size:20px;padding:5px;font-weight:bold}@media (max-width: 1023px){nav .menu-links a{font-size:1.5em}nav .menu-icons .profile-box .pfp{width:45px;height:45px}.dropdown{right:0%}}@media (max-width: 640px){nav .menu-links a{font-size:1em;margin:0 4px}nav .menu-icons .profile-box .pfp{width:45px;height:45px}.dropdown{right:0%}}footer{font-family:'Montserrat', 'Raleway', sans-serif;background:#232323;padding:30px 10px;display:flex;justify-content:center;align-items:center;color:#fff}footer .container{display:flex;align-items:center;row-gap:25px;width:100%;max-width:1320px}footer .container .credits{flex:3 1 40%;display:flex;align-items:center}footer .container .credits img{width:64px;margin-right:15px}footer .container .credits .authors{text-align:center}footer .container .credits .authors span{color:#6d6d6d}footer .container .important-links{flex:2 2 40%;display:flex;justify-content:center;align-items:center}footer .container .important-links a{color:rgba(255,255,255,0.6);transition:color 0.5s cubic-bezier(0.58, 0.65, 0.31, 0.73)}footer .container .important-links a:hover{color:#fff}footer .container .social-media{flex:1 2 20%;display:flex;justify-content:center;align-items:center}footer .container .social-media .media-icon{margin-left:10px;color:rgba(255,255,255,0.6);display:flex;transition:color 0.5s cubic-bezier(0.58, 0.65, 0.31, 0.73)}footer .container .social-media .media-icon:hover{color:#fff}footer .container .social-media .media-icon svg{width:26px;height:26px}@media (max-width: 1023px){footer .container{max-width:90%;flex-direction:column}}@keyframes fade-up{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes sploosh-offline{0%{box-shadow:0 0 0 0px rgba(225,71,71,0.7);background:rgba(225,71,71,0.7)}80%{background:rgba(223,66,139,0)}100%{box-shadow:0 0 0 8px rgba(205,66,223,0)}}@keyframes sploosh-online{0%{box-shadow:0 0 0 0px rgba(71,225,141,0.7);background:rgba(71,225,141,0.7)}80%{background:rgba(66,166,223,0)}100%{box-shadow:0 0 0 8px rgba(66,166,223,0)}}@keyframes pulse{0%{-webkit-transform:scale(1)}3.3%{-webkit-transform:scale(1.1)}16.5%{-webkit-transform:scale(1)}33%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}body{background:#232323;color:#F3C623;font-family:'Raleway', Tahoma, Geneva, Verdana, sans-serif;display:flex;flex-direction:column}main{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:url("../img/background.jpg");background-position:center;background-size:cover;background-repeat:no-repeat}main #logo-title{width:85vw;height:110px}main .copy-ip{color:#F3C623;margin-top:50px;font-weight:900;font-size:26px;cursor:pointer}main .copy-info{color:#fff;display:flex;align-items:center}main .copy-info .mouse-click{width:30px}main .server-status{position:absolute;bottom:200px;display:flex;align-items:center;color:#fff}main .server-status .server-status-icon{border:0;width:10px;height:10px;border-radius:50%;display:block;animation:pulse 2s ease-out;animation-iteration-count:infinite}main .server-status .server-status-icon .wave{position:absolute;top:0;left:0;border:0;width:10px;height:10px;border-radius:50%}main .server-status .server-status-icon .wave:nth-child(2){animation-delay:.33s}main .server-status .server-status-icon.offline{background-color:#e14747}main .server-status .server-status-icon.offline .wave{animation:sploosh-offline 2s cubic-bezier(0.165, 0.84, 0.44, 1);animation-iteration-count:infinite}main .server-status .server-status-icon.online{background-color:#47e18d}main .server-status .server-status-icon.online .wave{animation:sploosh-online 2s cubic-bezier(0.165, 0.84, 0.44, 1);animation-iteration-count:infinite}main .server-status .server-status-info{font-family:'Montserrat', sans-serif;font-size:22px;margin-left:14px}section{height:100vh}section.moderation{position:relative;overflow:hidden;background:#272727;display:flex;justify-content:center;align-items:center}section.moderation .background-arrow{position:absolute;left:-15%;width:100%;height:200%;clip-path:polygon(100% 50%, 0 0, 0 100%);color:#F3C623;background:#1E1E1E;transition:1s}section.moderation .background-arrow.background-arrow-animation{width:200%;height:300%}section.moderation .background-title{position:absolute;right:3%;font-size:8vw;color:rgba(243,198,35,0.7);opacity:1;transition:1s}section.moderation .background-title.background-title-animation{font-size:15vw;right:-50%;opacity:0}section.moderation .mod-container{position:relative;width:100%;height:80%}section.moderation .mod-container .mod-section:nth-child(1){right:calc(100% - 100px);z-index:10}section.moderation .mod-container .mod-section:nth-child(2){right:calc(100% - 200px);z-index:9}section.moderation .mod-container .mod-section:nth-child(3){right:calc(100% - 300px);z-index:8}section.moderation .mod-container .mod-section:nth-child(4){right:calc(100% - 400px);z-index:7}section.moderation .mod-container .mod-section{position:absolute;display:flex;height:100%;transition:1s}section.moderation .mod-container .mod-section.mod-section-disabled{right:100% !important}section.moderation .mod-container .mod-section.mod-section-enabled{right:4% !important}section.moderation .mod-container .mod-section .section-caption{display:flex;justify-content:center;align-items:center;width:80px;height:100%;background:#232323;color:transparent;-webkit-text-stroke:2px #fff;font-size:42px;font-weight:800;text-orientation:upright;writing-mode:vertical-lr;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}section.moderation .mod-container .mod-section .section-content{width:95vw;height:100%;background:#171717;display:flex;align-items:center;padding:0 40px;overflow-x:scroll}section.moderation .mod-container .mod-section .section-content::-webkit-scrollbar{display:none}section.moderation .mod-container .mod-section .section-content .mod-card-container{display:flex;flex:1 0 0;justify-content:center}section.moderation .mod-container .mod-section .section-content .mod-card-container .mod-card{display:flex;flex-direction:column;align-items:center}section.moderation .mod-container .mod-section .section-content .mod-card-container .mod-card .card-info{text-align:center}section.moderation .mod-container .mod-section .section-content .mod-card-container .mod-card .card-info .card-info-name{font-size:32px;font-family:'Montserrat'}section.moderation .mod-container .mod-section .section-content .mod-card-container .mod-card .card-info .card-info-rank{font-size:26px;color:red}section.playertop{background:#1E1E1E;height:revert;color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:75px 0}section.playertop .top{align-items:center;display:flex;flex-direction:column;padding-bottom:50px}section.playertop .top .title{text-align:center;font-size:100px;font-weight:600;margin-bottom:50px;color:#F3C623}section.playertop .top .gamemode,section.playertop .top .content{display:flex;justify-content:center}section.playertop .top .gamemode button,section.playertop .top .content button{font-size:28px;margin:0 5px;font-family:'Montserrat';font-weight:200;background:none;border:none;color:#fff;cursor:pointer}section.playertop .top .gamemode button::after,section.playertop .top .content button::after{content:'';display:block;width:0;height:1px;background:#fff;transition:width .3s}section.playertop .top .gamemode button:hover::after,section.playertop .top .content button:hover::after{width:100%}section.playertop .top .gamemode{width:fit-content;margin-bottom:20px}section.playertop .top .gamemode button:not(:last-child){border-right:#fff 2px solid}section.playertop .top .gamemode button{font-weight:800;color:#F3C623;text-transform:uppercase;font-size:2em;padding:0px 15px;margin:0}section.playertop .top .content .categories{text-align:center}section.playertop .top .content .player-search{display:flex}section.playertop .top .content .player-search .search-bar{box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25);padding:10px;display:flex;justify-content:space-around;background:#fff}section.playertop .top .content .player-search .search-bar .search{border:none;font-family:'Raleway', Tahoma, Geneva, Verdana, sans-serif;width:75%;font-size:16px;border-bottom:1px solid #333}section.playertop .top .content .player-search .search-bar button{margin:0;padding:0;border:none;background:transparent;color:#F3C623;font-size:16px}section.playertop .bottom{display:flex}section.playertop .bottom .left,section.playertop .bottom .right{flex:2 3 350px;position:relative}section.playertop .bottom .left .card-slot,section.playertop .bottom .right .card-slot{position:absolute;display:flex;justify-content:center;align-items:center;top:50%;left:50%;width:300px;height:500px;border-radius:9px;background:#292929;transform:translate(-50%, -50%);box-shadow:-20px -20px 20px 0px rgba(45,45,45,0.05) inset,20px 20px 20px 0px rgba(0,0,0,0.14) inset}section.playertop .bottom .left .card-slot img,section.playertop .bottom .right .card-slot img{width:100px}section.playertop .bottom .left .profile-card,section.playertop .bottom .right .profile-card{position:absolute;top:45%;width:300px;height:500px;border-radius:9px;background:#F3C623;box-shadow:0 0 150px rgba(24,24,24,0.6);display:flex;flex-direction:column}section.playertop .bottom .left .profile-card .profile-header,section.playertop .bottom .right .profile-card .profile-header{background:#2b2b2b;color:#fff;text-align:center;padding:20px 0;border-radius:7px 7px 0 0;display:flex;flex-direction:column;align-items:center}section.playertop .bottom .left .profile-card .profile-header .profile-remove,section.playertop .bottom .right .profile-card .profile-header .profile-remove{background:none;border:none;cursor:pointer;position:absolute;right:15px;top:15px;opacity:0.5;transition:0.5s}section.playertop .bottom .left .profile-card .profile-header .profile-remove:hover,section.playertop .bottom .right .profile-card .profile-header .profile-remove:hover{opacity:0.8}section.playertop .bottom .left .profile-card .profile-header .profile-remove img,section.playertop .bottom .right .profile-card .profile-header .profile-remove img{width:28px}section.playertop .bottom .left .profile-card .profile-header .profile-avatar,section.playertop .bottom .right .profile-card .profile-header .profile-avatar{margin:10px 0}section.playertop .bottom .left .profile-card .profile-header .profile-avatar canvas,section.playertop .bottom .right .profile-card .profile-header .profile-avatar canvas{width:74px;height:74px;border-radius:10px}section.playertop .bottom .left .profile-card .profile-header .profile-name,section.playertop .bottom .right .profile-card .profile-header .profile-name{font-size:24px;font-family:'Montserrat';font-weight:300}section.playertop .bottom .left .profile-card .profile-header .profile-rank,section.playertop .bottom .right .profile-card .profile-header .profile-rank{font-size:20px;font-weight:700}section.playertop .bottom .left .profile-card .profile-info,section.playertop .bottom .right .profile-card .profile-info{font-family:'Montserrat', sans-serif}section.playertop .bottom .left .profile-card .profile-info .profile-record,section.playertop .bottom .right .profile-card .profile-info .profile-record{font-size:20px;padding:12px;color:#292929;font-weight:500;display:flex;justify-content:center;column-gap:10px}section.playertop .bottom .left .profile-card .profile-info .profile-record:nth-child(2),section.playertop .bottom .right .profile-card .profile-info .profile-record:nth-child(2){background:#292929;color:#fff}section.playertop .bottom .left .profile-card .profile-info .profile-record:nth-child(4),section.playertop .bottom .right .profile-card .profile-info .profile-record:nth-child(4){background:#292929;color:#fff}section.playertop .bottom .left .profile-card .profile-info .profile-record:nth-child(6),section.playertop .bottom .right .profile-card .profile-info .profile-record:nth-child(6){background:#292929;color:#fff}section.playertop .bottom .left .profile-card .profile-info .profile-record .value,section.playertop .bottom .right .profile-card .profile-info .profile-record .value{font-weight:700}section.playertop .bottom .left .profile-card .profile-info .profile-record img,section.playertop .bottom .right .profile-card .profile-info .profile-record img{width:24px;height:24px}section.playertop .bottom .left .profile-card .profile-info .profile-record .profile-exp .progress-info,section.playertop .bottom .right .profile-card .profile-info .profile-record .profile-exp .progress-info{font-size:16px;display:flex;column-gap:3px}section.playertop .bottom .left .profile-card .profile-info .profile-record .profile-exp .progress-bar,section.playertop .bottom .right .profile-card .profile-info .profile-record .profile-exp .progress-bar{width:100px;height:7px;background:rgba(255,255,255,0.8)}section.playertop .bottom .left .profile-card .profile-info .profile-record .profile-exp .progress-bar .progress-fill,section.playertop .bottom .right .profile-card .profile-info .profile-record .profile-exp .progress-bar .progress-fill{height:100%;width:30%;background:#57c0ff}section.playertop .bottom .left .profile-card{left:-50%;transform:translate(-50%, -50%)}section.playertop .bottom .right .profile-card{right:-50%;transform:translate(50%, -50%)}section.playertop .bottom .middle{flex:3 1 35%;display:flex;justify-content:center;align-items:center;background:#232323;padding-bottom:50px;overflow:hidden}section.playertop .bottom .middle .leaderboard{width:70%;transition:transform 1.5s}section.playertop .bottom .middle .leaderboard .leaderboard-top{margin:30px 0}section.playertop .bottom .middle .leaderboard .leaderboard-top .top3{display:flex;justify-content:space-between}section.playertop .bottom .middle .leaderboard .leaderboard-top .top3 .player-record{width:calc(100% / 3);height:-webkit-fill-available;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform 0.3s;border-radius:5px;margin:5px 10px;padding:10px 0}section.playertop .bottom .middle .leaderboard .leaderboard-top .top3 .player-record:hover{transform:scale(1.05)}section.playertop .bottom .middle .leaderboard .leaderboard-top .top3 .player-record .head .avatar{width:74px;border-radius:10px}section.playertop .bottom .middle .leaderboard .leaderboard-top .top3 .player-record .player-name{font-size:22px;text-align:center;font-weight:600}section.playertop .bottom .middle .leaderboard .leaderboard-top .top3 .player-record:nth-child(1){margin-top:70px}section.playertop .bottom .middle .leaderboard .leaderboard-top .top3 .player-record:nth-child(3){margin-top:120px}section.playertop .bottom .middle .leaderboard .leaderboard-top .top3 .player-record .score{font-family:'Montserrat', sans-serif;text-align:center}section.playertop .bottom .middle .leaderboard .leaderboard-top .top3 .player-record>img{width:100px;margin-top:20px}section.playertop .bottom .middle .leaderboard .leaderboard-bottom{display:flex;justify-content:center;font-size:18px}section.playertop .bottom .middle .leaderboard .leaderboard-bottom .top10{width:100%;display:flex;flex-direction:column;background:#1E1E1E;color:#1d1d1d;border-radius:5px;padding:20px}section.playertop .bottom .middle .leaderboard .leaderboard-bottom .top10 .player-record{display:flex;justify-content:space-between;align-items:center;background:#F3C623;border-radius:2px;padding:7px 10px;margin:5px 0;cursor:pointer;transition:transform 0.3s}section.playertop .bottom .middle .leaderboard .leaderboard-bottom .top10 .player-record:hover{transform:scale(1.05)}section.playertop .bottom .middle .leaderboard .leaderboard-bottom .top10 .player-record .place{font-weight:600;flex:0 1 20px;text-align:center}section.playertop .bottom .middle .leaderboard .leaderboard-bottom .top10 .player-record .head{display:flex;align-items:center;margin:0 10px;flex:0 1 32px;margin-bottom:5px}section.playertop .bottom .middle .leaderboard .leaderboard-bottom .top10 .player-record .head .avatar{width:32px;border-radius:4px}section.playertop .bottom .middle .leaderboard .leaderboard-bottom .top10 .player-record .player-name{flex:2 1 30%;text-align:center;font-weight:500}section.playertop .bottom .middle .leaderboard .leaderboard-bottom .top10 .player-record .score{display:flex;justify-content:flex-end;flex:3 1 30%;text-align:end;font-family:'Montserrat'}#box_message{display:none;position:fixed;bottom:10px;right:10px;background-color:#333;padding:10px;border-radius:5px;transition:0.5s all ease;opacity:0}#logo-title path:nth-of-type(1){stroke-dasharray:439.276123046875px;stroke-dashoffset:439.276123046875px;animation-duration:2s;animation-timing-function:ease;animation-direction:normal;animation-fill-mode:forwards}#logo-title path:nth-of-type(2){stroke-dasharray:297.21600341796875px;stroke-dashoffset:297.21600341796875px;animation-duration:2s;animation-delay:0.3s;animation-timing-function:ease;animation-fill-mode:forwards}#logo-title path:nth-of-type(3){stroke-dasharray:406.23089599609375px;stroke-dashoffset:406.23089599609375px;animation-duration:2s;animation-delay:0.6s;animation-timing-function:ease;animation-fill-mode:forwards}#logo-title path:nth-of-type(4){stroke-dasharray:423.9760437011719px;stroke-dashoffset:423.9760437011719px;animation-duration:2s;animation-delay:0.9s;animation-timing-function:ease;animation-fill-mode:forwards}#logo-title path:nth-of-type(5){stroke-dasharray:460.96185302734375px;stroke-dashoffset:460.96185302734375px;animation-duration:2s;animation-delay:1.2s;animation-timing-function:ease;animation-fill-mode:forwards}#logo-title path:nth-of-type(6){stroke-dasharray:680.8717651367188px;stroke-dashoffset:680.8717651367188px;animation-duration:2s;animation-delay:1.5s;animation-timing-function:ease;animation-fill-mode:forwards}#logo-title path:nth-of-type(7){stroke-dasharray:423.9762268066406px;stroke-dashoffset:423.9762268066406px;animation-duration:2s;animation-delay:1.8s;animation-timing-function:ease;animation-fill-mode:forwards}@keyframes logo-title-anim{100%{stroke-dashoffset:0}}@keyframes profile-left{to{left:50%}}@keyframes profile-right{to{right:50%}}@keyframes profile-vertical{to{top:50%;box-shadow:0 0 50px rgba(65,65,65,0)}}@media (max-width: 1600px){section.playertop .bottom .middle .leaderboard{width:500px}}@media (max-width: 1200px){section.moderation .mod-container .mod-section:nth-child(1){right:calc(100% - 95px);z-index:10}section.moderation .mod-container .mod-section .section-caption{font-size:32px}section.moderation .mod-container .mod-section .section-content .mod-card .card-info .card-info-name{font-size:24px}section.moderation .mod-container .mod-section .section-content .mod-card .card-info .card-info-rank{font-size:20px}section.moderation .background-title{display:none}section.moderation .mod-container .mod-section:nth-child(2){right:calc(100% - 190px);z-index:9}section.moderation .mod-container .mod-section .section-caption{font-size:32px}section.moderation .mod-container .mod-section .section-content .mod-card .card-info .card-info-name{font-size:24px}section.moderation .mod-container .mod-section .section-content .mod-card .card-info .card-info-rank{font-size:20px}section.moderation .background-title{display:none}section.moderation .mod-container .mod-section:nth-child(3){right:calc(100% - 285px);z-index:8}section.moderation .mod-container .mod-section .section-caption{font-size:32px}section.moderation .mod-container .mod-section .section-content .mod-card .card-info .card-info-name{font-size:24px}section.moderation .mod-container .mod-section .section-content .mod-card .card-info .card-info-rank{font-size:20px}section.moderation .background-title{display:none}section.moderation .mod-container .mod-section:nth-child(4){right:calc(100% - 380px);z-index:7}section.moderation .mod-container .mod-section .section-caption{font-size:32px}section.moderation .mod-container .mod-section .section-content .mod-card .card-info .card-info-name{font-size:24px}section.moderation .mod-container .mod-section .section-content .mod-card .card-info .card-info-rank{font-size:20px}section.moderation .background-title{display:none}section.playertop .bottom{flex-direction:column}section.playertop .bottom .left,section.playertop .bottom .right{flex:2 1 550px;order:2}section.playertop .bottom .middle .leaderboard .leaderboard-bottom .top10{width:90%}section.playertop .top3{flex-direction:column;align-items:center}section.playertop .top3 .player-record{margin-top:10px !important}section.playertop .top3 .player-record:nth-child(1){order:2}section.playertop .top3 .player-record:nth-child(2){order:1}section.playertop .top3 .player-record:nth-child(3){order:3}section.playertop .top .gamemode{flex-direction:column}section.playertop .top .gamemode button{padding:10px 0}section.playertop .top .gamemode button:not(:last-child){border-right:0;border-bottom:#F3C623 2px solid}}@media (max-width: 1023px){main #logo-title{height:70px}}@media (max-width: 640px){main #logo-title{height:39px}main .copy-ip{font-size:22px}main .copy-info{font-size:15px}}.errbox{position:absolute;right:20px;bottom:20px;display:flex;background:#fff;font-weight:bold;color:red;border-radius:5px;padding:10px;font-family:'Montserrat'}
