*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

body{
    font-family:'Times New Roman', Times, serif;
    color:#ffd77a;
    overflow-x:hidden;
    min-height:100vh;
    background:
        linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.16)),
        url('/assets/images/bg-main.jpg') center top / cover no-repeat fixed;
}

/* bỏ nền 2 bên cũ */
body::before,
body::after{
    display:none!important;
    content:none!important;
}

/* mở xuyên toàn bộ xuống ảnh nền */
.site{
    width:100%;
    max-width:1080px;
    margin:18px auto 0 auto;
    background:transparent!important;
    min-height:100vh;
    border:0!important;
    box-shadow:none!important;
    position:relative;
    z-index:5;
}

/* LOGO GIỮ NGUYÊN */
.hero{
    height:230px;
    background:url('/assets/images/hero_kiemhiep.png') center/cover no-repeat;
    position:relative;
}
.hero h1,.hero p,.brand-kicker{display:none!important}

/* menu giữ nguyên */
.nav{
    min-height:72px;
    background:linear-gradient(#005a8b,#003b65);
    border-top:2px solid #d58a00;
    border-bottom:2px solid #d58a00;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
    padding:10px 14px;
}

.nav a,.game-btn,button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:140px;
    min-height:48px;
    padding:0 22px;
    border-radius:14px;
    background:linear-gradient(#ffd978,#c16d08);
    color:#2b1300!important;
    text-decoration:none;
    font-weight:900;
    font-size:17px;
    border:2px solid #6d3200;
    box-shadow:0 5px 0 #6b3100,0 7px 15px rgba(0,0,0,.35);
    text-shadow:1px 1px #ffe6a3;
    cursor:pointer;
}
.nav a:hover,.game-btn:hover,button:hover{filter:brightness(1.08)}

.main{
    width:100%;
    max-width:980px;
    margin:26px auto;
    padding:0 10px;
    position:relative;
    z-index:6;
    background:transparent!important;
}

/* layout */
.home-grid,.home-layout,.content-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);
    gap:22px;
    align-items:start;
}

/* BỎ NỀN BOX: chỉ còn chữ/nút nổi trên nền */
.card{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    box-shadow:none!important;
    margin-bottom:26px;
    color:#ffe9a8;
    text-shadow:0 2px 4px #000,0 0 8px #000;
}

.card h2{
    background:transparent!important;
    border:0!important;
    font-size:38px!important;
    text-align:center;
    color:#ffd77a;
    padding:12px 8px 18px;
    line-height:1.15;
    text-shadow:
        0 2px 3px #000,
        0 0 10px #000,
        0 0 12px rgba(255,166,36,.65);
}

.card-body{
    padding:10px!important;
    background:transparent!important;
}

/* chỉ chữ trong nội dung nổi rõ */
.card,
.card div,
.card p,
.card span,
.card label,
.news-meta{
    color:#ffe9a8;
}

.news-title,
.news-title a{
    color:#ffce55!important;
    text-shadow:0 2px 4px #000,0 0 8px #000;
}

.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.info-box{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    padding:8px;
}
.info-line{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:10px;
    padding:9px 0;
    border-bottom:1px dashed rgba(255,215,122,.45);
    font-size:16px;
}

