/* Premium Green UI polish - safe override, tidak menghapus CSS bawaan */
:root{
  --main-theme-color:#00e676 !important;
  --premium-green:#00e676;
  --premium-green-2:#00b85c;
  --premium-green-3:#016a36;
  --premium-neon:#9dff7a;
  --premium-gold:#ffd86b;
  --premium-orange:#ff9f1a;
  --premium-blue:#22e2ff;
  --premium-dark:#03140b;
  --premium-panel:rgba(4,28,15,.86);
  --premium-panel-2:rgba(7,48,25,.78);
  --premium-border:rgba(0,230,118,.44);
  --premium-shadow:0 18px 45px rgba(0,0,0,.38),0 0 35px rgba(0,230,118,.16);
}

html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(circle at 12% 8%, rgba(0,230,118,.20), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(255,159,26,.14), transparent 26%),
    radial-gradient(circle at 50% 92%, rgba(34,226,255,.12), transparent 28%),
    linear-gradient(135deg,#020805 0%,#04180d 44%,#071b10 100%) !important;
  color:#eefdf4;
  overflow-x:hidden;
}
body.premium-green-theme:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.35), transparent 75%);
}
body>*{position:relative;z-index:1;}

/* Storm layer */
#premium-rain-canvas,#premium-lightning-flash{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
#premium-rain-canvas{z-index:3;opacity:.44;mix-blend-mode:screen;}
#premium-lightning-flash{
  z-index:4;
  opacity:0;
  background:
    radial-gradient(circle at 70% 8%, rgba(255,255,255,.94), transparent 18%),
    linear-gradient(180deg, rgba(182,255,207,.34), transparent 42%);
  transition:opacity .18s ease;
}
#premium-lightning-flash.active{opacity:.72;}
#premium-lightning-flash:after{
  content:"";
  position:absolute;
  top:-7%;
  left:68%;
  width:3px;
  height:48vh;
  background:linear-gradient(to bottom,#fff,#a7ffcb,transparent);
  filter:drop-shadow(0 0 12px #fff) drop-shadow(0 0 28px var(--premium-green));
  transform:skewX(-22deg);
  opacity:.88;
}

/* Header premium */
.navbar.navbar-fixed-top{
  background:linear-gradient(180deg, rgba(1,25,12,.98), rgba(2,12,7,.94)) !important;
  border-bottom:1px solid var(--premium-border) !important;
  box-shadow:0 14px 35px rgba(0,0,0,.38),0 0 28px rgba(0,230,118,.16) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.topbar-container,.site-header{
  background:transparent !important;
}
.topbar-inner-container{
  min-height:78px;
}
.logo img{
  filter:drop-shadow(0 0 14px rgba(0,230,118,.7)) drop-shadow(0 0 22px rgba(255,216,107,.2));
  transition:transform .28s ease,filter .28s ease;
}
.logo:hover img{transform:scale(1.045);filter:drop-shadow(0 0 22px rgba(0,230,118,.9));}
.topbar-item>a,.language-selector-trigger{
  color:#eaffef !important;
  border:1px solid rgba(0,230,118,.2) !important;
  background:linear-gradient(180deg, rgba(0,230,118,.10), rgba(255,255,255,.03)) !important;
  border-radius:14px !important;
  box-shadow:inset 0 0 15px rgba(0,230,118,.05);
}
.topbar-item>a:hover,.language-selector-trigger:hover{
  color:#fff !important;
  border-color:rgba(0,230,118,.58) !important;
  box-shadow:0 0 18px rgba(0,230,118,.24), inset 0 0 18px rgba(0,230,118,.1);
}
.login-panel .register-button,.login-panel a.register-button,
.register-button,.btn.btn-primary,.popup-modal .btn-primary{
  color:#031108 !important;
  font-weight:900 !important;
  letter-spacing:.35px;
  text-transform:uppercase;
  background:linear-gradient(135deg,#b6ff6f 0%,#00e676 36%,#00a852 72%,#ffd86b 100%) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  border-radius:999px !important;
  box-shadow:0 8px 25px rgba(0,230,118,.35), inset 0 1px 0 rgba(255,255,255,.6) !important;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.login-panel .register-button:hover,.register-button:hover,.btn.btn-primary:hover{
  transform:translateY(-2px);
  filter:saturate(1.16) brightness(1.06);
  box-shadow:0 12px 32px rgba(0,230,118,.48),0 0 26px rgba(255,216,107,.22) !important;
}

/* Menu dropdown game */
.top-menu>li>a{
  color:#eaffef !important;
  font-weight:800;
  letter-spacing:.3px;
  border-radius:16px 16px 0 0;
  transition:all .22s ease;
}
.top-menu>li:hover>a,.top-menu>li[data-active="true"]>a{
  background:linear-gradient(180deg,rgba(0,230,118,.22),rgba(0,230,118,.08)) !important;
  color:#fff !important;
  text-shadow:0 0 10px rgba(0,230,118,.75);
}
.site-header .game-list-container{
  background:linear-gradient(180deg, rgba(5,35,19,.97), rgba(3,15,9,.97)) !important;
  border:1px solid rgba(0,230,118,.32) !important;
  border-radius:0 0 22px 22px !important;
  box-shadow:var(--premium-shadow) !important;
}
ul.games-container li a{
  border-radius:18px !important;
  overflow:hidden;
  border:1px solid rgba(0,230,118,.16) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(0,230,118,.06)) !important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
ul.games-container li a:hover{
  transform:translateY(-5px) scale(1.025);
  border-color:rgba(0,230,118,.66) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.32),0 0 25px rgba(0,230,118,.2) !important;
}
ul.games-container li img{border-radius:16px !important;}

/* Banner */
.banner,.banner-carousel,.banner img,.banner-carousel img{
  border-radius:24px !important;
}
.banner,.banner-carousel{
  overflow:hidden;
  box-shadow:0 18px 45px rgba(0,0,0,.42),0 0 34px rgba(0,230,118,.20) !important;
  border:1px solid rgba(0,230,118,.38);
}
.banner-carousel:after,.banner:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.15) 22%,transparent 44%);
  transform:translateX(-120%);
  animation:premiumShine 6s ease-in-out infinite;
}
@keyframes premiumShine{0%,45%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}

