:root{--hcs-cyan:#10b5d5;--hcs-blue:#087eae;--hcs-navy:#061b3f;--hcs-ink:#17365d;--hcs-muted:#71849b;--hcs-line:#d8e7f0;--hcs-page:#eef6fb;--hcs-white:#fff}html{scroll-behavior:smooth}body.gi8viet{background:var(--hcs-page)!important;color:var(--hcs-ink)!important;font-family:Inter,Arial,sans-serif!important}#wrapper>header{background:#fff!important;box-shadow:0 4px 17px #163f6817!important}#wrapper>header .login-header{background:#fff!important;color:var(--hcs-ink)!important;border-bottom:1px solid #e3edf4!important}#wrapper>header .login-header input{border:1px solid var(--hcs-line)!important;border-radius:20px!important;background:#f9fcfe!important;color:var(--hcs-ink)!important}#wrapper>header .login-header .btn_join{border:1px solid var(--hcs-cyan)!important;border-radius:20px!important;background:#fff!important;color:var(--hcs-blue)!important}#wrapper>header .login-header .join-select:last-child .btn_join{background:linear-gradient(100deg,var(--hcs-cyan),var(--hcs-blue))!important;color:#fff!important}#wrapper>header .bottom-head{background:linear-gradient(180deg,#3ac5e8,#16a8d7)!important}#wrapper>header .bottom-head .container-web{width:min(1200px,92%)!important}#wrapper>header .bottom-head .logo img{width:140px!important;max-height:53px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}#wrapper>header .main-menu>li>a,#wrapper>header .main-menu .nav-item>a,#wrapper>header .main-menu .nav-item>i{color:#fff!important}#wrapper>header .main-menu>li:hover,#wrapper>header .main-menu>li.active{background:#ffffff1c!important}#wrapper>header .sub-menu{border-color:#80ddec!important;background:#fff!important;box-shadow:0 12px 28px #063b5d2d!important}#shortcut_list .item{background:linear-gradient(145deg,#0bb6d5,#0877aa)!important;border-color:#55dbef!important}body>footer,body.gi8viet>footer{background:var(--hcs-navy)!important;color:#b6cade!important}body>footer h3,body.gi8viet>footer h3{color:#fff!important}
#body-web-info{min-height:680px!important;padding:35px 0 55px!important;background:linear-gradient(#e8faff,#f2f7fb)!important}.wrap-info{width:min(1160px,94%)!important;margin:0 auto!important}.info-container{overflow:hidden!important;border:1px solid #d4e7f0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 17px 42px #174b731b!important}.info-container>.left{background:linear-gradient(165deg,#07395e,#087fae)!important;color:#fff!important}.info-container>.left .info-block{background:transparent!important;border-color:#ffffff28!important}.info-container>.left .name,.info-container>.left .current-money{color:#fff!important}.info-container>.left .menu-block a{color:#dff7ff!important;border-radius:8px!important}.info-container>.left .menu-block a:hover,.info-container>.left .menu-block a.active{background:#ffffff1c!important;color:#fff!important;border-left-color:#6ce9fb!important}.info-container>.left .menu-block i{color:#74e6f4!important}.info-container>.right{background:#f8fbfd!important}.main-content{background:#fff!important;color:var(--hcs-ink)!important}.main-content>.title{color:var(--hcs-ink)!important;font-size:24px!important;font-weight:800!important}.main-content .nav-tabs{border-bottom:1px solid var(--hcs-line)!important}.main-content .nav-tabs a{color:#6b8198!important}.main-content .nav-tabs .active a{color:var(--hcs-blue)!important;border-bottom-color:var(--hcs-cyan)!important}.main-content .tab-box,.main-content .block,.main-content .wrap-box,.main-content .content-block{border-color:var(--hcs-line)!important;border-radius:13px!important;background:#fff!important}.main-content .data-box,.main-content .mc-horizontal-item,.main-content .history-card{border-color:#e5eef4!important}.main-content input,.main-content select,.main-content textarea,.mc-input-field-block{border-color:var(--hcs-line)!important;border-radius:9px!important;background:#f8fcfe!important;color:var(--hcs-ink)!important}.main-content button,.main-content .nrc-button,.main-content .setting-btn,.main-content .btn-transfer-all{border:0!important;border-radius:9px!important;background:linear-gradient(100deg,var(--hcs-cyan),var(--hcs-blue))!important;color:#fff!important;box-shadow:0 7px 18px #087fae30!important}.deposit-list-item{border-color:var(--hcs-line)!important;border-radius:12px!important;background:#fff!important}.deposit-list-item.active,.deposit-list-item:hover{border-color:var(--hcs-cyan)!important;background:#eafbff!important}.rc-pagination-item-active{border-color:var(--hcs-cyan)!important;background:var(--hcs-blue)!important;color:#fff!important}
.app.gamelobby,.egame-container{background:linear-gradient(#e6f9ff,#f1f7fb)!important}.egame-banner{min-height:250px!important;background:linear-gradient(110deg,#05224c,#0a9dc4)!important}.egame-banner .banner-mask{opacity:.32!important}.egame-banner .textH2{color:#fff!important;text-shadow:0 3px 10px #001d38!important}.egame-main{width:min(1180px,94%)!important;margin:0 auto!important}.egame-tab,.egame-content{background:transparent!important}.egame-providers{padding:20px!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 22px #164b7217!important}.egame-gplogo{border:1px solid var(--hcs-line)!important;border-radius:12px!important;background:#f5fbfe!important}.egame-gplogo.active,.egame-gplogo:hover{border-color:var(--hcs-cyan)!important;background:#ddf8ff!important}.egame-tags{border-radius:12px!important;background:#fff!important}.egame-tags .active,.egame-tags button:hover{background:linear-gradient(100deg,var(--hcs-cyan),var(--hcs-blue))!important;color:#fff!important}.egame-games{gap:15px!important}.game-item{overflow:hidden!important;border:1px solid var(--hcs-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 7px 19px #17466b16!important}.game-item .launch-game{background:linear-gradient(100deg,var(--hcs-cyan),var(--hcs-blue))!important;color:#fff!important}
.marquee-block{background:#24afd7!important;color:#fff!important}.main-wrap{background-color:transparent!important}.promo-container{padding:30px!important;background:linear-gradient(#e7f9ff,#f2f7fb)!important}.promo-item{overflow:hidden!important;border:1px solid #cbe7f0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 9px 24px #174b7317!important}.promo-popup .container-popup{border-radius:18px!important;border-color:#74d9ea!important}.promo-popup .head,.promo-popup .btn-primary{background:linear-gradient(100deg,var(--hcs-cyan),var(--hcs-blue))!important;border-color:var(--hcs-blue)!important}.vip-bg{filter:hue-rotate(155deg) saturate(.75)!important}.vip-card,.vip-box{border-color:#55d0e5!important}.vip-box{background:linear-gradient(#e7faff,#fff)!important}.vip-privilege,.vip-rules{color:var(--hcs-ink)!important}
.modal-content{overflow:hidden!important;border:1px solid #7eddeb!important;border-radius:17px!important}.modal-header,.modal-footer .btn-primary{background:linear-gradient(100deg,var(--hcs-cyan),var(--hcs-blue))!important;color:#fff!important}.swal2-confirm,.btn-primary{border-color:var(--hcs-blue)!important;background:linear-gradient(100deg,var(--hcs-cyan),var(--hcs-blue))!important}.loadding-icon .spinner-border{color:var(--hcs-cyan)!important}
@media(max-width:900px){#wrapper>header .login-header{display:none!important}.wrap-info{width:96%!important}.info-container{border-radius:14px!important}.egame-main{width:96%!important}}
#wrapper>header .bottom-head .logo{background:transparent!important;border:0!important;box-shadow:none!important}
.hcs-page-title{padding:34px 20px 0;text-align:center}.hcs-page-title small{color:var(--hcs-cyan);font-size:10px;font-weight:900;letter-spacing:1.6px}.hcs-page-title h1{margin:5px 0;color:var(--hcs-blue);font-size:29px;text-transform:uppercase}.hcs-page-title p{margin:0;color:var(--hcs-muted);font-size:12px}.hcs-empty-promo,.hcs-empty-games{min-height:210px;width:100%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #8ed8e8!important;border-radius:14px!important;background:#effbfe!important;color:var(--hcs-muted)!important}.hcs-empty-promo i,.hcs-empty-games i{color:var(--hcs-cyan);font-size:34px}.hcs-empty-promo strong,.hcs-empty-games strong{color:var(--hcs-ink);font-size:16px}.hcs-empty-promo span,.hcs-empty-games span{font-size:11px}
.hcs-support-page{min-height:620px;padding:55px max(30px,calc((100% - 1100px)/2));background:linear-gradient(#e4f9ff,#f2f7fb)}.hcs-support-hero{text-align:center}.hcs-support-hero small{color:var(--hcs-cyan);font-size:10px;font-weight:900;letter-spacing:1.7px}.hcs-support-hero h1{margin:7px 0;color:var(--hcs-blue);font-size:36px}.hcs-support-hero p{margin:0;color:var(--hcs-muted)}.hcs-support-grid{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hcs-support-grid a{min-height:210px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #c9e8f1;border-radius:17px;background:#fff;color:var(--hcs-ink);text-decoration:none;box-shadow:0 10px 26px #174b7315}.hcs-support-grid a:hover{border-color:var(--hcs-cyan);transform:translateY(-3px)}.hcs-support-grid i{width:56px;height:56px;margin-bottom:14px;display:grid;place-items:center;border-radius:15px;background:#e5faff;color:var(--hcs-blue);font-size:26px}.hcs-support-grid strong{font-size:17px}.hcs-support-grid span{margin-top:7px;color:var(--hcs-muted);font-size:11px}.hcs-support-back{display:block;margin-top:28px;text-align:center;color:var(--hcs-blue);font-weight:800;text-decoration:none}
body header .bottom-head .container-web .logo{left:0!important;width:150px!important;max-width:150px!important;background:transparent!important}body header .bottom-head .container-web .logo img{width:140px!important;filter:none!important}.egame .egame-games{min-height:220px!important;padding:20px!important;background:#eefaff!important}.chess .egame-content{padding:20px 0!important}.chess .egame-games{background:#eefaff!important}#body-web-promotion{min-height:600px!important;background:linear-gradient(#dff8ff,#f2f7fb)!important}#body-web-promotion .main-wrap{background:transparent!important}#body-web-promotion .promo-container{min-height:250px!important;background:#eaf8fc!important}
.egame .game-item img.hcs-game-cover{width:100%!important;height:170px!important;padding:5px!important;object-fit:contain!important;object-position:center!important;border-radius:10px!important;background:#eef7fb!important}.egame .egame-gplogo .pd-logo{height:25px!important;margin:3px auto 0!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important}.egame .egame-gplogo span{display:block!important;overflow:hidden!important;padding:0 5px!important;font-size:11px!important;line-height:15px!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Keep lobby labels readable on the light HCSACC theme. */
.egame .egame-gplogo,
.egame .egame-gplogo span {
    color: var(--hcs-ink) !important;
}
.egame .egame-gplogo span {
    font-size: 12px !important;
    font-weight: 800 !important;
}
.egame .egame-gplogo.active,
.egame .egame-gplogo.active:hover,
.egame .egame-gplogo:hover {
    border-color: var(--hcs-cyan) !important;
    background: #d9f7fd !important;
    color: #075f8e !important;
}
.egame .egame-gplogo.active span,
.egame .egame-gplogo:hover span {
    color: #075f8e !important;
}
.egame .game-item > .title,
.egame .game-item:hover > .title {
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    color: var(--hcs-ink) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-shadow: none !important;
}
.egame .game-item:hover > .title {
    color: var(--hcs-blue) !important;
}
.egame .egame-main {
    min-height: 600px !important;
    padding-bottom: 60px !important;
}
.egame .egame-tab,
.egame .egame-content {
    width: 100% !important;
}
.egame .egame-providers {
    height: auto !important;
    min-height: 82px !important;
}
.egame .c-carousel__controls {
    pointer-events: none !important;
}
.egame .c-carousel__button--prev,
.egame .c-carousel__button--next {
    color: var(--hcs-blue) !important;
    pointer-events: auto !important;
}
.egame .egame-games {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;
    align-items: stretch !important;
}
.egame .game-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 4px !important;
    cursor: pointer !important;
}
.egame .game-item .launch-game {
    background: transparent !important;
}
.egame .game-item .launch-game::after {
    border: 0 !important;
    background: linear-gradient(135deg, var(--hcs-cyan), var(--hcs-blue)) !important;
    color: #fff !important;
}

/* HCSACC V6 — shared desktop system */
.hcs-v6,
.hcs-v6 * {
    box-sizing: border-box;
}

body.hcs-v6 {
    --hcs-v6-navy: #04152f;
    --hcs-v6-navy-2: #072a50;
    --hcs-v6-cyan: #10b9db;
    --hcs-v6-blue: #087fae;
    --hcs-v6-gold: #f5c451;
    --hcs-v6-ink: #102d4e;
    --hcs-v6-muted: #6d8299;
    --hcs-v6-line: #d8e8f1;
    --hcs-v6-surface: #ffffff;
    --hcs-v6-page: #eff7fb;
    margin: 0;
    min-width: 1080px;
    background:
        radial-gradient(circle at 8% 12%, rgba(16, 185, 219, .10), transparent 27rem),
        linear-gradient(180deg, #f7fcff 0, var(--hcs-v6-page) 100%) !important;
    color: var(--hcs-v6-ink) !important;
    font-family: Inter, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

body.hcs-v6 a {
    transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

body.hcs-v6 a:hover {
    text-decoration: none;
}

body.hcs-v6 #wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.hcs-global-header {
    position: relative;
    z-index: 1000;
    width: 100%;
    border: 0 !important;
    background: #fff !important;
    box-shadow: 0 8px 30px rgba(3, 38, 69, .10) !important;
}

.hcs-header-container {
    width: min(1380px, calc(100% - 44px));
    min-width: 1030px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.hcs-header-utility {
    height: 38px;
    border-bottom: 1px solid rgba(255,255,255,.10);
    background: linear-gradient(110deg, var(--hcs-v6-navy), var(--hcs-v6-navy-2));
    color: #c9dae9;
}

.hcs-header-utility .hcs-header-container {
    height: 100%;
    justify-content: space-between;
}

.hcs-header-meta,
.hcs-header-account {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 7px;
}

.hcs-header-meta a,
.hcs-header-meta span,
.hcs-header-account > a,
.hcs-header-account > button {
    height: 30px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #d5e4ef !important;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.hcs-header-meta a:hover,
.hcs-header-account > a:hover,
.hcs-header-account > button:hover {
    background: rgba(255,255,255,.10);
    color: #fff !important;
}

.hcs-header-meta i,
.hcs-header-account i {
    color: #49d7ee;
}

.hcs-header-account .hcs-auth-link {
    min-width: 92px;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.24);
}

.hcs-header-account .hcs-auth-link.primary {
    border-color: var(--hcs-v6-cyan);
    background: linear-gradient(105deg, var(--hcs-v6-cyan), var(--hcs-v6-blue));
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(16,185,219,.25);
}

.hcs-balance-chip {
    cursor: pointer;
}

.hcs-balance-chip span {
    color: var(--hcs-v6-gold);
}

.hcs-header-main {
    height: 78px;
    background: rgba(255,255,255,.98);
}

.hcs-header-main .hcs-header-container {
    height: 100%;
    gap: 24px;
}

.hcs-header-logo {
    width: 186px;
    height: 58px;
    flex: 0 0 186px;
    display: grid;
    place-items: center;
    border-radius: 13px;
}

.hcs-header-logo img {
    width: 176px;
    height: 54px;
    display: block;
    object-fit: contain;
}

.hcs-primary-nav {
    min-width: 0;
    height: 100%;
    flex: 1;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 2px;
}

.hcs-primary-nav a {
    min-width: 86px;
    padding: 10px 12px 8px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 12px;
    color: #31536f !important;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    white-space: nowrap;
}

.hcs-primary-nav a i {
    color: #109fc5;
    font-size: 20px;
}

.hcs-primary-nav a::after {
    content: "";
    width: 28px;
    height: 3px;
    position: absolute;
    right: 0;
    bottom: 2px;
    left: 0;
    margin: auto;
    border-radius: 4px;
    background: transparent;
}

.hcs-primary-nav a:hover,
.hcs-primary-nav a.active {
    background: #e9faff;
    color: #076f9e !important;
}

.hcs-primary-nav a:hover::after,
.hcs-primary-nav a.active::after {
    background: linear-gradient(90deg, var(--hcs-v6-cyan), var(--hcs-v6-blue));
}

.hcs-deposit-cta {
    min-width: 118px;
    height: 44px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 12px;
    background: linear-gradient(110deg, #facf69, #e9a925);
    color: #392707 !important;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(222, 160, 34, .24);
}

.hcs-deposit-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(222, 160, 34, .34);
}

.hcs-floating-support {
    width: 64px;
    height: 64px;
    position: fixed;
    z-index: 990;
    right: 18px;
    bottom: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: linear-gradient(145deg, #0ec8e7, #0879a9);
    color: #fff !important;
    font-size: 9px;
    font-weight: 800;
    box-shadow: 0 10px 30px rgba(4, 57, 90, .3);
}

.hcs-floating-support i {
    font-size: 21px;
}

.hcs-floating-support:hover {
    transform: translateY(-3px) scale(1.03);
}

/* Home */
body.hcs-v6 .hcs-site {
    flex: 1;
    color: var(--hcs-v6-ink);
}

body.hcs-v6 .hcs-notice {
    min-height: 39px;
    padding: 0 max(28px, calc((100% - 1380px) / 2));
    display: flex;
    align-items: center;
    gap: 10px;
    background: #e9faff;
    border-bottom: 1px solid #cdebf3;
    color: #46677f;
    font-size: 11px;
}

body.hcs-v6 .hcs-notice p {
    margin: 0;
    flex: 1;
}

body.hcs-v6 .hcs-notice a {
    color: var(--hcs-v6-blue);
    font-weight: 800;
}

body.hcs-v6 .hcs-subnav {
    min-height: 48px;
    padding: 5px max(28px, calc((100% - 1380px) / 2));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-bottom: 1px solid #dcebf2;
    background: #fff;
}

body.hcs-v6 .hcs-subnav a {
    min-width: 105px;
    height: 36px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 9px;
    color: #4a667c;
    font-size: 11px;
    font-weight: 800;
}

body.hcs-v6 .hcs-subnav a:hover,
body.hcs-v6 .hcs-subnav a.active {
    background: #e8faff;
    color: #057eaa;
}

body.hcs-v6 .hcs-shell {
    width: min(1380px, calc(100% - 44px));
    margin: 24px auto 60px;
}

body.hcs-v6 .hcs-hero {
    min-height: 430px;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 22px 50px rgba(5, 39, 75, .22);
}

body.hcs-v6 .hcs-hero-copy {
    padding: 65px 58px;
}

body.hcs-v6 .hcs-hero-copy h1 {
    margin: 15px 0;
    font-size: clamp(45px, 4vw, 68px);
    line-height: 1.04;
    letter-spacing: -2px;
}

body.hcs-v6 .hcs-hero-copy p {
    max-width: 570px;
    font-size: 16px;
    line-height: 1.75;
}

body.hcs-v6 .hcs-button {
    border-radius: 11px;
    font-weight: 850;
}

body.hcs-v6 .hcs-ticker {
    min-height: 46px;
    margin: 12px 0 26px;
    border: 1px solid #bde7f2;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(22,75,115,.08);
}

body.hcs-v6 .hcs-partners,
body.hcs-v6 .hcs-section,
body.hcs-v6 .hcs-app {
    border: 1px solid #d3e9f1;
    border-radius: 20px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 13px 32px rgba(20, 70, 106, .09);
}

body.hcs-v6 .hcs-section {
    margin-top: 28px;
    padding: 31px;
}

body.hcs-v6 .hcs-title h2,
body.hcs-v6 .hcs-partner-copy h2,
body.hcs-v6 .hcs-app h2 {
    color: #0b6e99;
}

body.hcs-v6 .hcs-categories a,
body.hcs-v6 .hcs-game {
    border: 1px solid #d5e9f1;
    background: #fff;
    box-shadow: 0 8px 22px rgba(19, 75, 114, .08);
}

body.hcs-v6 .hcs-categories a:hover,
body.hcs-v6 .hcs-game:hover {
    border-color: #75d9e9;
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgba(8, 127, 174, .17);
}

body.hcs-v6 .hcs-game-img img {
    object-fit: contain;
    background: linear-gradient(145deg, #eefaff, #dff4fb);
}

body.hcs-v6 .hcs-promo {
    margin-top: 30px;
    border-radius: 20px;
    box-shadow: 0 16px 35px rgba(4, 48, 87, .22);
}

body.hcs-v6 .hcs-app {
    margin-top: 30px;
}

/* Account center */
body.hcs-v6 #body-web-info {
    flex: 1;
    min-height: 720px !important;
    padding: 38px 0 64px !important;
    background: transparent !important;
}

body.hcs-v6 .wrap-info {
    width: min(1260px, calc(100% - 54px)) !important;
}

body.hcs-v6 .info-container {
    min-height: 620px;
    display: grid !important;
    grid-template-columns: 286px minmax(0, 1fr);
    align-items: stretch;
    overflow: hidden !important;
    border: 1px solid #d5e7ef !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 20px 50px rgba(11, 53, 84, .13) !important;
}

body.hcs-v6 .info-container > .left.hcs-account-sidebar {
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: linear-gradient(165deg, #061c3c 0%, #07355c 55%, #087ea9 150%) !important;
    color: #fff !important;
}

.hcs-account-summary {
    padding: 25px 22px 20px;
    border-bottom: 1px solid rgba(255,255,255,.13);
}

.hcs-account-identity {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hcs-account-avatar {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    border: 2px solid rgba(255,255,255,.46);
    border-radius: 14px;
    background: linear-gradient(145deg, var(--hcs-v6-cyan), #0879a8);
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    box-shadow: 0 8px 22px rgba(0,0,0,.2);
}

.hcs-account-kicker {
    display: block;
    color: #88dceb;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.hcs-account-identity .name {
    display: block;
    margin-top: 3px;
    color: #fff !important;
    font-size: 16px;
}

.hcs-account-balance {
    margin-top: 17px;
    padding: 13px 14px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 12px;
    background: rgba(255,255,255,.075);
}

.hcs-account-balance > span {
    display: block;
    color: #b9cede;
    font-size: 10px;
}

.hcs-account-balance strong {
    display: block;
    margin-top: 4px;
    color: var(--hcs-v6-gold) !important;
    font-size: 17px;
}

.hcs-account-balance small {
    font-size: 9px;
}

.hcs-account-quick-actions {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.hcs-account-quick-actions a {
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 9px;
    background: rgba(255,255,255,.11);
    color: #fff !important;
    font-size: 10px;
    font-weight: 800;
}

.hcs-account-quick-actions a:first-child {
    background: linear-gradient(110deg, #18c1dd, #0884b2);
}

.hcs-account-navigation {
    padding: 12px 12px 24px;
}

.hcs-account-menu-label {
    margin: 13px 10px 6px;
    color: #79cbdc;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.hcs-account-navigation .list-menu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

.hcs-account-navigation .menu-item {
    margin: 2px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.hcs-account-navigation .menu-item a {
    min-height: 39px;
    padding: 0 12px;
    display: flex !important;
    align-items: center;
    gap: 11px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent !important;
    color: #cfdfeb !important;
    font-size: 11px;
    font-weight: 650;
}

.hcs-account-navigation .menu-item a i {
    width: 18px;
    color: #6fd0e2;
    font-size: 14px;
    text-align: center;
}

.hcs-account-navigation .menu-item a:hover,
.hcs-account-navigation .menu-item a.active {
    border-color: rgba(255,255,255,.11);
    background: rgba(255,255,255,.11) !important;
    color: #fff !important;
    transform: translateX(2px);
}

.hcs-account-navigation .menu-item a.active i {
    color: var(--hcs-v6-gold);
}

body.hcs-v6 .info-container > .right {
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
    float: none !important;
    background: #fff !important;
}

body.hcs-v6 .main-content {
    min-height: 100%;
    padding: 29px 32px 38px !important;
    background: #fff !important;
    color: var(--hcs-v6-ink) !important;
}

body.hcs-v6 .main-content > .title,
body.hcs-v6 .member-center-content > .title {
    margin: 0 0 22px !important;
    padding: 0 0 15px !important;
    border-bottom: 1px solid #e1edf2 !important;
    color: #0b618c !important;
    font-size: 22px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
}

body.hcs-v6 .main-content .nav-tabs {
    margin: 0 0 22px !important;
    padding: 4px !important;
    display: inline-flex !important;
    gap: 4px;
    border: 1px solid #d9e9f0 !important;
    border-radius: 11px !important;
    background: #f0f8fb !important;
}

body.hcs-v6 .main-content .nav-tabs > li,
body.hcs-v6 .main-content .nav-tabs > a {
    margin: 0 !important;
    border: 0 !important;
}

body.hcs-v6 .main-content .nav-tabs a {
    min-height: 37px;
    padding: 0 17px !important;
    display: flex !important;
    align-items: center;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #607a8f !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

body.hcs-v6 .main-content .nav-tabs .active,
body.hcs-v6 .main-content .nav-tabs a.active {
    background: #fff !important;
    color: #087ca8 !important;
    box-shadow: 0 4px 13px rgba(12,81,119,.11) !important;
}

body.hcs-v6 .main-content .block,
body.hcs-v6 .main-content .info-block,
body.hcs-v6 .main-content .tab-box,
body.hcs-v6 .main-content .wrap-box,
body.hcs-v6 .main-content .detail-card,
body.hcs-v6 .main-content .msg-card,
body.hcs-v6 .main-content .mc-deposit,
body.hcs-v6 .main-content .hcs-destination,
body.hcs-v6 .main-content .hcs-manual-fields {
    border: 1px solid #dceaf0 !important;
    border-radius: 13px !important;
    background: #fbfdfe !important;
    box-shadow: none !important;
}

body.hcs-v6 .main-content .data-box,
body.hcs-v6 .main-content .mc-form-item,
body.hcs-v6 .main-content .mc-horizontal-item {
    border-color: #e1edf2 !important;
}

body.hcs-v6 .main-content .label,
body.hcs-v6 .main-content label,
body.hcs-v6 .main-content .mc-input-field-label {
    color: #61798d !important;
    font-weight: 650 !important;
}

body.hcs-v6 .main-content .value,
body.hcs-v6 .main-content .data,
body.hcs-v6 .main-content .mc-horizontal-item-value {
    color: var(--hcs-v6-ink) !important;
    font-weight: 750 !important;
}

body.hcs-v6 .main-content input,
body.hcs-v6 .main-content select,
body.hcs-v6 .main-content textarea,
body.hcs-v6 .main-content .mc-input-field-block {
    min-height: 42px;
    border: 1px solid #cfe1e9 !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: var(--hcs-v6-ink) !important;
    box-shadow: inset 0 1px 2px rgba(8,54,80,.025) !important;
}

body.hcs-v6 .main-content input:focus,
body.hcs-v6 .main-content select:focus,
body.hcs-v6 .main-content textarea:focus {
    border-color: #4fc8df !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(16,185,219,.12) !important;
}

body.hcs-v6 .main-content button,
body.hcs-v6 .main-content .nrc-button,
body.hcs-v6 .main-content .setting-btn,
body.hcs-v6 .main-content .search-history,
body.hcs-v6 .download-btn {
    border: 0 !important;
    border-radius: 9px !important;
    background: linear-gradient(105deg, var(--hcs-v6-cyan), var(--hcs-v6-blue)) !important;
    color: #fff !important;
    font-weight: 800 !important;
    box-shadow: 0 7px 18px rgba(8,127,174,.2) !important;
}

body.hcs-v6 .main-content table {
    width: 100%;
    overflow: hidden;
    border: 1px solid #dceaf0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 11px;
    background: #fff;
}

body.hcs-v6 .main-content thead,
body.hcs-v6 .main-content th {
    background: #edf8fb !important;
    color: #315b76 !important;
    font-weight: 800 !important;
}

body.hcs-v6 .main-content th,
body.hcs-v6 .main-content td {
    padding: 13px 11px !important;
    border-color: #e2edf2 !important;
    color: #395a70;
    font-size: 11px !important;
}

body.hcs-v6 .hcs-quick-amounts {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}

body.hcs-v6 .hcs-quick-amount {
    min-height: 40px;
}

body.hcs-v6 .vip-display,
body.hcs-v6 .vip-condition,
body.hcs-v6 .vip-privilege {
    border-color: #d5e9f1 !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, #f6fcff, #eaf8fc) !important;
    color: var(--hcs-v6-ink) !important;
}

/* Affiliate page */
body.hcs-v6 .member-center-main {
    width: min(1180px, calc(100% - 54px)) !important;
    min-height: 650px;
    margin: 38px auto 60px !important;
    padding: 0 !important;
}

body.hcs-v6 .member-center-content {
    padding: 30px !important;
    border: 1px solid #d7e8ef !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(15,65,99,.12) !important;
}

body.hcs-v6 .member-center-affiliate {
    margin-bottom: 20px !important;
    padding: 23px !important;
    border: 1px solid #dceaf0 !important;
    border-radius: 14px !important;
    background: #f8fcfe !important;
}

/* Promotion, VIP and support */
body.hcs-v6 #body-web-promotion,
body.hcs-v6 #body-web-vip {
    flex: 1;
    background: transparent !important;
}

body.hcs-v6 #body-web-promotion .main-wrap,
body.hcs-v6 #body-web-vip .main-wrap {
    width: min(1240px, calc(100% - 54px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
}

body.hcs-v6 #body-web-promotion .promo-container {
    min-height: 330px !important;
    padding: 28px !important;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    border: 1px solid #d7e9f0;
    border-radius: 18px;
    background: #fff !important;
    box-shadow: 0 15px 35px rgba(16,65,98,.10);
}

body.hcs-v6 #body-web-promotion .promo-item {
    width: auto !important;
    margin: 0 !important;
    align-self: start;
}

body.hcs-v6 #body-web-promotion .promo-item img {
    width: 100% !important;
    aspect-ratio: 16 / 7;
    object-fit: cover !important;
}

body.hcs-v6 #body-web-vip .vip-box {
    width: 100% !important;
    padding: 32px !important;
    border: 1px solid #d5e7ef !important;
    border-radius: 0 0 20px 20px !important;
    background: #fff !important;
    box-shadow: 0 16px 38px rgba(16,65,98,.1);
}

body.hcs-v6 #body-web-vip .vip-bg {
    overflow: hidden;
    border-radius: 20px 20px 0 0;
}

body.hcs-v6 .hcs-support-page {
    flex: 1;
    width: 100%;
    min-height: 650px;
    padding-top: 70px;
    padding-bottom: 80px;
}

/* Authentication */
body.hcs-v6 .hcs-auth-nav {
    display: none !important;
}

body.hcs-v6 .hcs-auth-page,
body.hcs-v6 #body-web-register {
    flex: 1;
    min-height: 690px !important;
    background:
        radial-gradient(circle at 18% 20%, rgba(25,198,227,.24), transparent 23rem),
        linear-gradient(135deg, #041630, #07345b 58%, #087da6) !important;
}

body.hcs-v6 #body-web-register {
    padding: 45px 0 !important;
}

body.hcs-v6 #body-web-register .main-wrap {
    width: min(860px, calc(100% - 60px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
}

body.hcs-v6 #body-web-register .video-block {
    display: none !important;
}

body.hcs-v6 #body-web-register .register-block {
    width: 100% !important;
    float: none !important;
}

body.hcs-v6 #body-web-register .register-container {
    overflow: hidden;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 28px 70px rgba(0,0,0,.28) !important;
}

body.hcs-v6 #body-web-register .register-container .head {
    padding: 25px 36px !important;
    background: linear-gradient(110deg, #eafaff, #fff) !important;
    border-bottom: 1px solid #dcebf1 !important;
}

body.hcs-v6 #body-web-register .register-container .head h3 {
    margin: 0 !important;
    color: #0875a0 !important;
    font-weight: 850 !important;
}

body.hcs-v6 #body-web-register .register-container .body {
    padding: 25px 36px 34px !important;
}

body.hcs-v6 #body-web-register dl {
    display: grid !important;
    grid-template-columns: 190px 1fr;
    align-items: start;
    gap: 15px;
}

body.hcs-v6 #body-web-register input {
    min-height: 44px;
    border: 1px solid #cfe2ea !important;
    border-radius: 9px !important;
    background: #f9fcfd !important;
    color: var(--hcs-v6-ink) !important;
}

body.hcs-v6 #submitRegisterForm {
    background: linear-gradient(105deg, var(--hcs-v6-cyan), var(--hcs-v6-blue)) !important;
    box-shadow: 0 9px 22px rgba(8,127,174,.23) !important;
}

/* Global footer */
.hcs-global-footer {
    margin-top: auto;
    background:
        radial-gradient(circle at 80% 0, rgba(16,185,219,.13), transparent 25rem),
        linear-gradient(145deg, #03142c, #05294b) !important;
    color: #b8cbd9 !important;
}

.hcs-footer-container {
    width: min(1320px, calc(100% - 54px));
    margin: 0 auto;
    padding: 48px 0 38px;
    display: grid;
    grid-template-columns: 1.55fr .72fr .78fr 1.55fr;
    gap: 45px;
}

.hcs-global-footer section {
    min-width: 0;
}

.hcs-global-footer h3 {
    margin: 0 0 16px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .35px;
}

.hcs-global-footer section > a {
    margin: 10px 0;
    display: block;
    color: #afc5d5 !important;
    font-size: 11px;
}

.hcs-global-footer section > a:hover {
    color: #55d5e9 !important;
    transform: translateX(2px);
}

.hcs-footer-brand img {
    width: 174px;
    height: 52px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.hcs-footer-brand p {
    max-width: 380px;
    margin: 15px 0;
    color: #a9c0d1;
    font-size: 11px;
    line-height: 1.75;
}

.hcs-footer-brand > a {
    width: max-content;
    padding: 10px 14px;
    border: 1px solid rgba(90,213,234,.3);
    border-radius: 9px;
    background: rgba(16,185,219,.08);
}

.hcs-footer-partners > div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.hcs-footer-partners > div a {
    min-width: 0;
    height: 49px;
    padding: 7px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 9px;
    background: rgba(255,255,255,.055);
}

.hcs-footer-partners > div a:hover {
    border-color: rgba(75,210,233,.45);
    background: rgba(16,185,219,.11);
}

.hcs-footer-partners img {
    width: 100%;
    height: 31px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: .83;
}

.hcs-footer-bottom {
    min-height: 55px;
    padding: 0 max(27px, calc((100% - 1320px) / 2));
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(255,255,255,.1);
    color: #839fb3;
    font-size: 10px;
}

@media (max-width: 1200px) {
    .hcs-header-main .hcs-header-container { gap: 12px; }
    .hcs-primary-nav a { min-width: 78px; padding-right: 9px; padding-left: 9px; }
    .hcs-header-logo { width: 160px; flex-basis: 160px; }
    .hcs-header-logo img { width: 152px; }
    .hcs-footer-container { gap: 26px; }
}

/* HCSACC premium redesign — one visual language across every desktop page */
body.hcs-v6 {
    --hcs-v6-navy: #070d1b;
    --hcs-v6-navy-2: #0d1830;
    --hcs-v6-cyan: #22c8df;
    --hcs-v6-blue: #1683bd;
    --hcs-v6-gold: #f4c85f;
    --hcs-v6-ink: #edf4ff;
    --hcs-v6-muted: #91a1b8;
    --hcs-v6-line: rgba(154, 184, 217, .16);
    --hcs-v6-surface: #101b31;
    --hcs-v6-page: #070d1b;
    background: #070d1b !important;
    color: var(--hcs-v6-ink) !important;
}
body.hcs-v6 #wrapper { background: #070d1b !important; }
body.hcs-v6 .hcs-global-header { background: #0a1326 !important; border-bottom: 1px solid var(--hcs-v6-line); box-shadow: 0 8px 26px #0008 !important; }
body.hcs-v6 .hcs-header-utility { background: #050a15 !important; color: #9eacc1 !important; border-bottom: 1px solid var(--hcs-v6-line); }
body.hcs-v6 .hcs-header-main { background: #0a1326 !important; }
body.hcs-v6 .hcs-header-logo img { filter: none !important; }
body.hcs-v6 .hcs-primary-nav a { color: #bac8db !important; }
body.hcs-v6 .hcs-primary-nav a:hover, body.hcs-v6 .hcs-primary-nav a.active { color: var(--hcs-v6-gold) !important; background: #f4c85f14 !important; }
body.hcs-v6 .hcs-header-cta { background: linear-gradient(135deg,#f7d676,#dcae3b) !important; color: #111b2d !important; box-shadow: 0 8px 20px #dcae3b2e !important; }
body.hcs-v6 .hcs-header-login { border-color: #f4c85f88 !important; color: var(--hcs-v6-gold) !important; }
body.hcs-v6 .hcs-header-register { background: var(--hcs-v6-gold) !important; color: #10192a !important; }
body.hcs-v6 .hcs-site { background: radial-gradient(circle at 50% -10%,#14264b 0,#070d1b 42rem) !important; color: var(--hcs-v6-ink) !important; }
body.hcs-v6 .hcs-notice { background: #0c172c !important; border-color: var(--hcs-v6-line) !important; color: #a9b8ca !important; }
body.hcs-v6 .hcs-notice a, body.hcs-v6 .hcs-subnav a.active, body.hcs-v6 .hcs-subnav a:hover { color: var(--hcs-v6-gold) !important; }
body.hcs-v6 .hcs-subnav { background: #0a1326 !important; border-bottom: 1px solid var(--hcs-v6-line); }
body.hcs-v6 .hcs-subnav a { color: #9caec3 !important; }
body.hcs-v6 .hcs-subnav a i { color: var(--hcs-v6-cyan) !important; }
body.hcs-v6 .hcs-hero { border: 1px solid #ffffff16; box-shadow: 0 22px 58px #0008 !important; }
body.hcs-v6 .hcs-pill { border-color: #f4c85f66 !important; background: #f4c85f14 !important; color: var(--hcs-v6-gold) !important; }
body.hcs-v6 .hcs-hero-copy h1 em { color: var(--hcs-v6-gold) !important; }
body.hcs-v6 .hcs-button.primary { background: linear-gradient(135deg,#f7d676,#dcae3b) !important; color: #111b2d !important; box-shadow: 0 10px 25px #dcae3b35 !important; }
body.hcs-v6 .hcs-button.light { background: #ffffff12 !important; border: 1px solid #ffffff44 !important; color: #fff !important; }
body.hcs-v6 .hcs-ticker, body.hcs-v6 .hcs-partners, body.hcs-v6 .hcs-section, body.hcs-v6 .hcs-app { background: #0e192e !important; border-color: var(--hcs-v6-line) !important; box-shadow: 0 14px 35px #0005 !important; }
body.hcs-v6 .hcs-ticker { color: #9caec3 !important; }
body.hcs-v6 .hcs-partner-copy h2, body.hcs-v6 .hcs-title h2, body.hcs-v6 .hcs-app h2 { color: #f0f5ff !important; }
body.hcs-v6 .hcs-partner-copy p, body.hcs-v6 .hcs-app p, body.hcs-v6 .hcs-game-info small { color: var(--hcs-v6-muted) !important; }
body.hcs-v6 .hcs-categories a, body.hcs-v6 .hcs-game { background: #111f38 !important; border-color: var(--hcs-v6-line) !important; color: var(--hcs-v6-ink) !important; box-shadow: 0 9px 22px #0004 !important; }
body.hcs-v6 .hcs-categories a:hover, body.hcs-v6 .hcs-game:hover { border-color: #f4c85f88 !important; background: #182842 !important; }
body.hcs-v6 .hcs-categories i { background: #f4c85f16 !important; color: var(--hcs-v6-gold) !important; }
body.hcs-v6 .hcs-game-info strong { color: #f0f5ff !important; }
body.hcs-v6 .hcs-promo { background: linear-gradient(120deg,#132b50,#0c7898 62%,#b88726) !important; }
body.hcs-v6 .hcs-app .hcs-device span { background: #f4c85f !important; color: #10192a !important; }
body.hcs-v6 .hcs-phone { border-color: var(--hcs-v6-gold) !important; background: #0d1930 !important; }
body.hcs-v6 .hcs-phone>span { color: var(--hcs-v6-gold) !important; }
body.hcs-v6 .hcs-account-sidebar, body.hcs-v6 .main-content, body.hcs-v6 .member-center-content { background: #0e192e !important; border-color: var(--hcs-v6-line) !important; color: var(--hcs-v6-ink) !important; box-shadow: 0 15px 35px #0005 !important; }
body.hcs-v6 .hcs-account-summary { background: linear-gradient(145deg,#10284a,#0b7896) !important; }
body.hcs-v6 .hcs-account-navigation a { color: #a9b8ca !important; }
body.hcs-v6 .hcs-account-navigation a:hover, body.hcs-v6 .hcs-account-navigation a.active { background: #f4c85f16 !important; color: var(--hcs-v6-gold) !important; }
body.hcs-v6 .main-content .tab-box, body.hcs-v6 .main-content .info-block, body.hcs-v6 .main-content .block, body.hcs-v6 .main-content .data-box, body.hcs-v6 .main-content .content-block { background: #111f38 !important; border-color: var(--hcs-v6-line) !important; color: var(--hcs-v6-ink) !important; }
body.hcs-v6 .main-content label, body.hcs-v6 .main-content .label { color: var(--hcs-v6-muted) !important; }
body.hcs-v6 .main-content .value, body.hcs-v6 .main-content .data { color: #f0f5ff !important; }
body.hcs-v6 .main-content input, body.hcs-v6 .main-content select, body.hcs-v6 .main-content textarea { background: #0a1529 !important; border-color: var(--hcs-v6-line) !important; color: #eef5ff !important; }
body.hcs-v6 .main-content button, body.hcs-v6 .main-content .nrc-button, body.hcs-v6 .main-content .setting-btn { background: linear-gradient(135deg,#f7d676,#dcae3b) !important; color: #10192a !important; }
body.hcs-v6 .hcs-global-footer { background: #040914 !important; border-top: 1px solid var(--hcs-v6-line); }
body.hcs-v6 .hcs-global-footer h3 { color: #f4c85f !important; }

body.hcs-v6 .gamelobby { background: #070d1b !important; }
body.hcs-v6 .gamelobby .egame-banner { box-shadow: 0 22px 50px #0008 !important; }
body.hcs-v6 .gamelobby .egame-tab, body.hcs-v6 .gamelobby .egame-content { background: #0e192e !important; }
body.hcs-v6 .gamelobby .egame-gplogo { background: #111f38 !important; border-color: var(--hcs-v6-line) !important; }
body.hcs-v6 .gamelobby .egame-gplogo span, body.hcs-v6 .gamelobby .game-item .title { color: #eef5ff !important; }
body.hcs-v6 .gamelobby .egame-tags .all { background: #f4c85f18 !important; color: var(--hcs-v6-gold) !important; }
body.hcs-v6 .gamelobby .game-item { background: #111f38 !important; border-color: var(--hcs-v6-line) !important; }
body.hcs-v6 .gamelobby .game-item .img { background: linear-gradient(145deg,#142d51,#0a1326) !important; }
body.hcs-v6 .gamelobby .game-item .launch-game { background: linear-gradient(135deg,#f7d676,#dcae3b) !important; color: #10192a !important; }

/* Unified game lobby surface */
body.hcs-v6 .gamelobby {
    min-height: 100vh;
    background: linear-gradient(180deg, #eef8fc 0, #f7fbfd 55%, #eef5fa 100%) !important;
}
body.hcs-v6 .gamelobby .app-body,
body.hcs-v6 .gamelobby .egame-container { background: transparent !important; }
body.hcs-v6 .gamelobby .egame-container { max-width: 1320px; margin: 0 auto; padding: 0 24px 72px; }
body.hcs-v6 .gamelobby .egame-banner { height: 220px; overflow: hidden; position: relative; border-radius: 0 0 28px 28px; box-shadow: 0 16px 34px rgba(3,45,76,.16); }
body.hcs-v6 .gamelobby .egame-banner .banner-mask { width: 100%; height: 100%; object-fit: cover; filter: saturate(.95) brightness(.7); }
body.hcs-v6 .gamelobby .egame-banner:after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,28,64,.84), rgba(4,28,64,.18)); pointer-events: none; }
body.hcs-v6 .gamelobby .egame-box { position: absolute; z-index: 1; inset: 0; display: grid; place-items: center start; padding: 34px 54px; transform: none !important; }
body.hcs-v6 .gamelobby .egame-Text { position: relative; z-index: 2; left: auto !important; top: auto !important; transform: none !important; display: block !important; }
body.hcs-v6 .gamelobby .textH2 { margin: 0; color: #fff !important; font-size: clamp(26px, 3vw, 42px); font-weight: 900; letter-spacing: .01em; }
body.hcs-v6 .gamelobby .egame-main { margin-top: -26px; position: relative; z-index: 2; }
body.hcs-v6 .gamelobby .egame-tab { padding: 20px 20px 0; border-radius: 20px 20px 0 0; background: #fff; box-shadow: 0 10px 26px rgba(13,66,98,.08); }
body.hcs-v6 .gamelobby .egame-providers { min-height: 76px; }
body.hcs-v6 .gamelobby .c-carousel__inner-wrapper { gap: 12px; }
body.hcs-v6 .gamelobby .c-carousel__item.swiper-slide { max-width: 190px; }
body.hcs-v6 .gamelobby .egame-gplogo { height: 66px; padding: 8px 12px; display: flex; align-items: center; gap: 9px; border: 1px solid #dbe9f0; border-radius: 13px; background: #f8fcfe; cursor: pointer; transition: .2s ease; }
body.hcs-v6 .gamelobby .egame-gplogo:hover, body.hcs-v6 .gamelobby .egame-gplogo.active { border-color: #10b9db; background: #e8f9fd; box-shadow: 0 5px 14px rgba(16,185,219,.16); }
body.hcs-v6 .gamelobby .egame-gplogo .pd-logo { width: 82px; height: 38px; flex: 0 0 82px; background-size: contain !important; background-position: center; background-repeat: no-repeat; }
body.hcs-v6 .gamelobby .egame-gplogo span { color: #17365d; font-size: 12px; font-weight: 800; }
body.hcs-v6 .gamelobby .egame-tags { margin: 14px 0 0; border: 0; background: transparent; }
body.hcs-v6 .gamelobby .egame-tags .all { display: inline-flex; padding: 9px 14px; border-radius: 10px 10px 0 0; background: #eaf8fc; color: #087eae; font-size: 12px; font-weight: 800; }
body.hcs-v6 .gamelobby .egame-content { padding: 24px 20px 30px; border-radius: 0 0 20px 20px; background: #fff; box-shadow: 0 12px 30px rgba(13,66,98,.08); }
body.hcs-v6 .gamelobby .egame-games { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; list-style: none; }
body.hcs-v6 .gamelobby .game-item { min-width: 0; overflow: hidden; position: relative; border: 1px solid #dceaf1; border-radius: 16px; background: #fff; box-shadow: 0 6px 17px rgba(18,63,104,.07); transition: transform .2s ease, box-shadow .2s ease; }
body.hcs-v6 .gamelobby .game-item:hover { transform: translateY(-3px); box-shadow: 0 13px 25px rgba(18,63,104,.14); }
body.hcs-v6 .gamelobby .game-item .img { height: 178px; position: relative; background: linear-gradient(145deg,#eaf7fb,#d6edf5); overflow: hidden; }
body.hcs-v6 .gamelobby .game-item .img:before { content: '🎮'; height: 100%; display: grid; place-items: center; color: #0a8db4; font-size: 38px; }
body.hcs-v6 .gamelobby .game-item .img.no-image:after { content: 'HCSACC GAME'; position: absolute; inset: 0; display: grid; place-items: center; color: #0a8db4; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
body.hcs-v6 .gamelobby .game-item .img img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; display: block; }
body.hcs-v6 .gamelobby .game-item .img img[src=''] { display: none; }
body.hcs-v6 .gamelobby .game-item .title { min-height: 47px; padding: 12px 12px 8px; color: #17365d; font-size: 13px; font-weight: 800; line-height: 1.35; }
body.hcs-v6 .gamelobby .game-item .link-cover { position: static; padding: 0 12px 13px; opacity: 1; transform: none; }
body.hcs-v6 .gamelobby .game-item .launch-game { width: 100%; min-height: 36px; border: 0; border-radius: 9px; background: linear-gradient(105deg,#10b9db,#087fae); color: #fff; font-size: 12px; font-weight: 800; }
body.hcs-v6 .gamelobby .hcs-empty-games { grid-column: 1/-1; min-height: 180px; display: grid; place-items: center; align-content: center; gap: 8px; border: 1px dashed #a9dce9; border-radius: 16px; color: #71849b; }
@media (max-width: 1050px) { body.hcs-v6 .gamelobby .egame-games { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 760px) { body.hcs-v6 .gamelobby .egame-container { padding: 0 12px 80px; } body.hcs-v6 .gamelobby .egame-banner { height: 160px; } body.hcs-v6 .gamelobby .egame-box { padding: 22px; } body.hcs-v6 .gamelobby .egame-main { margin-top: -16px; } body.hcs-v6 .gamelobby .egame-tab, body.hcs-v6 .gamelobby .egame-content { padding-left: 12px; padding-right: 12px; } body.hcs-v6 .gamelobby .egame-games { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } body.hcs-v6 .gamelobby .game-item .img { height: 135px; } }

/* Final desktop premium overrides after legacy lobby rules. */
body.hcs-v6 .gamelobby .egame-tab,
body.hcs-v6 .gamelobby .egame-content { background:#0e192e !important; border-color:rgba(154,184,217,.16) !important; box-shadow:0 14px 35px #0006 !important; }
body.hcs-v6 .gamelobby .egame-gplogo { background:#111f38 !important; border-color:rgba(154,184,217,.16) !important; }
body.hcs-v6 .gamelobby .egame-gplogo span { color:#eef5ff !important; }
body.hcs-v6 .gamelobby .egame-tags .all { background:#f4c85f18 !important; color:#f4c85f !important; }
body.hcs-v6 .gamelobby .game-item { background:#111f38 !important; border-color:rgba(154,184,217,.16) !important; }
body.hcs-v6 .gamelobby .game-item .img { background:linear-gradient(145deg,#142d51,#0a1326) !important; }
body.hcs-v6 .gamelobby .game-item .title { background:#111f38 !important; color:#eef5ff !important; }
body.hcs-v6 .gamelobby .game-item .link-cover { background:#111f38 !important; }
body.hcs-v6 .gamelobby .game-item .launch-game { background:linear-gradient(135deg,#f7d676,#dcae3b) !important; color:#10192a !important; }

/* Featured games: one clear surface, readable labels, and a quiet image area. */
body.hcs-v6 #providers .hcs-games .hcs-game {
    overflow: hidden !important;
    border: 1px solid rgba(244, 200, 95, .24) !important;
    border-radius: 16px !important;
    background: #142541 !important;
    color: #eef5ff !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .28) !important;
}
body.hcs-v6 #providers .hcs-games .hcs-game-img {
    height: 156px !important;
    background: #0b172d !important;
}
body.hcs-v6 #providers .hcs-games .hcs-game-img::after {
    background: linear-gradient(180deg, transparent 55%, rgba(7, 13, 27, .72)) !important;
}
body.hcs-v6 #providers .hcs-games .hcs-game-img span {
    background: #f4c85f !important;
    color: #10192a !important;
}
body.hcs-v6 #providers .hcs-games .hcs-game-info {
    min-height: 72px !important;
    padding: 13px 14px !important;
    background: #142541 !important;
}
body.hcs-v6 #providers .hcs-games .hcs-game-info strong {
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
}
body.hcs-v6 #providers .hcs-games .hcs-game-info small {
    margin-top: 5px !important;
    color: #a9bad0 !important;
}

/* Auth popup is also used by lobby pages, which do not load the home-only
   redesign stylesheet. Keep its layout available globally. */
body.hcs-v6 .hcs-auth-modal { display:none; position:fixed; inset:0; z-index:99999; align-items:center; justify-content:center; padding:25px; }
body.hcs-v6 .hcs-auth-modal.open { display:flex; }
body.hcs-v6 .hcs-auth-backdrop { position:absolute; inset:0; background:rgba(0,21,45,.86); backdrop-filter:blur(7px); }
body.hcs-v6 .hcs-auth-dialog { width:min(570px,calc(100vw - 40px)); max-height:calc(100vh - 42px); overflow:auto; position:relative; z-index:1; padding:31px 38px 36px; border:1px solid #98e5f3; border-radius:22px; background:#fff; box-shadow:0 28px 80px #00112399; }
body.hcs-v6 .hcs-modal-close { position:absolute; right:16px; top:12px; width:35px; height:35px; border:0; border-radius:50%; background:#e8f8fc; color:#078cad; font-size:24px; cursor:pointer; }
body.hcs-v6 .hcs-auth-tabs { margin:21px 0 18px; padding:4px; display:grid; grid-template-columns:1fr 1fr; border-radius:10px; background:#eaf7fb; }
body.hcs-v6 .hcs-auth-tabs button { height:38px; border:0; border-radius:8px; background:transparent; color:#648098; font-size:12px; font-weight:900; cursor:pointer; }
body.hcs-v6 .hcs-auth-tabs button.active { background:linear-gradient(100deg,#0bb6d4,#087aae); color:#fff; }
body.hcs-v6 .hcs-popup-form { display:block; }
body.hcs-v6 .hcs-hero-dots { position:absolute; z-index:3; right:30px; bottom:24px; display:flex; gap:7px; }
body.hcs-v6 .hcs-hero-dots button { width:9px; height:9px; padding:0; border:1px solid #fff; border-radius:50%; background:#ffffff66; cursor:pointer; }
body.hcs-v6 .hcs-hero-dots button.active { width:25px; border-radius:8px; background:#f4c85f; }
body.hcs-v6 .hcs-hero-brand { width:136px; height:40px; margin-bottom:14px; object-fit:contain; object-position:left center; }
