:root{font-size:3.38vw;line-height:1.5;font-family:Lexend,sans-serif;color:#414141;--w-primary:#cc3300;--w-secondary:#1a7fdc;--w-active:#009999;--w-bg-color:#fff;--w-offcanvas:#fff;--w-vgp:#ff6600;--w-nav:#fff;--w-border:rgba(255, 255, 255, 0.36);--w-backdrop-color:rgba(30, 30, 30, 0.8);--w-scrolldown-color:rgba(0, 165, 255, 1);--w-bodycontent:#fefefe;--swiper-pagination-color:#0099ff;--swiper-pagination-bullet-inactive-color:rgba(255, 255, 255, 0.5)}body{background:url("../images/bg-footer.webp") center bottom/200vw auto no-repeat fixed;background-color:var(--w-bg-color);overflow-x:hidden}.wcontainer{width:90%;margin-left:auto;margin-right:auto;overflow:hidden;max-width:1170px}.page-wrapper{overflow:hidden;background:url("../images/bg-small.webp") center top/100% auto no-repeat;width:100%;max-width:1920px}.text-vgp{color:#f60}.bg-primary{background-color:var(--w-primary)}.bg-secondary{background-color:var(--w-secondary)}.text-primary{color:var(--w-primary)}.text-secondary{color:var(--w-secondary)}.w-image-block,.w-image-ratio{max-width:100%;display:block}.w-image-ratio{position:relative;overflow:hidden}.w-image-ratio>.content{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.w-image-inline{max-width:100%;display:inline-block}.w-image-block>img,.w-image-button>img,.w-image-inline>img,.w-image-ratio>img{display:block;width:100%;height:auto}.w-image-button{max-width:100%;display:block;border:none;padding:0!important}.block__header{height:41em}.block-18{width:15em;margin:32em auto 0;background:url("../images/img-pg18.webp") center bottom/100% 100% no-repeat;aspect-ratio:585/274}.block-18>div{display:grid;grid-template-columns:1fr 1fr;height:33%;width:100%}.block-18>div a{text-indent:-9999px;display:block}#block-001{background-size:100% auto}.btn-download-m{background:url("../images/btn-download-m.webp") 0 0/cover no-repeat;aspect-ratio:700/177}.btn-download-m>.game-icon{width:4.5em;margin-left:5.25em;margin-top:-.25em}.block__download-index{background:url(../images/block__download-index.webp) center center/100% 100% no-repeat;aspect-ratio:650/220;display:flex;width:100%;flex-wrap:nowrap;align-items:center;justify-content:center}.block__download-index>.wrap{width:80%;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.75em}.block__download-index>.wrap .block__icon{width:8em}.block__download-index>.wrap .block__button{width:calc(100% - 8em);display:grid;gap:.25em;grid-template-columns:repeat(2,1fr)}.block__button-index{padding:0;gap:0;display:grid;border-radius:0;grid-template-columns:repeat(2,1fr)}.block__button-index a{background:url("../images/btn-big-m.webp") 0 0/400% auto no-repeat;text-indent:-9999px;width:100%;height:100%;animation:2.5s infinite glow}.block__button-index a:hover{filter:brightness(125%)}.block__button-index a:first-child{animation-delay:.5s}.block__button-index a:nth-child(2){animation-delay:1s}.block__button-index a:nth-child(3){animation-delay:1.5s}.block__button-index a:nth-child(4){animation-delay:2s}.block__button-index a.giftcode{background-position:33.33% 0}.block__button-index a.fanpage{background-position:66.66% 0}.block__button-index a.napxu{background-position:0 0}.block__button-index a.sukien{background-position:100% 0}.block-support{background:url("../images/btn-support.webp") 0 0/cover no-repeat;display:grid;grid-template-columns:repeat(4,1fr)}.block-support a{background:url("../images/btn-support.webp") 0 0/400% auto no-repeat;text-indent:-9999px;aspect-ratio:1/1}.block-support a:hover{filter:brightness(125%)}a.tanthu{background-position:0 0}a.camnang{background-position:33.33% 0}a.vip{background-position:66.66% 0}.block-news{background:url("../images/news.webp") center center/cover no-repeat;margin-top:1em}@media(min-width:1024px){.block__header{height:39em}.block__download-index{width:40em}.block__button-index{padding:.5em;gap:.5em;grid-template-columns:repeat(4,1fr);border-radius:1em 1em 0 0}.block-support{grid-template-columns:repeat(2,1fr)}.block-news{margin-top:1em}}.news-list ul li{line-height:2.8em;height:2.8em;width:100%;overflow:hidden;border-bottom:1px dotted var(--w-secondary)}.news-list ul li a{display:grid;grid-template-columns:1.8em auto;width:100%;height:100%;color:#414141;white-space:nowrap;text-overflow:ellipsis}.news-list ul li a::before{content:"";display:block;width:.5em;height:.5em;background-color:var(--w-secondary);margin:1.15em .5em;transform:rotate(45deg)}.news-list ul li a:hover{color:var(--w-secondary)}@media(min-width:1200px){.news-list ul li{line-height:3.4em;height:3.4em}.news-list ul li a::before{margin:1.35em .5em}}.block-feature a{background:url("../images/btn-event.webp") 0 0/300% auto no-repeat;text-indent:-9999px}a.landing{background-position:0 0}a.tonghopsukien{background-position:50% 0}a.hotro,a.trailer{background-position:100% 0}.footer{background-image:url("../images/footer.webp");background-repeat:no-repeat;background-position:center top;background-size:cover;background-color:#080808}.footer-menu a{display:block;font-size:1em;line-height:1;color:#fff;opacity:.5;padding:0 .75em;border-left:1px solid #ccc}.footer-menu a:hover{opacity:1}.footer-menu a:first-child{border:none}.btn-wnav{filter:drop-shadow(0em 0em .5em rgba(255, 255, 255, .5));fill:var(--w-nav)}.offcanvas{background-color:var(--w-backdrop-color);filter:drop-shadow(0em 0em .5em rgba(0, 0, 0, .5));backdrop-filter:blur(0.5em);opacity:0}.offcanvas.show{z-index:9999;opacity:1}.offcanvas.hide{z-index:-1}.offcanvas-inside{background-color:rgba(20,20,20,.8);border-radius:2em;margin:1em 0 0 1em;overflow:hidden;transform:translateX(-50%);transition:transform .36s}.offcanvas.show .offcanvas-inside{transform:translateX(0)}.block-icon{padding:1.25em;background-color:var(--w-primary)}.block-menu ul{width:90%;line-height:3em;margin:0 auto}.block-menu ul li{color:#fff;border-bottom:1px solid #222}.desktop-navbar{display:none}.menu-toggle svg{fill:#c30}.menu-toggle-wrap{z-index:40}.block-float{position:fixed;transition:transform .36s,height .36s;z-index:99}.block-float .link a{display:flex;justify-content:center;align-items:center;text-transform:uppercase}.block-float:not(.minimize){background:url("../images/float/float-bar.webp") center center/100% 100% no-repeat;top:50%;right:0;transform:translateY(-50%)}.block-float:not(.minimize) .block-mini{display:none}.block-float.minimize{padding:0;bottom:0;right:0;transform:translateY(0);aspect-ratio:auto}.block-float.minimize>*{display:none}.block-float.minimize .block-mini{display:block}.wmodal{background-color:var(--w-backdrop-color);display:flex;justify-content:center;align-items:center}.button-next,.button-prev{position:absolute;transform:translateY(-50%);z-index:100;opacity:.8}.button-next>img,.button-prev>img{width:100%;height:auto}@media(min-width:1024px){.menu-toggle-wrap{display:none}.menu-toggle svg{fill:#fff}.desktop-navbar{position:absolute;top:0;left:50%;z-index:30;width:min(100%,1920px);height:3.2em;min-height:3.2em;display:flex;align-items:center;justify-content:center;background:rgba(31,47,65,.92);border:1px solid rgba(255,255,255,.22);transform:translateX(-50%)}.desktop-navbar__item{position:relative;display:flex;align-items:center;justify-content:center;min-width:8.4em;height:100%;padding:0 1.25em;color:#f4f6ff;line-height:1;text-decoration:none;transition:color .2s,text-shadow .2s,transform .2s}.desktop-navbar__item--deposit{min-width:6.4em}.desktop-navbar__item:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;width:1px;height:1em;background:rgba(255,255,255,.42);transform:translateY(-50%)}.desktop-navbar__label{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.28em;font-weight:700;letter-spacing:.01em;line-height:1;white-space:nowrap}.desktop-navbar__item:focus-visible,.desktop-navbar__item:hover{color:#ffd66b;text-shadow:0 0 .6em rgba(255,214,107,.28);transform:translateY(-.08em)}.desktop-navbar__item.is-active{color:#ffd66b}body{background:var(--w-bg-color) url("../images/bg-footer.webp") no-repeat center bottom fixed;background-size:100vw auto;font-size:.8333vw}.page-wrapper{background:url("../images/bg-big.webp") center top/100% auto no-repeat}.footer{background-size:100% auto}.wcontainer{width:61%}#block-002{background:0 0}.layout{display:flex;flex-wrap:wrap;overflow:hidden}.layout .block-support{width:37.6%}.layout .newsboard{width:62.4%}.layout .block-feature,.layout .block-news{width:50%}}.offcanvas{top:0;left:0;z-index:5;position:absolute;width:100%;height:100%;background-color:var(--w-backdrop-color);opacity:1;transition:opacity .36s}.offcanvas-content{background-color:var(--w-offcanvas);opacity:1;transition:.36s;overflow:hidden;height:100vh;filter:drop-shadow(0em 0em .5em rgba(0, 0, 0, .5))}.offcanvas-content>.icon{padding:1.5em;background-color:var(--w-primary);overflow:hidden;position:relative}.offcanvas-content>.icon>img{z-index:2;position:relative}.offcanvas-content>.icon::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--w-primary) url("../images/bg-small.webp") no-repeat top center;background-size:cover;opacity:.3;z-index:0}.offcanvas-content .link a{display:flex;justify-content:center;align-items:center;border-bottom:1px dotted #ccc}.offcanvas:not(.show){opacity:0;z-index:-1}.offcanvas:not(.show) .offcanvas-content{opacity:0;margin-left:-50%}.btn-login-vgp{background-color:var(--w-primary);border-radius:100em}.btn-login-vgp span.content{width:0;margin:0;transition:width .36s;overflow:hidden;white-space:nowrap}.btn-login-vgp:hover span.content{width:fit-content;margin:0 .5em}.animate__loop{animation-duration:2s;animation-timing-function:ease;animation-iteration-count:infinite}.animate__glow{animation-name:glow}@keyframes glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}.animate__bling{animation-name:bling}@keyframes bling{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.05)}}.animate__blingbling{animation-name:blingbling}@keyframes blingbling{0%,100%{filter:brightness(1);transform:translateY(0)}50%{filter:brightness(1.3);transform:translateY(2%)}}.animate__laploe{animation-name:laploe}@keyframes laploe{0%,100%{filter:brightness(1);opacity:1;transform:scale(1)}50%{filter:brightness(1.2);opacity:.5;transform:scale(.95) rotate(3deg)}}.animte__updown{animation-name:updown}@keyframes updown{0%,100%{transform:translateY(0)}50%{transform:translateY(5%)}}.e-btn-click{transition:.36s}.e-btn-click:active{transform:scale(.98)}.e-btn-hover-glow{transition:.36s}.e-btn-hover-glow:hover,.w-image-button:hover{transform:scale(1.01);filter:brightness(1.1) drop-shadow(0 0 2em rgba(255, 255, 255, .15))}#block-single .body-content{grid-area:content;background-color:var(--w-bodycontent);overflow:auto;margin-bottom:2em}#block-single .body-content .breadcrum{padding:1em 0;border-bottom:1px dashed #ccc}#block-single .body-content .breadcrum a{padding:0 .5em}#block-single .body-content .title{margin-top:1em}#block-single .body-content .content p{line-height:1.75;margin:1em 0}.btn-close-modal{background:url("../images/btn-close-modal.webp") center center/100% 100% no-repeat;position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%);transition:.36s;width:8em;aspect-ratio:184/50;border:none;border-radius:1em}.btn-close-modal:hover{filter:brightness(1.2);filter:brightness(1.5)}.wmodal-dialog{background:url("../images/bg-small.webp") center center/100% 100% no-repeat;transform:scale(1);transition:transform .5s;width:80%;padding:0;color:#414141}.wmodal-dialog>.content{padding-bottom:3em}.wmodal-dialog .title{text-align:center;text-transform:uppercase;height:6em;line-height:6em}.wmodal-dialog .content-scroll{overflow:auto;max-height:42em;padding:0 3em 4em}.wmodal{position:fixed;width:100%;height:100%;background-color:var(--w-backdrop-color);top:0;right:0;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .36s;overflow:hidden;color:#414141;font-size:1em;backdrop-filter:blur(2px)}.wmodal-content{background-color:rgba(255,255,255,.95);border:solid 1px var(--w-primary);filter:drop-shadow(0 0 1em rgba(0, 0, 0, .15));border-radius:2em;transform:scale(1);transition:transform .5s;width:90%;padding:3em 2em 2em}.wmodal-content .title{text-align:center;padding-bottom:1em;text-transform:uppercase;margin-bottom:.5em;letter-spacing:.5em;border-bottom:1px var(--w-primary) dotted}.wmodal-content.youtube{padding:0;background:0 0;border:none}.wmodal:not(.show){opacity:0;z-index:-1}.wmodal:not(.show) .wmodal-content,.wmodal:not(.show) .wmodal-dialog{transform:scale(.8)}.wmodal>.wmodal-content>.wrap{background-color:var(--w-popup-color);border-radius:1em;overflow:hidden}.wmodal-content .title span,.wmodal-dialog .title span{font-size:1.5em;color:var(--w-primary)}.content-scroll{max-height:69vh;overflow:auto}@media(min-width:1024px){.btn-close-modal{width:8em}.wmodal-content{max-width:30em;padding-bottom:2em}.wmodal-content.youtube{max-width:50em}.wmodal-dialog{max-width:32em;padding-bottom:2em}.wmodal-dialog .title{height:6em;line-height:6em}.wmodal-content .title span,.wmodal-dialog .title span{font-size:1.75em}.wmodal-dialog .content-scroll{font-size:1em;height:33em;padding:0 3em 4em}.wmodal-content .h-fit,.wmodal-dialog .content-scroll .h-fit{font-size:1em}}.tooltip .tooltiptext{visibility:hidden;width:15em;background-color:rgba(0,0,0,.9);backdrop-filter:blur(1em);color:#fff;text-align:center;border-radius:6px;padding:1em;position:absolute;z-index:1;bottom:100%;left:50%}.tooltip .tooltiptext::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#000 transparent transparent}.tooltip:hover .tooltiptext{visibility:visible}.block-character{background:url("../images/block__character-001/block-char.webp") top center/174% auto no-repeat;overflow:hidden;height:fit-content;position:relative;padding-bottom:4em}.character-slide{aspect-ratio:1095/600}.character-slide .swiper-slide>img{position:absolute;top:0;left:0;width:175%;max-width:200%!important;height:auto}.character-slide .swiper-slide .icon-skill{display:none!important;aspect-ratio:288/92;background:center center/cover no-repeat;position:absolute;top:12.5em;left:4em;width:8em;height:auto;display:grid;grid-template-columns:23% 23% 23% 40%}.character-slide .swiper-slide .icon-skill>div{position:relative}.character-slide .swiper-slide video{position:absolute;bottom:0;right:0;aspect-ratio:1330/600;background-color:#000;width:69.5%;height:100%;display:none}.character-slide .btn-xemvideo{width:8em;height:fit-content;position:absolute;bottom:15%;right:5%}.character-thumb-slide{position:absolute!important;width:60%;bottom:0;left:50%;transform:translateX(-50%);z-index:100}.character-thumb-slide .swiper-slide:not(.swiper-slide-thumb-active) img{opacity:1;filter:brightness(.5)}@media(min-width:1024px){.block-character{background-size:100% auto}.character-slide .swiper-slide .icon-skill{width:15em;top:29em;left:12em}.character-slide .btn-xemvideo{width:8em;top:1em;right:1em}.character-thumb-slide{width:25em;bottom:1em}.block-character,.character-slide{aspect-ratio:1920/600}.character-slide .swiper-slide img{width:100%;left:0}.character-slide .swiper-slide video{display:block}}.block-slider-feature{width:100%;padding:2em 0;margin:0 auto;position:relative}.block-slider-feature .swiper-slide{border-radius:1em;border:.25em solid #fff}.block-slider-feature .swiper-slide-active{filter:drop-shadow(0em 0em 1em rgba(0, 0, 0, .25))}.block-slider-feature .swiper-slide:not(.swiper-slide-active){background-color:#fff}.block-slider-feature .swiper-slide:not(.swiper-slide-active) img{opacity:.25;filter:blur(.1em);transition:1s}.block-slider-feature .swiper-slide-next img,.block-slider-feature .swiper-slide-prev img{opacity:.5!important}.block-slider-feature .btn-next,.block-slider-feature .btn-prev{width:3em;position:absolute;z-index:10;top:50%}.block-slider-feature .btn-next{right:4em;transform:scaleX(1) translate(20%,-50%)}.block-slider-feature .btn-prev{left:4em;transform:scaleX(-1) translate(20%,-50%)}@media(min-width:1024px){.block-slider-feature{padding:2em 10em 6em;width:65%}.block-slider-feature .btn-next,.block-slider-feature .btn-prev{width:3em;top:58%}.block-slider-feature .btn-next{right:7em}.block-slider-feature .btn-prev{left:7em}}