:root{--color-dark-bg:#1a1a1a;--color-card-bg:#29293a;--color-text-light:#f0f0f0;--color-text-yellow:#ffc300;--color-primary-green:#00a800;--color-primary-red:#cc0000;--color-primary-purple:#2f00ff;--color-button-dark:#333d47;--color-border-subtle:#3a3a3a;--color-navbar-bg:#101010}*{box-sizing:border-box;margin:0;padding:0;font-family:'Poppins',sans-serif}body{background-color:var(--color-dark-bg);color:var(--color-text-light);line-height:1.6}.navbar{background-color:var(--color-navbar-bg);padding:0;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,0.5);position:sticky;top:0;z-index:100}.navbar-inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;}.logo{font-size:24px;font-weight:700;color:var(--color-text-yellow);letter-spacing:1px;height:100%;display:flex;align-items:center}.logo img{max-height:100%;max-width:100%;width:200px;object-fit:contain}.date{font-size:14px;color:#999}.main-content{padding:0 20px 0 20px;max-width:1200px;margin:0 auto;margin-top:20px}.banner-slider{margin:10px auto;overflow:hidden;position:relative;max-width:1200px;border-radius:8px}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;font-weight:700}.slide.active{opacity:1}.slide-1{background-image:url('assets/images/banner1_placeholder.jpg')}.slide-2{background-image:url('assets/images/banner2_placeholder.jpg');background-color:#3f003a}.overlay-text,.overlay-text-small{color:#fff;text-shadow:0 0 5px #000}.overlay-text-small{font-size:16px;line-height:1.4}.deposit-btn{background-color:var(--color-primary-purple);color:#fff;border:none;padding:5px 15px;margin-top:10px;border-radius:4px;font-weight:600;cursor:pointer}.auth-links{display:flex;justify-content:center;gap:10px;padding:10px;background-color:var(--color-card-bg);border-radius:6px}.auth-link{color:var(--color-text-yellow);text-decoration:none;font-weight:600;padding:5px 15px;display:flex;align-items:center;justify-content:center}.separator{color:#fff;align-self:center;height:20px;border-left:1px solid var(--color-border-subtle)}.game-filters{max-width:1200px;margin:0 auto 20px;padding:0 20px}.filter-wrapper{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;padding:10px;background-color:var(--color-card-bg);border-radius:6px}.filter-btn{background-color:var(--color-button-dark);color:var(--color-text-light);text-decoration:none;padding:6px 12px;border-radius:4px;font-size:14px;transition:background-color .3s}.filter-btn:hover{background-color:#4c5a6b}.filter-btn.active{background-color:var(--color-primary-purple);font-weight:600}#display-select{padding:5px 10px;background-color:var(--color-card-bg);color:var(--color-text-light);border:1px solid var(--color-border-subtle);border-radius:4px}.info-bar-new{display:flex;align-items:center;background-color:var(--color-card-bg);padding:10px 20px;margin-bottom:20px;border-radius:4px;overflow:hidden;height:40px}.marquee-wrapper{flex-grow:1;overflow:hidden;white-space:nowrap;position:relative;margin-right:15px}.static-text{margin-left:auto;color:#fff;font-size:15px;flex-shrink:0}.select-container{flex-shrink:0;margin-left:10px}.running-text-content{margin:0;font-size:15px;color:#fff;display:inline-block;padding-left:100%;animation:marquee-move 15s linear infinite}@keyframes marquee-move{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.game-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:0 20px;margin-bottom: 10px;}@media(max-width:600px){.game-list{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 10px;}.navbar{flex-direction:column;padding:10px 0;height:auto}.navbar-inner{flex-direction:column;padding:0 20px}.logo{margin-bottom:5px;justify-content:center;width:100px}.date{text-align:center;width:100%;margin-top:5px;padding-bottom:10px;font-size: 10px;}}.game-card{background-color:var(--color-card-bg);border-radius:8px;overflow:hidden;text-align:center;padding-bottom:15px;box-shadow:0 4px 10px rgba(0,0,0,0.4);transition:transform .2s;display:flex;flex-direction:column;position:relative}.game-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,0.6)}.game-thumbnail-wrapper{position:relative;overflow:hidden}.game-thumbnail{width:100%;padding-top:100%;height:0;background-size:cover;background-position:center;background-color:#444;margin-bottom:10px;overflow:hidden}.game-thumbnail-img{width:100%;height:auto;display:block}
/* --- OVERLAY STYLES START (HANYA PADA GAMBAR) --- */
.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 50%);display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px;opacity:0;transition:opacity .3s ease;z-index:10;cursor:pointer}.game-card:hover .game-overlay{opacity:1}.login-btn-overlay{display:block;padding:10px 20px;background-color:#ff3366;color:white;font-weight:700;text-decoration:none;border-radius:6px;text-align:center;font-size:16px;box-shadow:0 4px 8px rgba(0,0,0,.4);transform:scale(1);transition:transform .2s,background-color .2s}.login-btn-overlay:hover{background-color:#e02a5a;transform:scale(1.05)}
/* --- OVERLAY STYLES END (HANYA PADA GAMBAR) --- */
.game-title{font-weight:600;font-size:15px;color:var(--color-text-yellow);text-transform:uppercase;min-height:50px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.game-title-cover{background-color:#1a1a2a;padding:10px;font-size:12px;margin-bottom:10px;width:100%}.rtp-indicator{background-color:var(--color-border-subtle);height:20px;margin:0 15px 10px;border-radius:10px;overflow:hidden;position:relative}.rtp-bar{height:100%;transition:width .5s ease-out,background-color .3s;min-width:0}.rtp-indicator::after{content:attr(data-rtp-text);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:12px;color:#fff;text-shadow:0 0 2px #000;z-index:3}.rtp-bar span[itemprop=ratingValue]{display:none}.simulasi-btn{background-color:var(--color-primary-purple);color:#fff;border:none;padding:8px 15px;margin:0 15px 15px;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s}.simulasi-btn:hover{background-color:#ffaa33}.pola-gacor{background-color:#1a1a2a;margin:0 15px;padding:10px;border-radius:6px;text-align:left;font-size:13px;flex-grow:1}.wib-time{color:var(--color-text-yellow);font-weight:600;text-align:center;margin-bottom:8px;border-bottom:1px dashed var(--color-border-subtle);padding-bottom:5px}.pola-row{display:flex;justify-content:space-between;padding:3px 0;color:var(--color-text-light)}.pola-row span:last-child{font-weight:700}.pola-row span:last-child::before{content:'';margin-right:5px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8);padding-top:50px}.modal-content{background-color:var(--color-card-bg);margin:5% auto;padding:30px;border-radius:10px;width:90%;max-width:450px;position:relative;box-shadow:0 5px 15px rgba(0,0,0,0.9)}.close-btn{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close-btn:hover,.close-btn:focus{color:var(--color-primary-red);text-decoration:none;cursor:pointer}.modal-title{text-align:center;color:var(--color-text-yellow);margin-bottom:20px}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;font-size:14px;color:#ccc}.input-group input{width:100%;padding:10px;border:1px solid var(--color-border-subtle);border-radius:4px;background-color:var(--color-button-dark);color:var(--color-text-light);font-size:16px}#simulasi-action-btn{width:100%;background-color:#007bff;color:#fff;padding:10px;border:none;border-radius:4px;font-weight:600;cursor:pointer;margin-top:10px;transition:background-color .3s}#simulasi-action-btn:hover{background-color:#0056b3}#simulasi-result{margin-top:20px;padding-top:15px;border-top:1px dashed var(--color-border-subtle);text-align:center}#simulasi-result h4{color:var(--color-text-yellow);margin-bottom:10px}#simulasi-result p{font-size:15px;margin-bottom:5px}.rtp-bar-full{background-color:var(--color-border-subtle);height:25px;border-radius:12px;margin:10px 0;overflow:hidden}.rtp-bar-fill{height:100%;background-color:var(--color-primary-green);transition:width .5s ease-out;display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;font-size:14px}.highlight-potensi-positive{color:var(--color-primary-green);font-weight:700}.highlight-potensi-negative{color:var(--color-primary-red);font-weight:700}.description{color:#ccc;font-style:italic;margin-top:25px;padding:5px 0;border-top:1px dotted #444}.error-message{font-size:12px;margin-top:5px}.chart-container{display:flex;justify-content:center;align-items:flex-end;height:150px;padding:10px 0;margin-top:10px}.chart-bar-group{display:flex;align-items:flex-end;width:80%;height:100%;gap:10px;border-bottom:2px solid var(--color-border-subtle);position:relative}.chart-bar{width:30%;transition:height .5s ease-out;border-top-left-radius:3px;border-top-right-radius:3px}.chart-bar-group .chart-bar:nth-child(2){max-height:90%}.green-bar{background-color:var(--color-primary-green)}.orange-bar{background-color:var(--color-primary-purple)}.blue-bar{background-color:#007bff}.chart-x-labels{position:absolute;bottom:-30px;width:100%;display:flex;justify-content:space-around;font-size:12px;color:#aaa}.search-bar{width:100%;display:flex;justify-content:center;margin:8px 0 12px 0}.search-bar input{width:100%;max-width:100%;background-color:#1e1e2a;border:2px solid #2c2c3c;color:#f8f8f8;border-radius:10px;padding:12px 18px;font-size:16px;transition:all .25s ease}.search-bar input::placeholder{color:#aaa}.search-bar input:focus{border-color:#ff9900;box-shadow:0 0 8px rgba(255,153,0,.3);outline:none}.provider-filter-container{position:relative;padding:10px 0;overflow:hidden;background-color:#1a1a1a}#provider-filter-wrapper{display:flex;flex-wrap:nowrap;overflow-x:hidden;scroll-behavior:smooth;padding:15px 20px;margin:0 auto;max-width:1200px;justify-content:flex-start}.filter-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5px 10px;margin:0 5px;min-width:100px;text-decoration:none;color:#fff;border-radius:8px;transition:background-color .3s;font-size:12px;font-weight:600;flex-shrink:0}.filter-btn.active{background-color:#ffcc00;color:#000}.provider-icon{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-bottom:5px;box-shadow:0 0 5px rgba(0,0,0,.2)}.slide-btn{position:absolute;top:50%;height:80%;width:25px;transform:translateY(-50%);background:rgba(0,0,0,.7);color:white;border:none;cursor:pointer;z-index:10;opacity:.8;transition:opacity .3s;font-size:1.2em;display:block}.slide-btn:hover{opacity:1}#slide-left{left:0;border-radius:0 5px 5px 0}#slide-right{right:0;border-radius:5px 0 0 5px}.banner-slider{margin:10px auto;overflow:hidden;position:relative;max-width:1200px;border-radius:8px}.banner-wrapper{display:flex;width:300%;margin:0;padding:0;transition:transform .5s ease-in-out;white-space:nowrap;line-height:0}.banner-item{flex-shrink:0;width:33.33%;border-radius:8px;overflow:hidden;margin:0;padding:0}.banner-item img{max-width:100%;width:100%;height:auto;display:block;box-shadow:0 4px 8px rgba(0,0,0,.3)}.banner-slide-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:white;border:none;padding:10px 15px;cursor:pointer;z-index:15;font-size:1.5em;line-height:1;opacity:.8;border-radius:5px}#banner-slide-left{left:10px}#banner-slide-right{right:10px}.banner-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:20}.dot{height:10px;width:10px;background-color:rgba(255,255,255,.5);border-radius:50%;display:inline-block;cursor:pointer;transition:background-color .3s,transform .3s}.dot.active{background-color:#ffcc00;transform:scale(1.2)}@media(max-width:768px){#provider-filter-wrapper{overflow-x:scroll;-webkit-overflow-scrolling:touch;padding:15px 10px;scroll-snap-type:x mandatory;max-width:none}.banner-slider{max-width:none;padding:0 10px;overflow-x:scroll;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.banner-wrapper{display:flex;width:fit-content;transition:none;transform:none!important}.banner-item{width:calc(100vw - 20px);scroll-snap-align:start}.banner-item:first-child{margin-left:0}.banner-slide-btn,.banner-dots{display:none}}