.btn-grid{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.game-btn{font-size:20px!important}

.news-list{display:flex;flex-direction:column;gap:16px}
.news-item{
    display:grid;
    grid-template-columns:130px minmax(0,1fr);
    gap:16px;
    padding-bottom:16px;
    border-bottom:1px solid rgba(255,215,122,.38);
    background:transparent!important;
}

/* thumb cũng mở nền, chỉ giữ chữ */
.news-thumb{
    min-height:92px;
    border-radius:0;
    background:transparent!important;
    color:#ffd46b;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:900;
    text-align:center;
    padding:8px;
    text-shadow:0 2px 5px #000,0 0 10px #000;
}

.news-title{font-size:21px;font-weight:900;margin-bottom:6px;line-height:1.2}
.news-meta{font-size:13px;font-weight:700;margin-bottom:6px}

.form-box{display:grid;gap:14px}
.form-box label{font-weight:900;color:#ffe9a8}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-field.full{grid-column:1/-1}

/* input vẫn cần viền nhẹ để nhập được, nền gần như trong suốt */
input,select,textarea{
    width:100%!important;
    max-width:100%!important;
    height:46px;
    border:2px solid rgba(255,190,75,.85);
    border-radius:10px;
    background:rgba(0,0,0,.28);
    color:#ffe9a8;
    padding:0 14px;
    font-size:16px;
    font-weight:700;
    text-shadow:0 1px 2px #000;
}
input::placeholder,textarea::placeholder{color:rgba(255,233,168,.75)}
textarea{height:120px;padding:12px}

.login-register-grid,.auth-grid{display:grid;grid-template-columns:1fr;gap:22px}

.footer{
    text-align:center;
    padding:24px;
    color:#ffd77a;
    border:0!important;
    font-weight:900;
    background:transparent!important;
    text-shadow:0 2px 4px #000,0 0 10px #000;
}

.notice{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center;padding:14px}
.notice-box{background:#fff3c5;border:3px solid #8a4700;border-radius:18px;padding:28px;text-align:center;width:min(420px,100%);color:#2b1400;text-shadow:none}
.notice.success .notice-box{background:#d9ffd9}
.notice.error .notice-box{background:#ffd9d9}

/* bảng: mở nền gần hết, giữ chữ đọc được */
.rank-table,table{
    width:100%!important;
    border-collapse:collapse!important;
    margin-top:18px!important;
    background:transparent!important;
    border:1px solid rgba(255,215,122,.45)!important;
    font-size:20px!important;
    color:#ffe9a8!important;
    text-shadow:0 2px 4px #000;
}
.rank-table th,.rank-table td,table th,table td{
    padding:12px 16px!important;
    border:1px solid rgba(255,215,122,.32)!important;
    text-align:center!important;
    font-weight:700!important;
    background:transparent!important;
}
.rank-table th,table th{
    background:rgba(0,0,0,.18)!important;
    color:#ffd77a!important;
    font-size:22px!important;
}

img{max-width:100%;height:auto}
a{word-break:break-word;color:#ffd77a}

/* màn vừa */
@media(max-width:1100px){
    .site{
        max-width:100%;
        margin-top:0;
    }
    .main{
        max-width:100%;
        padding:14px 10px!important;
    }
}

/* điện thoại */
@media(max-width:900px){
    body{
        min-width:0;
        background:
            linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.48)),
            url('/assets/images/bg-main.jpg') center top / cover no-repeat scroll;
    }

    .site,.main{
        width:100%!important;
        max-width:100%!important;
        margin:0 auto!important;
    }

    .hero{
        height:150px;
        background-size:cover;
        background-position:center top;
    }

    .nav{
        gap:8px;
        padding:10px 8px;
        justify-content:center;
    }

    .nav a,.game-btn,button{
        min-width:0;
        width:auto;
        min-height:42px;
        padding:0 14px;
        font-size:15px!important;
        border-radius:12px;
        box-shadow:0 4px 0 #6b3100;
    }

    .home-grid,.home-layout,.content-grid,.login-register-grid,.auth-grid,.info-grid,.form-grid{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    .card{
        margin-bottom:18px;
    }

    .card h2{
        font-size:27px!important;
        padding:12px 8px!important;
    }

    .card-body{padding:8px!important}

    .news-item{
        grid-template-columns:82px minmax(0,1fr);
        gap:10px;
    }

    .news-thumb{
        min-height:74px;
        font-size:16px;
    }

    .news-title{font-size:18px}
    .news-meta{font-size:12px}
    .btn-grid{gap:10px}
    .links-under a{font-size:16px!important;line-height:1.35}
    input,select,textarea{height:44px;font-size:15px}

    table,.rank-table{
        font-size:14px!important;
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }
    table th,table td,.rank-table th,.rank-table td{
        padding:8px 10px!important;
        font-size:14px!important;
    }
}

@media(max-width:480px){
    .hero{height:115px}
    .nav a,.game-btn,button{
        font-size:14px!important;
        padding:0 10px;
        min-height:38px;
    }
    .card h2{font-size:23px!important}
    .news-item{grid-template-columns:1fr}
    .news-thumb{min-height:52px}
}


/* =========================================================
   FIX FONT + MÀU CHỮ NỔI TRÊN NỀN TỐI
   ========================================================= */

body{
    color:#ffe9a8!important;
    font-weight:600;
}

.main,
.card,
.card-body,
.news-item,
.news-list,
.content,
.article,
section,
p,
div,
span,
label,
td,
li{
    color:#ffe9a8!important;
    text-shadow:
        0 2px 3px #000,
        0 0 7px rgba(0,0,0,.95),
        0 0 12px rgba(0,0,0,.75)!important;
}

h1,h2,h3,h4,h5,h6,
.card h2,
.news-title,
.news-title a{
    color:#ffd35a!important;
    font-weight:900!important;
    letter-spacing:.3px;
    text-shadow:
        0 2px 2px #000,
        0 0 8px #000,
        0 0 16px rgba(255,178,45,.85)!important;
}

.card h2{
    font-size:40px!important;
}

.news-title,
.news-title a{
    font-size:26px!important;
    line-height:1.25!important;
}

.news-meta,
.news-meta *{
    color:#ff9d45!important;
    font-weight:900!important;
    text-shadow:
        0 2px 2px #000,
        0 0 8px #000!important;
}

.news-item div:not(.news-thumb):not(.news-meta),
.article-content,
.article-content *,
.news-content,
.news-content *{
    color:#fff0b8!important;
    font-size:18px!important;
    line-height:1.55!important;
    font-weight:700!important;
}

.news-thumb{
    color:#ffd35a!important;
    font-size:22px!important;
    font-weight:900!important;
    text-shadow:
        0 2px 3px #000,
        0 0 10px #000,
        0 0 14px rgba(255,180,30,.7)!important;
}

a{
    color:#ffd35a!important;
    font-weight:900!important;
    text-decoration:none;
    text-shadow:
        0 2px 2px #000,
        0 0 8px #000!important;
}

a:hover{
    color:#fff3a6!important;
    filter:brightness(1.12);
}

/* Nút giữ chữ đậm dễ đọc */
.nav a,
.game-btn,
button,
.btn-primary{
    color:#2b1300!important;
    text-shadow:1px 1px 0 #ffe6a3!important;
    font-weight:900!important;
}

/* Nội dung bài viết detail */
.card-body > div,
.card-body > p{
    color:#fff0b8!important;
    font-size:18px!important;
    line-height:1.6!important;
    font-weight:700!important;
}

/* Form */
input,select,textarea{
    color:#fff2bf!important;
    background:rgba(0,0,0,.45)!important;
    border-color:#ffc257!important;
    text-shadow:0 1px 2px #000!important;
}

input::placeholder,
textarea::placeholder{
    color:#ffd98a!important;
}

/* Footer */
.footer,
.footer *{
    color:#ffd35a!important;
    font-weight:900!important;
    text-shadow:
        0 2px 3px #000,
        0 0 10px #000,
        0 0 14px rgba(255,174,40,.65)!important;
}

/* Bảng */
table,
.rank-table,
table td,
table th,
.rank-table td,
.rank-table th{
    color:#fff0b8!important;
    text-shadow:0 2px 3px #000,0 0 8px #000!important;
}

table th,
.rank-table th{
    color:#ffd35a!important;
}

/* Mobile chữ nhỏ lại nhưng vẫn nổi */
@media(max-width:900px){
    .card h2{
        font-size:28px!important;
    }

    .news-title,
    .news-title a{
        font-size:20px!important;
    }

    .news-item div:not(.news-thumb):not(.news-meta),
    .card-body > div,
    .card-body > p{
        font-size:16px!important;
        line-height:1.45!important;
    }
}


/* FIX THÔNG BÁO MUA THÀNH CÔNG */
.success-box *,.alert-success *{
    color:#ffffff!important;
}
.notice.success .notice-box{
    background:linear-gradient(180deg,#153a18,#1f5d28)!important;
    border:2px solid #4cff72!important;
    color:#ffd86b!important;
    font-weight:900!important;
    font-size:24px!important;
    text-align:center!important;
    padding:16px!important;
    border-radius:12px!important;
    text-shadow:0 0 6px #000,0 0 12px #000!important;
    box-shadow:0 0 18px rgba(0,255,80,.35)!important;
}
.code-box,.giftcode-box{
    color:#fff3b0!important;
    font-size:52px!important;
    font-weight:900!important;
    letter-spacing:4px!important;
    text-shadow:0 0 8px #000,0 0 20px #ffcc00,0 0 35px #ff9900!important;
}

/* =========================================================
   OVERRIDE: FONT TIMES NEW ROMAN + CHỮ NHỎ HƠN
   ========================================================= */
*{
    font-family:'Times New Roman', Times, serif!important;
}
body{
    font-family:'Times New Roman', Times, serif!important;
    font-size:15px!important;
}
.nav a,.game-btn,button,.btn-primary{
    font-size:15px!important;
    min-height:44px!important;
    padding:0 18px!important;
}
.game-btn{font-size:17px!important}
.card h2{
    font-size:34px!important;
}
h1{font-size:38px!important}
h2{font-size:32px!important}
h3{font-size:24px!important}
p,div,span,label,td,li,a{
    font-size:15px;
}
.news-title,.news-title a{
    font-size:21px!important;
}
.news-item div:not(.news-thumb):not(.news-meta),
.article-content,
.article-content *,
.news-content,
.news-content *,
.card-body > div,
.card-body > p{
    font-size:16px!important;
    line-height:1.45!important;
}
.news-thumb{
    font-size:18px!important;
}
input,select,textarea{
    font-family:'Times New Roman', Times, serif!important;
    height:42px!important;
    font-size:15px!important;
}
table,.rank-table{
    font-size:16px!important;
}
table th,.rank-table th{
    font-size:17px!important;
}
table td,.rank-table td{
    font-size:15px!important;
}
.shop-title{
    font-family:'Times New Roman', Times, serif!important;
    font-size:42px!important;
}
.shop-sub{
    font-size:24px!important;
}
.shop-tab{
    font-size:16px!important;
    height:42px!important;
}
.shop-table th{
    font-size:17px!important;
}
.shop-table td{
    font-size:15px!important;
}
.qty-input{
    font-size:16px!important;
    height:34px!important;
}
.code-label,.code-text{
    font-size:30px!important;
}
@media(max-width:900px){
    body{font-size:14px!important}
    .card h2{font-size:25px!important}
    .news-title,.news-title a{font-size:18px!important}
    .nav a,.game-btn,button{font-size:14px!important;min-height:38px!important}
    .shop-title{font-size:32px!important}
    .shop-sub{font-size:20px!important}
    .shop-table th,.shop-table td,table th,table td,.rank-table th,.rank-table td{font-size:13px!important}
}


/* =========================================================
   FIX SACH GIAO DIEN 20260427
   - Xoa chu rac tren banner/logo
   - Xoa hinh trang tri 2 ben neu CSS cu co chen
   - Giam loa font, chu de nhin hon
   ========================================================= */

/* XOA CAC LOP CHU NAM DE LEN BANNER */
.hero h1,
.hero p,
.hero .brand-kicker,
.hero-title,
.hero-subtitle,
.hero-desc,
.logo-text,
.logo-title,
.site-title,
.site-slogan,
.banner-title,
.banner-subtitle,
.banner-text,
.kicker{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    height:0!important;
    width:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}

/* BANNER CHI GIU ANH LOGO, KHONG CHEN CHU */
.hero{
    height:220px!important;
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    background:url('/assets/images/hero_kiemhiep.png') center center/cover no-repeat!important;
    border:2px solid rgba(205,132,22,.85)!important;
    border-radius:14px!important;
    box-shadow:0 0 20px rgba(0,0,0,.55)!important;
}
.hero > *{
    display:none!important;
}

/* XOA CAC HINH/DECOR RAC 2 BEN NEU BAN VIP CU CO THEM */
body:before,
body:after,
.site:before,
.site:after,
.main:before,
.main:after,
.page-decor,
.left-decor,
.right-decor,
side-decor,
.sword-decor,
.pagoda-decor,
.bg-decor{
    display:none!important;
    content:none!important;
    background:none!important;
    opacity:0!important;
    visibility:hidden!important;
}

/* THU GON KHUNG WEB, BO CAM GIAC LOA MAT */
.site{
    max-width:1080px!important;
    margin:0 auto!important;
    background:rgba(12,5,0,.72)!important;
    border-left:1px solid rgba(185,117,19,.5)!important;
    border-right:1px solid rgba(185,117,19,.5)!important;
    box-shadow:0 0 28px rgba(0,0,0,.68)!important;
}
.main{
    max-width:980px!important;
    margin:18px auto!important;
    padding:0 12px 24px!important;
}

/* FONT DE DOC HON: GIAM GLOW, DOI MAU CHU SANG NHUNG KHONG LOA */
body,
.main,
.card,
.card-body,
.card p,
.card div,
.card span,
.card label,
td,
li{
    color:#f4e0ad!important;
    text-shadow:0 1px 2px rgba(0,0,0,.9)!important;
    font-weight:600!important;
}

h1,h2,h3,h4,h5,h6,
.card h2,
.news-title,
.news-title a{
    color:#ffd46a!important;
    text-shadow:0 2px 3px rgba(0,0,0,.95)!important;
    letter-spacing:0!important;
}

.card{
    background:rgba(25,9,0,.70)!important;
    border:1px solid rgba(201,130,24,.75)!important;
    border-radius:16px!important;
    overflow:hidden!important;
    box-shadow:0 0 16px rgba(0,0,0,.55)!important;
}
.card h2{
    background:linear-gradient(180deg,rgba(74,30,0,.92),rgba(35,12,0,.94))!important;
    border-bottom:1px solid rgba(209,134,21,.6)!important;
    padding:16px 10px!important;
    font-size:30px!important;
}
.card-body{
    padding:16px!important;
    background:rgba(0,0,0,.08)!important;
}

/* BANG XEP HANG DE NHIN HON */
.rank-table,
table{
    background:rgba(0,0,0,.52)!important;
    border:1px solid rgba(204,132,27,.7)!important;
    color:#f8e7b7!important;
    text-shadow:none!important;
}
.rank-table th,
table th{
    background:linear-gradient(180deg,#5a2600,#2d1100)!important;
    color:#ffd46a!important;
    text-shadow:0 1px 2px #000!important;
    font-size:16px!important;
}
.rank-table td,
table td{
    color:#f5e4b6!important;
    background:rgba(0,0,0,.28)!important;
    text-shadow:0 1px 2px #000!important;
    font-size:15px!important;
}
.rank-table tr:nth-child(even) td,
table tr:nth-child(even) td{
    background:rgba(255,255,255,.045)!important;
}

/* TOP 1-3 VAN NOI NHUNG KHONG CHOI MAT */
.rank-table .rank-row-1 td{
    background:linear-gradient(90deg,rgba(255,227,107,.88),rgba(223,156,24,.82))!important;
    color:#3b1700!important;
    text-shadow:0 1px 1px rgba(255,255,255,.45)!important;
}
.rank-table .rank-row-2 td{
    background:linear-gradient(90deg,rgba(229,237,248,.84),rgba(170,186,205,.78))!important;
    color:#1e2a34!important;
    text-shadow:0 1px 1px rgba(255,255,255,.45)!important;
}
.rank-table .rank-row-3 td{
    background:linear-gradient(90deg,rgba(230,164,91,.82),rgba(154,84,25,.78))!important;
    color:#2b1000!important;
    text-shadow:0 1px 1px rgba(255,255,255,.35)!important;
}

/* NUT GON VA RO CHU */
.nav{
    background:linear-gradient(180deg,#522100,#2a1000)!important;
    border:1px solid rgba(205,132,22,.85)!important;
    border-radius:14px!important;
    margin:12px 0 18px!important;
    min-height:62px!important;
    gap:10px!important;
}
.nav a,
.game-btn,
button,
.btn-primary{
    min-width:110px!important;
    min-height:40px!important;
    padding:0 16px!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#ffdc7b,#c8750d)!important;
    color:#241000!important;
    font-size:15px!important;
    font-weight:900!important;
    text-shadow:0 1px 0 rgba(255,241,180,.95)!important;
    box-shadow:0 3px 0 #6b3100,0 5px 10px rgba(0,0,0,.3)!important;
}

/* LINK THUONG KHONG CHOI LOA */
a:not(.game-btn):not(.nav a){
    color:#ffd46a!important;
    text-shadow:0 1px 2px #000!important;
}

/* NEWS VA BOX NOI DUNG */
.news-item{
    background:rgba(0,0,0,.22)!important;
    border:1px solid rgba(205,132,22,.32)!important;
    border-radius:12px!important;
    padding:12px!important;
}
.news-thumb{
    background:rgba(0,0,0,.28)!important;
    border:1px solid rgba(205,132,22,.45)!important;
    border-radius:10px!important;
}

@media(max-width:900px){
    .hero{height:128px!important;border-radius:0!important;}
    .site{width:100%!important;max-width:100%!important;}
    .main{padding:0 8px 18px!important;}
    .card h2{font-size:24px!important;}
    .nav{border-radius:0!important;margin:0 0 14px!important;}
    .nav a,.game-btn,button,.btn-primary{min-width:0!important;font-size:13px!important;padding:0 10px!important;}
}
/* ===== FIX NHỎ FONT TIÊU ĐỀ TOÀN WEB ===== */

.card h2{
font-size:28px !important;
line-height:1.2 !important;
padding:14px 8px !important;
}

h1{
font-size:34px !important;
line-height:1.15 !important;
}

h2{
font-size:28px !important;
line-height:1.2 !important;
}

h3{
font-size:22px !important;
}

.news-title,
.news-title a{
font-size:18px !important;
line-height:1.3 !important;
}

.shop-title{
font-size:32px !important;
line-height:1.15 !important;
}

.shop-sub{
font-size:20px !important;
}

.rank-title{
font-size:26px !important;
}

.hero{
height:200px !important;
}

@media(max-width:900px){

.card h2{
font-size:22px !important;
}

h1{
font-size:26px !important;
}

h2{
font-size:22px !important;
}

h3{
font-size:18px !important;
}

.news-title,
.news-title a{
font-size:16px !important;
}

.shop-title{
font-size:25px !important;
}

.shop-sub{
font-size:16px !important;
}

.hero{
height:130px !important;
}
}
/* =========================================================
   FIX LOGO/BANNER: HIEN THI FULL ANH, KHONG BI CAT
   Dat cuoi file de override tat ca rule .hero cu
   ========================================================= */
.hero{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1580 / 500!important;
    min-height:0!important;
    max-height:none!important;
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    background-image:url('/assets/images/hero_kiemhiep.png')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:contain!important;
    background-color:#050201!important;
    border:2px solid rgba(205,132,22,.95)!important;
    border-radius:14px!important;
    box-shadow:0 0 20px rgba(0,0,0,.65), inset 0 0 18px rgba(255,190,60,.12)!important;
}
.hero > *{
    display:none!important;
}

@media(max-width:900px){
    .hero{
        width:100%!important;
        height:auto!important;
        aspect-ratio:1580 / 500!important;
        background-size:contain!important;
        background-position:center center!important;
        border-radius:0!important;
    }
}

@media(max-width:480px){
    .hero{
        height:auto!important;
        aspect-ratio:1580 / 500!important;
        background-size:contain!important;
    }
}
/* FIX BOX HUONG DAN KHONG BI LECH */
.ipa-guide,
.huongdan-ipa,
.download-guide,
.card-body > div {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

/* FIX KHUNG BỊ TRÀN TRÁI */
.card-body {
    padding: 16px 20px !important;
}

/* FIX KHUNG NỘI DUNG */
.card-body div {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* FIX LIST KHÔNG THỤT QUÁ */
.card-body ul,
.card-body ol {
    padding-left: 20px !important;
}
.top-scrollbar{width:100%;overflow-x:auto;overflow-y:hidden;height:18px;margin:8px 0 4px 0;border:1px solid rgba(216,149,36,.45);border-radius:8px;background:rgba(0,0,0,.35)}
.top-scrollbar div{height:1px}


/* ===== Countdown Open Server V10 ===== */
.open-countdown-wrap{position:relative;margin:22px auto;border:2px solid #ffd45a;border-radius:22px;overflow:hidden;background:radial-gradient(circle at top,#5b2400 0%,#160700 60%,#050000 100%);box-shadow:0 0 26px rgba(255,194,42,.35),inset 0 0 42px rgba(255,170,20,.12)}
.open-countdown-bg{position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,rgba(255,213,79,.18),transparent,rgba(255,60,0,.12),transparent);animation:openSpin 9s linear infinite;filter:blur(2px)}
.open-countdown-inner{position:relative;z-index:1;padding:28px 18px;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.62))}
.open-kicker{font-size:18px;font-weight:900;color:#ffe38a;text-shadow:0 2px 3px #000;margin-bottom:6px}
.open-countdown-inner h2{font-size:46px!important;line-height:1;margin:8px 0 10px!important;color:#ffdf63!important;text-shadow:0 3px 0 #5b1b00,0 0 12px #ffba00,0 0 28px #ff5a00!important;letter-spacing:2px}
.open-desc{max-width:780px;margin:0 auto 12px;font-size:18px!important;color:#fff3c7!important;font-weight:900;text-shadow:0 2px 3px #000}
.open-time-label{display:inline-block;margin:10px auto 18px;padding:10px 18px;border:1px solid rgba(255,220,100,.75);border-radius:999px;background:rgba(0,0,0,.45);font-weight:900;color:#ffe9a8!important}
.countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:14px;max-width:650px;margin:0 auto}
.countdown-grid div{border:2px solid #ffd45a;border-radius:18px;background:linear-gradient(#3a1300,#080000);box-shadow:inset 0 0 18px rgba(255,188,50,.18),0 8px 20px rgba(0,0,0,.45);padding:16px 8px}
.countdown-grid b{display:block;font-size:42px;line-height:1;color:#00ffd0!important;text-shadow:0 0 10px #00ffd0,0 2px 2px #000}
.countdown-grid span{display:block;margin-top:8px;color:#ffd45a!important;font-weight:900;font-size:16px}
.open-note{margin-top:16px;color:#fff1b8!important;font-weight:900}
@keyframes openSpin{to{transform:rotate(360deg)}}
@media(max-width:620px){.open-countdown-inner h2{font-size:32px!important}.countdown-grid{grid-template-columns:repeat(2,1fr)}.countdown-grid b{font-size:34px}}


/* ===== AUTO TOP HORIZONTAL SCROLL FOR ALL TABLES V20 ===== */
.auto-table-scroll,
.table-wrap,
.admin-scroll-wrap,
.shop-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
    box-sizing:border-box!important;
    padding-bottom:8px!important;
}
.auto-table-scroll table,
.table-wrap table,
.admin-scroll-wrap table,
.shop-table-wrap table{
    min-width:max-content;
}
.top-scrollbar{
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    height:18px!important;
    margin:8px 0 6px!important;
    border:1px solid rgba(255,199,69,.75)!important;
    border-radius:8px!important;
    background:rgba(0,0,0,.45)!important;
    box-shadow:inset 0 0 10px rgba(255,180,35,.12)!important;
}
.top-scrollbar div{height:1px!important;}

/* =========================================================
   MOBILE RESPONSIVE FINAL FIX 202605
   - Điện thoại không tràn ngang
   - Menu/box/bảng dễ bấm hơn
   ========================================================= */
html, body{
    max-width:100%!important;
    overflow-x:hidden!important;
}
.site,.main,.card,.card-body,.shop-page,.shop-panel,.admin-wrap,.news-admin-wrap{
    max-width:100%!important;
    box-sizing:border-box!important;
}
img,video,iframe,table,input,select,textarea,button,a{
    max-width:100%!important;
    box-sizing:border-box!important;
}

@media(max-width:700px){
    body{
        width:100%!important;
        min-width:0!important;
        font-size:14px!important;
        background-attachment:scroll!important;
    }
    .site{
        width:100%!important;
        margin:0!important;
        border-left:0!important;
        border-right:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        overflow:hidden!important;
    }
    .main{
        width:100%!important;
        margin:8px auto!important;
        padding:0 6px 16px!important;
        overflow:hidden!important;
    }
    .hero{
        border-left:0!important;
        border-right:0!important;
        border-radius:0!important;
        margin:0!important;
    }
    .nav{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        padding:8px!important;
        margin:0 0 10px!important;
        border-left:0!important;
        border-right:0!important;
        width:100%!important;
    }
    .nav a,
    .game-btn,
    button,
    .btn-primary{
        width:100%!important;
        min-width:0!important;
        min-height:38px!important;
        height:auto!important;
        padding:8px 6px!important;
        font-size:13px!important;
        line-height:1.15!important;
        white-space:normal!important;
        border-radius:9px!important;
    }
    .card{
        width:100%!important;
        margin:10px 0!important;
        border-radius:12px!important;
        overflow:hidden!important;
    }
    .card h2,
    .shop-title{
        font-size:22px!important;
        line-height:1.2!important;
        padding:10px 6px!important;
        margin:8px 0!important;
    }
    .card-body{
        padding:10px 8px!important;
        overflow:hidden!important;
    }
    .home-grid,.home-layout,.content-grid,.info-grid,.form-grid,.auth-grid,.login-register-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
    }
    input,select,textarea{
        height:42px!important;
        font-size:14px!important;
        padding:0 10px!important;
    }
    textarea{height:110px!important;padding:10px!important;}
    .news-item{
        display:block!important;
        padding:10px!important;
        overflow:hidden!important;
    }
    .news-title,.news-title a{font-size:16px!important;line-height:1.25!important;}

    /* Bảng thường: cho cuộn trong khung, không kéo cả trang */
    .table-wrap,.admin-scroll-wrap,.topcfg-wrap,
    .shop-table-wrap,.shop-scroll-top,.top-scrollbar{
        width:100%!important;
        max-width:100%!important;
        overflow-x:auto!important;
        -webkit-overflow-scrolling:touch!important;
    }
    table:not(.shop-table),.rank-table:not(.shop-table),.admin-table,.vip-table{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        overflow-x:auto!important;
        white-space:normal!important;
        font-size:13px!important;
    }
    table:not(.shop-table) th,table:not(.shop-table) td,
    .rank-table:not(.shop-table) th,.rank-table:not(.shop-table) td{
        font-size:13px!important;
        padding:7px 8px!important;
        line-height:1.35!important;
        white-space:normal!important;
        word-break:break-word!important;
    }
}

@media(max-width:420px){
    .nav{grid-template-columns:1fr 1fr!important;gap:6px!important;padding:6px!important;}
    .nav a,.game-btn,button,.btn-primary{font-size:12px!important;min-height:36px!important;padding:7px 4px!important;}
    .card h2,.shop-title{font-size:20px!important;}
}


/* ===== KPAHMOD CLEAN MERGE V20 ===== */
body{
    background:
        radial-gradient(circle at 15% 8%, rgba(220,169,75,.13), transparent 24%),
        radial-gradient(circle at 86% 0%, rgba(226,87,54,.10), transparent 26%),
        linear-gradient(180deg,#170a07 0%,#090403 58%,#030201 100%) !important;
    color:#fff2c8 !important;
}
.site.kpahmod-inner-site{
    max-width:1120px !important;
    margin:24px auto 0 !important;
    padding:0 12px 30px !important;
    background:transparent !important;
}
.hero.kpahmod-inner-hero{
    height:auto !important;
    min-height:0 !important;
    background:none !important;
    padding:0 0 14px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
}
.hero.kpahmod-inner-hero h1,
.hero.kpahmod-inner-hero p,
.hero.kpahmod-inner-hero .brand-kicker{
    display:block !important;
}
.kpah-inner-logo{
    width:min(760px, 96vw);
    min-height:118px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:6px;
    color:#fff3cf !important;
    text-decoration:none !important;
    border:2px solid rgba(241,189,98,.85);
    border-radius:30px;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,229,166,.15), transparent 45%),
        linear-gradient(180deg, rgba(43,19,12,.95), rgba(12,5,3,.96));
    box-shadow:0 22px 65px rgba(0,0,0,.45), inset 0 0 28px rgba(255,223,157,.07);
}
.kpah-logo-title{
    font-size:clamp(32px,4.2vw,54px);
    line-height:1.05;
    font-weight:900;
    letter-spacing:.5px;
    text-shadow:0 2px 8px #000, 0 0 16px rgba(248,216,137,.55);
}
.kpah-logo-sub{
    font-size:clamp(15px,1.8vw,21px);
    font-weight:900;
    color:#f8d889;
    text-shadow:0 2px 6px #000;
}
.nav.kpahmod-inner-nav{
    background:rgba(28,12,6,.86) !important;
    border:1px solid rgba(248,216,137,.26) !important;
    border-radius:999px !important;
    min-height:56px !important;
    margin:0 auto 18px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.nav.kpahmod-inner-nav a,
.kpahmod-inner-site .game-btn,
.kpahmod-inner-site button{
    min-width:0 !important;
    min-height:40px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    font-size:15px !important;
    border:1px solid rgba(248,216,137,.36) !important;
    background:linear-gradient(180deg, rgba(248,216,137,.95), rgba(180,95,26,.95)) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.28) !important;
    color:#2b1300 !important;
    text-shadow:0 1px rgba(255,255,255,.36) !important;
}
.main{
    max-width:1080px !important;
    margin:22px auto !important;
}
.card{
    background:rgba(14,6,4,.72) !important;
    border:1px solid rgba(220,169,75,.35) !important;
    border-radius:22px !important;
    box-shadow:0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06) !important;
    overflow:hidden !important;
}
.card h2{
    font-size:32px !important;
    background:linear-gradient(180deg,rgba(85,34,12,.72),rgba(31,12,6,.78)) !important;
    border-bottom:1px solid rgba(220,169,75,.32) !important;
}
.card-body{padding:24px !important;}
.footer{
    color:#f8d889 !important;
    background:rgba(14,6,4,.62) !important;
    border-top:1px solid rgba(220,169,75,.25) !important;
}
.downloads-vip-page .info-grid{
    grid-template-columns:1fr 1fr !important;
}
.downloads-vip-page .download-note{
    background:rgba(0,0,0,.38) !important;
    border:1px solid rgba(220,169,75,.36) !important;
    border-radius:18px !important;
    padding:18px !important;
}
@media(max-width:760px){
    .nav.kpahmod-inner-nav{border-radius:22px !important;}
    .downloads-vip-page .info-grid{grid-template-columns:1fr !important;}
}


/* ===== KPAHMOD ADMIN CLEAN V21 =====
   Dong bo khung dau/trang trong voi anh sanh kpahmod, xoa banner trong.
*/
body{
    background:
        linear-gradient(180deg,rgba(7,2,1,.72),rgba(7,2,1,.88)),
        url('/assets/kpahmod/img/hero-wuxia.webp') center top / cover no-repeat fixed !important;
}
.site.kpahmod-inner-site{
    background:rgba(9,3,2,.58)!important;
    border-left:1px solid rgba(220,169,75,.30)!important;
    border-right:1px solid rgba(220,169,75,.30)!important;
    box-shadow:0 0 42px rgba(0,0,0,.72)!important;
}
.hero.kpahmod-inner-hero{
    width:100%!important;
    min-height:300px!important;
    height:clamp(220px, 23vw, 340px)!important;
    padding:0!important;
    border:2px solid rgba(220,145,32,.95)!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:
        linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.36)),
        url('/assets/kpahmod/img/hero-wuxia.webp') center center / cover no-repeat!important;
    box-shadow:0 18px 55px rgba(0,0,0,.46), inset 0 0 28px rgba(255,199,93,.10)!important;
}
.hero.kpahmod-inner-hero > .kpah-inner-hero-overlay{display:flex!important;}
.hero.kpahmod-inner-hero .kpah-inner-logo{display:flex!important;}
.hero.kpahmod-inner-hero .kpah-logo-title,
.hero.kpahmod-inner-hero .kpah-logo-sub{display:block!important;}
.kpahmod-inner-site .card,
.kpahmod-inner-site .admin-panel,
.kpahmod-inner-site .pro-panel,
.kpahmod-inner-site .info-box{
    background:rgba(12,4,2,.76)!important;
    backdrop-filter:blur(2px);
}
@media(max-width:760px){
    .hero.kpahmod-inner-hero{min-height:160px!important;height:42vw!important;border-radius:12px!important;}
}


/* ===== KPAHMOD UI polish v22 ===== */
:root{--ui-ease:cubic-bezier(.22,.61,.36,1);}
.nav a,.game-btn,button,.btn,.admh-btn,.admh-small-btn,.small-btn,.kpah-inner-logo{position:relative;overflow:hidden;transition:transform .22s var(--ui-ease), box-shadow .22s var(--ui-ease), filter .22s var(--ui-ease), background .22s var(--ui-ease)!important;}
.nav a:hover,.game-btn:hover,button:hover,.btn:hover,.admh-btn:hover,.admh-small-btn:hover,.small-btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.26)!important;filter:brightness(1.06);}
.nav a:active,.game-btn:active,button:active,.btn:active,.admh-btn:active,.admh-small-btn:active,.small-btn:active{transform:translateY(0) scale(.98)!important;box-shadow:0 4px 10px rgba(0,0,0,.22)!important;}
.tap-ink{position:absolute;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.35);transform:translate(-50%,-50%) scale(0);animation:tapInk .48s ease-out forwards;pointer-events:none;z-index:2;}
@keyframes tapInk{to{opacity:0;transform:translate(-50%,-50%) scale(9);}}
.scroll-fade{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ui-ease), transform .7s var(--ui-ease);}
.scroll-fade.in-view{opacity:1;transform:none;}
.kpah-real-badge,.inline-note,.guest-box .inline-note{display:none!important;}
.top-inner .brand{filter:drop-shadow(0 10px 24px rgba(0,0,0,.24));}
.top-inner .vip-logo svg text{letter-spacing:.2px;}
.hero-action-box{backdrop-filter:blur(10px);}
.kpah-inner-hero-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:0 36px;position:relative;z-index:2;}
.hero.kpahmod-inner-hero > .kpah-inner-hero-overlay{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
.hero.kpahmod-inner-hero > *, .hero.kpahmod-inner-hero .kpah-inner-logo, .hero.kpahmod-inner-hero .kpah-logo-title, .hero.kpahmod-inner-hero .kpah-logo-sub{visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
.hero.kpahmod-inner-hero{display:block!important;}
.hero.kpahmod-inner-hero .kpah-inner-logo{width:min(520px,58vw);min-height:0;padding:20px 26px;border-radius:28px;background:linear-gradient(180deg, rgba(35,14,8,.74), rgba(11,4,2,.78));backdrop-filter:blur(5px);box-shadow:0 22px 60px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.1);}
.hero.kpahmod-inner-hero .kpah-logo-title{font-size:clamp(30px,4vw,50px);}
.hero.kpahmod-inner-hero .kpah-logo-sub{font-size:clamp(14px,1.5vw,18px);}
@media(max-width:760px){.kpah-inner-hero-overlay{justify-content:center;padding:0 14px;}.hero.kpahmod-inner-hero .kpah-inner-logo{width:min(92vw,520px);padding:16px 18px;}}
/* hide verbose helper text blocks on admin/gift pages */
.gift-help,.admin-guides,.downloads-guide,.giftcode-helper,.gift-create-help{display:none!important;}


.vip-logo-img{display:block;width:min(220px,34vw);max-width:100%;height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));margin:0 auto;}
@media (max-width:680px){.vip-logo-img{width:min(190px,52vw);}}

/* ===== NGU DE INNER SKIN V1 =====
   Đồng bộ toàn bộ trang bên trong với mặt ngoài trắng/xanh Ngũ Đế.
   Chỉ override giao diện, không đổi logic chức năng. */
:root{
    --ngude-blue:#1977c7;
    --ngude-deep:#0f5a8a;
    --ngude-teal:#25bfa8;
    --ngude-text:#203247;
    --ngude-muted:#667e96;
    --ngude-line:#d9e9f7;
    --ngude-soft:#f2f9ff;
}
html{background:#eef8ff!important;}
body{
    font-family:Inter,Segoe UI,Arial,sans-serif!important;
    color:var(--ngude-text)!important;
    background:
        radial-gradient(circle at 12% 8%, rgba(65,163,222,.20), transparent 28%),
        radial-gradient(circle at 85% 4%, rgba(37,191,168,.16), transparent 30%),
        linear-gradient(180deg,rgba(244,251,255,.86),rgba(238,248,255,.94)),
        url('/assets/homepage/images/bg-page1.jpg') center top / cover no-repeat fixed!important;
}
body::before,body::after{display:none!important;content:none!important;}
.site.kpahmod-inner-site{
    max-width:1180px!important;
    margin:18px auto 0!important;
    padding:0 12px 34px!important;
    background:rgba(255,255,255,.42)!important;
    border-left:1px solid rgba(255,255,255,.65)!important;
    border-right:1px solid rgba(255,255,255,.65)!important;
    box-shadow:0 20px 70px rgba(44,104,152,.14)!important;
    backdrop-filter:blur(10px)!important;
}
.hero.kpahmod-inner-hero.ngude-inner-hero,
.hero.kpahmod-inner-hero{
    width:100%!important;
    min-height:250px!important;
    height:clamp(230px,25vw,345px)!important;
    margin:0 auto 12px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.86)!important;
    border-radius:28px!important;
    overflow:hidden!important;
    background:
        linear-gradient(90deg,rgba(247,252,255,.97) 0%,rgba(247,252,255,.90) 36%,rgba(240,249,255,.55) 69%,rgba(238,248,255,.92) 100%),
        url('/assets/homepage/images/bg-page1.jpg') center center / cover no-repeat!important;
    box-shadow:0 18px 44px rgba(56,112,166,.16), inset 0 0 0 1px rgba(255,255,255,.45)!important;
    position:relative!important;
}
.hero.kpahmod-inner-hero::after{
    content:""!important;
    position:absolute!important;
    right:0!important;
    bottom:-12px!important;
    width:min(620px,58%)!important;
    height:108%!important;
    background:url('/assets/homepage/images/art-page1.png') right bottom / contain no-repeat!important;
    opacity:.72!important;
    pointer-events:none!important;
    z-index:1!important;
    filter:drop-shadow(0 28px 42px rgba(44,104,152,.16));
}
.kpah-inner-hero-overlay{
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:26px clamp(18px,5vw,64px)!important;
    position:relative!important;
    z-index:2!important;
}
.hero.kpahmod-inner-hero .kpah-inner-logo.ngude-inner-logo,
.hero.kpahmod-inner-hero .kpah-inner-logo,
.kpah-inner-logo{
    width:min(450px,52vw)!important;
    min-height:154px!important;
    padding:22px 26px!important;
    border-radius:28px!important;
    border:1px solid rgba(255,255,255,.85)!important;
    background:rgba(255,255,255,.72)!important;
    box-shadow:0 20px 45px rgba(43,112,169,.16), inset 0 1px 0 rgba(255,255,255,.9)!important;
    backdrop-filter:blur(16px)!important;
    text-decoration:none!important;
    color:var(--ngude-deep)!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:6px!important;
}
.vip-logo-img.ngude-logo-img,.vip-logo-img{
    display:block!important;
    width:min(275px,42vw)!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    filter:drop-shadow(0 13px 22px rgba(30,117,185,.16))!important;
}
.kpah-logo-title{
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:clamp(34px,4.5vw,62px)!important;
    line-height:.95!important;
    font-weight:900!important;
    color:var(--ngude-deep)!important;
    text-shadow:0 6px 18px rgba(44,126,190,.18)!important;
    letter-spacing:-1.5px!important;
}
.kpah-logo-sub{
    font-size:clamp(13px,1.45vw,18px)!important;
    font-weight:900!important;
    color:#4c6983!important;
    text-shadow:none!important;
    letter-spacing:2px!important;
    text-transform:uppercase!important;
}
.nav.kpahmod-inner-nav,.nav{
    background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(255,255,255,.88)!important;
    border-radius:999px!important;
    min-height:60px!important;
    margin:0 auto 22px!important;
    gap:10px!important;
    box-shadow:0 14px 35px rgba(52,113,167,.14), inset 0 1px 0 rgba(255,255,255,.92)!important;
    backdrop-filter:blur(16px)!important;
}
.nav.kpahmod-inner-nav a,.nav a,
.kpahmod-inner-site .game-btn,.game-btn,
.kpahmod-inner-site button,button,.btn,.admh-btn,.admh-small-btn,.small-btn{
    color:#203247!important;
    border:1px solid #d7e8f7!important;
    background:linear-gradient(135deg,#ffffff,#edf7ff)!important;
    box-shadow:0 10px 22px rgba(49,115,177,.13)!important;
    text-shadow:none!important;
    font-family:Inter,Segoe UI,Arial,sans-serif!important;
    font-weight:900!important;
}
.nav.kpahmod-inner-nav a:hover,.nav a:hover,.game-btn:hover,button:hover,.btn:hover,.admh-btn:hover,.admh-small-btn:hover,.small-btn:hover{
    background:linear-gradient(135deg,#2c7ee8,#35c2ad)!important;
    color:white!important;
    filter:none!important;
}
.main{max-width:1080px!important;margin:24px auto!important;}
.card,.kpahmod-inner-site .card,
.admin-panel,.pro-panel,.info-box,.panel,.stat-card,.quick-card,
.vip-point-box,.auction-card,.auction-panel{
    background:rgba(255,255,255,.86)!important;
    border:1px solid rgba(255,255,255,.86)!important;
    border-radius:24px!important;
    color:var(--ngude-text)!important;
    box-shadow:0 18px 45px rgba(49,111,169,.14)!important;
    backdrop-filter:blur(14px)!important;
    text-shadow:none!important;
}
.card h2,.shop-title,.admin-title,.admin-panel h2,.pro-panel h2,.panel h2{
    color:var(--ngude-deep)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(237,248,255,.94))!important;
    border-bottom:1px solid var(--ngude-line)!important;
    text-shadow:0 7px 20px rgba(44,126,190,.12)!important;
}
.card div,.card p,.card span,.card label,.card td,.card th,
.admin-panel,.admin-panel div,.admin-panel p,.admin-panel span,.admin-panel label,
.pro-panel,.pro-panel div,.pro-panel p,.pro-panel span,.pro-panel label,
.info-line,.news-meta,.footer{
    color:var(--ngude-text)!important;
    text-shadow:none!important;
}
.card-body{background:transparent!important;}
input,select,textarea{
    background:#fff!important;
    border:1px solid #d7e8f7!important;
    color:#203247!important;
    text-shadow:none!important;
    box-shadow:0 6px 16px rgba(48,111,190,.06)!important;
}
input::placeholder,textarea::placeholder{color:#8197ad!important;}
table,.rank-table,.admin-table,.vip-table{
    background:rgba(255,255,255,.72)!important;
    border:1px solid var(--ngude-line)!important;
    color:#203247!important;
    text-shadow:none!important;
}
table th,.rank-table th,.admin-table th,.vip-table th{
    background:linear-gradient(135deg,#eaf6ff,#ffffff)!important;
    color:#0f5a8a!important;
    border-color:#d2e6f5!important;
    text-shadow:none!important;
}
table td,.rank-table td,.admin-table td,.vip-table td{
    background:rgba(255,255,255,.78)!important;
    color:#203247!important;
    border-color:#d2e6f5!important;
    text-shadow:none!important;
}
.rank-table tr:nth-child(1) td{background:linear-gradient(135deg,#fff8d9,#ffffff)!important;}
.rank-table tr:nth-child(2) td{background:linear-gradient(135deg,#f1f7ff,#ffffff)!important;}
.rank-table tr:nth-child(3) td{background:linear-gradient(135deg,#fff0d8,#ffffff)!important;}
.footer{
    background:rgba(255,255,255,.78)!important;
    border-top:1px solid var(--ngude-line)!important;
    color:#5f7487!important;
    border-radius:22px 22px 0 0!important;
}
.notice-box{background:#fff!important;color:#203247!important;border:1px solid var(--ngude-line)!important;box-shadow:0 18px 45px rgba(49,111,169,.18)!important;}
.notice.success .notice-box{background:#effff8!important;}
.notice.error .notice-box{background:#fff1f1!important;}
.news-title,.news-title a{color:var(--ngude-deep)!important;text-shadow:none!important;}
.news-thumb{background:#eaf6ff!important;color:#0f5a8a!important;text-shadow:none!important;border-radius:16px!important;}
@media(max-width:760px){
    .site.kpahmod-inner-site{margin-top:8px!important;padding:0 8px 24px!important;}
    .hero.kpahmod-inner-hero{height:auto!important;min-height:220px!important;border-radius:20px!important;}
    .hero.kpahmod-inner-hero::after{opacity:.25!important;width:100%!important;}
    .kpah-inner-hero-overlay{justify-content:center!important;padding:18px!important;}
    .hero.kpahmod-inner-hero .kpah-inner-logo,.kpah-inner-logo{width:min(94vw,460px)!important;align-items:center!important;text-align:center!important;}
    .vip-logo-img{margin:0 auto!important;}
    .nav{border-radius:22px!important;}
}

/* ===== NGU DE VISUAL COMFORT V2 =====
   Giảm chói nền trắng, bỏ mảng nâu tối khó đọc, tăng tương phản chữ. */
:root{
    --ngude-page:#e7f2f7;
    --ngude-card:#f4f9fc;
    --ngude-card-2:#eaf4fa;
    --ngude-text-strong:#102d44;
    --ngude-text:#24394c;
    --ngude-muted:#60788c;
    --ngude-border:#bfd7e8;
    --ngude-accent:#1f7fb8;
    --ngude-accent-2:#1a9b91;
    --ngude-warn:#9a6700;
}
html,body{background-color:var(--ngude-page)!important;}
body{
    color:var(--ngude-text)!important;
    background:
      linear-gradient(180deg,rgba(226,240,248,.95),rgba(239,247,250,.96)),
      url('/assets/homepage/images/bg-page1.jpg') center top / cover no-repeat fixed!important;
}
.site.kpahmod-inner-site{
    background:rgba(231,242,247,.82)!important;
    box-shadow:0 18px 55px rgba(33,85,124,.16)!important;
}
.hero.kpahmod-inner-hero.ngude-inner-hero,
.hero.kpahmod-inner-hero{
    background:
      linear-gradient(90deg,rgba(241,248,252,.98) 0%,rgba(241,248,252,.86) 42%,rgba(223,239,248,.58) 70%,rgba(238,247,251,.92) 100%),
      url('/assets/homepage/images/bg-page1.jpg') center center / cover no-repeat!important;
}
.nav.kpahmod-inner-nav,.nav{
    background:rgba(241,248,252,.88)!important;
    border-color:rgba(190,215,232,.95)!important;
}
.card,.kpahmod-inner-site .card,
.admin-panel,.pro-panel,.info-box,.panel,.stat-card,.quick-card,
.vip-point-box,.auction-card,.auction-panel,
.guest-box,.hero-action-box,.news-card,.feature,.download-card{
    background:rgba(244,249,252,.94)!important;
    border:1px solid var(--ngude-border)!important;
    color:var(--ngude-text)!important;
    text-shadow:none!important;
    box-shadow:0 14px 35px rgba(40,95,135,.13)!important;
}
.card h2,.shop-title,.admin-title,.admin-panel h2,.pro-panel h2,.panel h2,
.card h3,.info-box h3,.auction-panel h2,.auction-panel h3{
    color:#0f5a8a!important;
    background:linear-gradient(135deg,#e7f3fa,#f7fbfd)!important;
    text-shadow:none!important;
}
.info-grid{gap:20px!important;align-items:stretch!important;}
.info-box{
    background:#f2f8fc!important;
    border-color:#b9d3e5!important;
}
.info-line{
    border-bottom:1px dashed #b3ccdc!important;
    color:var(--ngude-text)!important;
}
.info-line b,
.info-line span,
.info-box b,
.info-box span,
.info-box p,
.info-box div,
.card div,.card p,.card span,.card label,.card li,
.admin-panel div,.admin-panel p,.admin-panel span,.admin-panel label,
.pro-panel div,.pro-panel p,.pro-panel span,.pro-panel label{
    color:var(--ngude-text)!important;
    text-shadow:none!important;
}
.info-line b,.info-box h3{color:#0f5a8a!important;}
.info-line span[style]{color:#0f7a55!important;font-weight:900!important;}
.game-btn,.btn,button,.admh-btn,.admh-small-btn,.small-btn,
.nav a,.nav.kpahmod-inner-nav a{
    background:linear-gradient(135deg,#f7fbfe,#e1eef7)!important;
    color:#183348!important;
    border-color:#bfd7e8!important;
    text-shadow:none!important;
    box-shadow:0 8px 20px rgba(34,92,137,.11)!important;
}
.game-btn:hover,.btn:hover,button:hover,.admh-btn:hover,.admh-small-btn:hover,.small-btn:hover,
.nav a:hover,.nav.kpahmod-inner-nav a:hover{
    background:linear-gradient(135deg,#1f7fb8,#1a9b91)!important;
    color:#fff!important;
}
input,select,textarea{
    background:#f8fcff!important;
    color:#183348!important;
    border-color:#b9d3e5!important;
}
.notice-box,.shop-warning,.inline-note,.auction-note{
    background:#f0f7fb!important;
    color:#183348!important;
    border-color:#b9d3e5!important;
    text-shadow:none!important;
}
table,.rank-table,.admin-table,.vip-table{
    background:#f5fafc!important;
    color:#183348!important;
}
table th,.rank-table th,.admin-table th,.vip-table th{
    background:#dfeff8!important;
    color:#0f5a8a!important;
}
table td,.rank-table td,.admin-table td,.vip-table td{
    background:#f7fbfd!important;
    color:#183348!important;
}
.footer{background:rgba(232,243,249,.94)!important;color:#506b80!important;}


/* ===== NGU DE BROWN READABILITY V3 =====
   Fix theo yêu cầu: mọi khung có chữ dùng nền nâu, chữ vàng/kem tương phản cao.
   Chỉ override giao diện; không đổi logic web. */
:root{
    --ngude-page-soft:#dcecf2;
    --ngude-brown-0:#120704;
    --ngude-brown-1:#23120a;
    --ngude-brown-2:#351d10;
    --ngude-brown-3:#4a2a16;
    --ngude-brown-4:#643a1b;
    --ngude-gold:#ffd76d;
    --ngude-gold-2:#f0ad3a;
    --ngude-cream:#fff2c6;
    --ngude-cream-2:#ffe7a2;
    --ngude-line-brown:#a86d23;
    --ngude-green:#39d98a;
    --ngude-red:#ff7777;
}
html,body{background-color:var(--ngude-page-soft)!important;}
body{
    color:var(--ngude-cream)!important;
    background:
      linear-gradient(180deg,rgba(218,235,242,.86),rgba(226,239,245,.92)),
      url('/assets/homepage/images/bg-page1.jpg') center top / cover no-repeat fixed!important;
}
.site.kpahmod-inner-site{
    background:rgba(220,236,242,.70)!important;
    border-left:1px solid rgba(255,255,255,.55)!important;
    border-right:1px solid rgba(255,255,255,.55)!important;
    box-shadow:0 18px 55px rgba(20,48,72,.18)!important;
}
/* Khung có nội dung chữ: nâu đồng bộ, chữ kem/vàng rõ */
.card,.kpahmod-inner-site .card,
.admin-panel,.pro-panel,.info-box,.panel,.stat-card,.quick-card,
.vip-point-box,.auction-card,.auction-panel,
.guest-box,.hero-action-box,.news-card,.feature,.download-card,
.shop-page,.shop-panel,.downloads-vip-page .download-note,
.card-body > div,.card-body > p{
    background:linear-gradient(180deg,rgba(61,34,19,.97),rgba(31,16,9,.98))!important;
    border:1px solid var(--ngude-line-brown)!important;
    border-radius:22px!important;
    color:var(--ngude-cream)!important;
    text-shadow:0 1px 2px rgba(0,0,0,.85)!important;
    box-shadow:0 16px 38px rgba(28,12,4,.28), inset 0 1px 0 rgba(255,218,117,.08)!important;
    backdrop-filter:none!important;
}
.card-body{
    background:linear-gradient(180deg,rgba(41,23,13,.92),rgba(20,9,5,.92))!important;
    color:var(--ngude-cream)!important;
}
.card h2,.shop-title,.admin-title,.admin-panel h2,.pro-panel h2,.panel h2,
.card h3,.info-box h3,.auction-panel h2,.auction-panel h3{
    background:linear-gradient(180deg,#5b3218,#2b1509)!important;
    color:var(--ngude-gold)!important;
    border-bottom:1px solid var(--ngude-line-brown)!important;
    text-shadow:0 2px 3px #000,0 0 10px rgba(255,202,77,.32)!important;
}
.card div,.card p,.card span,.card label,.card li,
.admin-panel div,.admin-panel p,.admin-panel span,.admin-panel label,
.pro-panel div,.pro-panel p,.pro-panel span,.pro-panel label,
.info-box div,.info-box p,.info-box span,.info-box label,
.panel div,.panel p,.panel span,.panel label,
.news-meta,.footer{
    color:var(--ngude-cream)!important;
    text-shadow:0 1px 2px rgba(0,0,0,.88)!important;
}
.info-grid{gap:20px!important;align-items:stretch!important;}
.info-box{
    padding:20px!important;
    background:linear-gradient(180deg,rgba(54,31,19,.98),rgba(28,15,9,.98))!important;
}
.info-line{
    border-bottom:1px dashed rgba(255,215,117,.42)!important;
    color:var(--ngude-cream)!important;
}
.info-line b,.info-box b,
.info-line strong,.info-box strong{
    color:var(--ngude-gold)!important;
    text-shadow:0 1px 2px #000!important;
}
.info-line span,.info-box span{
    color:var(--ngude-cream)!important;
}
.info-line span[style*="green"],.info-line span[style*="#0"],.ok,.success,.online-ok{
    color:var(--ngude-green)!important;
    font-weight:900!important;
}
.error,.danger,.online-bad,.auction-locked{color:var(--ngude-red)!important;font-weight:900!important;}
/* Nút giữ vàng/nâu để nổi trên nền nâu */
.game-btn,.btn,button,.admh-btn,.admh-small-btn,.small-btn,
.nav a,.nav.kpahmod-inner-nav a{
    background:linear-gradient(180deg,#ffe089,#c97a18)!important;
    color:#2a1205!important;
    border:1px solid #7b430e!important;
    text-shadow:0 1px 0 rgba(255,238,170,.7)!important;
    box-shadow:0 8px 18px rgba(35,12,0,.20), inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.game-btn:hover,.btn:hover,button:hover,.admh-btn:hover,.admh-small-btn:hover,.small-btn:hover,
.nav a:hover,.nav.kpahmod-inner-nav a:hover{
    background:linear-gradient(180deg,#fff1a8,#e28a19)!important;
    color:#160800!important;
}
.nav.kpahmod-inner-nav,.nav{
    background:rgba(255,255,255,.75)!important;
    border:1px solid rgba(189,214,229,.85)!important;
    box-shadow:0 12px 28px rgba(37,84,120,.13)!important;
}
input,select,textarea{
    background:#fff8e4!important;
    color:#231005!important;
    border:1px solid var(--ngude-line-brown)!important;
    text-shadow:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 5px 14px rgba(30,12,4,.16)!important;
}
input::placeholder,textarea::placeholder{color:#8a6a42!important;text-shadow:none!important;}
select option{background:#fff8e4!important;color:#231005!important;}
/* Bảng xếp hạng/admin: nền nâu, chữ rõ */
table,.rank-table,.admin-table,.vip-table{
    background:var(--ngude-brown-1)!important;
    border:1px solid var(--ngude-line-brown)!important;
    color:var(--ngude-cream)!important;
    text-shadow:0 1px 2px #000!important;
}
table th,.rank-table th,.admin-table th,.vip-table th{
    background:linear-gradient(180deg,#63350f,#3a1b08)!important;
    color:var(--ngude-gold)!important;
    border-color:#9c621e!important;
    text-shadow:0 2px 3px #000!important;
}
table td,.rank-table td,.admin-table td,.vip-table td{
    background:linear-gradient(180deg,rgba(54,30,16,.96),rgba(30,16,9,.96))!important;
    color:var(--ngude-cream)!important;
    border-color:#7d4c17!important;
    text-shadow:0 1px 2px #000!important;
}
.rank-table tr:nth-child(1) td{background:linear-gradient(90deg,#ffd95b,#9e5e16)!important;color:#2b1300!important;text-shadow:0 1px 0 rgba(255,255,255,.35)!important;}
.rank-table tr:nth-child(2) td{background:linear-gradient(90deg,#e8eef6,#4b6076)!important;color:#102033!important;text-shadow:0 1px 0 rgba(255,255,255,.35)!important;}
.rank-table tr:nth-child(3) td{background:linear-gradient(90deg,#dda263,#7a4017)!important;color:#fff1c4!important;}
.news-title,.news-title a{color:var(--ngude-gold)!important;text-shadow:0 2px 3px #000!important;}
.news-thumb{background:linear-gradient(180deg,#6b3b1a,#241209)!important;color:var(--ngude-gold)!important;border-radius:16px!important;text-shadow:0 2px 3px #000!important;}
.notice-box,.shop-warning,.inline-note,.auction-note{
    background:linear-gradient(180deg,#4d2c17,#211109)!important;
    color:var(--ngude-cream)!important;
    border:1px solid var(--ngude-line-brown)!important;
    text-shadow:0 1px 2px #000!important;
}
.footer{background:rgba(42,23,13,.94)!important;color:var(--ngude-cream-2)!important;border:1px solid var(--ngude-line-brown)!important;}
@media(max-width:760px){
    .info-grid{grid-template-columns:1fr!important;}
    .card,.info-box,.panel,.auction-panel{border-radius:18px!important;}
}


/* =========================================================
   READABILITY OVERRIDE v4
   - Tang do tuong phan chu / nen
   - Su dung panel nau dam + vien vang
   - Cac o nen sang dung chu do dam / nau dam
   ========================================================= */
:root{
    --ng-panel-top:#7c3f11;
    --ng-panel-bottom:#2b0e00;
    --ng-panel-inner:rgba(39,12,0,.88);
    --ng-border:#c67a18;
    --ng-title:#ffd965;
    --ng-text:#ffe9bc;
    --ng-text-strong:#fff4cf;
    --ng-accent:#ffbd3f;
    --ng-light-surface:#fff3cf;
    --ng-light-surface-2:#ffe4a1;
    --ng-light-text:#7a2200;
    --ng-light-text-strong:#a12c00;
}

body{
    color:var(--ng-text)!important;
}

.card{
    background:linear-gradient(180deg,var(--ng-panel-top),var(--ng-panel-bottom))!important;
    border:2px solid var(--ng-border)!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-shadow:0 14px 28px rgba(0,0,0,.24)!important;
    color:var(--ng-text)!important;
    text-shadow:none!important;
}

.card h2{
    background:linear-gradient(180deg,#7a3a10,#431600)!important;
    border-bottom:1px solid rgba(234,165,53,.65)!important;
    color:var(--ng-title)!important;
    padding:18px 14px!important;
    margin:0!important;
    text-shadow:0 2px 0 #2f0e00,0 0 12px rgba(255,188,55,.22)!important;
}

.card-body{
    background:linear-gradient(180deg,rgba(57,20,0,.52),rgba(31,8,0,.35))!important;
    padding:18px!important;
}

.card,
.card .card-body,
.card .card-body div,
.card .card-body p,
.card .card-body span,
.card .card-body label,
.card .card-body li,
.card .card-body td,
.card .card-body small,
.info-line,
.info-line span,
.info-line b{
    color:var(--ng-text)!important;
    text-shadow:none!important;
}

.card .card-body b,
.card .card-body strong,
.info-line b,
.info-box h3{
    color:var(--ng-title)!important;
    text-shadow:0 1px 0 #200900!important;
}

.info-box{
    background:rgba(27,8,0,.36)!important;
    border:1px solid rgba(220,150,38,.55)!important;
    border-radius:18px!important;
    padding:16px!important;
}

.info-line{
    border-bottom:1px dashed rgba(255,206,103,.28)!important;
}

.shop-warning{
    background:rgba(73,20,0,.72)!important;
    border:1px solid #d9891b!important;
    color:#ffe6ae!important;
    text-shadow:none!important;
}

a{
    color:var(--ng-accent)!important;
    text-shadow:none!important;
}

a:hover{
    color:#ffe39e!important;
}

.rank-table,table{
    background:rgba(37,12,0,.72)!important;
    color:var(--ng-text)!important;
    text-shadow:none!important;
}
.rank-table th,table th{
    background:linear-gradient(180deg,#814112,#4f1a00)!important;
    color:var(--ng-title)!important;
    text-shadow:0 1px 0 #2b0d00!important;
}
.rank-table td,table td{
    background:rgba(255,255,255,.02)!important;
    color:var(--ng-text)!important;
}

.footer,.footer *{
    color:var(--ng-title)!important;
    text-shadow:0 1px 0 #2d0b00!important;
}

/* Cac khung nen sang: bat buoc dung chu dam de khong bi mo */
.starter-card,
.starter-modal-box,
.starter-intro,
.starter-dashboard-btn,
.online-pill,
.donate-box,
.notice-box,
.starter-reward-box,
.starter-payment-code,
.starter-status,
.starter-empty{
    text-shadow:none!important;
}

.starter-card,
.starter-modal-box,
.starter-intro,
.starter-dashboard-btn,
.online-pill,
.donate-box,
.notice-box,
.starter-reward-box,
.starter-payment-code{
    color:var(--ng-light-text)!important;
}

.starter-card *,
.starter-modal-box *,
.starter-intro *,
.starter-dashboard-btn *,
.online-pill *,
.donate-box *,
.notice-box *,
.starter-reward-box *,
.starter-payment-code *{
    text-shadow:none!important;
}

.starter-card{
    background:linear-gradient(180deg,#fff7df,#ffe3ab)!important;
    border:2px solid #d08a1d!important;
}
.starter-card h3,
.starter-card p,
.starter-card .starter-price,
.starter-card .starter-not-ready,
.starter-card .starter-badge{
    text-shadow:none!important;
}
.starter-card h3{
    color:var(--ng-light-text-strong)!important;
}
.starter-card p{
    color:#8c3300!important;
    font-weight:700!important;
}
.starter-price,.starter-modal-price{
    color:#b63500!important;
    text-shadow:none!important;
}
.starter-badge{
    background:#813100!important;
    color:#ffe59b!important;
}
.starter-not-ready{
    background:#ffe2df!important;
    color:#a21919!important;
}
.starter-intro{
    background:linear-gradient(180deg,#fff3d1,#ffe3a7)!important;
    color:#7a2200!important;
    border:1px solid #d79221!important;
    font-weight:700!important;
}
.starter-empty{
    background:rgba(255,243,209,.96)!important;
    color:#842800!important;
}
.starter-modal-box{
    background:linear-gradient(180deg,#fff7df,#f4d28c)!important;
    color:#652100!important;
}
.starter-modal-box h2,
.starter-modal-box p,
.starter-modal-box b,
.starter-modal-box div,
.starter-modal-box span{
    color:#652100!important;
}
.starter-modal-box .starter-success-title{
    color:#0e7d33!important;
}
.starter-modal-box .starter-big-code{
    color:#0f7e34!important;
    text-shadow:0 2px 0 #ffffff!important;
}
.starter-reward-box{
    background:#fffaf0!important;
    border:1px solid #d28e1f!important;
    color:#742400!important;
}
.starter-payment-code{
    background:#fffaf0!important;
    border:1px solid #d08a1d!important;
    color:#7b2500!important;
}
.starter-status{
    background:#fff1ae!important;
    color:#7a2800!important;
}
.starter-code{
    color:#0f7d34!important;
    text-shadow:none!important;
}
.starter-history td,
.starter-history th{
    white-space:normal;
}
.starter-dashboard-btn{
    background:linear-gradient(180deg,#fff9e6,#ffe2a7)!important;
    color:#7b2500!important;
    border:2px solid #d28c1c!important;
    box-shadow:0 6px 14px rgba(60,24,0,.18)!important;
}
.starter-dashboard-btn b{
    color:#912d00!important;
}
.starter-dashboard-btn span{
    color:#b93d00!important;
}
.online-pill{
    background:linear-gradient(180deg,#fff8e7,#ffe2a7)!important;
    color:#7b2500!important;
    border:1px solid #d18b1c!important;
    box-shadow:0 4px 10px rgba(60,24,0,.16)!important;
}
.online-pill small{
    color:#b13a00!important;
}
.donate-box{
    color:#682200!important;
}
.donate-box h2,.donate-box p,.donate-box label,.donate-box .donate-current,.donate-box .donate-small{
    color:#7b2500!important;
    text-shadow:none!important;
}
.notice-box{
    color:#5d1a00!important;
}

/* Chuan hoa mau text trong nut vang */
.nav a,.game-btn,button,.btn-primary{
    color:#3a1700!important;
    text-shadow:0 1px 0 rgba(255,238,190,.95)!important;
}

@media(max-width:900px){
    .card h2{font-size:26px!important;}
    .card-body{padding:14px!important;}
}


/* =========================================================
   YELLOW BROWN BLACK THEME v5
   - Tieu de vang
   - Khung nau
   - Noi dung chu den
   ========================================================= */
:root{
    --v5-brown-1:#6f350d;
    --v5-brown-2:#2d1100;
    --v5-brown-3:#4a1d00;
    --v5-gold:#ffd86a;
    --v5-gold-2:#ffea9c;
    --v5-border:#c97d18;
    --v5-content-bg:#f7e7bf;
    --v5-content-bg-2:#f2ddb0;
    --v5-text:#121212;
    --v5-text-soft:#2a1d10;
    --v5-link:#6f2600;
}

body{color:var(--v5-text)!important;}

.card{
    background:linear-gradient(180deg,var(--v5-brown-1),var(--v5-brown-2))!important;
    border:2px solid var(--v5-border)!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-shadow:0 14px 28px rgba(0,0,0,.24)!important;
}

.card h2{
    background:linear-gradient(180deg,#7d3a0f,#431700)!important;
    color:var(--v5-gold)!important;
    border-bottom:1px solid rgba(236,183,69,.7)!important;
    text-shadow:0 2px 0 #311100,0 0 8px rgba(255,196,68,.16)!important;
}

.card-body{
    background:linear-gradient(180deg,var(--v5-content-bg),var(--v5-content-bg-2))!important;
    color:var(--v5-text)!important;
    text-shadow:none!important;
}

.card .card-body,
.card .card-body *,
.card .card-body p,
.card .card-body span,
.card .card-body div,
.card .card-body label,
.card .card-body li,
.card .card-body td,
.card .card-body small,
.info-line,
.info-line span{
    color:var(--v5-text)!important;
    text-shadow:none!important;
}

.card .card-body b,
.card .card-body strong,
.info-line b,
.info-box h3{
    color:#6a2800!important;
    text-shadow:none!important;
}

.info-box{
    background:linear-gradient(180deg,#f9edd0,#f0d8a0)!important;
    border:1px solid #c7841d!important;
    border-radius:18px!important;
    padding:16px!important;
}

.info-line{border-bottom:1px dashed rgba(113,56,0,.25)!important;}

.news-item{border-bottom:1px solid rgba(99,52,5,.22)!important;}
.news-title,.news-title a{color:#742900!important;text-shadow:none!important;}
.news-meta,.news-meta *{color:#7f3a0a!important;text-shadow:none!important;}
.news-thumb{color:#7a2d00!important;text-shadow:none!important;}

a{color:var(--v5-link)!important;text-shadow:none!important;}
a:hover{color:#9b3600!important;}

.rank-table,table{
    background:#f4e2b8!important;
    color:var(--v5-text)!important;
    text-shadow:none!important;
    border:1px solid rgba(104,54,3,.35)!important;
}
.rank-table th,table th{
    background:linear-gradient(180deg,#7c3c10,#4d1a00)!important;
    color:var(--v5-gold)!important;
    text-shadow:none!important;
    border-color:rgba(236,183,69,.38)!important;
}
.rank-table td,table td{
    background:#f7e9c8!important;
    color:var(--v5-text)!important;
    text-shadow:none!important;
    border-color:rgba(115,59,5,.22)!important;
}

.shop-warning{
    background:#f8e8c1!important;
    border:1px solid #c8861d!important;
    color:#3a210d!important;
    text-shadow:none!important;
}
.shop-warning *{color:#3a210d!important;text-shadow:none!important;}

.footer,.footer *{color:var(--v5-gold)!important;text-shadow:0 1px 0 #301000!important;}

/* Cac khung nen sang thi chu den */
.starter-card,.starter-modal-box,.starter-intro,.starter-dashboard-btn,.online-pill,.donate-box,.notice-box,.starter-reward-box,.starter-payment-code,.starter-status,.starter-empty{
    color:var(--v5-text)!important;
    text-shadow:none!important;
}
.starter-card *, .starter-modal-box *, .starter-intro *, .starter-dashboard-btn *, .online-pill *, .donate-box *, .notice-box *, .starter-reward-box *, .starter-payment-code *, .starter-status *, .starter-empty *{
    color:inherit!important;
    text-shadow:none!important;
}
.starter-card{background:linear-gradient(180deg,#fbf0d2,#f2ddb0)!important;border:2px solid #cb861b!important;}
.starter-card h3{color:#8f3000!important;}
.starter-card p{color:#111111!important;}
.starter-badge{background:#7b3300!important;color:#ffe498!important;}
.starter-price,.starter-modal-price{color:#ab2c00!important;}
.starter-intro{background:linear-gradient(180deg,#fbf0d2,#f2ddb0)!important;border:1px solid #cb861b!important;color:#1a1a1a!important;}
.starter-empty{background:#f9ecd0!important;color:#1a1a1a!important;}
.starter-modal-box{background:linear-gradient(180deg,#fbf0d2,#eed49b)!important;color:#111111!important;}
.starter-modal-box h2,.starter-modal-box p,.starter-modal-box div,.starter-modal-box span,.starter-modal-box b{color:#111111!important;}
.starter-reward-box,.starter-payment-code{background:#fff7e4!important;border:1px solid #cb861b!important;color:#111111!important;}
.starter-status{background:#f7e39e!important;color:#3a2600!important;}
.starter-history td,.starter-history th{white-space:normal;}
.starter-history small{color:#1a1a1a!important;}
.starter-dashboard-btn{background:linear-gradient(180deg,#fbf1d5,#efd9a5)!important;border:2px solid #cb861b!important;color:#111111!important;}
.starter-dashboard-btn b{color:#8f3000!important;}
.starter-dashboard-btn span{color:#ab2c00!important;}
.online-pill{background:linear-gradient(180deg,#fbf1d5,#efd9a5)!important;border:1px solid #cb861b!important;color:#111111!important;}
.online-pill small{color:#8a2f00!important;}
.donate-box{color:#111111!important;}
.donate-box h2,.donate-box p,.donate-box label,.donate-box .donate-current,.donate-box .donate-small{color:#111111!important;}
.notice-box{color:#111111!important;}

/* Nút */
.nav a,.game-btn,button,.btn-primary{
    color:#341400!important;
    text-shadow:0 1px 0 rgba(255,238,190,.96)!important;
}

/* input */
input,select,textarea{
    background:#fff7e7!important;
    color:#111111!important;
    border-color:#c98a28!important;
    text-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#8b5d33!important;}

@media(max-width:900px){
    .card h2{font-size:26px!important;}
    .card-body{padding:14px!important;}
}


/* =========================================================
   HOTFIX v6 - KHU THONG TIN TAI KHOAN CHU VANG TREN NEN NAU
   ========================================================= */
.info-box{
    background:linear-gradient(180deg,#2a0c00,#140400)!important;
    border:1px solid #c7841d!important;
}
.info-box,
.info-box *,
.info-box .info-line,
.info-box .info-line span,
.info-box .info-line b,
.info-box h3{
    color:#ffd86a!important;
    text-shadow:none!important;
}
.info-box .info-line{
    border-bottom:1px dashed rgba(255,216,106,.22)!important;
}
.info-box .game-btn,
.info-box .game-btn *{
    color:#341400!important;
}


/* =========================================================
   HOTFIX v7 - NOI DUNG BAI DANG: NEN NAU + CHU VANG
   Dong bo voi thanh tieu de bai viet.
   ========================================================= */
.news-detail-meta,
.news-detail-content{
    background:linear-gradient(180deg,#71330c,#361100)!important;
    border:1px solid #c97d18!important;
    border-radius:14px!important;
    color:#ffd86a!important;
    text-shadow:0 1px 0 #2c0d00!important;
    box-shadow:inset 0 1px 0 rgba(255,230,155,.12),0 8px 18px rgba(42,13,0,.18)!important;
}
.news-detail-meta{
    margin-bottom:12px!important;
    padding:8px 12px!important;
    font-weight:800!important;
    font-size:14px!important;
}
.news-detail-content{
    padding:18px 20px!important;
    font-size:18px!important;
    line-height:1.8!important;
    white-space:normal!important;
}
.news-detail-meta *,
.news-detail-content *,
.news-detail-content p,
.news-detail-content span,
.news-detail-content div,
.news-detail-content li,
.news-detail-content td{
    color:#ffd86a!important;
    text-shadow:0 1px 0 #2c0d00!important;
}
.news-detail-content b,
.news-detail-content strong,
.news-detail-content h1,
.news-detail-content h2,
.news-detail-content h3,
.news-detail-content h4,
.news-detail-content h5,
.news-detail-content h6{
    color:#ffea9c!important;
}
.news-detail-content a{
    color:#fff0b1!important;
    text-decoration:underline!important;
}
.news-detail-image{
    margin:15px 0 24px!important;
    padding:0!important;
    text-align:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.news-detail-actions{
    margin-top:25px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.news-detail-actions .game-btn{
    color:#341400!important;
}
@media(max-width:700px){
    .news-detail-content{padding:14px!important;font-size:16px!important;line-height:1.65!important;}
}


/* =========================================================
   HOTFIX v8 - NOI DUNG BAI DANG DE DOC HON
   Nen nau nhat hon, chu vang noi bat giong tieu de.
   ========================================================= */
.news-detail-meta,
.news-detail-content{
    background:linear-gradient(180deg,#8a4719,#5b2609)!important;
    border:2px solid #d39a38!important;
    border-radius:18px!important;
    color:#ffd86a!important;
    text-shadow:0 1px 0 #3a1400,0 0 8px rgba(255,216,106,.08)!important;
    box-shadow:inset 0 1px 0 rgba(255,235,170,.18),0 10px 24px rgba(52,18,0,.20)!important;
}
.news-detail-meta{
    margin-bottom:14px!important;
    padding:10px 14px!important;
    font-weight:800!important;
    font-size:15px!important;
}
.news-detail-content{
    padding:20px 22px!important;
    font-size:19px!important;
    line-height:1.9!important;
}
.news-detail-meta *,
.news-detail-content *,
.news-detail-content p,
.news-detail-content span,
.news-detail-content div,
.news-detail-content li,
.news-detail-content td,
.news-detail-content pre{
    color:#ffd86a!important;
    text-shadow:0 1px 0 #3a1400!important;
}
.news-detail-content b,
.news-detail-content strong,
.news-detail-content h1,
.news-detail-content h2,
.news-detail-content h3,
.news-detail-content h4,
.news-detail-content h5,
.news-detail-content h6{
    color:#ffec9d!important;
}
.news-detail-content a{
    color:#fff2b7!important;
    text-decoration:underline!important;
}
@media(max-width:700px){
    .news-detail-meta{font-size:14px!important;padding:9px 12px!important;}
    .news-detail-content{padding:15px!important;font-size:16px!important;line-height:1.72!important;}
}