[data-container-background="home"]{
  background-image:
    radial-gradient(circle at 15% 10%, rgba(0,230,118,.22), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(255,216,107,.16), transparent 25%),
    linear-gradient(135deg,#021006,#052114 52%,#020805) !important;
  padding-bottom:30px;
}
.home-inner-container{
  background:linear-gradient(145deg,rgba(3,24,13,.92),rgba(5,45,25,.78),rgba(2,12,7,.93)) !important;
  border:1px solid rgba(0,230,118,.34) !important;
  box-shadow:var(--premium-shadow) !important;
  border-radius:34px !important;
  position:relative;
  overflow:hidden;
}
.home-inner-container:before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:radial-gradient(circle at 10% 0%,rgba(0,230,118,.18),transparent 36%),radial-gradient(circle at 100% 10%,rgba(255,159,26,.13),transparent 34%);
}

/* Jackpot */
.home-progressive-jackpot{
  background:linear-gradient(135deg,#011307,#07341b,#021006) !important;
  border:1px solid rgba(0,230,118,.5) !important;
  box-shadow:0 18px 35px rgba(0,0,0,.35),0 0 35px rgba(0,230,118,.22) !important;
}
.home-progressive-jackpot .inner-container{
  background:linear-gradient(135deg,rgba(0,230,118,.28),rgba(255,216,107,.10),rgba(0,0,0,0)) !important;
}
.home-progressive-jackpot .border-container{
  border-color:rgba(0,230,118,.78) !important;
  box-shadow:inset 0 0 24px rgba(0,230,118,.12),0 0 22px rgba(0,230,118,.12);
}
.home-progressive-jackpot .jackpot-container{
  background:linear-gradient(135deg,#071b10,#00a852 55%,#9dff7a 100%) !important;
  color:#fafffb !important;
  text-shadow:0 0 16px rgba(255,255,255,.6),0 0 28px rgba(0,230,118,.78);
}
.home-progressive-jackpot .jackpot-currency,
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text{
  color:var(--premium-green) !important;
}
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text label{color:var(--premium-gold) !important;}

/* Popular games premium */
.popular-slots-outer-container{
  margin-top:28px;
  position:relative;
}
.popular-game-title-container{
  padding:14px 6px 14px 2px !important;
  margin-top:26px !important;
  color:#fff !important;
}
.popular-game-title-container .title{
  font-size:26px !important;
  font-weight:900;
  letter-spacing:.5px;
  text-transform:uppercase;
  background:linear-gradient(90deg,#fff,#9dff7a 42%,#ffd86b 72%,#fff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
  filter:drop-shadow(0 0 12px rgba(0,230,118,.55));
}
.popular-game-title-container .title:after{
  content:"TERBARU";
  margin-left:12px;
  padding:5px 10px;
  border-radius:999px;
  font-size:11px;
  line-height:1;
  color:#041108;
  background:linear-gradient(135deg,#9dff7a,#00e676,#ffd86b);
  box-shadow:0 0 18px rgba(0,230,118,.35);
  -webkit-background-clip:border-box;
  background-clip:border-box;
}
.popular-game-title-container>i{
  border:0 !important;
  height:2px;
  background:linear-gradient(90deg,rgba(0,230,118,.72),rgba(255,216,107,.52),rgba(34,226,255,.22),transparent) !important;
  box-shadow:0 0 14px rgba(0,230,118,.52);
}
.popular-game-title-container+.game-list-container{
  padding:18px !important;
  border-radius:30px !important;
  border:1px solid rgba(0,230,118,.42) !important;
  background:
    linear-gradient(145deg,rgba(2,18,10,.94),rgba(6,49,27,.86),rgba(2,13,8,.94)) !important;
  box-shadow:0 22px 55px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.04),0 0 34px rgba(0,230,118,.18) !important;
  overflow:hidden;
  position:relative;
}
.popular-game-title-container+.game-list-container:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 7% 15%,rgba(157,255,122,.16),transparent 26%),radial-gradient(circle at 95% 0%,rgba(255,216,107,.14),transparent 28%);
}
.popular-game-title-container+.game-list-container .game-list{
  gap:14px !important;
  padding:6px 2px 12px !important;
  scroll-snap-type:x mandatory;
}
.popular-game-title-container+.game-list-container .game-list::-webkit-scrollbar{height:9px !important;}
.popular-game-title-container+.game-list-container .game-list::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,#00e676,#ffd86b,#22e2ff) !important;
  border-radius:999px !important;
}
.popular-game-title-container+.game-list-container .game-list .games-group{
  gap:14px !important;
  margin:6px !important;
  scroll-snap-align:start;
}
.popular-game-title-container+.game-list-container .game-list .game-item,
.game-list .game-item{
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(0,230,118,.07) 38%,rgba(0,0,0,.28)) !important;
  border:1px solid rgba(0,230,118,.28) !important;
  border-radius:22px !important;
  overflow:hidden;
  padding:10px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.03) !important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.popular-game-title-container+.game-list-container .game-list .game-item:hover,
