*{margin:0;padding:0;box-sizing:border-box}.wrapper{width:100%;height:100%}body{font-family:Arial,Helvetica,sans-serif;background:#ece8e2;overflow-x:hidden;color:#2f1f1f;background-color:#381916}.wrapper.is-desktop{overflow:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}ul{list-style:none}:root{--header-h: 86px;--content-w: 1320px;--ease: 800ms cubic-bezier(0.22, 0.61, 0.36, 1);--side-red: #d3482f}.site{position:relative;width:100%;min-height:100vh;overflow:hidden}.page-wrapper{width:100%;transition:transform var(--ease);will-change:transform}.section{position:relative;width:100%;min-height:100vh;overflow:hidden}.section-inner{width:min(var(--content-w),100% - 80px);margin:0 auto;position:relative;z-index:2}.bg{position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:0}.header{position:absolute;top:0;left:0;width:100%;height:var(--header-h);z-index:50;background:#000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.header-inner{width:min(1400px,100% - 32px);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-left{display:flex;align-items:center;gap:28px;min-width:0}.logo-head{width:132px;flex:0 0 auto}.nav{display:flex;align-items:center;gap:18px;color:#fff;font-size:17px;font-weight:700;text-transform:uppercase;white-space:nowrap}@media(max-width: 1600px)and (min-width: 1025px){.nav{gap:6px}}.nav a{opacity:.88}.nav a.active,.nav a:hover{opacity:1;color:#ffd77f}.header-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}.head-btn{height:42px;padding:0 50px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:#000;background:#ff9800;border:1px solid rgba(255,255,255,.14);text-transform:uppercase}.head-btn.primary{background:#eb9a2f;border:none;background:url(https://cdn.smobgame.com/template/FT104/home/taigame.png) center/contain no-repeat;width:276px;height:83px;text-indent:-9999px}.mobile-head-right{display:none}.side-anchor{position:fixed;left:10px;top:50%;transform:translateY(-50%);z-index:35;width:138px;padding-left:18px}.side-anchor::before{content:"";position:absolute;left:31px;top:-44px;bottom:18px;width:2px;background:var(--side-red);opacity:.85;height:360px}.side-top-dot{position:absolute;left:23px;top:-60px;width:18px;height:18px;border-radius:50%;border:4px dotted var(--side-red);opacity:.9}.side-list{display:flex;flex-direction:column;gap:41px}.side-link{position:relative;display:flex;align-items:center;gap:12px;color:#d56a4b;font-size:16px;font-family:"fonttung";font-weight:700;opacity:.95;width:200px}.side-link::before{content:"";width:22px;height:22px;background:url("https://cdn.smobgame.com/template/FT104/home/icon.png") center/contain no-repeat;flex:0 0 auto;position:relative;z-index:2;left:2px}.side-link.active{color:#c6442c;background:url(https://cdn.smobgame.com/template/FT104/home/bgactive.png) center/contain no-repeat;width:165px;height:40px;padding:10px 24px}.side-collapse{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#0d0d11;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(0,0,0,.18);cursor:pointer;z-index:4;display:none}.side-collapse span{width:10px;height:10px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg);margin-left:4px}.hero{padding-top:var(--header-h);display:flex;align-items:center;justify-content:center}.hero .section-inner{height:calc(100vh - var(--header-h));width:min(100%,1920px)}.hero-pc{background-image:url("https://cdn.smobgame.com/template/FT104/home/bg-page1.jpg")}.hero-mb{display:none;background-image:url("https://cdn.smobgame.com/template/FT104/home/bg-page1mb.jpg")}.hero-ui{position:relative;width:100%;height:100%}.hero-logo{position:absolute;left:50%;top:1%;transform:translateX(-50%);width:min(19vw,350px);min-width:220px;z-index:3}.hero-play{position:absolute;left:50%;top:51%;transform:translate(-50%, -50%);width:min(6vw,94px);min-width:83px;z-index:3;cursor:pointer}.hero-cta{position:absolute;left:50%;bottom:8.8%;transform:translateX(-50%);width:min(22vw,360px);width:300px;z-index:3}.hero-stores{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);width:min(1080px,100% - 60px);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:140px;z-index:2}.hero-store-left,.hero-store-right{display:flex;gap:12px;align-items:center;width:400px;flex-wrap:wrap}.hero-store-left{justify-content:flex-end}.hero-store-right{justify-content:flex-start}.store-btn img{height:56px;width:auto}.titles{display:flex;justify-content:center;margin-bottom:0;position:relative;z-index:3;margin-top:-2vw}.titles--2{top:1vw}@media(max-width: 1600px)and (min-width: 1025px){.titles--2{top:-2vw}}@media(max-width: 640px){.titles--2{top:9vw}}.titles--3{margin-top:-6vw}@media(max-width: 1600px)and (min-width: 1025px){.titles--3{margin-top:-6vw}}@media(max-width: 640px){.titles--3{margin-top:6vw}}@media(max-width: 640px){.titles--4{margin-top:6vw}}@media(max-width: 640px){.titles--1{margin-top:6vw}}.rankInner{height:450px;overflow:auto}@media(max-width: 640px){.rankInner{height:198px}}.titles img{max-width:min(90vw,620px);width:auto}.news{display:flex;align-items:center}.news-pc{background-image:url("https://cdn.smobgame.com/template/FT104/home/bg-page2.jpg")}.news-mb{display:none;background-image:url("https://cdn.smobgame.com/template/FT104/home/bg-page2mb.jpg")}.news-wrap{padding-top:0px;padding-bottom:30px}.news-layout{display:grid;grid-template-columns:minmax(700px, 1fr) 481px;gap:28px;align-items:start}@media(max-width: 1600px)and (min-width: 1025px){.news-layout{transform:scale(0.9);margin-top:-2vw}}.news-left{min-width:0}.news-slider{position:relative;overflow:hidden;border:1px solid rgba(155,62,35,.18);background:#fff}.news-slides{position:relative;aspect-ratio:886/468}.news-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:.4s ease}.news-slide.active{opacity:1;pointer-events:auto}.news-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.news-tabs{display:flex;gap:28px;margin-top:14px;border-bottom:1px solid rgba(155,62,35,.18);color:#a13f30;font-weight:700;font-size:15px}.news-tab{padding:0 0 10px;cursor:pointer;opacity:.6;position:relative}.news-tab.active{opacity:1}.news-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#cb2d22}.news-list{background:rgba(255,255,255,.38);border:1px solid rgba(155,62,35,.12);border-top:none}.news-item{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 18px;border-bottom:1px solid rgba(155,62,35,.08);font-size:14px;color:#9c4937}.news-item:last-child{border-bottom:none}.news-right{display:grid;grid-template-columns:1fr 1fr;gap:18px}.news-quick{display:block;border:1px solid rgba(155,62,35,.14);background:#fff;overflow:hidden;transition:.25s}.news-quick:hover{transform:translateY(-4px)}.news-quick img{width:100%;height:auto}.character{display:flex;align-items:center}.character-pc{background-image:url("https://cdn.smobgame.com/template/FT104/home/bg-page3.jpg")}.character-mb{display:none;background-image:url("https://cdn.smobgame.com/template/FT104/home/bg-page3mb.jpg")}.character-wrap{height:100vh;padding-top:10vw;padding-bottom:24px;display:flex;flex-direction:column;justify-content:center;width:100vw}.character-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;top:-5vw}@media(max-width: 1600px)and (min-width: 1025px){.character-stage{top:-7vw}}.character-main{width:auto;height:auto;-o-object-fit:contain;object-fit:contain;transition:opacity .4s ease,transform .4s ease}.character-switch{position:absolute;right:6px;top:40%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:4}.character-switch::before{content:"";width:2px;height:580px;background-color:#952a18;position:absolute;left:-10%;top:-13%}.character-dot{width:45px;height:55px;border:none;background:rgba(0,0,0,0);cursor:pointer;opacity:.7;transition:.25s;position:relative;filter:grayscale(1)}.character-dot::before{content:"";position:absolute;top:16px;left:-214px;font-size:22px;text-transform:uppercase;width:200px;color:#000;font-family:"fonttung";text-align:right}.character-dot::after{content:"";width:8px;height:8px;border-radius:50%;background-color:#000;position:absolute;top:23px;left:-7px}.character-dot:nth-child(1)::before{content:"Bóng Tối"}.character-dot:nth-child(2)::before{content:"gió"}.character-dot:nth-child(3)::before{content:"ánh sáng"}.character-dot:nth-child(4)::before{content:"sét"}.character-dot:nth-child(5)::before{content:"đất"}.character-dot:nth-child(6)::before{content:"nước"}.character-dot:nth-child(7)::before{content:"lửa"}.character-dot.active,.character-dot:hover{opacity:1;transform:scale(1.05);filter:grayscale(0)}.ranking{display:flex;align-items:center}.ranking-pc{background-image:url("https://cdn.smobgame.com/template/FT104/home/bg-page4.jpg")}.ranking-mb{display:none;background-image:url("https://cdn.smobgame.com/template/FT104/home/bg-page4mb.jpg")}.ranking-wrap{padding-top:118px;padding-bottom:26px}.ranking-box{position:relative;width:min(980px,100%);margin:0 auto;padding-top:72px}@media(max-width: 1600px)and (min-width: 1025px){.ranking-box{transform:scale(0.9);margin-top:-2vw}}.ranking-switch{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(460px,58%);z-index:2}.ranking-frame{width:100%;position:relative;z-index:1}.ranking-table{position:absolute;left:50%;top:105px;transform:translateX(-50%);width:89%;z-index:3;color:#8c6533;height:78%}.ranking-head,.ranking-row{display:grid;grid-template-columns:100px 1.7fr 1.1fr 1.2fr;align-items:center;text-align:center}.ranking-head{height:54px;color:#fff3cf;font-weight:700;font-size:16px}.ranking-row{min-height:56px;font-size:15px;font-weight:700;border-bottom:1px solid rgba(129,81,31,.08)}.ranking-row:last-child{border-bottom:none}.medal{width:36px;margin:0 auto}.features{display:flex;align-items:center}.features-pc{background-image:url("https://cdn.smobgame.com/template/FT104/home/bg-page5.jpg")}.features-mb{display:none;background-image:url("https://cdn.smobgame.com/template/FT104/home/bg-page5mb.jpg")}.features-wrap{padding-top:118px;padding-bottom:26px}.feature-slider{position:relative;width:min(1200px,100%);margin:100px auto}.feature-view{position:relative;height:420px;display:flex;align-items:center;justify-content:center;overflow:visible}.feature-card{position:absolute;top:50%;transform:translateY(-50%);transition:.45s ease;opacity:.45;filter:brightness(0.72);z-index:1;width:70%}.feature-card img{width:100%;height:auto;border:1px solid rgba(182,123,60,.5)}.feature-card.center{width:76%;opacity:1;filter:none;z-index:3}.feature-card.left{left:0}.feature-card.center{left:50%;transform:translate(-50%, -50%)}.feature-card.right{right:0}.feature-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;cursor:pointer;z-index:5}.feature-arrow.prev{left:16px}.feature-arrow.next{right:16px;transform:translateY(-50%) scaleX(-1)}.feature-dots{display:flex;justify-content:center;gap:10px;margin-top:88px}.feature-dot{width:15px;height:15px;transform:rotate(45deg);border:1px solid #b34e32;cursor:pointer;background:rgba(0,0,0,0);background:#fff}.feature-dot.active{background:#b34e32}.footer{background:#071013;color:#fff;text-align:center;font-size:12px;line-height:1.8;display:flex;justify-content:center;align-items:center}@media(max-width: 1024px){body{overflow-x:hidden}body.is-desktop{overflow:auto}.page-wrapper{transform:none !important;transition:none !important}.section{min-height:auto}.section-inner{width:calc(100% - 0px)}.header{height:72px}.header-inner{width:calc(100% - 20px)}.nav,.header-right,.side-anchor{display:none}.mobile-head-right{display:flex}.logo-head{width:116px}.hero{padding-top:72px;min-height:auto}.hero .section-inner{min-height:auto;height:auto;height:600px}.hero-pc{display:none}.hero-mb{display:block}.hero-ui{min-height:860px}.hero-logo{width:210px;top:auto}.hero-play{width:66px;min-width:auto;top:36%}.hero-cta{width:200px;min-width:auto;top:56%;bottom:auto;transform:translateX(-50%)}.hero-stores{width:465px;grid-template-columns:1fr;bottom:auto;top:40%;gap:10px;transform:translateX(-64%)}.hero-store-left,.hero-store-right{justify-content:center;flex-wrap:wrap;width:600px}.store-btn img{height:55px}.news-pc,.character-pc,.ranking-pc,.features-pc{display:none}.news-mb,.character-mb,.ranking-mb,.features-mb{display:block}.news-wrap,.ranking-wrap,.features-wrap{padding-top:0px;padding-bottom:30px}.titles{margin-bottom:16px}.titles img{max-width:92vw}.news-layout{grid-template-columns:1fr;gap:16px;width:68%;margin:0 auto}.news-slides{aspect-ratio:686/449}.news-tabs{gap:18px;font-size:20px;width:95%;margin:10px auto}.feature-slider{margin:79px auto}.news-item{min-height:48px;font-size:17px;padding:10px 12px}.news-right{grid-template-columns:1fr 1fr;gap:12px}.character-wrap{height:auto;padding-top:30px;padding-bottom:30px}.character-stage{display:block}.character-switch{right:6px;top:55%}.character-main{width:100%;max-width:100%;max-height:none}.ranking-box{padding-top:48px}.ranking-switch{width:53%;top:-5px}.ranking-table{top:81px;width:93%}.ranking-head{height:34px;font-size:12px}.ranking-row{min-height:42px;font-size:11px}.ranking-head,.ranking-row{grid-template-columns:58px 1.3fr .9fr .9fr}.medal{width:24px}.feature-view{height:220px}.feature-card{width:60%}.feature-card.center{width:68%}.feature-arrow{width:28px}.feature-arrow.prev{left:4px}.feature-arrow.next{right:4px}.footer{font-size:11px;padding:22px 12px 28px}.head-btn.primary{width:138px;height:41px;background-size:138px}}@media(max-width: 640px){body{overflow-x:hidden}body.is-desktop{overflow:auto}.page-wrapper{transform:none !important;transition:none !important}.section{min-height:auto}.section-inner{width:calc(100% - 0px)}.header{height:72px}.header-inner{width:calc(100% - 20px)}.nav,.header-right,.side-anchor{display:none}.mobile-head-right{display:flex}.logo-head{width:116px}.hero{padding-top:72px;min-height:auto}.hero .section-inner{min-height:auto;height:auto;height:600px}.hero-pc{display:none}.hero-mb{display:block}.hero-ui{min-height:860px}.hero-logo{width:210px;top:auto}.hero-play{width:66px;min-width:auto;top:36%}.hero-cta{width:200px;min-width:auto;top:56%;bottom:auto;transform:translateX(-50%)}.hero-stores{width:465px;grid-template-columns:1fr;bottom:auto;top:45%;gap:10px;transform:translateX(-65%)}.hero-store-left,.hero-store-right{justify-content:center;flex-wrap:wrap;width:600px}.store-btn img{height:33px}.news-pc,.character-pc,.ranking-pc,.features-pc{display:none}.news-mb,.character-mb,.ranking-mb,.features-mb{display:block}.news-wrap,.ranking-wrap,.features-wrap{padding-top:0px;padding-bottom:30px}.titles{margin-bottom:16px}.titles img{max-width:92vw}.news-layout{grid-template-columns:1fr;gap:16px;width:95%;margin:0 auto}.news-slides{aspect-ratio:842/449}.news-tabs{gap:18px;font-size:14px;width:95%;margin:10px auto}.feature-slider{margin:22px auto -31px 0}.feature-dots{position:relative;top:-72px}.news-item{min-height:48px;font-size:13px;padding:10px 12px}.news-right{grid-template-columns:1fr 1fr;gap:12px}.character-wrap{height:auto;padding-top:0px;padding-bottom:30px}.character-stage{display:block}.character-switch{right:-8px;top:14%;transform:scale(0.5)}.character-main{width:100%;max-width:100%;max-height:none}.ranking-box{padding-top:48px}.ranking-switch{width:68%;top:-5px}.ranking-table{top:57px;width:93%}.ranking-head{height:34px;font-size:12px}.ranking-row{min-height:42px;font-size:11px}.ranking-head,.ranking-row{grid-template-columns:58px 1.3fr .9fr .9fr}.medal{width:24px}.feature-view{height:220px}.feature-card{width:60%}.feature-card.center{width:88%}.feature-arrow{width:28px}.feature-arrow.prev{left:4px}.feature-arrow.next{right:4px}.footer{font-size:11px;padding:22px 12px 28px}.head-btn.primary{width:138px;height:41px;background-size:138px}}.mobile-head-right{display:none}.mobile-recharge{display:inline-flex;align-items:center;justify-content:center}.mobile-recharge img{height:54px;width:auto}.mobile-menu-toggle{width:40px;height:40px;border:none;background:rgba(0,0,0,0);display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;padding:0}.mobile-menu-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}.mobile-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.42);opacity:0;visibility:hidden;transition:.25s ease;z-index:69}.mobile-menu-drawer{position:fixed;top:0;right:0;width:min(82vw,340px);height:100vh;background:linear-gradient(180deg, #2b241e 0%, #171310 100%);color:#fff;transform:translateX(100%);transition:.28s ease;z-index:70;box-shadow:-12px 0 24px rgba(0,0,0,.2);display:flex;flex-direction:column}.mobile-menu-open .mobile-menu-backdrop{opacity:1;visibility:visible}.mobile-menu-open .mobile-menu-drawer{transform:translateX(0)}.mobile-menu-head{height:72px;padding:0 14px 0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-menu-head img{width:110px;height:auto}.mobile-menu-close{border:none;background:rgba(0,0,0,0);color:#fff;font-size:24px;line-height:1;cursor:pointer}.mobile-menu-body{padding:14px 0 20px;overflow:auto}.mobile-menu-link{display:block;padding:14px 18px;font-size:16px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}.mobile-menu-link.highlight{color:#ffcc72}.mobile-menu-divider{height:10px;background:rgba(255,255,255,.04)}@media(max-width: 1024px){.fixbox{display:none !important}.mobile-head-right{display:flex;align-items:center;gap:10px;margin-left:auto}.logo-head{width:112px}}.page1{position:relative;height:1px}.news-left .tab-content{display:none}.news-left .current{display:block;position:relative}a.btn-xemthem{position:absolute;top:-12%;right:1%;display:none !important}@media only screen and (max-width: 640px){a.btn-xemthem{position:relative;top:unset;right:unset;display:block;width:125px;height:36px;font-size:18px;bottom:5px;background:#092444 !important;margin:17px auto 0 auto;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:5px}}.nav-link{padding:5px;position:relative}#select_bxh{position:absolute;top:7.5%;left:32%;z-index:10;width:160px;border:none;background:rgba(0,0,0,0);color:#8f0000;font-weight:bold}@media(max-width: 640px){#select_bxh{top:7.5%;left:25%;width:89px;font-size:11px}}#select_item{position:absolute;top:7.5%;left:55%;z-index:10;width:93px;border:none;background:rgba(0,0,0,0);color:#efb916;font-weight:bold}@media(max-width: 640px){#select_item{top:7.5%;left:55%;width:71px;font-size:11px}}.menu_sub{position:absolute;left:50%;z-index:5;border:1px solid #fff;background-repeat:repeat;border-radius:8px;padding:13px 10px;top:60px;min-width:150px;background-color:#000;display:none}@media(max-width: 1024px){.menu_sub{min-width:126px;padding:13px 14px}}@media(max-width: 640px){.menu_sub{min-width:86px;padding:5px 7px;top:42px}}.menu_sub li a{font-size:20px;margin-bottom:5px;color:#fff;display:block;font-weight:300}@media(max-width: 1024px){.menu_sub li a{font-size:13px}}.menu_sub li a:hover{color:#ffb905}.active{display:block}.db-orb{display:none !important}.swiper-btn{width:39px;height:77px;background-size:auto;top:43%;background-image:url(https://cdn.smobgame.com/template/S16/images/home/spr.png) !important}@media(max-width: 640px){.swiper-btn{top:44%;width:23px}}.swiper-btn::after{display:none}.swiper-btn.swiper-button-next{right:-5px}@media(max-width: 640px){.swiper-btn.swiper-button-next{right:-1px}}.swiper-btn.swiper-button-prev{left:-3px;transform:rotate(180deg);transform-origin:center}@media(max-width: 640px){.swiper-btn.swiper-button-prev{left:-1px}}