: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") no-repeat center bottom fixed;background-color:var(--w-bg-color);overflow-x:hidden}.page-wrapper{overflow:hidden;background:rgba(0,0,0,0) url("../images/bg-small.webp") no-repeat center top scroll;background-size:100% auto}.wcontainer{width:90%;margin-left:auto;margin-right:auto;overflow:hidden;max-width:1170px}.page-wrapper{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-button>img,.w-image-ratio>img,.w-image-inline>img,.w-image-block>img{display:block;width:100%;height:auto}.w-image-button{max-width:100%;display:block;border:none;padding:0 !important}.block__header{height:36em}@media(min-width: 1024px){.block__header{height:52em}}.block-18{width:15em;margin:32em auto 0 auto;background:rgba(0,0,0,0) url("../images/img-pg18.webp") no-repeat center bottom scroll;background-size:100% 100%;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") no-repeat scroll;background-size:cover;aspect-ratio:700/177}.btn-download-m>.game-icon{width:4.5em;margin-left:5.25em;margin-top:-0.25em}.block__download-index{background:rgba(0,0,0,0) url(../images/block__download-index.webp) no-repeat center center;background-size:100% 100%;aspect-ratio:650/220;display:flex;width:100%;flex-wrap:nowrap;align-items:center;justify-content:center}@media(min-width: 1024px){.block__download-index{width:40em}}.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{background-color:var(--w-primary);padding:.25em;gap:.25em;display:grid;border-radius:0em 0em 0 0;grid-template-columns:repeat(2, 1fr)}@media(min-width: 1024px){.block__button-index{padding:.5em;gap:.5em;grid-template-columns:repeat(4, 1fr);border-radius:1em 1em 0 0}}.block__button-index a{background:rgba(0,0,0,0) url("../images/btn-big-m.webp") no-repeat scroll;background-size:400% auto;text-indent:-9999px;width:100%;height:100%;animation:glow 2.5s ease infinite}.block__button-index a:hover{filter:brightness(125%)}.block__button-index a:nth-child(1){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:rgba(0,0,0,0) url("../images/block-support.webp") no-repeat scroll;background-size:cover;display:grid;grid-template-columns:repeat(4, 1fr)}@media(min-width: 1024px){.block-support{grid-template-columns:repeat(2, 1fr)}}.block-support a{background:rgba(0,0,0,0) url("../images/btn-support.webp") no-repeat scroll;background-size:400% auto;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%}a.hotro{background-position:100% 0%}.block-news{background:rgba(0,0,0,0) url("../images/news.webp") center center no-repeat;background-size:cover;margin-top:1em}@media(min-width: 1024px){.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:rgba(0,0,0,0) url("../images/btn-event.webp") no-repeat scroll;background-size:300% auto;text-indent:-9999px}a.landing{background-position:0% 0%}a.tonghopsukien{background-position:50% 0%}a.trailer{background-position:100% 0%}a.hotro{background-position:100% 0%}.footer{background-size:100% auto}.footer-menu a{display:block;font-size:1em;line-height:1;color:#fff;opacity:.5;padding:0em .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 0.5em rgba(255, 255, 255, 0.5));fill:var(--w-nav)}.offcanvas{position:absolute;width:100%;height:100%;background-color:var(--w-backdrop-color);filter:drop-shadow(0em 0em 0.5em rgba(0, 0, 0, 0.5));backdrop-filter:blur(0.5em);opacity:0;transition:opacity .36s ease}.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 ease}.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}.block-float{position:fixed;transition:transform .36s ease,height .36s ease;z-index:99}.block-float .link a{display:flex;justify-content:center;align-items:center;text-transform:uppercase}.block-float:not(.minimize){background:rgba(0,0,0,0) url("../images/float/float-bar.webp") no-repeat center center;background-size:100% 100%;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{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 ease}.wmodal-content{transform:scale(1);transition:transform .5s ease}.wmodal:not(.show){opacity:0;z-index:-1}.wmodal:not(.show) .wmodal-content{transform:scale(0.8)}.wmodal>.wmodal-content>.wrap{background-color:var(--w-popup-color);border-radius:1em;overflow:hidden}.button-prev,.button-next{position:absolute;transform:translateY(-50%);z-index:100;opacity:.8}.button-prev>img,.button-next>img{width:100%;height:auto}@media(min-width: 1024px){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:rgba(0,0,0,0) url("../images/bg-big.webp") no-repeat center top scroll;background-size:100% auto}.wcontainer{width:61%}#block-002{background:none}.layout{display:flex;flex-wrap:wrap;overflow:hidden}.layout .block-support{width:37.6%}.layout .newsboard{width:62.4%}.layout .block-news{width:50%}.layout .block-feature{width:50%}}.offcanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.offcanvas{position:absolute;width:100%;height:100%;background-color:var(--w-backdrop-color);opacity:1;transition:opacity .36s ease}.offcanvas-content{background-color:var(--w-offcanvas);opacity:1;transition:all .36s ease;overflow:hidden;height:100vh;filter:drop-shadow(0em 0em 0.5em rgba(0, 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-sm.jpg") 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:dotted #ccc 1px}.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 ease;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%{filter:brightness(1)}50%{filter:brightness(1.3)}100%{filter:brightness(1)}}.animate__bling{animation-name:bling}@keyframes bling{0%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.05)}100%{filter:brightness(1);transform:scale(1)}}.animate__blingbling{animation-name:blingbling}@keyframes blingbling{0%{filter:brightness(1);transform:translateY(0)}50%{filter:brightness(1.3);transform:translateY(2%)}100%{filter:brightness(1);transform:translateY(0)}}.animate__laploe{animation-name:laploe}@keyframes laploe{0%{filter:brightness(1);opacity:1;transform:scale(1)}50%{filter:brightness(1.2);opacity:.5;transform:scale(0.95) rotate(3deg)}100%{filter:brightness(1);opacity:1;transform:scale(1)}}.animte__updown{animation-name:updown}@keyframes updown{0%{transform:translateY(0)}50%{transform:translateY(5%)}100%{transform:translateY(0)}}.e-btn-click{transition:all .36s ease}.e-btn-click:active{transform:scale(0.98)}.e-btn-hover-glow{transition:all .36s ease}.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, 0.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:dashed #ccc 1px}#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:rgba(0,0,0,0) url("../images/btn-close-modal.webp") no-repeat center center;background-size:100% 100%;position:absolute;top:0%;left:50%;transform:translateY(-50%) translateX(-50%);transition:all .36s ease;width:8em;aspect-ratio:184/50;border:none;border-radius:1em;transition:all .36s ease}.btn-close-modal:hover{filter:brightness(1.2)}.wmodal-dialog{background:rgba(0,0,0,0) url("../images/bg-popup.png") no-repeat center center;background-size:100% 100%;transform:scale(1);transition:transform .5s ease;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 3em}.btn-close-modal:hover{filter:brightness(1.5)}.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 ease;overflow:hidden;color:#414141;font-size:1em;backdrop-filter:blur(2px)}.wmodal-content{background-color:hsla(0,0%,100%,.95);border:solid 1px var(--w-primary);filter:drop-shadow(0 0 1em rgba(0, 0, 0, 0.15));border-radius:2em;transform:scale(1);transition:transform .5s ease;width:90%;padding:2em;padding-top:3em}.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:0em;background:rgba(0,0,0,0);border:none}.wmodal:not(.show){opacity:0;z-index:-1}.wmodal:not(.show) .wmodal-content,.wmodal:not(.show) .wmodal-dialog{transform:scale(0.8)}.wmodal>.wmodal-content>.wrap{background-color:var(--w-popup-color);border-radius:1em;overflow:hidden}.wmodal-dialog .title span,.wmodal-content .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 3em}.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%;margin-left:-7.5em}.tooltip .tooltiptext::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.tooltip:hover .tooltiptext{visibility:visible}.block-character{background:rgba(0,0,0,0) url("../images/block__character-001/block-char.webp") no-repeat top center scroll;background-size:174% auto;overflow:hidden;height:fit-content;position:relative;padding-bottom:4em}@media(min-width: 1024px){.block-character{background-size:100% auto}}.character-slide{aspect-ratio:1095/600}.character-slide .swiper-slide>img{position:absolute;top:0;left:0em;width:175%;max-width:200% !important;height:auto}.character-slide .swiper-slide .icon-skill{display:none !important;aspect-ratio:288/92;background:rgba(0,0,0,0) no-repeat center center/cover;position:absolute;top:12.5em;left:4em;width:8em;height:auto;display:grid;grid-template-columns:23% 23% 23% 40%}@media(min-width: 1024px){.character-slide .swiper-slide .icon-skill{width:15em;top:29em;left:12em}}.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%}@media(min-width: 1024px){.character-slide .btn-xemvideo{width:8em;top:1em;right:1em}}.character-thumb-slide{position:absolute !important;width:60%;bottom:0%;left:50%;transform:translateX(-50%);z-index:100}@media(min-width: 1024px){.character-thumb-slide{width:25em;bottom:1em}}.character-thumb-slide .swiper-slide:not(.swiper-slide-thumb-active) img{opacity:1;filter:brightness(0.5)}@media(min-width: 1024px){.block-character{aspect-ratio:1920/600}.character-slide{aspect-ratio:1920/600}.character-slide .swiper-slide img{width:100%;left:0em}.character-slide .swiper-slide video{display:block}}.block-slider-feature{width:100%;padding:2em 0;margin:0em auto 0 auto;position:relative}@media(min-width: 1024px){.block-slider-feature{padding:2em 10em;width:65%}}.block-slider-feature .swiper-slide{border-radius:1em;border:solid .25em #fff}.block-slider-feature .swiper-slide-active{filter:drop-shadow(0em 0em 1em rgba(0, 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(0.1em);transition:all 1s ease}.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%}@media(min-width: 1024px){.block-slider-feature .btn-next,.block-slider-feature .btn-prev{width:4em}}.block-slider-feature .btn-next{right:4em;transform:scaleX(1) translate(20%, -50%)}@media(min-width: 1024px){.block-slider-feature .btn-next{right:19em}}.block-slider-feature .btn-prev{left:4em;transform:scaleX(-1) translate(20%, -50%)}@media(min-width: 1024px){.block-slider-feature .btn-prev{left:19em}}/*# sourceMappingURL=wstyle.min.css.map */