@import'../font/style.css';@import'../font/icomoon/style.css';.language-dropdown li,.language-dropdown .list{transition:all .3s ease-in-out}html{font-family:"微軟正黑體",sans-serif;width:100%;max-width:100%;height:100%;font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{width:100%;min-height:100vh;background-color:#181a39;-webkit-overflow-scrolling:touch;color:#f0f8ff}*{margin:0;padding:0;box-sizing:border-box;user-select:text}a,ul,li{appearance:none;-moz-appearance:none;-webkit-appearance:none;text-decoration:none;list-style:none;padding:0;color:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:focus,ul:focus,li:focus{appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:inherit}button{border:none;background-color:rgba(0,0,0,0);outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}button:focus{outline:none}strong{appearance:none;font-weight:normal}img{display:block}input,textarea{appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);resize:none}input:focus,textarea:focus{appearance:none;outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select:focus{outline:none}main{position:relative;padding-bottom:1px}input,select{appearance:none;-moz-appearance:none;-webkit-appearance:none;min-width:1px;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}.container{max-width:1000px;padding:0 20px;margin:0 auto;position:relative}@media screen and (max-width: 480px){.container{padding:0}}:root{--flag-w: 40px;--langList-logo-h: 56px }.flag{width:var(--flag-w);aspect-ratio:1/1;background-size:contain;background-position:center;display:inline-block}.flag.en_US{background-image:url(../images/flag/en.webp)}.flag.th_TH{background-image:url(../images/flag/th.webp)}.flag.vi_VN{background-image:url(../images/flag/vn.webp)}.flag:hover{transition:all .3s;transform:scale(1.1)}@media screen and (max-width: 820px){.flag{transform:scale(1)}}.lang-decorate-img{width:127px;position:relative;z-index:10}.language-dropdown{position:fixed;top:3vh;right:2vw;filter:drop-shadow(0px 5px 6px rgba(0, 0, 0, 0.2));z-index:10;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.language-dropdown.active li{opacity:1}.language-dropdown.active .list{transform:scaleY(1)}.language-dropdown .list{position:relative;width:66px;display:flex;justify-content:center;align-items:center;gap:8px;flex-direction:column;background:rgba(17,18,47,.8509803922);border-radius:12px;padding:10px 0;transform:scaleY(0);overflow:hidden;transform-origin:top}.language-dropdown li{order:1}.language-dropdown li.active{order:0;pointer-events:none}.language-dropdown a{width:var(--flag-w);aspect-ratio:1/1;display:block}@media screen and (max-width: 820px){:root{--flag-w: 30px;--langList-logo-h: 45px}.lang-decorate-img{width:70px}.language-dropdown{position:absolute;top:2vh;right:3vw;display:flex;justify-content:flex-start;align-items:center;width:fit-content}.language-dropdown .list{gap:8px;width:48px}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -10px, 0) scaleY(1.02)}80%{transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0) scaleY(0.95)}90%{transform:translate3d(0, -4px, 0) scaleY(1.02)}}@keyframes wobble{0%{transform:skew(0deg, 0deg)}20%{transform:skew(2deg, 2deg)}30%{transform:skew(0deg, 0deg)}40%{transform:skew(2deg, 2deg)}50%{transform:skew(0deg, 0deg)}}@keyframes slogan{0%{filter:brightness(100%);transform:scale(1)}25%{filter:brightness(150%);transform:scale(1)}26%{transform:scale(1.04)}27%{transform:scale(1)}28%{transform:scale(1.04)}29%{transform:scale(1)}50%{filter:brightness(100%)}75%{filter:brightness(150%)}78%{transform:scale(1)}79%{transform:scale(1.04)}80%{transform:scale(1)}81%{transform:scale(1.04)}82%{transform:scale(1)}100%{transform:scale(1);filter:brightness(100%)}}.loading-mask{width:100%;height:100vh;background:rgba(0,0,0,.7764705882);position:fixed;top:0;left:0;z-index:20}.loading-animate{position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;width:40px}header{position:absolute;top:0;left:0;z-index:10;width:100%;display:flex;justify-content:space-between;align-items:flex-start}.nav-logo{width:14%;position:absolute;top:1.3vw;left:1.3vw}.nav-logo img{width:100%;display:inline-block}@media screen and (max-width: 820px){.nav-logo{left:50%;top:3vw;transform:translateX(-50%);text-align:center;width:16%;min-width:160px}}@media screen and (max-width: 576px){.nav-logo{top:4vw;width:164px}}.banner{width:100%;overflow:hidden;position:relative}.bn-bg{width:100%;position:relative;z-index:-1}.bn-bg img{width:100%}@media screen and (max-width: 576px){.bn-bg{width:100%}}.bn-title{width:42%;position:absolute;top:19%;right:15%;animation:slogan 4s infinite}.bn-title img{width:100%}.zh_CN .bn-content .date,.bn-content .zh_CN .date{font-weight:bold;font-family:"Roboto"}.zh_HK .bn-content .date,.bn-content .zh_HK .date{font-weight:bold;font-family:"Roboto"}.ko_KR .bn-content .date,.bn-content .ko_KR .date{font-weight:bold;font-family:"Roboto"}.bn-content{text-align:center;font-family:"Anton";font-weight:normal;position:absolute;top:50%;left:45%;transform:rotate(-4.5deg);font-style:italic;width:36%}.bn-content .date{font-size:2.2vw;color:#fff;letter-spacing:1px;position:relative;white-space:nowrap;font-weight:normal;text-align:center;filter:drop-shadow(1px 1px 10px #171B39) drop-shadow(0 1px 8px #000)}.bn-content .date:nth-child(2)::after{content:"(GMT+8)";margin-left:5px}.bn-content p{color:#fff;font-size:14px;font-family:"Roboto";letter-spacing:.56px;max-width:600px;margin:20px auto 0;line-height:24px}@media screen and (max-width: 820px){.bn-content p{font-size:12px;width:90%;line-height:20px}}.th_TH .bn-content{position:absolute;top:45%;left:45%}@media screen and (max-width: 820px){.th_TH .bn-content{top:80%}}@media screen and (max-width: 820px){.bn-content{position:absolute;top:84%;left:50%;transform:translateX(-50%) rotate(-6deg);width:90%}.bn-content .date{font-size:18px;text-align:center}}main{width:100%;margin-top:-17%;overflow:hidden;position:relative}main::after{content:"";position:absolute;left:0;bottom:0;width:100%;aspect-ratio:19/12;background:url(../images/common/bg.webp);background-position:bottom center;background-repeat:no-repeat;background-size:100%}main .container{z-index:2;position:relative;padding-bottom:60px}@media screen and (max-width: 820px){main{margin-top:7%}}.event-group-block h2,.info h2{font-family:"Impact";text-transform:capitalize;text-align:center;position:relative;width:fit-content;margin:auto;color:#161616;font-weight:normal;margin-bottom:30px;font-size:26px}.vi_VN .event-group-block h2,.event-group-block .vi_VN h2,.vi_VN .info h2,.info .vi_VN h2{font-family:"Roboto";font-weight:bold}.th_TH .event-group-block h2,.event-group-block .th_TH h2,.th_TH .info h2,.info .th_TH h2{font-family:"Noto Sans Thai";font-weight:bold}.event-group-block h2::after,.info h2::after{content:"";background:url(../images/deco/title_short.webp) no-repeat;background-position:center;background-size:100%;width:327px;height:55px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1}@media screen and (max-width: 820px){.event-group-block h2,.info h2{font-size:22px;line-height:40px}.event-group-block h2::after,.info h2::after{width:248px;height:40px}}.table-heading{font-family:"Impact";text-transform:capitalize;text-align:center;position:relative;margin:auto;color:#161616;font-weight:normal;margin-bottom:60px;font-size:26px}.vi_VN .table-heading{font-family:"Roboto";font-weight:bold}.th_TH .table-heading{font-family:"Noto Sans Thai";font-weight:bold}.table-heading::after{content:"";background:url(../images/deco/title_long.webp) no-repeat;background-position:center;background-size:cover;width:100%;height:53px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1}@media screen and (max-width: 820px){.table-heading{width:100%;padding:13px 40px;margin-bottom:40px;font-size:20px}.table-heading::after{width:100%;height:74px;background-size:100% 100%}}.info{margin:20px auto 100px;font-family:"Roboto";position:relative}.info p{max-width:640px;color:#fff;line-height:28px;margin:auto;font-size:14px;text-align:center}@media screen and (max-width: 820px){.info{margin:0 auto 40px}.info p{font-size:12px;width:85%;margin:auto;line-height:28px}.info::after{content:"";width:800px;height:370px;background:url(../images/deco/event_bg.webp) no-repeat;background-size:contain;background-position:center;position:absolute;top:60%;left:50%;transform:translate(-50%, -50%);opacity:.4;z-index:-2}}.schedule-table{max-width:720px;margin:auto;position:relative}.schedule-table::after{content:"";background:url(../images/deco/Hud.webp);width:100%;max-width:736px;aspect-ratio:720/250;position:absolute;top:0;left:0;background-size:100% 100%}.schedule-table .head,.schedule-table .table-row{display:flex;justify-content:center;align-items:center}.schedule-table .head>div,.schedule-table .table-row>div{width:33%;text-align:center;display:flex;justify-content:center;align-items:center;height:36px}.schedule-table .head{font-weight:normal;font-family:Impact;font-size:20px;padding-top:10px;box-sizing:border-box}.schedule-table .head div{height:50px}.schedule-table .table-row{background:linear-gradient(90deg, rgba(99, 124, 201, 0) 0%, #5065A6 50.48%, rgba(99, 124, 201, 0) 100%);font-family:"Roboto";color:hsla(0,0%,100%,.8392156863);font-weight:600;font-size:16px}.schedule-table .table-row+.table-row{margin-top:5px}@media screen and (max-width: 820px){.schedule-table{max-width:92%;border-radius:8px;overflow:hidden}.schedule-table::after{display:none}.schedule-table .head{font-size:16px;background:linear-gradient(90deg, #1B1D3E 0%, #1E3665 50%, #1B1C3D 100%);padding:0;height:45px}.schedule-table .table-row{font-size:15px;background:linear-gradient(90deg, #1F2245 0%, #5065A5 50%, #1F2245 100%)}.schedule-table .table-row+.table-row{margin-top:2px}}.TC{width:90%;max-width:700px;color:rgba(208,217,233,.5764705882);font-family:"Roboto";font-size:13px;margin:30px auto 80px}.TC li{line-height:32px;padding-left:20px;position:relative;font-weight:300;width:fit-content;margin:auto}.TC li::before{content:url(../images/common/soccer.svg);opacity:.6;position:absolute;top:0;left:0}@media screen and (max-width: 820px){.TC{margin:0 auto 30px;padding:14px;font-size:10px;width:95%}.TC li{line-height:20px;margin-bottom:5px;width:100%}.TC li::before{content:url(../images/common/soccer.svg);position:absolute;top:2px;left:0}.zh_CN .TC{width:90%}}.grid-wrap{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.9fr 2fr;gap:0 16px;margin-top:80px;position:relative}.grid-wrap .message{position:absolute;top:-5%;left:0;transform:translateY(-100%)}.grid-wrap>div{z-index:2}.grid-wrap .user-data-display{grid-area:1/2/2/2}.grid-wrap .player-rank-list-box{grid-area:2/2/3/3}.grid-wrap .player-rank-list-box.logged-out{grid-area:1/2/3/3}@media screen and (max-width: 576px){.grid-wrap{display:flex;flex-direction:column;width:90%;margin:24px auto 0}.grid-wrap>div h2{font-size:18px}.grid-wrap .points-system-box{order:-1}}.mobile .grid-wrap{margin-top:0}.mobile .grid-wrap.logged-out .message{display:block;position:absolute;top:-34px;left:0}.mobile .grid-wrap>div:not(.active){display:none}.toggle-buttons{display:flex;justify-content:space-between;align-items:center;position:relative;border-bottom:1px solid #3068b1;width:90%;margin:auto}.toggle-buttons .btn{height:32px;line-height:32px;font-family:"Impact";text-align:center;display:block;position:relative;width:150px;filter:brightness(0.7);font-size:14px;color:#343434;font-weight:normal;letter-spacing:1px}.toggle-buttons .btn:nth-child(1)::after{clip-path:polygon(0 0, 92% 0, 100% 100%, 0% 100%);position:absolute;top:0;left:0}.toggle-buttons .btn:nth-child(2)::after{clip-path:polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%);position:absolute;top:0;right:0}.toggle-buttons .btn.active{color:#fff;filter:brightness(1)}.toggle-buttons .btn.active::after{background:linear-gradient(180deg, #3792CF 0%, #3068B1 100%) !important}.vi_VN .toggle-buttons .btn{font-family:"Roboto";font-weight:bold}.zh_HK .toggle-buttons .btn{font-family:"Roboto";font-weight:bold}.zh_CN .toggle-buttons .btn{font-family:"Roboto";font-weight:bold}.ko_KR .toggle-buttons .btn{font-family:"Roboto";font-weight:bold}.grid-wrap+.toggle-buttons{margin-top:60px}.toggle-buttons .btn:nth-child(1)::after,.toggle-buttons .btn:nth-child(2)::after{content:"";width:150px;height:32px;z-index:-1;background:linear-gradient(180deg, #E8E8E8 0%, #A4A4A4 100%)}.player-rank-list-box.logged-out h3::after,.user-data-display h2::after,.top-three-box h2::after{content:"";background:linear-gradient(180deg, #3792CF 0%, #3068B1 100%);width:200px;height:40px;clip-path:polygon(0 0, 92% 0, 100% 100%, 0% 100%);position:absolute;top:0;left:0;z-index:-1}.player-rank-list-box.logged-out h3,.user-data-display h2,.top-three-box h2{height:40px;line-height:40px;position:absolute;top:0;left:0;transform:translateY(-100%);font-family:"Impact";font-size:19px;text-align:center;font-weight:normal;width:200px;letter-spacing:.8px}.zh_HK .player-rank-list-box.logged-out h3,.player-rank-list-box.logged-out .zh_HK h3,.zh_HK .user-data-display h2,.user-data-display .zh_HK h2,.zh_HK .top-three-box h2,.top-three-box .zh_HK h2{font-weight:bold;font-family:"Roboto"}.zh_CN .player-rank-list-box.logged-out h3,.player-rank-list-box.logged-out .zh_CN h3,.zh_CN .user-data-display h2,.user-data-display .zh_CN h2,.zh_CN .top-three-box h2,.top-three-box .zh_CN h2{font-weight:bold;font-family:"Roboto"}.ko_KR .player-rank-list-box.logged-out h3,.player-rank-list-box.logged-out .ko_KR h3,.ko_KR .user-data-display h2,.user-data-display .ko_KR h2,.ko_KR .top-three-box h2,.top-three-box .ko_KR h2{font-weight:bold;font-family:"Roboto"}.vi_VN .player-rank-list-box.logged-out h3,.player-rank-list-box.logged-out .vi_VN h3,.vi_VN .user-data-display h2,.user-data-display .vi_VN h2,.vi_VN .top-three-box h2,.top-three-box .vi_VN h2{font-family:"Roboto";font-weight:bold}.top-three-box .prize-box:nth-child(3) .value::after,.top-three-box .prize-box:nth-child(2) .value::after,.top-three-box .prize-box:nth-child(1) .value::after{content:"";width:100%;height:100%;position:absolute;top:0;left:-20%}.top-three-box{position:relative;padding:23px 0;background:#090933;border-top:1px solid #3068b1}.top-three-box .content-box{width:75%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;z-index:2;gap:10px}.top-three-box .prize-box{width:100%;position:relative;display:grid;grid-template-columns:1fr 2.5fr;flex-grow:1}.top-three-box .prize-box:nth-child(1) .ranking::after{content:"";width:70%;aspect-ratio:1/1;position:absolute;top:50%;left:40%;transform:translate(-50%, -50%);background:url(../images/deco/1.webp);background-position:center;background-size:100% 100%}.top-three-box .prize-box:nth-child(1) .value{color:#ffc037;position:relative}.top-three-box .prize-box:nth-child(1) .value::after{background:linear-gradient(90deg, rgba(254, 218, 136, 0.5) 37.98%, rgba(219, 142, 72, 0) 100%)}.top-three-box .prize-box:nth-child(2) .ranking::after{content:"";width:70%;aspect-ratio:1/1;position:absolute;top:50%;left:40%;transform:translate(-50%, -50%);background:url(../images/deco/2.webp);background-position:center;background-size:100% 100%}.top-three-box .prize-box:nth-child(2) .value{color:#daedff;position:relative}.top-three-box .prize-box:nth-child(2) .value::after{background:linear-gradient(90deg, rgba(202, 218, 238, 0.5) 24%, rgba(202, 218, 238, 0) 84.13%)}.top-three-box .prize-box:nth-child(3) .ranking::after{content:"";width:70%;aspect-ratio:1/1;position:absolute;top:50%;left:40%;transform:translate(-50%, -50%);background:url(../images/deco/3.webp);background-position:center;background-size:100% 100%}.top-three-box .prize-box:nth-child(3) .value{color:#ffd57c;position:relative}.top-three-box .prize-box:nth-child(3) .value::after{background:linear-gradient(90deg, rgba(231, 151, 82, 0.5) 24%, rgba(231, 151, 82, 0) 75.96%)}.top-three-box .ranking{font-family:"Impact";font-size:21px;line-height:24px;text-align:center;position:relative;z-index:1;color:#1a1b40;display:flex;justify-content:center;align-items:center;font-style:italic}.top-three-box .value{font-family:"Impact";font-size:23px;filter:opacity(1);text-align:center;width:fit-content;display:flex;justify-content:flex-start;align-items:center;width:100%}.top-three-box .value span{filter:drop-shadow(2px 2px 0px #060624);z-index:2;letter-spacing:2px}.top-three-box .ordinal{margin-right:12px}.top-three-box .prize_img{position:absolute;top:0;right:0;width:230px;height:230px}.top-three-box .prize_img img{width:100%;display:block}.mobile .top-three-box .ranking{font-size:15px}.mobile .top-three-box .value{font-size:19px;line-height:40px}.mobile .top-three-box .prize_img{position:absolute;top:50%;right:0;width:150px;height:150px;transform:translateY(-50%)}.mobile .top-three-box .prize_img img{width:100%;display:block;transform:scaleX(-1)}.user-data-display{position:relative;border-top:1px solid #3068b1}.user-data-display::after{content:"";background:url(../images/deco/ranking_bg.webp) no-repeat;width:100%;height:100%;background-size:cover;filter:opacity(0.8) brightness(0.8);position:absolute;top:0;left:0;z-index:-1}.user-data-display::before{content:"";background:url(../images/deco/ranking_img.webp) no-repeat;width:210px;height:270px;background-size:100% 100%;position:absolute;right:0;bottom:0}.user-data-display .id-card{width:70%;height:100%;padding:23px 0;font-family:"Roboto";display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.user-data-display .player-id{text-align:center;color:hsla(0,0%,100%,.5490196078);font-size:15px;min-height:80px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px}.user-data-display .player-id i{display:block;font-size:22px;color:#090933;font-weight:bold;letter-spacing:.5px;font-style:normal;width:100%;padding:0 40px;background:linear-gradient(270deg, rgba(188, 209, 235, 0) 0%, #BCD1EB 25.96%, #7EA7C2 69.71%, rgba(126, 167, 194, 0) 100%);line-height:32px}.user-data-display .player-info{width:100%;position:relative;display:grid;grid-template-columns:.9fr 2fr;flex-grow:1}.user-data-display .player-info .key{background:linear-gradient(180deg, #BFD3ED 0%, #7AA4BF 100%);clip-path:polygon(0 0, 100% 0, 80% 100%, 0% 100%);font-size:15px;text-align:center;position:relative;z-index:1;color:#090933;display:flex;justify-content:center;align-items:center;font-weight:bold;font-family:"Roboto"}.user-data-display .player-info .key span{margin-right:12px}.user-data-display .player-info .value{font-family:"Impact";font-size:20px;filter:opacity(1);text-align:center;width:fit-content;padding-left:10px;display:flex;justify-content:flex-start;align-items:center;width:100%;letter-spacing:2px;position:relative}.user-data-display .player-info .value::after{width:100%;height:100%;content:"";position:absolute;top:0;left:-17px;clip-path:polygon(9% 0, 100% 0, 100% 100%, 0% 100%);background:linear-gradient(90deg, rgba(112, 212, 255, 0.5) 24%, rgba(112, 212, 255, 0) 100%);z-index:-1}.user-data-display .player-info .value span{filter:drop-shadow(2px 2px 0px #060624);z-index:2}@media screen and (max-width: 820px){.user-data-display::before{content:"";background:url(../images/deco/ranking_img.webp) no-repeat;width:140px;height:170px;background-size:100% 100%;position:absolute;right:0;bottom:0}.user-data-display .id-card{padding:15px 0;gap:0px}.user-data-display .player-id{font-size:12px;min-height:60px;margin-bottom:10px}.user-data-display .player-id span{font-size:14px}.user-data-display .player-id i{font-size:19px}.user-data-display .player-info{min-height:33px}.user-data-display .player-info .key{font-size:13px}.user-data-display .player-info .key span{margin-right:12px}.user-data-display .player-info .value{font-size:19px}.user-data-display .player-info+.player-info{margin-top:10px}}.player-rank-list-box.logged-out{border-top:1px solid #3068b1;position:relative}.player-rank-list-box.logged-out .content-box{max-height:733.5px}.player-rank-list-box.logged-out h3{display:block}.zh_HK .player-rank-list-box.logged-out h3{font-weight:bold}.zh_CN .player-rank-list-box.logged-out h3{font-weight:bold}.ko_KR .player-rank-list-box.logged-out h3{font-weight:bold}.player-rank-list-box h3{display:none}.player-rank-list-box .title-block{display:flex;justify-content:space-between;align-items:center;color:hsla(0,0%,100%,.7490196078);padding:0 30px 0 10px;background:#141441}.player-rank-list-box .title-block h2{line-height:40px;font-size:13px;width:33%}.player-rank-list-box .title-block h2:nth-last-child(1){text-align:end}.player-rank-list-box .content-box{margin:auto;position:relative;max-height:495px;overflow:auto;scrollbar-width:thin;scrollbar-color:#667dae #3a3a5b}.player-rank-list-box .content-box::-webkit-scrollbar{width:5px}.player-rank-list-box .content-box::-webkit-scrollbar-track{background:#3a3a5b;border-radius:4px}.player-rank-list-box .content-box::-webkit-scrollbar-thumb{background:#667dae;border-radius:4px;transition:background .3s}.player-rank-list-box .content-box::-webkit-scrollbar-thumb:hover{background:#596d97}.player-rank-list-box .player-rank-list .prize-box{transition:all .2s ease-in-out}.player-rank-list-box .player-rank-list .prize-box:nth-child(odd){background:#272c52}.player-rank-list-box .player-rank-list .prize-box:nth-child(even){background:#202349}.player-rank-list-box .player-rank-list .prize-box:hover{background:#334977}.player-rank-list-box .player-rank-list .prize-box:hover .points,.player-rank-list-box .player-rank-list .prize-box:hover .player-id{color:#5afffc}.player-rank-list-box .prize-box{width:100%;height:55px;display:flex;justify-content:space-between;align-items:center;color:rgba(255,248,225,.8392156863);font-size:13px;font-family:"Roboto";transition:all .2s}.player-rank-list-box .prize-box>div{width:33%}.player-rank-list-box .player-id{text-align:left;font-size:14px;transition:all .2s ease-in-out}.player-rank-list-box .ranking{position:relative;color:#090933;font-size:15px;width:fit-content;font-family:"Roboto";font-weight:bold}.player-rank-list-box .ranking span{position:relative;z-index:2;display:inline-block;width:45%;text-align:center}.player-rank-list-box .ranking::after{content:"";background:linear-gradient(180deg, #BFC5ED 0%, #7A89BF 100%);height:35px;width:48%;position:absolute;top:50%;left:0;transform:translateY(-50%);clip-path:polygon(0 0, 100% 0, 80% 100%, 0% 100%)}.player-rank-list-box .points{color:#fff;font-weight:normal;font-family:"Impact";font-size:17px;letter-spacing:.5px;text-align:end;padding-right:20px;letter-spacing:1.5px;transition:all .2s ease-in-out}.mobile .player-rank-list-box .title-block{padding:0 20px}.mobile .player-rank-list-box .title-block h2{font-size:12px}.mobile .player-rank-list-box .content-box{max-height:1000px}.mobile .player-rank-list-box .prize-box{height:40px;pointer-events:none}.mobile .player-rank-list-box .ranking{font-size:13px}.mobile .player-rank-list-box .ranking::after{height:24px}.mobile .player-rank-list-box .player-id{text-align:left;padding-left:8px;font-size:13px}.mobile .player-rank-list-box .points{font-size:14px}.rank-list-box .title-block{display:flex;justify-content:space-between;align-items:center;color:hsla(0,0%,100%,.7490196078);padding:0 30px 0 10px;background:#141441}.rank-list-box .title-block h2{line-height:40px;font-size:13px}.vi_VN .rank-list-box .title-block h2{font-family:"Roboto";font-weight:bold}.zh_HK .rank-list-box .title-block h2{font-weight:bold;font-family:"Roboto"}.zh_CN .rank-list-box .title-block h2{font-weight:bold;font-family:"Roboto"}.ko_KR .rank-list-box .title-block h2{font-weight:bold;font-family:"Roboto"}.rank-list-box .content-box{margin:auto;position:relative;max-height:495px;overflow:auto;scrollbar-width:thin;scrollbar-color:#667dae #3a3a5b}.rank-list-box .content-box::-webkit-scrollbar{width:5px}.rank-list-box .content-box::-webkit-scrollbar-track{background:#3a3a5b;border-radius:4px}.rank-list-box .content-box::-webkit-scrollbar-thumb{background:#667dae;border-radius:4px;transition:background .3s}.rank-list-box .content-box::-webkit-scrollbar-thumb:hover{background:#596d97}.rank-list-box .rank-list .prize-box{transition:all .2s ease-in-out}.rank-list-box .rank-list .prize-box:nth-child(odd){background:#272c52}.rank-list-box .rank-list .prize-box:nth-child(even){background:#202349}.rank-list-box .rank-list .prize-box:hover{background:#334977}.rank-list-box .rank-list .prize-box:hover .value{color:#5afffc}.rank-list-box .prize-box{width:100%;height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 20px 0 0;color:rgba(255,248,225,.8392156863);font-size:13px;font-family:"Roboto";transition:all .2s}.rank-list-box .ranking{position:relative;color:#090933;font-size:15px;width:fit-content;text-align:center;font-family:"Roboto";font-weight:bold;white-space:wrap;padding:0 24px 0 12px}.rank-list-box .ranking span{position:relative;z-index:2;word-wrap:break-word;white-space:wrap;width:100%}.rank-list-box .ranking::after{content:"";background:linear-gradient(180deg, #BFC5ED 0%, #7A89BF 100%);height:35px;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);clip-path:polygon(0 0, 100% 0, 80% 100%, 0% 100%)}.rank-list-box .value{color:#fff;font-weight:normal;font-family:"Impact";font-size:17px;letter-spacing:.5px;transition:all .2s ease-in-out}.rank-list-box .margin{margin:0 2px}.mobile .rank-list-box .title-block{padding:0 20px 0 10px}.mobile .rank-list-box .title-block h2{font-size:12px}.mobile .rank-list-box .content-box{max-height:1000px}.mobile .rank-list-box .prize-box{height:40px;pointer-events:none}.mobile .rank-list-box .ranking{font-size:13px;padding:0 20px 0 10px}.mobile .rank-list-box .ranking::after{height:24px}.mobile .rank-list-box .value{font-size:14px}.currency-select{position:relative;width:100%;display:flex;justify-content:center;align-items:center;z-index:20;margin:80px 0}.currency-select .list{width:30%;position:absolute;top:60px;left:50%;transform:translateX(-50%) scaleY(0);transform-origin:0 0;background:rgba(17,18,47,.8509803922);border-radius:12px;overflow:hidden;pointer-events:none;transition:all .2s ease-in-out;display:grid;grid-template-columns:repeat(3, 1fr);z-index:99;opacity:0;backdrop-filter:blur(10px);will-change:transform;filter:drop-shadow(0 5px 6px rgba(0, 0, 0, 0.2));gap:10px}.currency-select .list li{padding:8px 6px;font-size:14px;color:#adb4cb;white-space:nowrap;text-align:center;transition:all .2s;cursor:pointer;position:relative}.currency-select .list li::after{content:"";width:100%;height:100%;border-radius:4px;outline:1px solid #adb4cb;position:absolute;top:0;left:0;transition:all .3s;z-index:-1}.currency-select .list li.active{color:#5afffa}.currency-select .list li:hover{color:#dffffe}.currency-select .list li:hover::after{outline:1px solid #dffffe}.currency-select .list li+li{margin-top:0}.currency-select .list.active{pointer-events:initial;opacity:.99;padding:20px;transform:translateX(-50%) scaleY(1)}.currency-select .default{height:46px;color:#5afffa;position:relative;border:1px solid #4068ac;background:linear-gradient(360deg, #1C3C72 0%, #17213B 19.5%, #115281 100%);min-width:100px;border-radius:5px;display:flex;justify-content:space-evenly;align-items:center;box-sizing:border-box;padding:0 10px 0 16px;font-size:17px;gap:5px;font-family:"Roboto";transition:all .3s;font-weight:bold}.currency-select .default:hover{filter:brightness(0.8) contrast(1.2)}.currency-select .default::after{content:"";background:url(../images/deco/Polygon1.svg);background-position:center;background-size:100%;background-repeat:no-repeat;width:12px;aspect-ratio:15/9;transition:all .3s;transform-origin:center;filter:brightness(1.2) contrast(1.2)}.currency-select .default.active{filter:brightness(0.8) contrast(1.2)}.currency-select .default.active::after{transform:rotate(180deg)}.mobile .currency-select{margin:40px 0}.mobile .currency-select .list{width:70%;gap:12px 20px;top:45px}.mobile .currency-select .list li{font-size:12px}.mobile .currency-select .list li.active{color:#5afffa}.mobile .currency-select .list.active{padding:20px}.mobile .currency-select .default{width:90px;height:40px;font-size:14px;border:1px solid #5afffa}.event-group-block{max-width:1100px;margin:0 auto 120px;padding-top:20px}.event-group-block h2{margin-bottom:20px}.event-group-block .content-box{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px}@media screen and (max-width: 820px){.event-group-block{margin-bottom:90px}.event-group-block h2{font-size:22px}}.date-item{width:215px;height:135px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;background:url(../images/deco/time_n.webp);background-position:center;background-size:100% 100%}.date-item.activeDate{background:url(../images/deco/time_h.webp);background-position:center;background-size:100% 100%}.date-item.activeDate .event-date{color:#fff}.date-item.activeDate .payout-date .payout-date-text{color:#2cffc3}.event-date{font-size:24px;font-family:"Impact";color:#abacb4;letter-spacing:1px;line-height:67px}@media screen and (max-width: 820px){.event-date{font-size:20px;line-height:65px;text-align:center}}.payout-date h3{font-size:12px;font-family:"Roboto";color:hsla(0,0%,100%,.6980392157);font-weight:normal;text-align:center;margin-bottom:3px}.payout-date .payout-date-text{color:#abacb4;font-family:"Impact";font-size:22px;letter-spacing:1px}@media screen and (max-width: 820px){.payout-date{height:70px}.payout-date h3{font-size:13px}.payout-date .payout-date-text{font-size:21px;text-align:center}}