@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

:root {
  --tst-primary: #E9D900;
  --tst-primary-hover: #F4E640;
  --tst-primary-pressed: #C8BA00;
  --tst-bg: #080B0A;
  --tst-header-footer: #0D1210;
  --tst-section: #111715;
  --tst-card: #1A211E;
  --tst-elevated: #252D29;
  --tst-border: #303A34;
  --tst-text: #F4F1E8;
  --tst-text-secondary: #A5ADA7;
  --tst-text-muted: #747E77;
  --tst-text-on-yellow: #080B0A;
  --tst-success: #35C78A;
  --tst-error: #F06464;
  --tst-info: #64B5F6;
  --syscolor-title: var(--tst-primary);
  --promo-box-bgcolor: var(--tst-card);
  --infobox-imgbordercolor: var(--tst-border);
  --infobox-notecolor: var(--tst-text-muted);
}

body {font-family: 'Roboto', sans-serif;font-size: 14px;color: #F4F1E8;overflow-x: hidden;margin:0 auto;}
.bodybg {position:fixed;width:100%;height:100%;z-index:-1;background: linear-gradient(151deg, #080B0A 0%, #080B0A 100%);}

* {transition: all 0.3s;}
*, ::after, ::before {box-sizing: border-box;}

a {text-decoration: none;}
a.ss1 {font-weight:bold;color: #F4F1E8;}
    a.ss1:hover { color:#F4F1E8 }

img {max-width: 100%;}

.w100px { width:100px }
.w150px { width:150px }


label.error { color:#F06464; font-size:12px; font-weight:bold; display:flex; justify-content:center; align-items:center }

.note { margin-top: 5px; display: block; font-size: 11px; color: #F06464; font-weight: bold; }

#loading { z-index: 1080; position: fixed; width: 100%; top: 0; bottom: 0; display:none }
#loading.aaa { display:block }
#loading .mask { height: 100%; width: 100%; background: #111715; opacity: .6;}
#loading .mask img { position: absolute; top: 50%; left: 50%; width: 100px; margin: -50px; -webkit-animation-name: spin; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-name: spin; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear;}
#loading .logo { position: absolute; top: 50%; left: 50%; height: 80px; width: 80px; margin: -40px; background-size: cover; background-position: center; background-color: #111715; border-radius: 100%;}

.startgame-wrapper { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1079; display:none }
.startgame-wrapper.aaa { display:block }
.startgame { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#252D29 }
    .startgame .frame { width:100%; height:calc(100% - 46px) }
        .startgame .frame iframe { width:100%; height:100%; }
    .startgame .frame-close { height:46px; font-size:16px; font-weight:bold; color:#F4F1E8; background-color:#252D29; display:flex; justify-content:center; align-items:center; cursor:pointer; text-transform:uppercase }
        .startgame .frame-close:hover { filter:brightness(1.3) }
.startgame-close { display:none; position:absolute; width:100%; height:100%; top:0; left:0; justify-content:center; align-items:center; background:rgba(17,23,21,0.6); z-index:1 }
.startgame-close.aaa { display:flex }
.sgc { padding:24px; background-color:#1A211E; color:#F4F1E8 }
    .sgc h5 { font-size:16px; }
    .sgc .sgc-btn { margin-top:20px; display:flex; justify-content:center; align-items:center; gap:12px }
    .sgc .sgc-btn button { border:2px solid #303A34; color:#F4F1E8; background:transparent; width:100%; padding:2px; text-transform:uppercase }
    .sgc .sgc-btn button:hover { color:#E9D900; border-color:#E9D900 }

.btn-submit {font-size:18px;font-weight:bold;padding:8px 24px;border-radius:8px;color:#080B0A;background: #E9D900;border:0;width:100%;cursor:pointer}
    .btn-submit:hover {filter: brightness(1.2) drop-shadow(0px 0px 8px #E9D900);}
    .btn-submit[disabled] { filter:grayscale(1) brightness(0.5); pointer-events:none } 

.btns {font-size:16px;font-weight:bold;padding:6px 18px;border-radius:8px;color: #F4F1E8!important;/* border:1px solid #de00b5; */white-space:nowrap}
    .btns.s1 {background-color: #111715;/* border:1px solid #ffffff; */}
    .btns.s2 {background: linear-gradient(155deg, #E9D900 0%, #E9D900 50%, #E9D900 100%);color: #080B0A !important;}
    .btns.s3 { background:#E9D900; color:#080B0A; }

    .btns:hover {filter: brightness(1.2) drop-shadow(0px 0px 8px #E9D900 );}
    .btns.upper { text-transform:uppercase }
    .btns.ani { animation-name:buttonGlowing; animation-duration:1.5s; animation-timing-function:linear; animation-direction:normal; animation-iteration-count:infinite; }
    .btns.small { font-size:12px; padding:4px 12px }

@keyframes buttonGlowing {
  60% {filter: brightness(1.4) drop-shadow(0px 0px 6px #E9D900)  drop-shadow(0px 0px 6px #E9D900)  drop-shadow(0px 0px 6px #E9D900);}
}

.btnsvg {display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px;color: #F4F1E8;background: #252D29;padding:4px;border-radius:8px;/* border: 2px solid #ffffff; */font-size:12px}
    .btnsvg svg, .btnsvg img { max-height:32px }
    .btnsvg.aaa, .glmenu .btnsvg.aaa, .btnsvg:hover {background: #E9D900;color: #080B0A;/* border: 2px solid #83a9c8; */}
    .btnsvg.vv-glmenu-act.aaa img { filter: brightness(8);}

.btnsvg{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:62px;height:62px;border-radius:14px;background:#252D29;text-decoration:none;transition:.2s ease;padding:0;color:#747E77;font-size:10px;font-weight:500;line-height:1}
.btnsvg img{width:30px;height:30px;object-fit:contain; filter: grayscale(1);}
.btnsvg span{font-size: 12px;color:#747E77;white-space:nowrap}
.btnsvg.aaa,.btnsvg.vv-glmenu-act,.btnsvg:hover{background:linear-gradient(155deg,#E9D900 0,#E9D900 50%,#E9D900 100%);color:#080B0A}
.btnsvg.aaa span,.btnsvg.vv-glmenu-act span,.btnsvg:hover span{color:#F4F1E8;font-weight:800}
.btnsvg.aaa img,.btnsvg.vv-glmenu-act img,.btnsvg:hover img{filter:brightness(0) saturate(100%);opacity:.9}

.btnsvg2 {display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px;color: #747E77;padding:8px 4px 4px 4px;font-size:12px}
    .btnsvg2 svg { height:28px }
    .btnsvg2.aaa, .btnsvg2:hover {color: #F4E640;}

.btnmg { display:flex; gap:4px; background:linear-gradient(180deg, #E9D900 0%, #E9D900 100%);/*background:linear-gradient(180deg, #65008e 0%, #ea0191 100%);*/ border-radius:8px; padding:0 16px; align-items:center; font-size:14px; color:#080B0A; font-weight:bold; }
    .btnmg img { max-height:42px }
    .btnmg:hover { filter:brightness(1.2) drop-shadow(0px 0px 8px #E9D900) }

.btntt {display:flex;gap:12px;padding:4px 16px;align-items:center;font-size:14px;color: #F4F1E8;line-height:1;}
    .btntt i { font-size:16px;color:#E9D900; }
    .btntt span { font-size:16px;color:#747E77; }
    .btntt.aaa, .btntt:hover {color: #E9D900;}
    .btntt img {filter: grayscale(1);}
    

.btncircle {display:flex;align-items:center;justify-content:center;font-size:9px;line-height:9px;font-weight:bold;color:#080B0A;flex-direction:column;border-radius:50%;background: linear-gradient(270deg, #E9D900 0%, #fff473 100%);border:2px solid #303A34;width:66px;height:66px;}
    .btncircle svg { max-height:38px; margin-top:-6px }
    .btncircle:hover { filter:brightness(1.2) drop-shadow(0px 0px 8px #E9D900) }

.linkwithicon { display:flex; gap:8px; color:#A5ADA7!important; align-items:center }
    .linkwithicon i {color: #E9D900;font-size:18px;}

.topnav {position:fixed;top:0;left:0;width:100%;z-index:8;background: #0D1210;border-bottom:1px solid #303A34;}
    .topnav .ccon { display:flex; padding:8px 16px; height:100px; gap:16px; justify-content:space-between;border-bottom:2px solid #303A34; }
    .topnav .logo { display:flex; gap:16px; align-items:center; width:210px }
        .topnav .logo img { max-height:70px; }
        .topnav .logo .arrows {color: #F4F1E8;font-size:26px;cursor:pointer}
    .topnav .items {display:flex; gap:8px; justify-content:space-between; align-items:center; width:calc(100% - 210px)} 
        .topnav .items .il, .topnav .items .ir {display:flex; gap:16px; align-items:center;}

.accmenu { position:relative }
    .accmenu .top { display:flex; gap:8px; align-items:center; cursor:pointer }
        .accmenu .top .avatar { border-radius:8px;overflow:hidden }
            .accmenu .top .avatar img { max-height:38px; min-width:38px }
        .accmenu .top .name {color: #F4F1E8;font-weight:bold}
        .accmenu .top i {color: #F4F1E8;}
    .accmenu .con {position:absolute;display:none;flex-direction:column;gap:8px;justify-content:center;background-color: #252D29;border: 1px solid #303A34;padding:12px;border-radius:8px;right:0;margin-top:12px;white-space:nowrap;font-size:12px}
        .accmenu .con hr {color: #F4F1E8;}
    .accmenu .btntt { font-size:12px }
    .accmenu.aaa .con { display:flex }

.bist { display:flex; gap:8px; align-items:center }
    .bist .icons {color: #F4F1E8;}
        .bist .icons svg { height:28px }
        .bist .icon-point svg {transform: scale(1.17);}
    .bist .icons.wi { width:44px }
        .bist .icons img { height:30px; width:30px }
    .bist .infos { display:flex; flex-direction:column; justify-content:center }
        .bist .infos small {color: #F4F1E8;font-size:10px;}
        .bist .infos span { color:#F4F1E8; font-size:12px; font-weight:bold }

.btmnav {position:fixed;bottom:0;left:0;width:100%;z-index:4;background: #0D1210;justify-content:space-evenly;align-items:center;height:60px;display:none}
    .btmnav .btnsvg2 { gap:2px;color:#E9D900; } 
    .btmnav .btnsvg2 svg {color:#E9D900;  }

.langs {border: 1px solid #303A34;border-radius:50px;padding:4px 4px 4px 4px;display:inline-block;cursor:pointer;position:relative;font-weight:bold;background-color: #252D29;}
    .langs .hh { display:flex; gap:4px; align-items:center; justify-content:space-between; cursor:pointer }
        .langs .hh span { color:#F4F1E8 }
        .langs .hh i { font-size:12px; color:#747E77 }
    .langs .cc { position:absolute; left:0; margin-top:4px; background-color:#252D29; border:1px solid #303A34; border-radius:8px; overflow:hidden; display:none }
        .langs .cc .ll { display:flex; gap:8px; align-items:center; cursor:pointer; padding:4px 8px 4px 8px;}
        .langs .cc .ll:hover { background-color:#252D29 } 
            .langs .cc .ll span {  }
    .langs.aaa { background-color:#252D29; color:#747E77 }
        .langs.aaa .cc { display:block;z-index:1; }
    .langs img { max-width:28px }

.main-wrap { padding-top:100px; position:relative }

.sidebar {padding:16px;background: linear-gradient(90deg, #0D1210 0%, #0D1210 100%);position:fixed;z-index:7;left:0;top:100px;width:230px;height:calc(100vh - 100px);overflow-y:auto}
    .sidebar .items { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:24px;margin-top:10px; }
    .sidebar .items a { width:calc(50% - 8px) }
    .sidebar .items2, .sidebar .items3 { display:flex; flex-direction:column; gap:12px; margin-bottom:24px }
    .sidebar .itemseve { position:relative; margin-bottom:16px;}
        .sidebar .itemseve .bgs {  }

.sidebar::-webkit-scrollbar { height: 2px; width: 2px; background: transparent;}
.sidebar::-webkit-scrollbar-thumb { background: linear-gradient(155deg, #E9D900 0%, #E9D900 50%, #E9D900 100%); -webkit-border-radius: 1ex; -webkit-box-shadow: 0 1px 2px rgba(8,11,10,0.75);}

.sidebar .langs { display:none; margin-bottom:16px }

.content-wrap { padding:8px 24px; width:100%; padding-left:254px} 
    .content-wrap .con { max-width:1600px; margin:0px auto;padding:20px; }

.cccwrap {margin:12px 0px;/*text-align: center;*/}

.ann {color: #F4F1E8;font-size:11px;height:24px;position:relative;display:flex;justify-content:center;align-items:center;padding:0px;}
    .ann .iicon {color: #E9D900;font-size:14px;}
    .ann .ttext { width:100% }
    .ann .ttext span { padding-right:20px }
    .ann .readmore { position:absolute; top:10%; right:0px; height:80%; display:flex; justify-content:center; align-items:center; padding:0 8px; font-weight:bold; font-size:11px; border-radius:50px; color:#080B0A; border:1px solid #303A34; background-color:#E9D900; text-transform:uppercase }

.banner-wrap { margin:8px 0px; border-radius:16px; overflow:hidden }
.splide__slide img { width:100%; }

.hebox-wrap { display:flex; gap:24px; margin:8px 0px }
.hebox {border-radius:12px;border:2px solid #303A34;/*box-shadow:inset 0px 0px 16px #ffffff;*/padding:4px 12px;background-color: #111715;width:100%}
.hebox.s1 { border-color:#64B5F6; /*box-shadow:inset 0px 0px 16px #509950*/ }
    /*.hebox.s1:hover { box-shadow:inset 0px 0px 30px #509950 }*/
.hebox.s2 { border-color:#64B5F6; /*box-shadow:inset 0px 0px 16px #b182f4*/ }
    /*.hebox.s2:hover { box-shadow:inset 0px 0px 30px #b182f4 }*/
.hebox.s3 { border-color:#64B5F6; /*box-shadow:inset 0px 0px 16px #f6c255*/ }
    /*.hebox.s3:hover { box-shadow:inset 0px 0px 30px #f6c255 }*/
.hebox.s4 { border-color:#64B5F6; /*box-shadow:inset 0px 0px 16px #cc2f20*/ }
    /*.hebox.s4:hover { box-shadow:inset 0px 0px 30px #cc2f20 }*/
.hebox:hover { filter:brightness(1.2) }
    .hebox a { display:flex; gap:16px; color:#F4F1E8; justify-content:start; align-items:center }
    .hebox .iicon { min-width:40px; max-width:32%; }
    .hebox .infos { display:flex; flex-direction:column; line-height:normal }
        .hebox .infos .tt { font-size:18px; font-weight:bold }
        .hebox ,infos .desc { font-size:12px; }

.winner-wrap {font-size:12px;color: #F4F1E8;}
.winner-cons { padding:6px 0px; }
    .winner-cons .mqhold { display:flex; align-items:center; gap:5px;}
    .winner-cons .mqhold div { margin-right:8px }
    .winner-cons img { max-width:40px; margin-right:5px; }
    .winner-cons .user {color: #64B5F6;font-weight:bold}
    .winner-cons .amo {color: ##64B5F6;font-weight:bold}

.game-wrap { }
.gametabs {border-radius:16px;background: linear-gradient(0deg, #191b1a 0%, #0f1312 100%);padding:4px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;overflow-x:auto}
.gamecons { margin:16px 0px }
.glbox { display:none }
.glbox.aaa { display:block }
    .glbox .games { display:flex; flex-wrap:wrap }
        .glbox .games .gl { width:calc(12.5% - 16px); margin:8px; cursor:pointer; position:relative }
            .glbox .games .gl .iimg { border-radius:8px; overflow:hidden; display:block; position:relative; }
                .glbox .games .gl .iimg.s2 { width:100%; padding-top:100%; background-color: #1A211E }
                .glbox .games .gl .iimg.s2 img { min-height:100% }
                .glbox .games .gl .iimg img { width:100% }
                .glbox .games .gl .iimg .badges { position:absolute; max-width:33%; top:0%; right:0% }
            .glbox .games .gl .name {font-size:12px;text-align:center;padding-top:8px;color: #747E77;}
            .glbox .games .gl .ppic { position:absolute; width:100%; height:100%; top:50%; transform: translateY(-50%); z-index:1 } 
            .glbox .games .gl .ppic .badges { position:absolute; max-width:33%; top:0%; right:0% }
        .glbox .games .gl:hover .iimg::before { content:''; position:absolute; width:100%; height:100%; background:rgba(26,33,30,0.8); top:0; left:0; z-index:2 }
        .glbox .games .gl:hover .iimg::after {position:absolute;font-family:"FontAwesome";content:"\f04b";font-size:30px;color: #E9D900;/*color: #ffffff;*/top:50%;left:50%;transform:translate(-50%, -50%);z-index:2}
.glinfo { }
    .glinfo .tt { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:16px }
    .glinfo .gt { display:flex; gap:8px; align-items:center; font-weight:bold; font-size:16px;color:#F4F1E8; }
    .glinfo .gt svg { height:28px; }

.glmenu { margin-bottom:16px; position:relative }
.glmenu .glmenu-swiper { margin:0px 28px }
.glmenu .swiper-button-next, .glmenu .swiper-button-prev {color: #747E77;}
.glmenu .swiper-button-next::after, .glmenu .swiper-button-prev::after { font-size:20px; }
.glmenu .swiper-button-prev { left:0px; }
.glmenu .swiper-button-next { right:0px; }
.glmenu .btnsvg {background: #111715;position:relative;color: #F4F1E8;border: 1px solid #303A34;} 
.glmenu .btnsvg span { font-size:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; text-align:center }
.glmenu .btnsvg .badges { position:absolute; max-width:33%; top:0%; right:0% }

.footer-wrap {/*background: rgb(255 255 255 / 70%);*//*background:rgba(0,0,0,0.1);*//*background:rgb(0 0 0 / 100%)!important;*//* padding:16px; */border-radius:16px;}

.follow-wrap {  }
    .follow-wrap .tt {font-size:12px;/*color: #161616;*/color:#F4F1E8;text-align:center;padding-bottom:8px;margin-top:30px;}
    .follow-wrap .cons { display:flex; gap:8px; justify-content:center; align-items:center }
        .follow-wrap .cons img { max-width:32px }

.provider-wrap {border-bottom: 1px solid #303A34;border-left-width:0;border-right-width:0;padding:16px 0px;margin:0px 0px 24px 0px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
    .provider-wrap img { max-width:118px }

.license-wrap {display: flex;justify-content: center;gap: 80px;border-bottom: 1px solid #303A34;/*color: #161616;*/color:#F4F1E8;padding-bottom: 16px;margin-bottom: 24px;}
    .license-wrap .tt { white-space:nowrap; }
    .license-wrap .cons { display: flex; gap: 16px; flex-wrap:wrap}
        .license-wrap .cons img { max-height: 30px; }

.footer-conwrap { display:flex; gap:12px  }
.footcon { white-space:nowrap; display:flex; flex-direction:column; gap:8px }
.seo-wrap {color: #F4F1E8;}
    .seo-wrap h1 {font-size:24px;color: #E9D900;}
    .seo-wrap h2 {font-size:22px;color: #E9D900;}
    .seo-wrap h3 { font-size:20px; color:#F4F1E8 }
    .seo-wrap h4 { font-size:18px; color:#F4F1E8 }
    .seo-wrap h5 { font-size:16px; color:#F4F1E8 }
    .seo-wrap a {color: #E9D900;}

.copyright-wrap {text-align:center;text-transform:uppercase;font-size:12px;/*margin-top:12px;color: #161616;*/color:#747E77;padding:10px;border-top:2px solid #303A34;}
    .copyright-wrap span {font-weight:bold;/*color: #d09e47;*/}

.float-lc { position:fixed; right:15px; bottom:68px; z-index:3; display:flex; flex-direction:column }

.modal-s1 {  }
.modal-s1 .modal-content {background: #1A211E;border-color: #303A34;}
    .modal-s1 .modal-header {background: linear-gradient( 180deg, #1A211E 0%, #1A211E 100% );border-color: #303A34;padding:12px;color:#F4F1E8;display:flex;justify-content:center;align-items:center;font-size:16px;gap:8px;font-weight:bold}
    .modal-s1 .modal-body { background-size:cover; background-repeat:no-repeat; background-position:center }
    .modal-s1 .modal-footer { border:0; background-color:#0D1210 }
    .modal-s1 .modal-title-cus { color:var(--syscolor-title); font-size:30px; font-weight:bold; text-transform:uppercase; margin-bottom:12px; text-align:center; line-height:normal }
    .modal-s1 a, .label-rememberme {color: #E9D900;font-weight:bold}
    .modal-s1 a.btn-modal-close { color:#F4F1E8 }
    .modal-s1.videos {  }
        .modal-s1.videos video { width:100% }

        /*20260113*/
        .modal-s1 .ddesc{color:#F4F1E8;}
        .ptitle.text-center{color:#F4F1E8;}
        /*20260113*/

    .btn-modal-close {
        position: absolute;
        z-index: 1;
        font-size: 28px;
        color: #F4F1E8;
        right: 4px;
        top: 4px;
        line-height: normal;
        background:transparent; border:0
    }
.modal-s2 {  }
    .modal-s2 .modal-content { background:transparent; border:0 }
    .modal-s2 a.btn-modal-close { color:#F4F1E8 }

.pann-wrapper { display:block; border-radius:5px; overflow:hidden }
.pann-sidemenu { background-color:#111715; min-width:auto; max-width:none; width:100%; padding:10px; overflow-x:auto; white-space:nowrap; font-size:0 }
    .pann-sidemenu a { color:#F4F1E8; background-color:#252D29; display:inline-block; padding:8px 16px; font-size:14px; border-radius:5px; margin:0px 3px; font-weight:bold }
    .pann-sidemenu a.aaa { background:linear-gradient(180deg, #E9D900 0%, #E9D900 100%);/*background:linear-gradient(180deg, #65008e 0%, #ea0191 100%);*/ color:#080B0A }

.pann-content { width:100%; }
    .pann-content.more { background-color:#111715; padding:10px; }

.pannbox { display:none; }
.pannbox.aaa { display:block }
.pann-noshow{text-align:center;}


.customlobby-wrap {  }
    .customlobby-wrap .heads {  }
        .customlobby-wrap .heads .iimg { text-align:center }
            .customlobby-wrap .heads .iimg img { max-height:70px }
        .customlobby-wrap .heads h5 { color:#E9D900; text-transform:uppercase; font-weight:bold; font-size:12px; text-align:center }
    .customlobby-wrap .searchbar { margin:12px 0px }
#customLobbyModal .modal-content{background:#1A211E;}
#customLobbyModal .glbox .games .gl .name{color:#F4F1E8;}
#customLobbyModal a.btn-modal-close { position:absolute; z-index:1; font-size:24px; bottom:-48px;top:unset; right:50%; transform:translateX(50%); line-height:normal; border-radius:80px; background:#E9D900; color:#080B0A; padding:8px 32px}
    #customLobbyModal a.btn-modal-close:hover { filter:brightness(1.2) }
    #customLobbyModal a.btn-modal-close.tr { transform:none; bottom:auto; right:-3px; top:-3px; font-size:16px; padding:6px 12px  }

.customlobby::-webkit-scrollbar {width: 8px;height: 8px;}
.customlobby::-webkit-scrollbar-track {background: #111715;}
.customlobby::-webkit-scrollbar-thumb {background: #E9D900; border-radius: 8px;}
.customlobby::-webkit-scrollbar-thumb:hover {background: #E9D900;}

.searchbar {}
    .searchbar .input-group { border: 1px solid #303A34; border-radius: 8px; overflow: hidden; padding: 0px 0 0 16px; background-color: #252D29; border-radius: 100rem; }
    .searchbar .input-group .input-group-text { background-color: #E9D900; color:#080B0A; border:0; border-radius:100rem!important; width: 18vw; max-width:74px; justify-content:center; font-size:18px; cursor:pointer}
    .searchbar .input-group .input-group-text:hover { filter:brightness(1.2) }
    .searchbar .input-group .form-control { border: 0; font-size: 14px; color: #F4F1E8; outline: none; background-color: transparent; padding: 8px 0px;box-shadow:none!important; }
    .searchbar .input-group input::placeholder {color:#747E77;}
        
.customlobby { height:50dvh; overflow-y:auto; scrollbar-width: thin;scrollbar-color: #E9D900 #080B0A;}

.input-group.s1:focus-within { border-color:#303A34 }
.input-group.s1 {border: 2px solid #303A34;border-radius:8px;overflow:hidden;padding:4px 12px;background-color:#252D29}
    .input-group.s1 .input-group-text { font-size:14px; color:#A5ADA7; border-radius:0px; background-color:#252D29; border:0  }
    .input-group.s1 .form-control { border:0; font-size:14px; color:#747E77; outline:none; appearance:auto; -moz-appearance:auto; -webkit-appearance:auto; height:32px; padding:0 }
        .input-group.s1 .form-control:focus { box-shadow:none }
        .input-group.s1 .form-control::placeholder { color:#747E77 } 
        .input-group.s1 .form-control:disabled { background-color:#252D29; }
    .input-group.s1.wr { }
    .input-group.s1.wr .bbtn { position:absolute; z-index:6; right:0; top:0; width:auto; border-radius:8px 0px 0px 8px!important }
        .input-group.s1.wr .bbtn img { max-height:40px }

.input-group.s2:focus-within {border-color: #E9D900;}
.input-group.s2 {border: 2px solid #303A34;border-radius:8px;overflow:hidden;padding:0px 12px;background-color: #252D29;border-radius:50px}
    .input-group.s2 .input-group-text {font-size:14px;color:#A5ADA7;border-radius:0px;background-color: #252D29;border:0}
    .input-group.s2 .form-control { border:0; font-size:14px; color:#F4F1E8; outline:none; background-color:transparent; padding:4px 8px; appearance:auto; -moz-appearance:auto; -webkit-appearance:auto; }
        .input-group.s2 .form-control:focus { box-shadow:none }
        .input-group.s2 .form-control::placeholder { color:#747E77 } 
        .input-group.s2 .form-control:disabled { background-color:transparent; }

.form-check label { font-size:12px }
.form-check-input:checked, .form-check-input { background-color:transparent; border-color:#303A34;}
.form-check-input:focus { box-shadow:none }
.form-check-label{color:#A5ADA7!important;}

.promo-wrap { }
.prmenu {display:flex;align-items:center;justify-content:space-between;border-radius:12px;background: linear-gradient(0deg, #1A211E 0%, #1A211E 100%);padding:0px 24px;overflow-x:auto;height:58px}
    .prmenu a {color: #F4F1E8;padding:12px 18px;font-weight:bold;white-space:nowrap}
    .prmenu a.aaa, .prmenu a:hover {color: #F4F1E8;}
.prcon { margin:24px 0px; display:flex; gap:24px; flex-wrap:wrap; position:relative }
.prbox {background-color: #1A211E;border-radius:12px;overflow:hidden;width:0;opacity:0;visibility:hidden;height:0;position:absolute}
    .prbox .iimg {  }
        .prbox .iimg img { width:100% }
    .prbox .ccon { padding:12px; text-align:center }
        .prbox .ccon h5 {margin:0;color: #F4F1E8;}
        .prbox .ccon small { font-size:10px; display:block; color:#A5ADA7 }
        .prbox .ccon .act { display:flex; justify-content:center; align-items:center; gap:8px; margin-top:8px }
    .prbox.aaa {opacity:1; visibility:visible; height:100%; width:calc(50% - 12px); position:relative}
.prdetail {  }
    .prdetail .iimg { border-radius:12px; overflow:hidden; margin-bottom:16px }
        .prdetail .iimg img { width:100% }
    .prdetail .ddesc {  }
    .prdetail .cta { margin:8px 0px 16px; text-align:center }

.acc-wrap {max-width:768px;margin:0 auto;border-radius:16px;/* background-color:#83a9c8; */overflow:hidden}
.accbox-header { display:flex; gap:24px; justify-content:space-between; align-items:center; padding:24px; }
.accbox-content {background: rgba(26,33,30,0.1);padding:24px;color: #747E77;}
    .accbox-content h3 {text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom: 1px solid #303A34;font-size:24px}
    
.accbox-content.bgs { background-repeat:no-repeat; background-size:cover; background-position:top center }
.accbox-content.bgs-vips { background-image:url(../img/vip/bg.jpg); }
.accbox-content.bgs-minigame { background-image:url(../img/minigame/bg.jpg); }

.acc-infos { display:flex; gap:8px; align-items:center; width:35%; position:relative }
    .acc-infos .avatar { position:relative }
        .acc-infos .avatar img { max-height:66px; border-radius:8px; }
        .acc-infos .avatar.edit { cursor:pointer } 
        /*.acc-infos .avatar.edit:hover::before { content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; z-index:2 }
        .acc-infos .avatar.edit:hover::after { position:absolute; font-family:"FontAwesome"; content:"\f044"; font-size:22px; color:#de00b5; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2 }*/
        .acc-infos .avatar .badges { position:absolute; width:20px; height:20px; display:flex; justify-content:center; align-items:center; border-radius:50%; background-color:#E9D900; right:-2px; bottom:-2px; font-size:12px; }
    .acc-infos .detail {  }
        .acc-infos .detail .name {color: #E9D900;font-weight:bold;font-size:16px}
        .acc-infos .detail .infos { display:flex; flex-direction:column; justify-content:center }
            .acc-infos .detail .infos small { color:#A5ADA7; font-size:10px; }
            .acc-infos .detail .infos span {color: #E9D900;font-size:12px;font-weight:bold}

.acc-buttons { display:flex; flex-wrap:nowrap; gap:16px; width:60%  }
    .acc-buttons a { width:25% }

.avsshop { position:absolute; background-color:#111715; border:2px solid #303A34; border-radius:8px; top:76px; padding:6px; display:none }
    .avsshop::before { content:""; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #303A34; position:absolute; top:-8px; left:26px }
    .avsshop .avs-con { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:6px; width:284px }
    .avsshop .ava { max-width:52px; border-radius:8px; overflow:hidden; cursor:pointer }
    .avsshop .ava.aaa, .avsshop .ava:hover { border:2px solid #E9D900; filter:brightness(1.2) }
    .avsshop .avs-cta { margin-top:6px }

.sys-avatarbox.aaa .sys-avatarshop { display:block }

.acccon {  }

.acclinks { width:80%; margin:0 auto; display:flex; flex-direction:column; gap:24px }
    .acclinks a { width:100%; display:flex; justify-content:space-between; align-items:center; padding:12px 24px; gap:12px }
    .acclinks span { display:flex; align-items:center; gap:12px }

.accbox-back {display:flex;align-items:center;gap:24px;padding:16px 24px;background-color: #1A211E;}
    .accbox-back .backs { display:flex; align-items:center; gap:8px; font-weight:bold }
        .accbox-back .backs i { color:#F4F1E8 }
        .accbox-back .backs span { color:#F4F1E8 }

.depo-wrap {  }
.depopm {display:flex;justify-content:center;align-items:start;overflow-x:auto;gap:16px;padding:12px;border-radius:12px;background-color: #252D29;margin-bottom:20px}
    .depopm img { max-height:58px }
    .depopm a { filter:grayscale(1); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; line-height:normal; font-size:12px; font-weight:bold; padding:4px 12px;text-align:center; }
    .depopm a.aaa, .depopm a:hover {filter:grayscale(0);color: #F4F1E8;}
.depopmsel { margin-bottom:20px; display:flex; flex-wrap: wrap; gap:12px }
    .dsel {border: 1px solid #303A34;background-color: #252D29;color: #F4F1E8;font-size:16px;border-radius:12px;padding:0px 24px;width:calc(33.33% - 9px);cursor:pointer;position:relative;height:48px;display:flex;align-items:center}
    .dsel:hover, .dsel.aaa {background-color: #E9D900;color: #080B0A;} 
    .dsel.aaa::before { content:""; position:absolute; font-family:"FontAwesome"; content:"\f14a"; font-size:26px; color:#F4F1E8; top:50%; right:24px; transform:translateY(-50%) }
    .depopmsel .break { flex-basis:100%; }
.depoamo { margin-bottom:20px; display:flex; align-items:center; justify-content:center; flex-wrap: wrap; gap:12px } 
    .depoamo a {border: 1px solid #303A34;background-color: #252D29;color: #F4F1E8;font-size:14px;font-weight:bold;border-radius:12px;width:calc(12.5% - 11px);cursor:pointer;position:relative;height:48px;display:flex;align-items:center;justify-content:center}
    .depoamo a.aaa, .depoamo a:hover {background-color: #E9D900;color: #080B0A;}

.history-wrap {  }
.hissel { margin-bottom:20px; display:flex; flex-wrap: wrap; gap:12px }
    .hsel {border: 1px solid #303A34;background-color: #252D29;color: #F4F1E8;font-size:16px;border-radius:12px;padding:0px 24px;width:calc(50% - 6px);cursor:pointer;position:relative;height:48px;display:flex;align-items:center}
    .hsel:hover, .hsel.aaa {background-color: #E9D900;color: #080B0A;} 
    .hsel.aaa::before { content:""; position:absolute; font-family:"FontAwesome"; content:"\f14a"; font-size:26px; color:#F4F1E8; top:50%; right:24px; transform:translateY(-50%) }

table { width:100%; border-collapse:collapse }
    table thead {background-color: #111715;color:#F4F1E8}
    table td, table th {padding:5px;border: 1px solid #303A34;}
    table th {background-color: #E9D900;color:#080B0A}
    table td {background-color: #1A211E; color:#F4F1E8}
table.vips { font-weight:bold; line-height:normal; font-size:12px }
    table.vips th { color:#F4F1E8; background:rgba(37,45,41,0.5) }
    table.vips td { background:transparent; padding:8px; color:#64B5F6 }

.vips-title { text-align:center }
    .vips-title img { max-width:50% }

.vips-badge { display:flex; justify-content:center; align-items:center; flex-direction:column; gap:3px }
    .vips-badge span { white-space:nowrap }
    .vips-badge img { max-width:68px; }
.sysdes { }
.sysmob { display:none }
.sysdes767 { }
.sysmob767 { display:none }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:#F4F1E8!important }

.ref { text-align: center; }
.referral { display: flex; margin-bottom: 20px; }
.refqr { display: flex; flex-direction: column; border: 2px solid #303A34; padding: 24px 24px 16px 24px; border-radius: 13px; text-align: center; background: #252D29; width: 40%; margin: 0px auto;}
    .refqr a { color: #F4F1E8; margin-top: 10px; display:flex; gap:4px; justify-content:center; align-items:center }
    .refqr .iimg { padding:8px; background-color:#ffffff }
    .refqr .iimg img, .refqr .iimg canvas { max-width:100% }
.refshare { margin: 30px; width: 60%; width: -webkit-fill-available; }
.refsm { margin: 20px; }
.refsm .cons a img { margin: 5px;}
.refnote { font-weight: bold; text-align: center; }
    .refnote span { color: #E9D900; }
.refspecial { display:flex; justify-content:center; align-items:center; gap:8px }
    .refspecial img { max-height:26px; margin-top:-6px }

.reftnc { text-align: left; margin-top: 20px; line-height: 24px; }
.reftnc li { font-size: 12px; color: #F4F1E8; }

.ref .tier { line-height:normal }
.ref .tier2 { font-size: 12px; }
.ref .tier2 span { font-size: 10px; }

.shre-wrap { position: relative; border-radius:16px; margin-bottom:16px; overflow:hidden }
    .shre-wrap .imgdes {  }
    .shre-wrap .imgmob { display:none }
.share-info { position: absolute; top: 50%; right: 12px; transform: translate(0%, -50%); width:38%; }
.share-info ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; list-style: none; margin:0; padding:0 }
.refer_btn { background: #111715; width: 100%; display: flex; justify-content: center; align-items: center; padding: 8px 10px; color: #F4F1E8; border-radius: 5px; gap: 10px; border: 2px solid #303A34; }
.refer_btn:hover { background:linear-gradient(180deg, #E9D900 0%, #E9D900 100%); color: #080B0A; }
.refer_btn[disabled] { filter:grayscale(1); pointer-events:none; }

.contact { display: flex; flex-direction: column; align-items: center; }
.con-chanel {min-width: 180px;margin: 10px;font-size: 20px !important;padding: 6px 24px !important;background-color: #E9D900;}
    .con-chanel a { color: inherit; display: flex; align-items: center; gap: 14px; }
    .con-chanel i { font-size: 28px; }

.appdl-wrap {  }
    .appdl-wrap .appdl-title {  }
    .appdl-wrap .appdl-desc { display:flex; gap:16px; margin:32px 0px }
        .appdl-wrap .appdl-desc .btnmg { width:100%; text-transform:uppercase; padding:4px 16px; justify-content:center; gap:8px }
        .appdl-wrap .appdl-desc .btnmg img { max-height:36px }
    .appdl-wrap .appdl-holder { display:flex }
        .appdl-wrap .appdl-holder .holder { margin:0px auto; position:relative }
        .appdl-wrap .appdl-holder .holder .bbg {  }
        .appdl-wrap .appdl-holder .holder .ccon { position:absolute; top:10%; left:20%; width:60% }
            .appdl-wrap .appdl-holder .holder .ccon .ttitle { text-align:center; font-size:38px; font-weight:bold }
            .appdl-wrap .appdl-holder .holder .ccon .desc { text-align:center }
            .appdl-wrap .appdl-holder .holder .ccon .info { padding:24px 0px 0px }
                .appdl-wrap .appdl-holder .holder .ccon .info ol { padding:0px 20px 0px 50px; margin:0 }
                .appdl-wrap .appdl-holder .holder .ccon .info ol li { padding:12px 0px }
            .appdl-wrap .appdl-holder .holder .ccon .qrcode { margin:30px; padding:10px; background-color:#ffffff; border:3px solid #303A34 }
                .appdl-wrap .appdl-holder .holder .ccon .qrcode img, .appdl-wrap .appdl-holder .holder .ccon .qrcode canvas { max-width:100% }
            .appdl-wrap .appdl-holder .holder .ccon .cta { filter:drop-shadow(0px 0px 6px #E9D900) drop-shadow(0px 0px 6px #E9D900) }
                .appdl-wrap .appdl-holder .holder .ccon .cta a:hover { filter:brightness(1.4) }

.guide { display: flex; }
.g-video { display: flex; flex-direction: column; cursor: pointer; }
.g-video .btnmg {justify-content: center;padding: 10px;margin: 15px 5px;}

.app-dl { display: none; align-items: center; position: relative; }
.app-dl i { position: absolute; right: 10px; top:50%; transform:translateY(-50%)}
.app-dl img{ max-height: 64px; }
.app-dl-ico img { max-width: 66px; margin-bottom: 10px; }
.app-banner {display: none; z-index:8; position: fixed; }
body.dl-app .app-dl { display:flex }

.rebate-wrapper {}
.bals-rebate-holder { display:flex; gap:8px }
.bals-rebate-wrapper { position:relative; width:100%; border-radius:8px; padding:12px 18px; border:1px solid #303A34; background:#252D29; color:#F4F1E8; line-height:normal;  display:flex; justify-content:space-between; align-items:center; text-align:left; border-radius:8px;}
    .bals-rebate-wrapper .ttitle { color:#E9D900; font-size:12px; font-weight:bold; }
    .bals-rebate-wrapper .info { font-size:28px; color:#F4F1E8; font-weight:bold }
    .bals-rebate-wrapper .info a { color:#E9D900; font-size:14px }
    .bals-rebate-wrapper i {color: #E9D900;}
    .bals-rebate-wrapper button { min-width:120px }
    .bals-rebate-wrapper button[disabled] { filter:grayscale(1); pointer-events:none }
.rebate-table {} 
    .rebate-table table { width:100%; text-align:center; border-collapse:collapse; }
    .rebate-table table thead { font-size:16px; font-weight:bold; }
    .rebate-table table th, .rebate-table table td { padding:8px; }
    .rebate-table table td { font-size:12px }

.footcon { display:none;  }

.checkin-wrapper { position:relative }
    .checkin-wrapper .bbg {  }
    .checkin-wrapper .con { position:absolute; top:28%; left:3%; width:94% }
        .checkin-wrapper .con .desc { text-align:center; font-weight:bold; margin: 0 auto; max-width:70%; line-height:normal }

.cims-wrap { display:flex; gap:8px; margin-top:2px }
.cims { position:relative; pointer-events:none }
    .cims .iimg { position:relative }
    .cims .iimg::before { content:''; background-image:url(../img/ci/token.png); position:absolute; top:0; left:0; width:100%; height:100%; background-size:100% 100%; }
    .cims .date { position:absolute; color:#F4F1E8; font-size:12px; font-weight:bold; display:flex; justify-content:center; align-items:center; width:100%; top:2% }
    .cims .ddesc { position:absolute; color:#F4F1E8; font-size:10px; font-weight:bold; display:flex; justify-content:center; align-items:center; width:100%; bottom:8%; text-transform:uppercase }
    .cims.ready { cursor:pointer; pointer-events:auto; animation:blinkShadow 2s ease infinite; }
    .cims.miss { filter:grayscale(1) }
    .cims.done .iimg::before { content:''; background-image:url(../img/ci/done.png); position:absolute; top:0; left:0; width:100%; height:100%; background-size:100% 100%; }

.dci-wrapper {  }
    .dci-wrapper .ttile { max-width:90%; margin:0 auto }
    .dci-wrapper .desc { text-align:center; font-weight:bold; text-transform:uppercase; font-size:20px; padding:8px 0 }

.fc-top { cursor:pointer }
    .fc-top img { max-height:48px }

.sp-popup { display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative }
    .sp-popup .iimg { cursor:pointer }

.sys-aapps-in, .sys-ci { display:none }
.sys-aapps-in.aaa, .sys-ci.aaa { display:flex }

.download-pop-wrapper {  }
.prov-title-img { text-align: center; padding-bottom: 10px; }
.access-info { text-align: center; overflow: auto; margin: 10px auto 15px; font-size: 14px; }
.download-wrapper {  }
.downloadbox { display:flex; gap:20px; justify-content:center }
.dlbox { max-width:160px; }
    .dlbox .iimg { padding:10px; background-color:#ffffff }
    .dlbox .iimg img, .dlbox .iimg canvas { width:100% }
    .dlbox .bbtn { padding-top:3px; text-align:center }

.ms-wrapper { padding: 0px; display:flex; justify-content:center; align-items:start; gap:12px; flex-wrap:wrap }
.msbox { display:flex; gap:8px; border:2px solid #303A34; background-color:#111715; color:#F4F1E8; padding:8px 16px; border-radius:8px; align-items:center; width:calc(50% - 6px)}
    .msbox .infos { display:flex; flex-direction:column; gap:6px; width:100%; }
        .msbox .infos .tt {  }
        .msbox .infos .progress { position:relative; height:1.8rem; border-radius:12px  }
            .msbox .infos .progress .progress-bar {  }
            .msbox .infos .progress .ttext { width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; z-index:1; font-size:12px; font-weight:bold; text-shadow:0px 0px 3px #080B0A, 0px 0px 6px #080B0A  }
        .msbox .infos .rewards { display:flex; gap:2px; align-items:center; }
            .msbox .infos .rewards i { color:#E9D900 }
            .msbox .infos .rewards span { font-size:12px; font-weight:bold; }
    .msbox .act {  }
        .msbox .act a { filter:grayscale(1); pointer-events:none; border-radius:50%; width:60px; height:60px; display:flex; justify-content:center; align-items:center; font-size:30px; background-color:#E9D900 }
.msbox.done .act a { filter:grayscale(0); background-color:#35C78A; color:#F4F1E8}
.msbox.ready .act a { filter:grayscale(0); color:#F4F1E8; pointer-events:auto; animation-name:msclaim;animation-duration:1.5s;animation-timing-function:ease;animation-direction:normal;animation-iteration-count:infinite; }

@keyframes msclaim{
    50% { filter:grayscale(0) brightness(1.4) drop-shadow(0px 0px 8px #E9D900); }
}

.minigame-wrap {  }
.minigame-title { position:relative; text-align:center }
    .minigame-title img {  }
    .minigame-title .ttnc { position:absolute; max-width:10%; right:0; bottom:0 }
.minigame-cons {  }
.minigame-tabs { display:flex; gap:18px; padding:24px 0px; justify-content:center }
    .minigame-tabs .ttabs { filter:brightness(0.3); cursor:pointer;}
    .minigame-tabs .ttabs.aaa { filter:brightness(1) }
.minigame-iframe { display:none }
    .minigame-iframe iframe { width:100%; border:0px; height:58vh; min-height:880px }
    .minigame-iframe.aaa { display:block }
.minigame-gameframe { display:none }
    .minigame-gameframe.aaa { display:block; }

.surwrap { position:relative; margin-top:5%; margin-bottom:10%; }
    .surwrap a:hover { filter:brightness(1.3) }
    .surwrap a.startsurp.stop { filter:brightness(.5); pointer-events:none }

.rewardwrap { position:fixed; z-index:1050; top:0; left:0; width:100%; height:100%; background:rgba(17,23,21,.8); transition:none; display:none }
.rewcon { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
    .rewcon .ttext { position:absolute; display:flex; justify-content:center; align-items:center; font-size:32px; color:#F4F1E8; font-weight:bold; top:6%; left:34%; width:60%; height:25%; }

pppbox { filter:brightness(.6) }
    .pppbox.aaa { filter:brightness(1) }
.aaabtn { pointer-events:none; filter:grayscale(1) }
    .aaabtn.aaa { pointer-events:auto; filter:grayscale(0) }

.reviewsmain { width:100%; }
.reviewsbox-wrap { display:flex; gap:16px; padding: 16px 0; flex-wrap:wrap; align-items:stretch }
.revbox { background:#1A211E; border:2px solid #303A34; border-radius:12px; width:calc(33.33% - 11px); /*width:100%; */padding:12px; display:flex; flex-direction:column }
    .revbox .revbox-top { display:flex; align-items:center; justify-content:space-between }
        .revbox .revbox-top .pinfo { color:#E9D900; font-size:14px; font-weight:bold }
        .revbox .revbox-top .pdesc { position:relative; display:flex; flex-direction:column; align-items:end }
            .revbox .revbox-top .pdesc .datetime { font-size:10px; color:#747E77; }
    .revbox .revbox-btm {/* border-top:1px solid #cd9f47;*/ padding-top:12px;/* margin-top:12px; */display:flex; flex:1; flex-direction:column }
    
.revbox .commentsform { display: flex; flex-direction:column; gap:12px; flex-direction:column; flex:1; justify-content:space-between; }
        .revbox .commentsform textarea { font-size:12px; height:100%; resize:none; min-height:120px; box-shadow:none; border-color:#303A34 }
.revbtn { text-transform:uppercase; background:#E9D900; color:#080B0A; border-radius:80px; font-size:16px; font-weight:bold; border:0; width:50%; min-width:120px; margin:0 auto; padding:4px 8px }
    .revbtn:hover { filter:brightness(1.2) drop-shadow(0px 0px 8px #E9D900) }
.revc { color: #F4F1E8; font-size:12px; text-align:center; display:flex; flex-direction:column; flex:1; justify-content:space-between }
    .revc p { margin-bottom:12px }
.revcreply { font-size:11px; color:#F4F1E8; display:none; flex-direction:column; }
    .revcreply small { font-weight:bold; color:#E9D900 }
.revc.aaa .revcreply { display:flex }
.revc.aaa .revbtn { display:none }

.ratingbox { position:relative; height:24px; }
.rating-soft{display:inline-flex;flex-direction:row-reverse;gap:0px;align-items:center}
    .rating-soft input{display:none}
    .rating-soft label{position:relative;width:24px;height:24px;cursor:pointer;background-repeat:no-repeat;background-size:contain;background-position:center;transition:transform .15s ease;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%23d49b3c' stroke-width='1.6' stroke-linejoin='round' d='M12 3.5l2.9 5.9 6.5.9-4.7 4.5 1.1 6.4L12 18.5 6.2 21.2 7.3 14.8 2.6 10.3l6.5-.9z'/></svg>")}
    .rating-soft label:hover{transform:scale(1.08)}
    .rating-soft label::after{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-size:contain;background-position:center;opacity:0;transition:opacity .15s ease;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23d49b3c' d='M12 3.5l2.9 5.9 6.5.9-4.7 4.5 1.1 6.4L12 18.5 6.2 21.2 7.3 14.8 2.6 10.3l6.5-.9z'/></svg>")}
    .rating-soft label:hover::after,.rating-soft label:hover ~ label::after{opacity:1}
    .rating-soft input:checked ~ label::after{opacity:1}
    .rating-soft.readonly  {cursor:default;transform:none; pointer-events:none}
    .rating-soft.readonly label:hover::after,.rating-soft.readonly label:hover ~ label::after{opacity:0}

.reviews-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0px 0px;flex-wrap:wrap}
.reviews-type-group{display:flex;gap:16px;flex-wrap:wrap}
.review-filter-btn{min-width:180px;height:54px;padding:0 20px;border:2px solid #303A34;border-radius:12px;background:#111715;color:#E9D900;font-size:18px;font-weight:bold;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s ease}
.review-filter-btn i{font-size:18px}
.review-filter-btn:hover,.review-filter-btn.active{background:#E9D900;color:#080B0A}
.reviews-filter-select{display:flex;align-items:center;gap:10px;margin-left:auto}
    .reviews-filter-select label{font-size:16px;font-weight:bold;color:#F4F1E8;white-space:nowrap}
    .reviews-filter-select select{min-width:220px;height:54px;padding:0 16px;border:2px solid #303A34;border-radius:12px;background-color:#252D29;color:#F4F1E8;font-size:18px;font-weight:bold;outline:0;box-shadow:none;cursor:pointer}
.reviews-pagination{display:flex;justify-content:flex-end;align-items:center;gap:0;margin-top:18px;flex-wrap:wrap}
.reviews-page-btn{min-width:46px;height:42px;border: none;background:#111715;color:#E9D900;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0 10px}
.reviews-page-btn:hover,.reviews-page-btn.active{background:linear-gradient(155deg, #E9D900 0%, #E9D900 50%, #E9D900 100%);color:#080B0A;border-radius: 10%;}
.reviews-page-btn.disabled{opacity:.45;pointer-events:none;cursor:not-allowed}
.reviews-page-btn:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}
.reviews-page-btn:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}
.reviews-page-dots{color:#F4F1E8;cursor:default;pointer-events:none}
.sys-reviews-empty { width:100%; padding:40px 20px; text-align:center; color:#E9D900; font-size:18px; font-weight:bold; border:2px solid #303A34; border-radius:12px; background:#111715;}


.reviewsmain{width:100%;}
.reviewsbox-wrap{display:flex;flex-wrap:wrap;gap:14px;padding:16px 0;align-items:stretch;}
.revbox {position: relative;width: calc(33.333% - 10px);background: radial-gradient( circle at center, rgba(26,33,30,.18) 0%, rgba(26,33,30,1) 70% );border: 1px solid rgba(48,58,52,.75);border-radius: 10px;padding: 14px;display: flex;flex-direction: column;min-height: 175px;overflow: hidden;}
.revbox:hover{border-color:#E9D900;box-shadow:0 0 12px rgba(233,217,0,.15);}
.revbox-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%}
.revbox .pdesc{display:flex;flex-direction:column;align-items:flex-start !important;text-align:left !important;flex:1}
.revbox .pinfo{display:flex;align-items:center;justify-content:flex-start;gap:6px;color:#F4F1E8 !important;font-size:12px;font-weight:600;text-align:left;width:100%}
.revbox .pinfo i{color:#E9D900;font-size:10px;flex-shrink:0}
.revbox .datetime{display:block;margin-top:4px;color:#747E77;font-size:10px;text-align:left;width:100%}
.ratingbox{margin-left:auto;flex-shrink:0}
.rating-soft.readonly label{width:14px;height:14px}
.revbox-btm{margin-top:12px;display:flex;flex:1}
.revc{width:100%;display:flex;flex-direction:column;text-align:left;color:#A5ADA7;font-size:11px}
.revc p{margin:0 0 12px;color:#A5ADA7;line-height:1.45}
.revc .revbtn{display:none !important}
.revcreply{display:flex !important;flex-direction:column;margin-top:auto;padding:10px 12px;border-radius:6px;background: linear-gradient(90deg, rgba(26,33,30,.45) 0, #1A211E 45%, rgba(26,33,30,0) 100%);}
.revcreply small{display:block;margin-bottom:8px;color:#E9D900;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px}
.revcreply span{color:#A5ADA7;font-size:10px;line-height:1.45}
.sys-review-formbox{background:radial-gradient(circle at center,rgba(26,33,30,.18) 0,rgba(26,33,30,1) 70%)}
.commentsform{display:flex;flex-direction:column;gap:12px;flex:1}
.commentsform textarea{background:#252D29 !important;border:1px solid rgba(48,58,52,.35) !important;color:#F4F1E8 !important;min-height:120px;resize:none;box-shadow:none !important;font-size:12px}
.commentsform textarea::placeholder{color:#747E77}
.revbtn{border:0;min-width:120px;margin:0 auto;padding:8px 18px;border-radius:50px;background:linear-gradient(180deg,#E9D900 0,#E9D900 100%);color:#080B0A;font-size:13px;font-weight:700;text-transform:uppercase;transition:.2s}
.revbtn:hover{filter:brightness(1.1)}
.reviews-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:16px 0}
.reviews-type-group{display:flex;gap:10px}
.review-filter-btn{min-width:80px;height:32px;padding:0 14px;border:1px solid rgba(48,58,52,.75);border-radius:6px;background:#111715;color:#E9D900;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.review-filter-btn.active,.review-filter-btn:hover{background:linear-gradient(155deg, #E9D900 0%, #E9D900 50%, #E9D900 100%);color:#080B0A}
.reviews-filter-select{display:flex;align-items:center;gap:8px}
.reviews-filter-select label{color:#F4F1E8;font-size:12px}
.reviews-filter-select select{height:34px;background:#252D29;color:#E9D900;border:1px solid rgba(48,58,52,.75);border-radius:6px;padding:0 12px;outline:0}
.vv-section-header{display:flex;justify-content:space-between;align-items:center;margin:40px 0 12px 0px;}
.vv-slider-nav{display:flex;gap:6px}
.vv-slider-nav button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:#252D29;padding:0;cursor:pointer;transition:all .2s ease}
.vv-slider-nav button.active{color:#E9D900}
.vv-slider-nav button.disabled{color:rgba(116,126,119,.25);pointer-events:none}
.vv-slider-nav button i{font-size:11px}
.vv-glhotbox .games{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}
.vv-glhotbox .games::-webkit-scrollbar{display:none}
.vv-glhotbox .gl{width:calc(12.5% - 16px);margin:8px;flex-shrink:0}
.vv-glhotbox .gl .iimg.s2{position:relative;width:100%;padding-top:133.33% !important;border-radius:10px;overflow:hidden;background:#1A211E}
.vv-glhotbox .gl .ppic{position:absolute;inset:0;width:100%;height:100%;transform:none}
.vv-glhotbox .gl .ppic img{width:100%;height:100%;object-fit:cover}
.vv-glhotbox .gl:hover .ppic img{transform:scale(1.05)}
.vv-glhotbox .gl .iimg.s2::after{content:'';position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(to top,rgba(26,33,30,.75),rgba(26,33,30,0));pointer-events:none;z-index:1}
.vv-glhotbox .badges{position:absolute;top:4px;right:4px;width:18px;z-index:20}
.vv-glhotbox .badges img{width:100%;display:block}
.vv-player-count{position:absolute;right:6px;bottom:6px;display:flex;align-items:center;gap:3px;font-size:10px;font-weight:600;line-height:1;color:#F4F1E8;z-index:2;text-shadow:0 1px 2px rgba(8,11,10,.9),0 0 4px rgba(8,11,10,.9)}
.vv-player-count i{font-size:9px}
.vv-glhotbox .gl .name{margin-top:6px;padding:0;color:#F4F1E8;font-size:11px;font-weight:500;line-height:1.25;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:28px}
.vv-glhotbox .gl:hover .iimg::before{content:'';position:absolute;inset:0;background:rgba(26,33,30,.35);z-index:10}
.vv-glhotbox .gl:hover .iimg::after{content:'\f04b';font-family:'FontAwesome';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#F4F1E8;z-index:20}
.vv-sport-slider{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.vv-sport-slider::-webkit-scrollbar{display:none}
.vv-sport-card{flex:0 0 calc(33.333% - 8px)}
.vv-sport-banner{position:relative;width:100%;height:180px;overflow:hidden;border-radius:12px;border: 1px solid transparent;background: linear-gradient(#111715, #111715) padding-box, linear-gradient(180deg, #E9D900, #E9D900, #E9D900) border-box;}
.vv-sport-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vv-sport-title{position:absolute;top:14px;left:16px;color:#F4F1E8;font-size:13px;font-weight:500;z-index:2}
.vv-live-badge{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:6px;background:linear-gradient(180deg,rgba(17,23,21,.95) 0,rgba(17,23,21,.95) 100%);border:1px solid rgba(53,199,138,.25);color:#35C78A;font-size:11px;font-weight:700;z-index:5}
.vv-live-badge i{font-size:10px}
.vv-sport-content{position:absolute;left:0;right:0;top:58px;display:flex;align-items:center;justify-content:space-between;padding:0 55px;z-index:2}
.vv-team{width:52px;height:52px}
.vv-team img{width:100%;height:100%;object-fit:contain}
.vv-score-box{text-align:center}
.vv-score{color:#F4F1E8;font-size:22px;font-weight:700;line-height:1}
.vv-status{color:#F4F1E8;font-size:14px;font-weight:500;margin-top:6px}
.vv-team-names{position:absolute;left:0;right:0;bottom:40px;display:flex;justify-content:space-between;padding:0 36px;z-index:2}
.vv-team-name{color:#F4F1E8;font-size:14px;font-weight:500}
.vv-vip-banner{position:relative;display:flex;justify-content:space-between;align-items:center;height:320px;padding:36px 42px;border: 1px solid transparent;background: linear-gradient(#111715, #111715) padding-box, linear-gradient(180deg, #E9D900, #E9D900, #E9D900) border-box;border-radius:10px;overflow:hidden}
.vv-vip-content{width:55%;z-index:2}
.vv-vip-label{display:flex;align-items:center;gap:6px;margin-bottom:14px;color:#E9D900;font-size:14px;font-weight:600;letter-spacing:.08em}
.vv-vip-label i{color:#E9D900;font-size:8px}
.vv-vip-title{margin:0 0 18px;font-size:35px;font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#F4F1E8}
.vv-vip-title span{color:#E9D900}
.vv-vip-desc{margin:0;max-width:520px;color:#747E77;font-size:17px;line-height:1.7}
.vv-vip-features{display:flex;gap:24px;margin-top:24px}
.vv-vip-feature{display:flex;align-items:center;gap:6px;color:#A5ADA7;font-size:12px;font-weight:500}
.vv-vip-feature i{color:#E9D900;font-size:10px}
.vv-vip-btn{margin-top:32px;height:40px;padding:0 18px;border:1px solid rgba(48,58,52,.75);border-radius:8px;background:#111715;color:#A5ADA7;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}
.vv-vip-btn:hover{border-color:#E9D900;color:#F4F1E8}
.vv-vip-btn i{margin-left:8px;color:#E9D900}
.vv-vip-card-wrap{width:40%;display:flex;justify-content:center;align-items:center;flex-shrink:0}
.vv-vip-card-img{width:340px;max-width:100%;height:auto;display:block;object-fit:contain}
.vv-vip-card-img{filter:drop-shadow(0 8px 20px rgba(8,11,10,.45))}
.vv-footer-trust{margin-top:40px}
.vv-provider-bar{overflow:hidden;height:80px;display:flex;align-items:center;justify-content:space-around;padding:0 32px;background:linear-gradient(90deg,#111715,#111715,#111715);filter:grayscale(1);width:98%;margin:0 auto;}
.sys-provider-track{display:flex;width:max-content;}
.vv-provider-item {flex-shrink:0;/*padding:0 20px;*/}
@keyframes providerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.vv-provider-bar img{max-height:70px;max-width:140px;opacity:.45;object-fit:contain}
.vv-payment-section{margin-top:55px;background:#111715;border:1px solid #303A34;border-radius:18px;min-height:86px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}
.vv-payment-title{color:#F4F1E8;font-size:18px;font-weight:700}
.vv-payment-desc{margin-top:4px;color:#A5ADA7;font-size:14px}
.vv-payment-tabs{display:flex;gap:14px}
.vv-payment-tab{height:42px;padding:0 14px;border:0;border-radius:14px;background:#111715;color:#A5ADA7;font-size:10px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer}
.vv-payment-tab.active{background:#111715;border:1px solid #E9D900}
.vv-payment-tab i{font-size:15px}
.vv-trust-grid{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.vv-trust-card {min-height: 124px;padding: 26px;border: 1px solid transparent;background: linear-gradient(#1A211E, #1A211E) padding-box, linear-gradient(180deg, #E9D900, #E9D900, #E9D900) border-box;border-radius: 18px;display: flex;align-items: flex-start;gap: 16px}
.vv-trust-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(180deg,#E9D900,#E9D900);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vv-trust-icon i{color:#F4F1E8;font-size:20px}
.vv-trust-title{color:#F4F1E8;font-size:16px;font-weight:700;margin-bottom:6px}
.vv-trust-desc{color:#A5ADA7;font-size:13px;line-height:1.5}

.vv-referral-wrap{color:#F4F1E8;font-family:Inter,sans-serif}
.vv-referral-top{display:flex;/*grid-template-columns:1fr 1fr;*/gap:12px;margin:12px 0px}
.vv-ref-card{background:#1A211E;border:1px solid #303A34;border-radius:10px;padding:16px; width:100%}
.vv-small-title{color:#E9D900;font-size:11px;font-weight:600}
.vv-total-amount{margin-top:2px;color:#E9D900;font-size:34px;font-weight:700;line-height:1}
.vv-earn-header{display:flex;justify-content:space-between;align-items:center}
.vv-withdraw-btn{height:34px;padding:0 18px;border:0;border-radius:8px;background:linear-gradient(145deg,#E9D900 0,#E9D900 48%,#E9D900 100%);color:#080B0A;font-size:11px;font-weight:700;box-shadow:inset 0 1px 0 rgba(244,241,232,.22),0 2px 6px rgba(8,11,10,.35);cursor:pointer}
.vv-stats{display:flex;justify-content:space-between;margin: 10px 0px; gap:8px}
.vv-stat {
    background: #111715;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgba(48, 58, 52, .75);
    display: flex;
    flex-direction: column;
    align-items: center;
    filter: brightness(0.5);
}
.vv-stat.aaa {
    filter: none;
}
.vv-stat span{color:#E9D900;font-size: 16px;font-weight:800}
.vv-stat strong{display:block;/* margin-top:4px; */color:#F4F1E8;font-size: 12px;font-weight:600}
.vv-stat .stat-value{color:#E9D900 !important}
.vv-share-box{display:flex;gap:14px}
.vv-share-box .refqr{display:flex;flex-direction:column;border:0;padding:6px 6px 4px 6px;border-radius:13px;text-align:center;background:0;width:25%;margin:0 auto}
.vv-share-box .refqr a{height:34px;padding:0 18px;border:0;border-radius:8px;background:linear-gradient(145deg,#E9D900 0,#E9D900 48%,#E9D900 100%);color:#080B0A;font-size:11px;font-weight:700;box-shadow:inset 0 1px 0 rgba(244,241,232,.22),0 2px 6px rgba(8,11,10,.35);cursor:pointer}
.vv-qr{width:120px;height:120px;border-radius:6px;background:#fff;padding:4px;margin:0 auto}
.vv-share-content{flex:1}
.vv-share-content .refsm .cons{display:inline-block}
.vv-share-content .refsm .cons a img{max-width:25px}
.vv-share-content .refsm{margin:0}
.vv-ref-title{color:#E9D900;font-size:12px;font-weight:700}
.vv-link-row{display:flex;margin-top:8px}
.vv-link-row input{flex:1;height:34px;border:0;outline:0;padding:0 10px;background:#252D29;color:#A5ADA7}
.vv-link-row button{width:115px;border:0;border-radius:8px;background:linear-gradient(145deg,#E9D900 0,#E9D900 48%,#E9D900 100%);color:#080B0A;font-size:10px;font-weight:700;cursor:pointer}
.vv-social-row{margin-top:8px;display:flex;align-items:center;gap:8px;color:#A5ADA7;font-size:10px}
.vv-history-header{display:flex;justify-content:space-between;align-items:center;margin-top:14px;margin-bottom:8px}
.vv-history-header h4{margin:0;color:#F4F1E8;font-size:28px;font-weight:700}
.vv-history-tools{display:flex;align-items:center;gap:8px}
.vv-search{width:180px;height:32px;display:flex;align-items:center;padding:0 10px;border-radius:8px;background:#111715;border:1px solid rgba(48,58,52,.25)}
.vv-search input{flex:1;border:0;outline:0;background:0;color:#A5ADA7;font-size:11px}
.vv-search input::placeholder{color:#747E77}
.vv-search i{color:#E9D900;font-size:11px}
.vv-arrow{width:28px;height:28px;border:0;border-radius:8px;background:#252D29;color:#E9D900;cursor:pointer}
.vv-arrow.disabled{background:#111715;color:#747E77}
.vv-referral-wrap .vv-history-box{background:#1A211E;border:1px solid #303A34;border-radius:10px;overflow:hidden}
.vv-referral-wrap .vv-history-box table{width:100%;border-collapse:collapse;background:transparent}
.vv-referral-wrap .vv-history-box table thead{background:#1A211E}
.vv-referral-wrap .vv-history-box table th{background:transparent !important;color:#E9D900 !important;font-size:11px;font-weight:600;text-align:left;padding:14px 18px;border:0;border-bottom:1px solid rgba(48,58,52,.12)}
.vv-referral-wrap .vv-history-box table td{background:transparent;color:#747E77;font-size:11px;padding:8px 18px;border:0}
.vv-referral-wrap .vv-history-box table tbody tr{background:#1A211E;border-bottom:1px solid rgba(48,58,52,.03)}
.vv-referral-wrap .vv-history-box table tbody tr:last-child{border-bottom:0}
.vv-referral-wrap .vv-history-box table tbody tr:hover{background:#1A211E}
.vv-referral-wrap .vv-history-box table td:first-child{color:#747E77}
.vv-referral-wrap .vv-history-box table td:nth-child(2){color:#A5ADA7}
.vv-referral-wrap .vv-history-box table td:nth-child(3){color:#747E77}
.vv-referral-wrap .vv-history-box table td:last-child{color:#A5ADA7;font-weight:500}
.vv-history-box td:first-child{color:#747E77}
.vv-history-box td:nth-child(2){color:#A5ADA7}
.vv-history-box td:nth-child(3){color:#747E77}
.vv-history-box td:last-child{color:#A5ADA7;font-weight:500}
.vv-ref-info{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:22px}
.vv-ref-info h5{margin:0 0 12px;color:#E9D900;font-size:12px;font-weight:700}
.vv-ref-info ul{margin:0;padding:0;list-style:none}
.vv-ref-info li{display:flex;gap:12px;margin-bottom:12px;align-items:flex-start;color:#747E77;font-size:11px;line-height:1.65}
.vv-icon{width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:700;color:#E9D900;background:linear-gradient(145deg,#E9D900 0,#E9D900 48%,#E9D900 100%);box-shadow:0 3px 8px rgba(8,11,10,0.12)}
.vv-content strong{display:block;color:#E9D900;margin-bottom:2px}

.cl-container *{box-sizing:border-box}
.cl-container{width:100%;min-height:100vh;/*background:#09090d;*/display:flex;font-family:'Segoe UI',sans-serif;color:#F4F1E8}
.cl-sidebar{width:200px;min-width:200px;/*background:#08090d;*/border-right:1px solid #303A34;padding:18px 12px;display:flex;flex-direction:column;height:100vh}
.cl-sidebar-title{display:flex;align-items:center;gap:6px;color:#A5ADA7;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:18px}
.cl-provider-list{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;padding-right:4px;max-height:calc(100vh - 80px)}
.cl-provider-list::-webkit-scrollbar{width:4px}
.cl-provider-list::-webkit-scrollbar-track{background:transparent}
.cl-provider-list::-webkit-scrollbar-thumb{background:#1A211E;border-radius:20px}
.cl-provider-list::-webkit-scrollbar-thumb:hover{background:#252D29}
.cl-provider{display:flex;align-items:center;width:100%;min-height:34px;padding:0 14px;color:#A5ADA7;text-decoration:none;font-size:13px;font-weight:500;border-radius:18px;background:transparent;transition:.2s ease}
.cl-provider img{max-width:100px;filter: grayscale(1);}
.cl-provider:hover{color:#F4F1E8}
.cl-provider.aaa, .cl-provider:hover{color:#F4F1E8;background:linear-gradient(90deg,#252D29 0,#252D29 45%,rgba(37,45,41,0) 100%);box-shadow:inset 0 1px rgba(244,241,232,.08),0 0 12px rgba(233,217,0,.18)}
.cl-provider.aaa img, .cl-provider:hover img { filter:none;}
.cl-content{flex:1;padding:24px}
.cl-filters{display:flex;gap:12px;margin-bottom:30px}
.cl-filter-btn{height:40px;padding:0 20px;border-radius:22px;border:1px solid #303A34;background:#111715;color:#A5ADA7;cursor:pointer;font-size:13px;font-weight:500}
.cl-filter-btn.active{background:#E9D900;border-color:#E9D900;color:#E9D900}
.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));/*gap:22px 16px*/}
.cl-card{position:relative;border-radius:12px;background:linear-gradient(180deg,#111715 0,#111715 100%);border:1px solid #303A34;overflow:hidden;text-align:center}
.cl-badge{position:absolute;top:14px;left:10px;height:16px;min-width:28px;display:flex;align-items:center;justify-content:center;padding:0 7px;border-radius:3px;font-size:8px;font-weight:700;line-height:1;color:#F4F1E8}
.cl-badge.hot{background:#F06464}
.cl-badge.new{background:#64B5F6}
.cl-card-footer{margin:10px 0}
.cl-provider-name{font-size:8px;font-weight:700;color:#E9D900;text-transform:uppercase;letter-spacing:.2px;margin-bottom:4px;line-height:1}
.cl-game-name{font-size:10px;font-weight:600;color:#F4F1E8;line-height:15px;letter-spacing:0}

.rb66-promotions{width:100%;padding:18px 12px 28px;font-family:Inter,Segoe UI,sans-serif}
.rb66-header{font-size:17px;font-weight:700;color:#F4F1E8;margin-bottom:16px;line-height:1}
.rb66-header span{color:#E9D900}
.rb66-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;margin-bottom:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.rb66-tabs::-webkit-scrollbar{display:none}
.rb66-tab{flex:0 0 auto;white-space:nowrap;height:30px;padding:0 15px;border-radius:10px;border:1px solid #303A34;background:transparent;color:#E9D900;font-size: 14px;font-weight:500;cursor:pointer;transition:all .2s ease}
.rb66-tab:hover{border-color:#E9D900;color:#E9D900}
.rb66-tab.active{color:#080B0A;border:0;background:linear-gradient(90deg,#E9D900 0,#E9D900 100%)}
.rb66-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 16px}
.rb66-card{width:100%}
.rb66-title{font-size: 18px;font-weight:700;margin-bottom:10px;color:#E9D900}
.rb66-title span, .rb66-gold {color: #F4F1E8;font-weight: 700;}
.rb66-banner{position:relative;overflow:hidden;border-radius:8px;background:#111715;border: 1px solid #303A34;transition:transform .25s ease,box-shadow .25s ease}
.rb66-banner img{width:100%;height:100%;object-fit:cover;display:block}
.rb66-banner:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(233,217,0,.35),0 4px 18px rgba(233,217,0,.12)}
.rb66-active{border:1px solid #303A34}
.rb66-overlay {position: absolute;inset: 0;background: rgba(17,23,21,.70);display: flex;justify-content: center;align-items: center;gap: 8px;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .2s;}
.rb66-banner.active .rb66-overlay {opacity: 1;visibility: visible;pointer-events: auto;}
@media (hover: hover) and (pointer: fine) {.rb66-banner:hover .rb66-overlay {opacity: 1;visibility: visible;pointer-events: auto;}}
.rb66-btn-claim{height:28px;padding:0 18px;border:0;border-radius:8px;font-size:11px;font-weight:600;color:#080B0A;cursor:pointer;background:linear-gradient(90deg,#E9D900 0,#E9D900 100%)}
.rb66-btn-claim:hover{filter:brightness(1.05)}
.rb66-btn-info{height:28px;padding:0 15px;border-radius:8px;border:1px solid #303A34;background:#111715;color:#E9D900;font-size:11px;cursor:pointer}
.rb66-btn-info:hover{background:#252D29}
.rb66-empty {text-align: center;padding: 40px 20px;color: #A5ADA7;font-size: 14px;}

.daynights {  }
    .daynights .modes { display:none; border-radius:50%; background-color:#252D29; width:36px; height:36px; justify-content:center; align-items:center; cursor:pointer; border:2px solid #303A34 }
    .daynights .modes.aaa { display:flex }
        .daynights .modes:hover { filter:brightness(1.3) }
        .daynights .modes svg { max-width:60%; }
    .daynights .isday { color:#F4F1E8 }
    .daynights .isnight { color:#E9D900 }

.gametabs .btnsvg2 img{filter:brightness(0);}
.gametabs .btnsvg2.aaa, .btnsvg2:hover img {/*filter: brightness(0) invert(1);*/color: #F4E640;}
.reviews-view-more-btn{border:1px solid;}
.headerbanner{text-align:center;padding-bottom:16px;}
.headerbanner img { border: 1px solid #303A34; border-radius: 40px; }
.gamecons.customslot{/*width:85%!important;*/}

@keyframes blinkShadow {
    50% {
        filter:drop-shadow(0 0 8px #E9D900) brightness(1.2);
        transform:scale(1.03)
    }
}

@keyframes spin {
    from { transform: rotate(0deg) }
    to { transform: rotate(360deg) }
}

@media (min-width: 768px) {
    body.msb {  }
    body.msb .topnav .logo .arrows { transform:rotate(180deg) } 
    /*body.msb .sidebar { padding:0; width:56px; }*/
    body.msb .sidebar { padding:0; width:75px; }
    body.msb .sidebar .items { flex-direction:column; gap:12px;padding:0 8px;}
    body.msb .sidebar .items a { width:100% }
    /*body.msb .sidebar .items a span { display:none }*/
    /*body.msb .sidebar .items a.btnsvg { border:2px solid transparent }
    body.msb .sidebar .items a.btnsvg.aaa, body.msb .sidebar .items a.btnsvg:hover {border: 2px solid #ffffff;}*/
    body.msb .btnsvg svg { max-height:28px }
    body.msb .sidebar a.btnmg { background:transparent; padding:0 6px }
    body.msb .sidebar a.btnmg img { max-height:70px }
    body.msb .sidebar a.btnmg span { display:none }
    body.msb .sidebar a.btntt { padding:4px 6px; justify-content:center;flex-direction:column;font-size:10px;}
    body .sidebar a.btntt { padding:4px 6px; justify-content:center;flex-direction:column;font-size:10px;}
    body .sidebar a.btntt i { font-size:22px; }
    body .sidebar a.btntt span { font-size:9px;text-align:center; }
    body.msb .sidebar a.btntt i { font-size:22px; }
    body.msb .sidebar a.btntt span { font-size:9px;text-align:center; }
    body.msb .content-wrap { padding-left:80px }
    body.msb .sidebar .itemseve { text-align:center }
    body.msb .sidebar .itemseve .bgs { max-width:50px; margin:0 auto; border-radius:8px; overflow:hidden; display:block }
    body.msb .sidebar .itemseve .bgs img { width:216px; max-width:none }
    body.msb .revbox { width:calc(33.33% - 11px) /*width:100%*/ }

    .btnsvg{width:56px;height:56px;}
    .btnsvg img {width: 20px;height: 20px; filter: grayscale(1);}
    .topnav .logo{margin-left:50px;}
    .topnav .logo .arrows{display:none;}
    .langs{border:none;background-color:transparent;}
    .sidebar { padding:0; width:75px; }
    .sidebar .items { flex-direction:column; gap:12px;padding:0 8px;}
    .sidebar .items a { width:100% }
    .content-wrap { padding-left:80px }



}

@media only screen and (max-width: 1280px) {
    .glbox .games .gl {width:calc(16.66% - 16px);margin: 8px;cursor:pointer;position:relative}
    .cl-container .glbox .games .gl{width:calc(24.5% - 16px);margin:8px;cursor:pointer;position:relative}
}

@media only screen and (max-width: 1024px) {
    .sysdes { display:none }
    .sysmob { display:flex }
    .revbox { width:calc(50% - 9px) /*width:100%*/}
    .reviews-toolbar{flex-direction:column;align-items:stretch}
    .reviews-type-group{width:100%}
    .review-filter-btn{min-width:0;flex:1}
    .reviews-filter-select{margin-left:0;width:100%;justify-content:flex-end}

    .vv-sport-card {flex: 0 0 calc(50% - 8px);}

    .vv-referral-top { flex-wrap:wrap }
}
@media(max-width:991px){
    .cl-content{padding:15px}
    .rb66-grid{grid-template-columns:repeat(2,1fr)}
}
@media only screen and (max-width: 768px) {

    .topnav .ccon{height:64px;}
    .topnav .logo img{max-height:48px;}
    .sidebar{top:64px;}
    .main-wrap{padding-top:64px;}
    .content-wrap .con{padding:10px;}
    .sidebar {height:calc(100vh - 64px);}
    .headerbanner img { border-radius: 10px; }


    .vv-section-header .index-title{font-size:2.8vw}
    .vv-sport-card{flex:0 0 100%}
    .vv-vip-banner{height:auto;min-height:260px;padding:24px}
    .vv-vip-content{width:58%}
    .vv-vip-card-wrap{width:42%}
    .vv-vip-card-img{width:240px}
    .vv-vip-title{font-size:28px}
    .vv-vip-desc{font-size:12px;line-height:1.6}
    .vv-vip-features{gap:14px;flex-wrap:wrap}
    .vv-vip-feature{font-size:11px}
    .vv-vip-btn{height:36px;font-size:11px}
    .vv-payment-section{padding:18px;gap:16px}
    .vv-payment-title{font-size:2.4vw}
    .vv-payment-desc{font-size:1.7vw}
    .vv-payment-tabs{gap:10px;flex-wrap:wrap;justify-content:flex-end}
    .vv-payment-tab{height:38px;padding:0 18px;font-size:1.6vw}
    .vv-payment-tab i{font-size:1.8vw}
    .vv-trust-grid{grid-template-columns:repeat(2,1fr);gap:16px}
    .vv-trust-card{padding:18px;min-height:110px}
    .vv-trust-icon{width:42px;height:42px}
    .vv-trust-icon i{font-size:18px}
    .vv-trust-title{font-size:2.3vw}
    .vv-trust-desc{font-size:1.6vw;line-height:1.5}

    .vv-referral-top{grid-template-columns:1fr}
    .vv-total-amount{font-size:4vw}
    .vv-withdraw-btn{height:36px;padding:0 16px;font-size:1.4vw}
    .vv-stat strong{font-size:1.6vw}
    .vv-qr{width:80px;height:80px}
    .vv-ref-title{font-size:1.6vw}
    .vv-link-row input{font-size:1.3vw}
    .vv-link-row button{width:100px;font-size:1.2vw}
    .vv-social-row{font-size:1.2vw}
    .vv-history-header h4{font-size:24px}
    .vv-search{width:160px}
    .vv-history-box th{font-size:1.3vw}
    .vv-history-box td{font-size:1.3vw}
    .vv-ref-info{gap:30px}
    .vv-ref-info h5{font-size:1.5vw}

    .cl-container{display:flex;align-items:flex-start;min-height:auto}
    .cl-container .glbox .games .gl{margin:2px;}
    .cl-sidebar{display:block !important;width:140px;min-width:140px;height:auto;min-height:100%;overflow:visible;padding:15px 10px}
    .cl-provider-list{display:flex;flex-direction:column;gap:8px}
    .cl-provider{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:34px;padding:0 12px;font-size:12px;white-space:nowrap}
    .cl-content{flex:1;min-width:0;padding:15px}
    .cl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .cl-card{width:100%}
    .cl-game-name{font-size:10px;line-height:12px}

}
@media only screen and (max-width: 767px) {
    .sysdes767 { display:none }
    .sysmob767 { display:flex }
    .sidebar { left:-230px }
    .content-wrap { padding-left:24px }
    .topnav .logo { width:42vw }
    .topnav .logo .arrows { transform:rotate(180deg) }
    .topnav .items { justify-content:flex-end; width:auto }
    .topnav .items .il, .topnav .items .ir { gap:8px }
    .btmnav { display:flex }
    .provider-wrap img { max-width:20% }
    .license-wrap { flex-direction: column; gap:10px; font-size: 12px; }
    .prdetail .license-wrap { margin-bottom: 0px; margin-top: 30px; border-bottom: none; border-top: 1px solid #303A34; padding-bottom: 0px; flex-direction: row; padding-top: 10px; justify-content: space-between }
    .prdetail .license-wrap .cons {gap: 10px}
    .prdetail .license-wrap .cons img {max-height: 20px;}

    .topnav .ccon, .content-wrap { padding:8px 12px }
    .content-wrap { padding-bottom:68px }
    
    .seo-wrap { font-size:2.8vw }
    .seo-wrap h1 { font-size:5.4vw }
    .seo-wrap h2 { font-size:5vw }
    .seo-wrap h3 { font-size:4.6vw }
    .seo-wrap h4 { font-size:4.2vw }
    .seo-wrap h5 { font-size:3.8vw }

    .copyright-wrap { font-size:2.4vw }

    .prbox.aaa { width:calc(50% - 6px) }
    .prcon { gap:12px }
    .prbox .ccon h5 { font-size:3vw; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

    .accmenu .top { font-size:2.8vw }
    .accmenu .top .avatar img { max-height:7vw; min-width:7vw }

    .accbox-header { flex-direction:column; align-items:start }
    .acc-infos, .acc-buttons, .acclinks { width:100% }
    .acc-buttons { gap:8px }

    .depoamo, .depopmsel, .hissel { gap:6px }
    .dsel, .depoamo a, .hsel { font-size:14px; height:42px }
    .depoamo a { width:calc(25% - 5px) }
    .dsel, .hsel { width:calc(50% - 3px) }

    body.msb .topnav .logo .arrows { transform:rotate(0deg) } 
    body.msb .sidebar { left:0 }
    body.msb .main-wrap::before { content:''; position:fixed; z-index:5; width:100%; height:calc(100vh - 64px); left:0px; top:64px; background:rgba(17,23,21,0.5) }
    
    /*.glbox .games .gl { width:calc(25% - 12px); margin:6px }*/
    .glbox .games .gl { width:calc(32.33% - 12px); }

    .topnav .items .il, .footcon { display:none }
    .sidebar .langs { display:block }

    .referral { flex-direction: column;}
    .refqr { width: 50%; }
    .refqr a {  margin-top: 10px; }
    .refshare { margin: 20px 0px 0px; width:100% }
    .refsm { margin: 5px; }

    .checkin-wrapper .con .desc { max-width:100%; font-size:3vw }
    .cims .date, .cims .ddesc { font-size:1.4vw }

    .bals-rebate-holder { flex-direction:column }

    .bist .icons.wi { width:28px }
        .bist .icons img { height:28px; width:28px }

    .hebox-wrap { flex-wrap:wrap; gap:12px }
    .hebox { width:calc(50% - 6px) }
    .hebox a { flex-direction:column; gap:4px; }
    .hebox .infos { text-align:center }
    .hebox .infos .tt { font-size:3.8vw }
    .hebox .infos .desc { font-size:2.2vw }

    .shre-wrap .imgdes { display:none }
    .shre-wrap .imgmob { display:flex }
        .shre-wrap img.imgmob { width:100%; max-width:auto }
    .share-info { width:92%; right:4%; top:auto; bottom:12%; transform:none }

    .minigame-tabs { padding:3vw 0 }
    .minigame-iframe iframe { min-height:auto; height:100vh; max-height:760px }

    .reviews-type-group{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .review-filter-btn{width:100%;height:40px;font-size:16px;padding:0 12px}
    .review-filter-btn i{font-size:16px}
    .reviews-filter-select{justify-content:space-between}
    .reviews-filter-select label{font-size:14px}
    .reviews-filter-select select{min-width:160px;height:40px;font-size:16px}
    .reviews-page-btn{min-width:40px;height:38px;font-size:16px}
    .reviews-pagination{justify-content:center}
    .reviews-page-btn{min-width:36px;height:36px;font-size:14px;padding:0 8px}

    .cccwrap .game-wrap{display:flex;}
    .cccwrap .game-wrap .gametabs {flex-direction: column;width: 50px;justify-content:flex-start;padding:1%;}
    .cccwrap .game-wrap .gametabs span{font-size:8.5px;}
    .cccwrap .game-wrap .gamecons.vv-gbox{width:100%;padding-left:5px;}
    .reviews-view-more-btn{font-size:2.2vw!important;}
}

@media only screen and (max-width: 479px) {

    .content-wrap .con{padding:0;}

    .btns { font-size:3.2vw; padding:.8vw 2.4vw }
    .glbox .games .gl { width:calc(33.33% - 16px); }

    .appdl-wrap .appdl-desc { gap:8px; margin:20px 0px }
    .appdl-wrap .appdl-desc .btnmg img { max-height:28px }
    .appdl-wrap .appdl-holder .holder .ccon { font-size:3vw }
    .appdl-wrap .appdl-holder .holder .ccon .ttitle { font-size:6.6vw }
    .appdl-wrap .appdl-holder .holder .ccon .info { padding-top:4vw }
    .appdl-wrap .appdl-holder .holder .ccon .info ol { padding:0px 4vw 0px 6vw }
    .appdl-wrap .appdl-holder .holder .ccon .info ol li { padding:2vw 0px }
    .appdl-wrap .appdl-holder .holder .ccon .qrcode { margin:4vw; padding:2vw }

    .guide { display: grid; grid-template-columns: repeat(2, 1fr);}
    body.dl-app .app-banner { display: block; height: 52px;}
    .app-banner .app-dl .c-app { margin-top: -10px; }
    body.dl-app .topnav .app-dl { display: none; }

    body.dl-app {}
    body.dl-app .topnav { margin-top: 12vw;}
    body.dl-app .main-wrap { top: 50px; }
    body.dl-app .sidebar { top:114px; height:calc(100vh - 114px)  }
    
    .msbox { padding:6px 12px }
    .msbox { width:calc(100% - 12px) }
    .msbox .act a { width:48px; height:48px; font-size:26px }

    .minigame-iframe iframe { max-height:55vh }

    .revbox { calc(50% - 9px) /*width:100%*/ }

    .vv-section-header .index-title{font-size:clamp(16px,4.5vw,20px)}
    .vv-vip-banner{flex-direction:column;text-align:center;padding:24px 18px;gap:20px;height:auto}
    .vv-vip-content{width:100%}
    .vv-vip-card-wrap{width:100%;order:-1}
    .vv-vip-card-img{width:100%;margin:auto}
    .vv-vip-label{justify-content:center}
    .vv-vip-title{font-size:clamp(24px,7vw,32px);line-height:1.1}
    .vv-vip-desc{max-width:none;font-size:clamp(11px,3vw,13px);line-height:1.6}
    .vv-vip-features{justify-content:center;gap:10px;flex-wrap:wrap}
    .vv-vip-feature{font-size:11px}
    .vv-vip-btn{margin-top:20px}
    .vv-provider-bar{height:60px;padding:0 12px;gap:20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
    .vv-provider-bar::-webkit-scrollbar{display:none}
    .vv-provider-item{flex-shrink:0;0 10px;}
    .vv-provider-item img{max-width:80px;max-height:40px;width:auto;height:auto;object-fit:contain}
    .vv-payment-section{flex-direction:column;align-items:flex-start;padding:16px}
    .vv-payment-left{width:100%}
    .vv-payment-title{font-size:18px}
    .vv-payment-desc{font-size:12px}
    .vv-payment-tabs{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
    .vv-payment-tab{width:100%;height:38px;padding:0 10px;font-size:11px}
    .vv-payment-tab i{font-size:13px}
    .vv-trust-grid{grid-template-columns:1fr;gap:12px}
    .vv-trust-card{min-height:95px;padding:16px}
    .vv-trust-icon{width:40px;height:40px}
    .vv-trust-icon i{font-size:18px}
    .vv-trust-title{font-size:16px}
    .vv-trust-desc{font-size:12px;line-height:1.5}

    .vv-ref-hero-title{line-height:1}
    .vv-ref-hero{margin-bottom:14px}
    .vv-referral-top{grid-template-columns:1fr;gap:10px}
    .vv-ref-card{padding:12px}
    .vv-earn-header{flex-direction:column;align-items:flex-start;gap:10px}
    .vv-small-title{font-size:10px}
    .vv-total-amount{font-size:24px}
    .vv-withdraw-btn{width:100%;height:36px;font-size:11px}
    .vv-stats{gap:10px;flex-wrap:wrap}
    .vv-stat{width:calc(50% - 8px)}
    .vv-stat strong{font-size:12px}
    .vv-share-box{flex-direction:column;align-items:center;text-align:center}
    .vv-qr{width:90px;height:90px}
    .vv-share-content{width:100%}
    .vv-ref-title{font-size:12px}
    .vv-link-row{flex-direction:column;gap:8px}
    .vv-link-row input{width:100%;border-radius:6px;font-size:11px}
    .vv-link-row button{width:100%;height:34px;border-radius:6px;font-size:11px}
    .vv-social-row{justify-content:center;flex-wrap:wrap;font-size:10px}
    .vv-history-header{flex-direction:column;align-items:flex-start;gap:10px}
    .vv-history-header h4{font-size:20px}
    .vv-history-tools{width:100%}
    .vv-search{flex:1;width:auto}
    .vv-history-box{overflow-x:auto}
    .vv-history-box table{min-width:600px}
    .vv-history-box th{font-size:10px}
    .vv-history-box td{font-size:10px}
    .vv-ref-info{grid-template-columns:1fr;gap:20px}
    .vv-ref-info h5{font-size:12px}

    .cl-container{display:block}
    .cl-sidebar{width:100%;min-width:100%;padding:12px;margin-bottom:15px;border-right:0;border-bottom:1px solid #303A34}
    .cl-provider-list{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:8px;padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none;flex-direction:row}
    .cl-provider-list::-webkit-scrollbar{display:none}
    .cl-provider{flex:0 0 auto;width:auto;min-width:110px;height:46px;justify-content:center;white-space:nowrap;padding:0 16px}
    .cl-provider img{max-width:90px}
    .cl-content{padding:12px}
    .cl-filters{display:flex;flex-wrap:wrap;gap:6px}
    .cl-filter-btn{font-size:10.6px;height:34px;padding:0 6px}
    .cl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
    .cl-card{width:100%}
    .cl-game-name{font-size:10px;line-height:12px}
    .cl-container .glbox .games .gl{width:calc(34.5% - 16px);}

    .rb66-grid{grid-template-columns:1fr}.rb66-banner{height:150px}
    .cccwrap .game-wrap{display:flex;}
    .cccwrap .game-wrap .gametabs {flex-direction: column;width: 51px;justify-content:flex-start;padding: 0%;border-radius:10px;height:fit-content;overflow-x:hidden;}
    .cccwrap .game-wrap .gametabs span{font-size: 10px;}
    .cccwrap .game-wrap .gamecons.vv-gbox{width:calc(100% - 50px);padding-left:5px;margin:0;}
    .reviews-view-more-btn{font-size:3.2vw!important;}

    .rating-soft label{width:16px;height:16px;}
}

/*dark theme*/
.dark .bodybg {background: /*linear-gradient(151deg, #161616 0%, #000000 100%)*/#080B0A !important;}
.dark .ann,
.dark .glinfo .gt,
.dark .winner-wrap,
.dark .btntt,
.dark .follow-wrap .tt,
.dark .license-wrap,
.dark .copyright-wrap,
.dark .ptitle.text-center {
    color: #747E77 !important;
}

.dark .footer-wrap {/*background: rgb(0 0 0 / 70%)!important;*/}
.dark .sidebar { background: linear-gradient(90deg, #0D1210 0%, #0D1210 100%) !important; }

.dark .accbox-content {
    background: rgba(26,33,30,0.1)!important; color: #F4F1E8!important;}
.dark .accmenu .con { background-color: #252D29 !important; }
.dark a.ss1 { color: #F4F1E8 !important; }
.dark .topnav{background:#0D1210;}
.dark .reviews-filter-select label { color:#F4F1E8 }
/* Palette roles and exact interaction colors. Keep existing layout rules. */
body { background-color:var(--tst-bg); color:var(--tst-text); color-scheme:dark; }
.bodybg, .dark .bodybg { background:var(--tst-bg) !important; }
.topnav, .dark .topnav, .sidebar, .dark .sidebar, .btmnav,
.footer-wrap { background:var(--tst-header-footer) !important; }
.accbox-content, .dark .accbox-content { background:var(--tst-card) !important; color:var(--tst-text) !important; }
.dark .accmenu .con { background-color:var(--tst-elevated) !important; }
.btns.s1 { background:var(--tst-elevated); color:var(--tst-text) !important; }
.btn-submit, .btns.s2, .btns.s3, .btnmg, .revbtn,
.vv-withdraw-btn, .vv-share-box .refqr a, .vv-link-row button,
.rb66-btn-claim, .shopcustom-redeem-btn, .myacc .vip-btn,
.pscon .act a, .refer_btn, .con-chanel, .ann .readmore { background:var(--tst-primary); color:var(--tst-text-on-yellow) !important; }
.btn-submit:hover, .btns.s2:hover, .btns.s3:hover, .btnmg:hover, .revbtn:hover, .vv-withdraw-btn:hover, .vv-share-box .refqr a:hover, .vv-link-row button:hover, .rb66-btn-claim:hover, .shopcustom-redeem-btn:hover, .myacc .vip-btn:hover, .pscon .act a:hover, .refer_btn:hover, .con-chanel:hover, .ann .readmore:hover { background:var(--tst-primary-hover); filter:none; }
.btn-submit:active, .btns.s2:active, .btns.s3:active, .btnmg:active, .revbtn:active, .vv-withdraw-btn:active, .vv-share-box .refqr a:active, .vv-link-row button:active, .rb66-btn-claim:active, .shopcustom-redeem-btn:active, .myacc .vip-btn:active, .pscon .act a:active, .refer_btn:active, .con-chanel:active, .ann .readmore:active { background:var(--tst-primary-pressed); filter:none; }
.btnsvg.aaa, .btnsvg.vv-glmenu-act, .btnsvg:hover,
.review-filter-btn.active, .review-filter-btn:hover,
.reviews-page-btn.active, .reviews-page-btn:hover,
.dsel.aaa, .dsel:hover, .hsel.aaa, .hsel:hover,
.depoamo a.aaa, .depoamo a:hover, .rb66-tab.active,
.pann-sidemenu a.aaa { background:var(--tst-primary); color:var(--tst-text-on-yellow); }
.btnsvg.aaa span, .btnsvg.vv-glmenu-act span, .btnsvg:hover span,
.dsel.aaa::before, .hsel.aaa::before { color:var(--tst-text-on-yellow); }
.btns.s1:hover { background:var(--tst-card); filter:none; }
.btnsvg:hover, .review-filter-btn:hover, .reviews-page-btn:hover { background:var(--tst-primary-hover); }
.btnsvg:active, .review-filter-btn:active, .reviews-page-btn:active { background:var(--tst-primary-pressed); }
.cl-provider.aaa, .cl-provider:hover { background:var(--tst-elevated); color:var(--tst-primary); }
.cl-filter-btn.active { background:var(--tst-elevated); border-color:var(--tst-primary); color:var(--tst-primary); }
.input-group .form-control { background-color:transparent; color:var(--tst-text); }
.form-check-input:checked { background-color:var(--tst-primary); border-color:var(--tst-primary); }
.ann .readmore, .searchbar .input-group-text, .con-chanel { color:var(--tst-text-on-yellow); }
.follow-wrap .tt, .license-wrap, .copyright-wrap { color:var(--tst-text-secondary); }
.btn-submit[disabled], .shopcustom-card.disabled .shopcustom-redeem-btn { background:var(--tst-elevated); color:var(--tst-text-muted) !important; }

/* Neutral borders for resting banners and cards. */
.vv-vip-banner, .vv-sport-banner, .vv-trust-card { background:var(--tst-card); border-color:var(--tst-border); }
.revbox, .sys-review-formbox { background:var(--tst-card); border-color:var(--tst-border); }
.revbox:hover { border-color:var(--tst-primary); }
.commentsform textarea { border-color:var(--tst-border) !important; }

/* Configured categories share the page provider list. */
.vv-provider-list .vv-provider-category { border:0; cursor:pointer; text-align:left; gap:8px; flex-shrink:0; font-family:inherit; }
.vv-provider-list .vv-provider-category img { width:32px; height:32px; object-fit:contain; }

.vv-category-all { display:none !important; }
.vv-game-search { margin:16px 0; }