.hero{padding-top:110px;overflow:hidden;position:relative;height:960px}.hero .banner{display:flex;flex-direction:column;border-radius:50%;gap:15px;overflow:hidden;position:absolute;padding:30px;transform:rotate(-15deg);top:-140px;left:-48px;user-select:none}.hero .banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 4px 150px 250px rgb(var(--bg-primary))}.hero .banner .line{align-items:center;display:flex;gap:15px;justify-content:center}.hero .banner .line .card{background:linear-gradient(159.74deg,rgb(var(--bg-secondary)) 0,transparent 100%);border-top:2px solid rgb(var(--border-primary));border-radius:18px;height:423px;position:relative;width:257px}.hero .banner .line .card-bg{height:100%;width:100%}.hero .banner .line .card.s-2{height:364px;width:217px}.hero .banner .line .card.s-3{width:189px;height:311px}.hero .banner .line .card img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero .container{height:100%;position:relative;z-index:2}.hero .content{height:100%;display:flex;flex-direction:column;justify-content:center}.hero .content .title{font-size:46px;font-weight:700}.hero .content .desc{font-size:18px;margin-top:30px}.hero .content .players{font-size:20px;margin-top:12px;display:flex;align-items:center;gap:10px}.hero .content .players b{font-size:24px;font-weight:700;color:rgb(var(--color-secondary))}.hero .content .info{align-items:center;display:flex;gap:20px;margin-top:40px}.hero .content .info .version{font-size:20px}.hero .content .info .divider{height:24px;width:2px;background:rgb(var(--border-primary))}.hero .content .info .ip{font-size:20px;align-items:center;display:flex;gap:10px;padding:4px 14px;border-radius:50px;background:rgb(var(--color-primary)/.1);color:rgb(var(--color-primary));cursor:pointer;font-weight:700;backdrop-filter:blur(20px)}.hero .content .actions{align-items:center;display:flex;gap:16px;margin-top:16px}.hero .content .scroll-down{position:absolute;bottom:40px}.game-modes{margin-top:100px;margin-bottom:160px}.game-modes .list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:80px;margin-inline:auto}.game-modes .list .game{display:flex;flex-direction:column;box-sizing:border-box;border-radius:20px;border:1px solid rgb(var(--border-primary));width:100%;background:linear-gradient(145deg,transparent 0,rgb(var(--bg-secondary)/.8) 100%);position:relative;transition:var(--transition);padding:24px}.game-modes .list .game:hover{background:linear-gradient(145deg,rgb(var(--bg-secondary)/.8) 0,rgb(var(--bg-secondary)/.4) 100%);transform:scale(.98);transition:var(--transition)}.game-modes .list .game img{width:90px;position:absolute;right:10px;top:-26px;user-select:none}.game-modes .list .game .name{font-size:22px;font-weight:700;text-align:left;direction:ltr}.game-modes .list .game .info{font-size:16px;margin-top:46px}.game-modes .list .game .info .item{align-items:center;display:flex;justify-content:space-between}.game-modes .list .game .info .item:not(:last-child){margin-bottom:14px}.game-modes .list .game .info .item span{font-size:18px;color:rgb(var(--text-secondary)/.5)}.game-modes .list .game .info .item span:nth-child(2){color:rgb(var(--text-secondary))}.game-modes .list .game .info .item span.on{--color:var(--color-success)}.game-modes .list .game .info .item span.off{--color:var(--color-danger)}.game-modes .list .game .info .item span.status{align-items:center;display:flex;gap:8px;color:rgb(var(--color))}.game-modes .list .game .info .item span.status .circle{position:relative;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.game-modes .list .game .info .item span.status .circle:before{content:"";position:absolute;display:block;width:250%;height:250%;box-sizing:border-box;border-radius:50%;background-color:rgb(var(--color));animation:pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite}.game-modes .list .game .info .item span.status .circle:after{content:"";position:absolute;display:block;width:100%;height:100%;background-color:rgb(var(--color));border-radius:50px;animation:circle_pulse 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite}.game-modes .list .game .desc{font-size:18px;margin-top:26px;color:rgb(var(--text-secondary));text-align:justify}.leaderboard{margin-bottom:180px}.leaderboard .filters{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.leaderboard .filters .modes{align-items:center;display:flex;gap:6px}.leaderboard .filters .modes .btn{text-transform:capitalize}.leaderboard .filters .left{align-items:center;display:flex;gap:6px}.leaderboard .filters .left .select{width:150px}.leaderboard .tables{margin-top:10px}.leaderboard .tables .leaderboard-slider .table-wrapper{background:rgb(var(--bg-secondary)/.2);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgb(var(--border-primary)/.5);overflow:hidden}.leaderboard .tables .leaderboard-slider .table-wrapper .head{text-align:center;display:flex;flex-direction:column;align-items:center;padding:20px;gap:6px;border-radius:12px 12px 0 0;border-top:1px solid rgb(var(--bg-tertiary)/.4);background:linear-gradient(to bottom,rgb(var(--bg-tertiary)/.2),transparent)}.leaderboard .tables .leaderboard-slider .table-wrapper .head h4{align-items:center;gap:4px;display:flex;font-weight:700;font-size:18px;color:rgb(var(--text-primary));filter:drop-shadow(0 0 20px rgb(var(--text-primary)/.6))}.leaderboard .tables .leaderboard-slider .table-wrapper .head p{text-transform:capitalize;color:rgb(var(--text-secondary)/.8)}.leaderboard .tables .leaderboard-slider .table-wrapper .content{max-height:300px;overflow-y:scroll}.leaderboard .tables .leaderboard-slider .table-wrapper .content table{width:100%;font-size:14px}.leaderboard .tables .leaderboard-slider .table-wrapper .content table tr td,.leaderboard .tables .leaderboard-slider .table-wrapper .content table tr th{padding:10px 16px}.leaderboard .tables .leaderboard-slider .table-wrapper .content table thead{position:sticky;top:0;background:rgb(var(--bg-primary));backdrop-filter:blur(20px);z-index:2}.leaderboard .tables .leaderboard-slider .table-wrapper .content table tbody tr:first-child .rank svg{color:#ffa600}.leaderboard .tables .leaderboard-slider .table-wrapper .content table tbody tr:nth-child(2) .rank svg{color:#979797}.leaderboard .tables .leaderboard-slider .table-wrapper .content table tbody tr:nth-child(3) .rank svg{color:#a5563d}.leaderboard .tables .leaderboard-slider .table-wrapper .content table tbody tr:nth-child(2n){background:rgb(var(--bg-secondary)/.6)}.leaderboard .tables .leaderboard-slider .table-wrapper .content table [dir=ltr]{text-align:left}.leaderboard .tables .leaderboard-slider .table-wrapper .content table .rank{position:relative;display:flex;align-items:center;justify-content:center}.leaderboard .tables .leaderboard-slider .table-wrapper .content table .rank svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;color:rgb(var(--bg-tertiary))}.leaderboard .tables .leaderboard-slider .table-wrapper .content table .rank span{position:relative;top:2px;text-align:center;text-shadow:0 0 4px rgb(var(--bg-dark));font-weight:700;font-size:13px}.leaderboard .tables .leaderboard-slider .table-wrapper .content table .user{align-items:center;display:flex;gap:6px}.leaderboard .tables .leaderboard-slider .table-wrapper .content table .user img{width:28px;height:28px;border-radius:8px}.leaderboard .tables .leaderboard-slider .table-wrapper .content table .value{font-weight:700;color:rgb(var(--text-secondary))}.ranks{margin:180px 0 40px}.ranks-content{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:60px;grid-template-rows:auto;margin-top:50px}.ranks-content .rank-card{align-items:center;display:flex;width:100%;height:310px;box-sizing:border-box;border-radius:20px;position:relative;transform-style:preserve-3d}.ranks-content .rank-card.vip{background:linear-gradient(to bottom right,#30a46a,#104632)}.ranks-content .rank-card.mvp{background:linear-gradient(to bottom right,#5c5164,#170f1f)}.ranks-content .rank-card.elite{background:linear-gradient(to bottom right,#bcbf13,#606408)}.ranks-content .rank-card.supreme{background:linear-gradient(to bottom right,#9448bd,#410774)}.ranks-content .rank-card:hover{z-index:1}.ranks-content .rank-card:hover img{transform:translateZ(60px) scale(.95);filter:drop-shadow(0 0 40px rgba(0,0,0,.3))}.ranks-content .rank-card .content{display:flex;flex-direction:column;border-radius:20px;padding-inline:30px}.ranks-content .rank-card .content .title{font-size:26px;font-weight:700;margin-bottom:14px}.ranks-content .rank-card .content .desc{font-size:18px;color:rgb(var(--text-primary)/.8);width:100%;max-width:320px;margin-bottom:16px}.ranks-content .rank-card .content .price{font-size:24px;font-weight:700}.ranks-content .rank-card .content .price span{font-size:18px;font-weight:400;color:rgb(var(--text-primary)/.7)}.ranks-content .rank-card .content .discount{font-size:18px;font-weight:700;text-decoration:line-through;color:rgb(var(--text-primary)/.7)}.ranks-content .rank-card .content .actions{align-items:center;display:flex;gap:14px;margin-top:20px;transform:translateZ(61px)}.ranks-content .rank-card .content .actions .btn{font-weight:700}.ranks-content .rank-card .content .actions .btn.tertiary{background:rgb(var(--text-primary)/.2);color:rgb(var(--text-primary))}.ranks-content .rank-card img{position:absolute;left:-40px;bottom:-10px;transform:translateZ(0) scale(.9);transition:var(--transition);pointer-events:none;user-select:none}.ranks .more{width:fit-content;margin-inline:auto;margin-top:40px}.shop-banner{margin-block:80px;padding-top:40px;display:block;overflow:hidden;background:linear-gradient(to top left,rgb(var(--bg-primary)),rgb(var(--color-primary)));position:relative}.shop-banner .preview{height:500px;width:auto;margin-inline:auto;margin-bottom:-280px;border-radius:34px}.shop-banner .content{display:flex;align-items:center;min-height:450px;z-index:1;position:relative;padding:60px}.shop-banner .content .info{width:50%}.shop-banner .content .info .title{font-size:38px;font-weight:700;margin-bottom:16px}.shop-banner .content .info .title span{position:relative;font-size:16px;top:-10px;background:rgb(var(--color-primary)/.6);border:2px solid rgb(var(--color-primary));box-shadow:0 0 50px rgb(var(--color-primary))}.shop-banner .content .info .desc{color:rgb(var(--text-primary)/.9);font-size:18px;line-height:2rem;text-align:justify;margin-bottom:26px}.shop-banner .content .info .btn{box-shadow:0 0 40px rgb(var(--color-primary)/.5)}.shop-banner .content .image{position:absolute;left:60px;bottom:0;height:100%;aspect-ratio:1/1}.shop-banner .content .image img{position:absolute;bottom:0;left:5%;z-index:2;transform:scale(1.15);transform-origin:bottom left}.shop-banner .content .image svg{transform-origin:bottom left;transform:scale(1.15);position:absolute;z-index:1;left:0;bottom:0;width:100%;height:100%;color:rgb(var(--color-primary));filter:drop-shadow(0 0 40px rgb(var(--bg-primary)/.1));border-radius:0 0 0 20px}.vote-page{min-height:90vh;padding-top:100px}.vote-page .section-title p{max-width:100%}.vote-page .links-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px;margin-bottom:80px}.vote-page .links-wrapper .item{height:64px;border-radius:14px;position:relative;display:flex;align-items:center;justify-content:center;transition:var(--transition);border:1px solid transparent}.vote-page .links-wrapper .item:hover{background:rgb(var(--bg-secondary));box-shadow:0 0 60px rgb(var(--color-primary)/.5);border-color:rgb(var(--color-primary))}.vote-page .links-wrapper .item .bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;object-fit:cover;opacity:.2;pointer-events:none;user-select:none}.vote-page .links-wrapper .item .text{display:flex;align-items:center;justify-content:center;z-index:1;gap:6px;font-size:18px}.vote-page .iframe{width:100%;margin-top:30px}.vote-page .iframe iframe{width:100%;border-radius:20px;aspect-ratio:16/9}.ranks-table tr,.ranks-table tr:hover{background:transparent}.ranks-table .ranks-header .select{display:none}.ranks-table .ranks-header:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:200%;background:rgb(var(--bg-primary));z-index:-1}.ranks-table .ranks-header th{padding:0}.ranks-table .ranks-head{background:rgb(var(--bg-primary))!important;position:sticky;top:445px;z-index:10}.rank-tooltip{max-width:300px;padding:10px;line-height:1.6rem}.rank-minicard{position:sticky;padding-top:50px}.rank-minicard-img{position:absolute;right:50%;transform:translateX(50%);top:-80px;z-index:-1;margin-bottom:17px;width:120px}.rank-minicard-img.vip{filter:drop-shadow(2px 6px 55px #237f54)}.rank-minicard-img.mvb{filter:drop-shadow(2px 6px 55px #170f1f)}.rank-minicard-img.elite{filter:drop-shadow(2px 6px 55px #bcbf13)}.rank-minicard-img.supreme{filter:drop-shadow(2px 6px 55px #9448bd)}.ranks-container .features-tab{align-items:center;display:flex;position:sticky;z-index:20;top:104px;width:fit-content;margin-inline:auto;gap:8px;padding:10px;border-radius:16px;background:rgb(var(--bg-secondary))}.ranks-container .features-tab .item{padding:8px 14px;transition:var(--transition);cursor:pointer;position:relative;user-select:none}.ranks-container .features-tab .item .pointer{position:absolute;width:100%;height:100%;background:rgb(var(--color-primary));top:0;left:0;border-radius:10px;z-index:-1}@media(max-width:1279px){.game-modes .list{max-width:100%}.ranks{overflow-x:hidden}.ranks-content{grid-gap:20px}.ranks-content .rank-card img{height:70%}}@media(max-width:1023px){.hero .banner{filter:blur(10px);opacity:.5;left:-400px;top:-310px}.game-modes .list{grid-template-columns:repeat(2,1fr)}.ranks-content{grid-template-columns:repeat(1,1fr)}.ranks-content .rank-card img{height:100%}.shop-banner .preview{height:auto;width:100%;object-fit:contain}.shop-banner .content{flex-direction:column;padding-bottom:100px}.shop-banner .content .info{width:100%}.shop-banner .content .image{display:none}.ranks-table .ranks-header .select{display:none!important}.ranks-table-wrapper{overflow-x:auto}.ranks-table-wrapper .ranks-table .ranks-head{position:relative;top:unset}.ranks-table-wrapper .rank-card-wrapper{min-width:200px}.ranks-table-wrapper .rank-minicard{position:relative;z-index:2}.ranks-container .features-tab{display:flex!important;top:84px}.leaderboard .filters .modes{flex-wrap:wrap}}@media(max-width:767px){.navbar,.navbar.fixed{padding:10px 0}.hero .content{align-items:center}.game-modes .list{grid-template-columns:repeat(1,1fr)}.leaderboard .filters{gap:10px;align-items:flex-end}.leaderboard .filters .modes{flex-wrap:wrap;margin-left:auto;justify-content:center}.leaderboard .tables .leaderboard-slider .table-wrapper .content table{font-size:13px}.ranks-container .features-tab{position:fixed;top:67px;left:50%;transform:translateX(-50%);flex-wrap:wrap;gap:4px;padding:4px;justify-content:center;border-radius:0 0 8px 8px;width:100%}.ranks-container .features-tab .item{font-size:12px;padding:4px 10px}.ranks-container .features-tab .item .pointer{border-radius:6px}}@media(max-width:575px){.hero{height:700px}.hero:after{position:absolute;content:"";width:100%;height:30%;bottom:0;left:0;background:linear-gradient(to top,rgb(var(--bg-primary)),transparent)}.hero .content .title{font-size:28px}.hero .content .desc{font-size:16px}.hero .content .players{font-size:14px}.hero .content .players b{font-size:20px}.hero .content .info .ip,.hero .content .info .version{font-size:16px}.hero .content .info .ip svg{width:20px;height:20px}.hero .content .actions{gap:10px}.hero .content .scroll-down{display:none}.ranks{overflow-x:hidden}.ranks-content{grid-gap:10px}.ranks-content .rank-card{height:unset;transform:unset!important}.ranks-content .rank-card:hover{z-index:unset}.ranks-content .rank-card:hover img{transform:unset}.ranks-content .rank-card img{left:-15px;bottom:0;width:110px;height:110px;object-fit:contain}.ranks-content .rank-card .content{padding:20px}.ranks-content .rank-card .content .title{font-size:22px}.ranks-content .rank-card .content .desc{max-width:100%;font-size:16px}.ranks-content .rank-card .content .actions{gap:6px}.ranks-container .features-tab{width:100%;top:61px!important}.vote-page .links-wrapper{grid-template-columns:repeat(1,1fr)}}@media(max-height:800px){.ranks-container{max-width:100%}.ranks-container .features-tab{display:none;top:79px}.ranks-container td,.ranks-container th{padding:10px;font-size:13px}.ranks-container td svg,.ranks-container th svg{width:14px;height:14px}.rank-minicard{padding-top:12px;border-radius:0}.rank-minicard .header{gap:0;align-items:flex-start}.rank-minicard h1{font-size:14px}.rank-minicard h3{font-size:13px}.rank-minicard h4{font-size:12px}.rank-minicard-img{width:112px;top:10px;right:78%;opacity:.7}.rank-minicard .mx-auto{margin-inline:unset}.rank-minicard .mb-4{margin-bottom:8px}.rank-minicard .btn{height:24px;padding:0 12px;font-size:12px;width:100%}.ranks-table-wrapper{padding-top:10px}.ranks-table{margin-top:0}.ranks-table .ranks-header{top:93px}.ranks-table .ranks-header:before{height:262%}.ranks-table .ranks-header .select{display:block}.ranks-table .ranks-head{top:204px}.ranks-table tfoot .btn{height:32px;font-size:13px}}@media(max-width:575px){.shop-banner .content{flex-direction:column;padding:28px 28px 200px}.shop-banner .content .info{width:100%;position:relative;z-index:2}.shop-banner .content .info .title{font-size:24px}.shop-banner .content .info .title span{top:-2px}.shop-banner .content .info .btn{width:100%;margin-top:130px}.shop-banner .content .image{height:unset;width:80%;opacity:.4}.shop-banner .content .image,.shop-banner .content .image img,.shop-banner .content .image svg{left:50%;transform:translateX(-50%)}}@media(max-width:445px){.shop-banner .content{padding:22px 22px 100px}.shop-banner .content .image{height:unset;width:90%;opacity:.6}.shop-banner .content .image,.shop-banner .content .image img,.shop-banner .content .image svg{left:50%;transform:translateX(-50%)}}