:root{--gold:#d6aa55;--red:#7b1715;--ink:#160f0c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#ead8b1;background:url('https://kiemkhachphonglang.vgplay.vn/landing/assets/home/images/bg-big.webp?v=1') top center/100% auto repeat-y #160f0c;font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}.menu-toggle{position:fixed;z-index:20;top:20px;left:20px;width:46px;height:42px;border:1px solid #d5bd88;background:#180f0bcc;cursor:pointer}.menu-toggle span{display:block;width:25px;height:2px;margin:6px auto;background:#fff}.drawer{position:fixed;z-index:19;inset:0 auto 0 0;width:270px;padding:82px 28px;background:#160e0df2;transform:translateX(-100%);transition:.35s;border-right:1px solid #9d793e}.drawer.open{transform:none}.drawer img{display:block;width:110px;margin:0 auto 25px}.drawer a{display:block;padding:14px;border-bottom:1px solid #ffffff1c;text-transform:uppercase;letter-spacing:2px}.quickbar{position:fixed;z-index:15;right:16px;top:80px;width:135px;padding:12px;background:#2b1813e8;border:2px solid #9a6f30;text-align:center;box-shadow:0 8px 30px #0008}.quickbar img{width:88px}.quickbar a,.quickbar strong{display:block;padding:8px 3px}.quickbar strong{color:#f4d58b}.quickbar a{border-top:1px solid #7f603c;font-size:13px}.hero{min-height:790px;background:url('https://kiemkhachphonglang.vgplay.vn/landing/assets/home/images/bg-big.webp?v=1') top center/cover no-repeat;position:relative}.hero:after{content:'';position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(transparent,#160f0c)}.hero-inner{width:min(1180px,90%);margin:auto;padding-top:100px;text-align:center}.logo{width:min(380px,70%);filter:drop-shadow(0 8px 12px #000)}.slogan{display:block;width:min(540px,80%);margin:18px auto 320px}.store-buttons{position:relative;z-index:2;display:flex;justify-content:center;gap:12px}.store-buttons a{width:180px;padding:8px 20px;border-radius:8px;background:#090909;border:1px solid #aaa;font:20px Arial}.store-buttons span{display:block;font-size:9px;text-transform:uppercase}.content,.features,.sects{width:min(1180px,88%);margin:auto;padding:50px 0}.cta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.cta-grid a{padding:22px 10px;text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:1px;background:linear-gradient(#a73627,#5c100f);border:2px solid #d9b56f;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);transition:.2s}.cta-grid a:hover{filter:brightness(1.35);transform:translateY(-3px)}.news-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.banner-slider{position:relative;aspect-ratio:16/9;overflow:hidden;border:3px solid #9e783d}.banner-slider>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}.banner-slider>img.active{opacity:1}.dots{position:absolute;z-index:2;bottom:12px;left:0;right:0;text-align:center}.dots button{width:10px;height:10px;padding:0;margin:5px;border:1px solid #fff;border-radius:50%;background:#0008}.dots button.on{background:#dcaf5f}.news-card{padding:23px;background:url('https://kiemkhachphonglang.vgplay.vn/landing/assets/home/images/news.webp?v=1') center/cover #eee7d7;color:#3e251b;border:2px solid #9a7436}.news-card header{display:flex;gap:8px;border-bottom:1px solid #a78b63}.news-card header button{padding:10px;border:0;background:0 0;color:#6d251d;font-weight:700;cursor:pointer}.news-card header .selected{background:#7b1715;color:#f5e1ac}.news-card ul{list-style:none;padding:5px 0;margin:0}.news-card li{padding:12px 3px;border-bottom:1px dashed #b69b74;font-size:14px}.news-card li span{display:inline-block;width:38px;margin-right:8px;color:#a41412;font-weight:700}.news-card time{float:right;color:#967c5e}.section-title{display:block;width:min(430px,70%);margin:0 auto 20px}.character-stage{position:relative;overflow:hidden;min-height:610px;background:url('https://kiemkhachphonglang.vgplay.vn/landing/assets/home/images/block__character-001/block-char.webp?v=1') top center/cover no-repeat}.character-stage>img{width:100%;height:100%;object-fit:contain;transition:opacity .25s}.arrow{position:absolute;z-index:2;top:45%;width:55px;height:70px;border:1px solid #d9b568;color:#e9c983;background:#341b16aa;font-size:46px;cursor:pointer}.arrow.prev{left:15px}.arrow.next{right:15px}.class-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.class-tabs button{padding:12px 25px;border:1px solid #c0934b;background:#21120f;color:#d7bd87;text-transform:uppercase;cursor:pointer}.class-tabs button.active{background:#7b1715;color:#fff}.features{padding-bottom:90px}.feature-track{display:flex;align-items:center;justify-content:center;gap:20px;overflow:hidden}.feature-track img{width:30%;opacity:.45;transform:scale(.9);border:3px solid #8d6b39}.feature-track img.main{opacity:1;transform:scale(1);box-shadow:0 0 25px #d3a44c66}footer{text-align:center;background:#090706;color:#a89b88;font:14px Arial;padding-bottom:25px}footer .warning{padding:20px;background:#12100f;color:#d5c4a1}footer img{width:105px;margin:30px 0 12px}footer p{line-height:1.8;margin:0 20px}@media(max-width:900px){.quickbar{display:none}.hero{min-height:620px}.slogan{margin-bottom:230px}.news-layout{grid-template-columns:1fr}.character-stage{min-height:420px}.cta-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero{min-height:520px}.hero-inner{padding-top:80px}.slogan{margin-bottom:165px}.store-buttons a{width:145px;font-size:16px;padding:7px}.content,.features,.sects{width:94%;padding:32px 0}.cta-grid a{font-size:12px;padding:18px 5px}.news-card{padding:12px}.news-card header button{padding:8px 5px;font-size:11px}.news-card li{font-size:12px}.character-stage{min-height:310px}.arrow{width:40px;height:50px;font-size:32px}.class-tabs button{padding:9px 12px;font-size:11px}.feature-track{gap:8px}.feature-track img{width:33%}}