:root{--primary-color:#8bea2f;--secondary-color:#6ab62c;--primary-background:#000;--secondary-background:#101a0c;--header-background:#000;--content-background:#000;--provider-background:#15250e;--footer-background:#497b20;--text-primary-color:#fff;--menu-item-color:#fff}
html body,body#desktop{background:#000!important;background-image:none!important;color:#f4f6f1}body .mobile-only[style*="background-color:#652802"],body .mobile-only[style*="background-image: linear-gradient(#060300"]{background:#000!important;background-image:none!important}
.marquee,#marquee,#marquee-mobile{background:#3c6020!important;border-top:3px solid #8bfa39;color:#fff}.marquee-shadow{background:linear-gradient(90deg,#3c6020,transparent)!important}
.menu,.grabgtab,.nav-tabs{background:linear-gradient(180deg,#8be132,#6bbb29)!important;border-color:#9cf64e!important}.menu-item,.menu-item a,.grabgtab a,.nav-tabs a{color:#fff!important}.menu-item:hover,.menu-item.active,.nav-tabs>li.active>a{background:#a0f341!important;color:#fff!important;border-color:#96e73e!important}
.btn-masuk,button.btn-masuk{background:linear-gradient(#e77b70,#d55449)!important;color:#fff!important;border:1px solid #ef9288!important}.btn-daftar,button.btn-daftar{background:linear-gradient(#86c8df,#4faac8)!important;color:#fff!important;border:1px solid #a7dff0!important}
.navbar-inverse{background:#101b0a!important;border-color:#79c330!important}.navbar-header,.navbar-collapse{background:#000!important}.navbar-inverse .navbar-nav>li>a{color:#fff!important}.btn-primary{background:linear-gradient(#94eb3c,#69b92a)!important;border-color:#7eca37!important;color:#fff!important}.btn-default{background:#172b0d!important;color:#fff!important;border-color:#46792c!important}.btn-primary:hover,.btn-default:hover{filter:brightness(1.12)}
input.form-control,select.form-control,textarea.form-control,.login-input-field{background:#fff!important;color:#242b24!important;border-color:#b5c0b0!important}input:focus,select:focus,textarea:focus{outline:2px solid #8be73c;outline-offset:1px}.offcanvas,.dropdown-menu{background:#111e0b!important;color:#fff!important}.panel,.well,.modal-content{background:#101a0c!important;color:#fff!important;border-color:#31551e!important}.panel-heading{background:#315b1c!important;color:#fff!important}a{color:#9be661}a:focus-visible,button:focus-visible{outline:3px solid #abf66d;outline-offset:3px}
footer,.footer,.footer-mobile,.mobile-footer,.bottom-nav{background:linear-gradient(#79bc31,#4c811f)!important;color:#fff!important;border-color:#87d63d!important}.api-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.api-game-card{display:flex;flex-direction:column;gap:10px;text-align:center;padding:10px;border:1px solid #304a21;border-radius:10px;background:#101a0c;color:#fff}.api-game-card img{width:100%;aspect-ratio:4/3;object-fit:contain}.catalog-providers{display:flex;gap:8px;flex-wrap:wrap}.userCredit{color:#ffdc52!important}
@media(max-width:600px){.api-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.api-game-card{padding:6px}.catalog-providers .btn{font-size:12px}}

:root{--line-color:#80d92e;--marquee-background:#3c6020;--menu-background:linear-gradient(#91e735,#6ec52a);--button-promosi-color:linear-gradient(#fbd35a,#edbd35);--neon-pink:#8fdc3e;--neon-blue:#77bd33;--dark-bg:#000}

@media(max-width:1000px){
html{width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body#desktop{box-sizing:border-box;width:100%!important;max-width:100%!important;margin:0;overflow-x:clip}
body#desktop *,body#desktop *::before,body#desktop *::after{box-sizing:border-box}
body#desktop #top,body#desktop .wrapper,body#desktop .header,body#desktop .header-content,body#desktop .contentdata,body#desktop .content-area,body#desktop .content-main,body#desktop .content-body,body#desktop .content-box{width:100%!important;max-width:100%;min-width:0}
body#desktop .wrapper>*,body#desktop .wrapper>*>*{min-width:0;max-width:100%}
body#desktop .header-content{grid-template-columns:minmax(0,1fr)}
body#desktop img{max-width:100%}
body#desktop .logoimg{max-width:65vw;object-fit:contain}
body#desktop input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body#desktop select,body#desktop textarea{font-size:16px!important;min-width:0;max-width:100%}
body#desktop .input-group,body#desktop .login-form,body#desktop .register-form{min-width:0;max-width:100%}
body#desktop #menu-mobile{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
body#desktop .offcanvas{max-width:90vw}
}

/* Brighter lime matches the supplied mobile reference. */
.menu-mobile,#menu-mobile{background:linear-gradient(110deg,#8ce42e,#71c427)!important}
.menu-mobile .menu-item:hover{background:#a0f23c!important}