/* THEME: CUANBET88 Professional Neon Gold Purple
   Struktur class tetap sama, efek dibuat ringan agar tidak bikin lag.
*/

:root{
  --cb-bg:#08040d;
  --cb-bg-2:#121212;
  --cb-panel:#160a22;
  --cb-purple:#7b2dff;
  --cb-purple-2:#a855f7;
  --cb-gold:#ffd400;
  --cb-gold-2:#ff9800;
  --cb-pink:#ff2d95;
  --cb-green:#00c853;
  --cb-cyan:#00d9ff;
  --cb-white:#ffffff;
  --cb-soft:#d8d8e8;
  --cb-border:rgba(255,212,0,.28);
  --cb-shadow:0 10px 28px rgba(0,0,0,.35);
  --cb-glow:0 0 18px rgba(123,45,255,.22);
}

/* Ticker */
.tickercontainer{
  margin:0;
  padding:0;
  overflow:hidden;
  text-align:center;
  background:
    radial-gradient(circle at 15% 50%,rgba(123,45,255,.20),transparent 30%),
    linear-gradient(90deg,#050208,#12091c 50%,#050208);
  border-bottom:1px solid rgba(255,212,0,.18);
}
.tickercontainer .mask{position:relative;width:100%;overflow:hidden;}
ul.newsticker{position:relative;list-style-type:none;margin:0;padding:0;overflow:hidden;display:flex;}
ul.newsticker li{
  margin:0;
  font-size:12px;
  padding:0 30px 0 0;
  white-space:nowrap;
  color:var(--cb-white);
  letter-spacing:.2px;
  text-shadow:0 0 8px rgba(255,212,0,.24);
}
ul.er-controls{list-style:none;display:inline-block;padding:0;}
ul.er-controls>li{
  display:inline-block;
  padding:0 14px;
  margin:5px;
  height:38px;
  line-height:38px;
  color:var(--cb-gold);
  background:linear-gradient(135deg,rgba(22,10,34,.95),rgba(8,4,13,.95));
  border:1px solid var(--cb-border);
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
ul.er-controls>li:hover{
  cursor:pointer;
  color:#08040d;
  background:linear-gradient(135deg,var(--cb-gold),#ffe877);
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(255,212,0,.22);
}

/* Announcement */
.announcement-outer-container{
  padding:8px 0;
  color:var(--cb-white);
  background:
    linear-gradient(90deg,rgba(8,4,13,.98),rgba(34,13,52,.96),rgba(8,4,13,.98));
  border-bottom:1px solid rgba(123,45,255,.28);
  box-shadow:0 5px 18px rgba(0,0,0,.22);
}
.announcement-container{display:flex;align-items:center;font-size:14px;}
.announcement-container>[data-section="date"]{
  flex-basis:30%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-right:10px;
  color:var(--cb-gold);
  font-weight:700;
}
.announcement-container>[data-section="date"] [data-icon="news"]{
  display:inline-block;
  height:25px;
  width:25px;
  background:center no-repeat;
  background-size:contain;
  background-image:var(--image-src);
  filter:drop-shadow(0 0 6px rgba(255,212,0,.35));
}
.announcement-container>[data-section="announcements"]{
  flex-basis:70%;
  overflow:hidden;
  color:var(--cb-white);
  padding:7px 24px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,212,0,.22);
  box-shadow:inset 0 0 16px rgba(123,45,255,.12);
}

/* Banner */
.banner,.banner .slick-slide img{aspect-ratio:1920/613;}
.banner-carousel.slick-initialized{height:auto;display:block;}
.banner .carousel-indicators li button{display:none;}
.banner .slick-slide img{
  display:block;
  height:auto;
  width:100%;
  line-height:1;
  border-radius:0 0 26px 26px;
  box-shadow:0 16px 34px rgba(0,0,0,.34);
}
.banner-group-vertical .carousel-indicators{bottom:50%;transform:translateY(50%);right:25px;left:unset;width:20px;}
.banner-group-vertical .carousel-indicators li{display:block;margin-bottom:2px;}

/* Jackpot Area */
.home-progressive-jackpot{
  position:relative;
  overflow:hidden;
  display:flex;
  padding:10px;
  color:var(--cb-white);
  border-radius:30px;
  background:
    radial-gradient(circle at 12% 20%,rgba(255,212,0,.38),transparent 22%),
    radial-gradient(circle at 85% 70%,rgba(123,45,255,.35),transparent 28%),
    linear-gradient(135deg,#07030b 0%,#1d0d2d 50%,#4a1795 78%,#d89212 100%);
  border:1px solid rgba(255,212,0,.30);
  box-shadow:var(--cb-shadow),var(--cb-glow);
}
.home-progressive-jackpot:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-35%;
  width:28%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);
  transform:skewX(-18deg);
  animation:cuanShine 6s ease-in-out infinite;
  pointer-events:none;
}
.home-progressive-jackpot .outer-container{
  display:flex;
  flex-grow:1;
  padding:10px;
  border-radius:100px;
  background:rgba(8,4,13,.82);
  backdrop-filter:blur(2px);
}
.home-progressive-jackpot .inner-container{
  display:flex;
  flex-grow:1;
  padding:9px;
  border-radius:100px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
}
.home-progressive-jackpot .border-container{
  display:flex;
  align-items:center;
  gap:42px;
  flex-grow:1;
  padding:10px;
  border-radius:100px;
  background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(22,10,34,.72));
  border:2px solid rgba(255,212,0,.70);
  box-shadow:inset 0 0 18px rgba(123,45,255,.16);
}
.home-progressive-jackpot .jackpot-container{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-grow:2;
  padding:9px;
  font-family:'Open24DisplaySt';
  font-size:50px;
  letter-spacing:5px;
  border-radius:70px;
  background:linear-gradient(135deg,var(--cb-gold),var(--cb-purple) 60%,#0b0411);
  box-shadow:0 0 18px rgba(255,212,0,.18);
}
.home-progressive-jackpot .jackpot-inner-container{
  display:flex;
  flex-grow:2;
  justify-content:center;
  padding:10px;
  border-radius:50px;
  background:#060309;
}
.home-progressive-jackpot .jackpot-border-container{
  display:flex;
  flex-grow:2;
  justify-content:center;
  line-height:40px;
  padding-bottom:10px;
  border-radius:50px;
  border:2px dashed rgba(255,212,0,.88);
  color:#fff;
  text-shadow:0 0 10px rgba(255,212,0,.50),0 0 16px rgba(123,45,255,.28);
}
.home-progressive-jackpot .jackpot-currency{color:var(--cb-gold);margin-right:10px;}
.home-progressive-jackpot .jackpot-play-section{display:flex;flex-direction:column;align-items:flex-end;margin-left:20px;}
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text{
  font-family:'gilroybold';
  color:var(--cb-gold);
  font-size:38px;
  text-transform:uppercase;
  line-height:1;
  text-shadow:0 0 12px rgba(255,212,0,.32);
}
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text label{color:var(--cb-pink);}
.home-progressive-jackpot .jackpot-play-section img{height:auto;width:87px;filter:drop-shadow(0 0 8px rgba(255,212,0,.28));}

/* Home */
.home-outer-container{padding-top:20px;padding-bottom:20px;}
.home-inner-container{
  padding:20px;
  border-radius:42px;
  background:
    radial-gradient(circle at top left,rgba(123,45,255,.22),transparent 32%),
    radial-gradient(circle at bottom right,rgba(255,212,0,.12),transparent 30%),
    linear-gradient(180deg,#14091f 0%,#08040d 100%);
  border:1px solid rgba(255,212,0,.18);
  box-shadow:var(--cb-shadow);
}

/* Popular Game */
.popular-game-title-container{display:flex;align-items:center;padding:10px;margin-top:20px;color:var(--cb-white);}
.popular-game-title-container .title{
  display:flex;
  align-items:center;
  font-size:20px;
  color:var(--cb-gold);
  font-weight:800;
  letter-spacing:.3px;
  text-shadow:0 0 8px rgba(255,212,0,.25);
}
.popular-game-title-container .title i{
  display:inline-block;
  height:24px;
  width:25px;
  margin-right:10px;
  background:center no-repeat;
  background-size:contain;
  filter:drop-shadow(0 0 6px rgba(255,212,0,.35));
}
.popular-game-title-container .title i[data-icon]{background-image:var(--image-src);}
.popular-game-title-container>i{
  flex-grow:1;
  margin:0 15px;
  border-top:1px solid rgba(255,212,0,.42);
  border-bottom:1px solid rgba(123,45,255,.45);
}
.popular-game-title-container a{
  display:inline-block;
  padding:7px 30px;
  border-radius:999px;
  font-size:15px;
  color:#09040d;
  font-weight:800;
  background:linear-gradient(135deg,var(--cb-gold),#fff0a1);
  box-shadow:0 8px 18px rgba(255,212,0,.18);
  transition:transform .2s ease,filter .2s ease;
}
.popular-game-title-container a:hover{transform:translateY(-1px);filter:brightness(1.06);}
.popular-game-title-container+.game-list-container{
  padding:12px 15px;
  border-radius:28px;
  background:rgba(255,255,255,.052);
  border:1px solid rgba(255,212,0,.24);
  box-shadow:inset 0 0 22px rgba(123,45,255,.10);
}
.popular-game-title-container+.game-list-container .game-list{overflow-x:auto;flex-wrap:nowrap;padding:0;margin:0;border:0;scrollbar-width:thin;}
.popular-game-title-container+.game-list-container .game-list .game-item{
  flex-shrink:0;
  position:relative;
  transition:transform .2s ease,filter .2s ease;
}
.popular-game-title-container+.game-list-container .game-list .game-item:hover{transform:translateY(-3px);filter:brightness(1.07);}
.popular-game-title-container+.game-list-container .game-list::-webkit-scrollbar{height:7px;}
.popular-game-title-container+.game-list-container .game-list::-webkit-scrollbar-track{background:transparent;}
.popular-game-title-container+.game-list-container .game-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--cb-purple),var(--cb-gold));border-radius:5px;}
.popular-game-title-container+.game-list-container .game-list .games-group{width:calc((100% - 6px*5)/6.5);flex-shrink:0;display:flex;flex-direction:column;gap:10px;margin:3px;}
.popular-game-title-container+.game-list-container .game-list .games-group .game-item{width:100%;margin:0;}

