/* THEME: Luxury Neon Gold Purple - Ringan & Profesional */ .tickercontainer{ margin:0; padding:0; overflow:hidden; text-align:center; background:linear-gradient(90deg,#08040d,#1a0b25,#08040d); } .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 28px 0 0; white-space:nowrap; color:#ffffff; text-shadow:0 0 8px rgba(245,197,66,.35); } ul.er-controls{ list-style:none; display:inline-block; padding:0; } ul.er-controls>li{ display:inline-block; padding:0 12px; background:linear-gradient(135deg,#1a0b25,#2a123a); color:#f5c542; margin:5px; border-radius:10px; height:40px; line-height:40px; border:1px solid rgba(245,197,66,.35); transition:all .25s ease; } ul.er-controls>li:hover{ background:linear-gradient(135deg,#7b2cbf,#f5c542); color:#09040d; cursor:pointer; box-shadow:0 0 14px rgba(245,197,66,.35); } /* Announcement */ .announcement-outer-container{ padding:7px 0; background:linear-gradient(90deg,#08040d 0%,#1a0b25 45%,#2a123a 100%); color:#ffffff; border-bottom:1px solid rgba(245,197,66,.25); box-shadow:0 4px 14px rgba(123,44,191,.18); } .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:#f5c542; font-weight:600; } .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(245,197,66,.45)); } .announcement-container>[data-section="announcements"]{ flex-basis:70%; background:rgba(255,255,255,.06); border:1px solid rgba(168,85,247,.35); border-radius:25px; padding:6px 25px; overflow:hidden; color:#ffffff; box-shadow:inset 0 0 14px rgba(123,44,191,.18); } /* 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 24px 24px; } .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{ background:linear-gradient(135deg,#08040d 0%,#2a123a 45%,#7b2cbf 72%,#d8a01c 100%); border-radius:32px; color:#ffffff; padding:10px; display:flex; box-shadow:0 0 22px rgba(168,85,247,.28); position:relative; overflow:hidden; } .home-progressive-jackpot:before{ content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.12) 45%,transparent 70%); transform:translateX(-120%); animation:cuanShine 5.5s ease-in-out infinite; pointer-events:none; } .home-progressive-jackpot .outer-container{ display:flex; flex-grow:1; padding:10px; background:#08040d; border-radius:100px; } .home-progressive-jackpot .inner-container{ display:flex; flex-grow:1; padding:10px; border-radius:100px; background:linear-gradient(180deg,#2a123a,#08040d); } .home-progressive-jackpot .border-container{ display:flex; align-items:center; gap:50px; flex-grow:1; padding:10px; border-radius:100px; background:rgba(0,0,0,.55); border:3px solid rgba(245,197,66,.75); } .home-progressive-jackpot .jackpot-container{ display:flex; justify-content:center; align-items:center; flex-grow:2; font-family:'Open24DisplaySt'; font-size:50px; letter-spacing:5px; background:linear-gradient(135deg,#f5c542 0%,#7b2cbf 55%,#08040d 100%); border-radius:70px; padding:10px; } .home-progressive-jackpot .jackpot-inner-container{ background:#07040b; display:flex; flex-grow:2; justify-content:center; border-radius:50px; padding:10px; } .home-progressive-jackpot .jackpot-border-container{ display:flex; flex-grow:2; justify-content:center; border-radius:50px; border:3px dotted rgba(245,197,66,.9); line-height:40px; padding-bottom:10px; text-shadow:0 0 10px rgba(245,197,66,.55); } .home-progressive-jackpot .jackpot-currency{ color:#f5c542; 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:#f5c542; font-size:38px; text-transform:uppercase; line-height:1; text-shadow:0 0 12px rgba(245,197,66,.4); } .home-progressive-jackpot .jackpot-play-section .jackpot-play-text label{ color:#a855f7; } .home-progressive-jackpot .jackpot-play-section img{ height:auto; width:87px; filter:drop-shadow(0 0 8px rgba(245,197,66,.35)); } /* Home */ .home-outer-container{ padding-top:20px; padding-bottom:20px; } .home-inner-container{ background:radial-gradient(circle at top,#2a123a 0%,#100818 52%,#06030a 100%); padding:20px; border-radius:50px; border:1px solid rgba(245,197,66,.2); box-shadow:0 0 22px rgba(123,44,191,.18); } /* Popular Game */ .popular-game-title-container{ display:flex; align-items:center; padding:10px; margin-top:20px; color:#ffffff; } .popular-game-title-container .title{ font-size:20px; display:flex; align-items:center; color:#f5c542; text-shadow:0 0 8px rgba(245,197,66,.28); } .popular-game-title-container .title i{ display:inline-block; height:24px; width:25px; background:center no-repeat; background-size:contain; margin-right:10px; filter:drop-shadow(0 0 6px rgba(245,197,66,.45)); } .popular-game-title-container .title i[data-icon]{ background-image:var(--image-src); } .popular-game-title-container>i{ border-bottom:2px solid rgba(168,85,247,.6); border-top:2px solid rgba(245,197,66,.6); flex-grow:1; margin:0 15px; } .popular-game-title-container a{ display:inline-block; padding:6px 30px; border-radius:25px; font-size:15px; background:linear-gradient(135deg,#7b2cbf,#f5c542); color:#08040d; font-weight:700; box-shadow:0 0 12px rgba(245,197,66,.25); transition:all .25s ease; } .popular-game-title-container a:hover{ transform:translateY(-1px); filter:brightness(1.08); } .popular-game-title-container+.game-list-container{ background:rgba(255,255,255,.055); border:2px solid rgba(245,197,66,.35); padding:10px 15px; border-radius:30px; box-shadow:inset 0 0 18px rgba(123,44,191,.14); } .popular-game-title-container+.game-list-container .game-list{ overflow-x:auto; flex-wrap:nowrap; padding:0; margin:0; border:0; } .popular-game-title-container+.game-list-container .game-list .game-item{ flex-shrink:0; position:relative; transition:transform .25s ease, filter .25s ease; } .popular-game-title-container+.game-list-container .game-list .game-item:hover{ transform:translateY(-3px); filter:brightness(1.08); } .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,#7b2cbf,#f5c542); 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 0 18px rgba(168,85,247,.18); } /* 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{ background:var(--image-src); background-size:cover; overflow:hidden; border-radius:28px; position:relative; } .download-apk-container:before{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,4,13,.92),rgba(42,18,58,.68),rgba(8,4,13,.92)); 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(245,197,66,.35)); } .download-apk-container .popup-modal .modal-body h5{ font-size:18px; text-transform:uppercase; color:#f5c542; } .download-apk-container .popup-modal .modal-body ol{ list-style:decimal; padding-left:5px; } .download-apk{ display:flex; align-items:center; color:#ffffff; } .download-apk>div{ flex-basis:50%; opacity:0; transition:all .8s ease; } .download-apk>div:nth-child(1){ transform:translateX(-60px); } .download-apk>div:nth-child(2){ transform:translateX(60px); } .download-apk .h2{ text-transform:uppercase; font-weight:700; font-size:65px; margin:0 0 10px; color:#ffffff; text-shadow:0 0 16px rgba(168,85,247,.35); } .download-apk .h2 span{ display:block; color:#f5c542; text-shadow:0 0 14px rgba(245,197,66,.45); } .download-apk .h3{ text-transform:uppercase; font-size:32px; font-weight:100; margin:0 0 10px; color:#a855f7; } .download-apk .h4{ font-weight:100; margin:0 0 15px; width:315px; color:#d8d8e8; } .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:#f5c542; 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(245,197,66,.22); } .download-apk-detail{ text-align:left; font-size:14px; display:flex; flex-direction:column; justify-content:space-around; text-align:center; color:#ffffff; } .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(245,197,66,.35)); } /* Animasi ringan */ @keyframes cuanShine{ 0%{transform:translateX(-120%);} 45%{transform:translateX(120%);} 100%{transform:translateX(120%);} } /* Mobile biar tidak berat */ @media(max-width:768px){ .home-progressive-jackpot:before{ animation-duration:8s; } .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; } }