.game-list .game-item:hover{
  transform:translateY(-8px) scale(1.025);
  border-color:rgba(157,255,122,.78) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 30px rgba(0,230,118,.32),0 0 18px rgba(255,216,107,.12) !important;
}
.game-list .wrapper-container{
  border-radius:18px !important;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(0,230,118,.14),rgba(0,0,0,.25)) !important;
  position:relative;
}
.game-list .wrapper-container:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.22) 20%,transparent 42%);
  transform:translateX(-135%);
  transition:transform .65s ease;
}
.game-list .game-item:hover .wrapper-container:before{transform:translateX(135%);}
.game-list .game-item img{
  border-radius:17px !important;
  transition:transform .35s ease,filter .35s ease;
}
.game-list .game-item:hover img{transform:scale(1.08);filter:saturate(1.2) contrast(1.08) brightness(1.03);}
.game-list .game-name{
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.28;
  text-shadow:0 0 8px rgba(0,230,118,.34);
  margin-top:9px !important;
  min-height:34px;
}
.game-list .link-container{
  background:rgba(0,0,0,.62) !important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.play-now,.game-list .play-now{
  color:#041108 !important;
  font-weight:900 !important;
  background:linear-gradient(135deg,#9dff7a 0%,#00e676 45%,#00a852 70%,#ffd86b 100%) !important;
  border:1px solid rgba(255,255,255,.44) !important;
  border-radius:999px !important;
  box-shadow:0 10px 24px rgba(0,230,118,.35), inset 0 1px 0 rgba(255,255,255,.55) !important;
  text-shadow:none !important;
}
.play-now:hover,.game-list .play-now:hover{
  background:linear-gradient(135deg,#ffd86b 0%,#00e676 48%,#22e2ff 100%) !important;
  box-shadow:0 12px 30px rgba(0,230,118,.5),0 0 18px rgba(255,216,107,.28) !important;
}
.game-item[data-badge]:before{
  content:attr(data-badge);
  position:absolute;
  top:10px;
  left:10px;
  z-index:5;
  padding:5px 9px;
  border-radius:999px;
  color:#061209;
  background:linear-gradient(135deg,#ffd86b,#9dff7a,#00e676);
  font-size:10px;
  font-weight:900;
  letter-spacing:.4px;
  box-shadow:0 0 18px rgba(0,230,118,.38);
}
.premium-game-controls{
  display:flex;
  gap:8px;
  align-items:center;
  margin-left:auto;
}
.premium-game-controls button{
  width:34px;
  height:34px;
  border:1px solid rgba(0,230,118,.52);
  border-radius:50%;
  color:#eaffef;
  background:linear-gradient(145deg,rgba(0,230,118,.22),rgba(255,255,255,.04));
  box-shadow:0 0 16px rgba(0,230,118,.15);
  font-weight:900;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.premium-game-controls button:hover{transform:translateY(-2px);box-shadow:0 0 24px rgba(0,230,118,.35);background:linear-gradient(145deg,rgba(0,230,118,.42),rgba(255,216,107,.16));}

/* Content, footer, modal */
.info-center-container,.footer-links,.footer-separator,.provider-container,
.about-us-container .inner-box,.promotion-item,.modal-content{
  border-color:rgba(0,230,118,.28) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.24),0 0 20px rgba(0,230,118,.08);
}
.info-center-container h2,.info-center-container h3,.promotion-side-menu>h5,
.mobile-app-container .title-container,.game-list .provider-name{
  color:var(--premium-green) !important;
}
a{transition:color .2s ease,filter .2s ease;}a:hover{color:#9dff7a !important;}
.modal-content{
  background:linear-gradient(145deg,#03150b,#062716) !important;
  color:#effff4 !important;
  border:1px solid rgba(0,230,118,.42) !important;
  border-radius:24px !important;
  overflow:hidden;
}
.modal-header,.modal-footer{background:rgba(0,0,0,.18) !important;border-color:rgba(0,230,118,.22) !important;}
.close{color:#fff !important;text-shadow:0 0 12px rgba(0,230,118,.7);opacity:.95 !important;}
.modal-backdrop,.premium-backdrop{background:rgba(0,0,0,.72) !important;backdrop-filter:blur(3px);}
.premium-fallback-popup{
  position:fixed;
  left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:99999;
  width:min(420px,calc(100vw - 34px));
  border:1px solid rgba(0,230,118,.48);
  background:linear-gradient(145deg,#03150b,#062716);
  color:#effff4;
  border-radius:22px;
  padding:22px;
  box-shadow:0 25px 70px rgba(0,0,0,.55),0 0 34px rgba(0,230,118,.22);
  text-align:center;
}
.premium-fallback-popup h4{margin-top:0;color:#9dff7a;font-weight:900;}
.premium-fallback-popup button{margin-top:12px;padding:9px 24px;border:0;border-radius:999px;background:linear-gradient(135deg,#9dff7a,#00e676,#ffd86b);font-weight:900;color:#031108;}

@media (max-width:991px){
  .popular-game-title-container .title{font-size:21px !important;}
  .popular-game-title-container+.game-list-container .game-list .games-group{width:calc((100% - 12px*2)/3.2) !important;}
  .home-progressive-jackpot .border-container{gap:16px !important;}
  .home-progressive-jackpot .jackpot-container{font-size:34px !important;}
}
@media (max-width:640px){
  #premium-rain-canvas{opacity:.28;}
  .home-inner-container{padding:18px !important;border-radius:22px !important;}
  .popular-game-title-container{flex-wrap:wrap;gap:10px;}
  .popular-game-title-container>i{display:none;}
  .premium-game-controls{width:100%;justify-content:flex-end;}
  .popular-game-title-container+.game-list-container{padding:12px !important;border-radius:22px !important;}
  .popular-game-title-container+.game-list-container .game-list .games-group{width:44vw !important;min-width:150px;}
  .game-list .game-name{font-size:12px !important;min-height:30px;}
  .home-progressive-jackpot .jackpot-play-section{display:none !important;}
  .home-progressive-jackpot .jackpot-container{font-size:24px !important;letter-spacing:2px !important;}
}


/* V6 - Banner tambahan di bawah section Jackpot Games */
.premium-jackpot-games-banner{
  width:min(1142px, calc(100% - 28px));
  margin:30px auto 34px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(0,230,118,.48);
  background:linear-gradient(145deg,rgba(2,18,10,.95),rgba(0,230,118,.12),rgba(2,18,10,.95));
  box-shadow:0 22px 58px rgba(0,0,0,.48),0 0 36px rgba(0,230,118,.24), inset 0 0 0 1px rgba(255,255,255,.05);
  position:relative;
  z-index:2;
}
.premium-jackpot-games-banner:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.14) 22%,transparent 44%);
  transform:translateX(-130%);
  animation:premiumJackpotBannerShine 6.8s ease-in-out infinite;
}
@keyframes premiumJackpotBannerShine{0%,46%{transform:translateX(-130%)}68%,100%{transform:translateX(130%)}}
.premium-jackpot-games-banner a,
.premium-jackpot-games-banner img{display:block;width:100%;}
.premium-jackpot-games-banner img{height:auto;object-fit:cover;border-radius:27px;}
.popular-game-title-container .title{text-transform:uppercase;}
@media (max-width:640px){
  .premium-jackpot-games-banner{width:calc(100% - 18px);margin:20px auto 26px;border-radius:18px;}
  .premium-jackpot-games-banner img{border-radius:17px;}
}


/* V7 - banner dikeluarkan dari .home-inner-container dan space kosong sebelum H1 dirapatkan */
#premium-rain-canvas{
  transform:none !important;
}
.home-inner-container{
  margin-bottom:0 !important;
}
.home-outer-container{
  padding-bottom:0 !important;
}
[data-container-background="home"]{
  padding-bottom:8px !important;
}
.premium-jackpot-games-banner.premium-outside-home{
  width:min(1142px, calc(100% - 28px));
  margin:20px auto 18px !important;
  position:relative;
  z-index:4;
}
.download-apk-container{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
.site-footer{
  padding-top:14px !important;
}
.footer-description-section,
.footer-description-section .site-description{
  margin-top:0 !important;
}
@media (max-width:640px){
  .premium-jackpot-games-banner.premium-outside-home{
    width:calc(100% - 18px);
    margin:14px auto 14px !important;
  }
}