/* Telegram */
.telegram-banner-container{padding:20px 0;border:0;}
.telegram-banner-container img{width:100%;border-radius:22px;box-shadow:0 14px 30px rgba(0,0,0,.28),0 0 18px rgba(123,45,255,.16);}

/* Banner fallback */
.banner-carousel>div:first-child img{display:block;aspect-ratio:1920/613;height:auto;width:100%;line-height:1;}
.banner-carousel>div:not(:first-child),.banner-carousel>div:first-child>a:not(:first-child){display:none;}

/* APK Section */
.download-apk-container{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  background:var(--image-src);
  background-size:cover;
  box-shadow:var(--cb-shadow);
}
.download-apk-container:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(8,4,13,.94),rgba(36,15,55,.74),rgba(8,4,13,.92)),
    radial-gradient(circle at 80% 20%,rgba(255,212,0,.18),transparent 30%);
  pointer-events:none;
}
.download-apk-container>*{position:relative;z-index:1;}
.download-apk-container .popup-modal[data-title] .modal-title:before{content:none;}
.download-apk-container .popup-modal .modal-header h4{font-size:24px;}
.download-apk-container .popup-modal .modal-body img{height:20px;width:20px;margin-right:5px;filter:drop-shadow(0 0 5px rgba(255,212,0,.28));}
.download-apk-container .popup-modal .modal-body h5{font-size:18px;text-transform:uppercase;color:var(--cb-gold);}
.download-apk-container .popup-modal .modal-body ol{list-style:decimal;padding-left:5px;}
.download-apk{display:flex;align-items:center;color:var(--cb-white);}
.download-apk>div{flex-basis:50%;opacity:0;transition:opacity .7s ease,transform .7s ease;}
.download-apk>div:nth-child(1){transform:translateX(-44px);}
.download-apk>div:nth-child(2){transform:translateX(44px);}
.download-apk .h2{
  margin:0 0 10px;
  font-size:65px;
  font-weight:800;
  text-transform:uppercase;
  color:var(--cb-white);
  text-shadow:0 0 16px rgba(123,45,255,.28);
}
.download-apk .h2 span{display:block;color:var(--cb-gold);text-shadow:0 0 14px rgba(255,212,0,.36);}
.download-apk .h3{margin:0 0 10px;font-size:32px;font-weight:300;text-transform:uppercase;color:var(--cb-purple-2);}
.download-apk .h4{margin:0 0 15px;width:315px;font-weight:300;color:var(--cb-soft);}
.download-apk-info{display:flex;justify-content:space-between;margin:25px 0;}
.download-apk-info .download-apk-section{flex-basis:50%;}
.download-apk-section{display:flex;justify-content:flex-start;font-size:16px;}
.download-apk-section i{color:var(--cb-gold);font-style:normal;}
.download-apk-qr-code{margin-right:10px;}
.download-apk-qr-code img{max-width:94px;border-radius:12px;box-shadow:0 0 12px rgba(255,212,0,.20);}
.download-apk-detail{text-align:left;font-size:14px;display:flex;flex-direction:column;justify-content:space-around;text-align:center;color:var(--cb-white);}
.standard-container-with-sidebar .standard-form-content .download-apk-container{margin-top:30px;}
.standard-container-with-sidebar .standard-form-content .download-apk-container .download-apk .h2{font-size:35px;}
.standard-container-with-sidebar .standard-form-content .download-apk-container .download-apk .h3{font-size:20px;}
.standard-container-with-sidebar .standard-form-content .download-apk-container .download-apk .h4{font-size:16px;}
.standard-container-with-sidebar .standard-form-content .download-apk-container .download-apk-detail{font-size:12px;}
.download-popup-modal .modal-body img{height:20px;width:20px;margin-right:5px;filter:drop-shadow(0 0 5px rgba(255,212,0,.28));}

/* Animasi ringan */
@keyframes cuanShine{
  0%{left:-35%;opacity:0;}
  18%{opacity:1;}
  48%{left:112%;opacity:.75;}
  100%{left:112%;opacity:0;}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;}
}

/* Mobile biar tidak berat */
@media(max-width:768px){
  .home-progressive-jackpot:before{animation-duration:8s;}
  .home-progressive-jackpot .border-container{gap:16px;}
  .home-progressive-jackpot .jackpot-container{font-size:32px;letter-spacing:2px;}
  .home-progressive-jackpot .jackpot-play-section .jackpot-play-text{font-size:24px;}
  .download-apk .h2{font-size:38px;}
  .download-apk .h3{font-size:22px;}
  .popular-game-title-container+.game-list-container .game-list .game-item:hover,
  .popular-game-title-container a:hover{transform:none;}
}