/* theme.css — lớp CSS thủ công của giao diện mẫu.
   Đã gỡ các url() trỏ tới 6 ảnh mà HTTrack không tải được (server nguồn
   trả 404 cho cả 6). Chúng đều nằm dưới một lớp khác che kín nên không
   ảnh hưởng hình thức — xem docs/SOURCE-AUDIT.md mục 5. */
body{background:none no-repeat center bottom fixed;background-size:200vw auto;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-18{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-content{background:rgba(0,0,0,0) url(../images/block-download.webp) no-repeat center center;background-size:cover;aspect-ratio:602/182;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75em}.block-button{background-color:var(--w-secondary);padding:.5em}.block-button 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%}.block-button a:hover{filter:brightness(125%)}a.giftcode{background-position:0% 0%}a.fanpage{background-position:33.33% 0%}a.napxu{background-position:66.66% 0%}a.sukien{background-position:100% 0%}.block-support{background:rgba(0,0,0,0) none no-repeat scroll;background-size:cover}.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}.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}.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));-webkit-backdrop-filter:blur(0.5em);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) none no-repeat center 60em scroll;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) none 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:-moz-fit-content;width:fit-content;margin:0 .5em}.w-accordion-button{background:rgba(0,0,0,0) none no-repeat scroll;background-size:400% auto;width:6.8376%}.w-accordion-button[data-no="01"]{background-position:0% 0%}.w-accordion-button[data-no="02"]{background-position:33.33% 0%}.w-accordion-button[data-no="03"]{background-position:66.66% 0%}.w-accordion-button[data-no="04"]{background-position:100% 0%}.w-accordion .w-accordion-slide{transition:width .36s ease;overflow:hidden}.w-accordion .w-accordion-slide img{height:100%;width:auto;max-width:9999% !important}.w-accordion .w-accordion-slide:not(.active){width:0%}.w-accordion .w-accordion-slide.active{width:72.64%;height:100%}.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}#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) none 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;-webkit-backdrop-filter:blur(2px);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, 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}}.block-character{background-size:100% auto;overflow:hidden;height:-moz-fit-content;height:fit-content}.character-slide{aspect-ratio:1000/625}.character-slide .swiper-slide img{position:absolute;top:0;left:-6em;width:200%;max-width:200% !important;height:auto}.character-slide .swiper-slide video{position:absolute;bottom:0%;right:0%;aspect-ratio:1200/600;background-color:#000;width:66%;height:100%;display:none}.character-thumb-slide{background-color:rgba(153,0,0,.9);border-radius:10em;padding:.5em !important}.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}}/*# sourceMappingURL=wstyle.min.css.map */