1<!doctype html> 2<html lang="id"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 6 7 <!-- Meta-Start --> 8 9 <meta name="description" content="TENGKU4D adalah platform hiburan online berbasis game online dengan 4 varian permainan casino, togel, slot, bola yang memiliki 2 varian server resmi asia dan eropa terpercaya di indonesia, Daftar Sekarang!"> 10<link rel="canonical" href="https://tengku4d.com/"> 11<link rel="amphtml" href="https://birulangit.dev/amp-tengku4d/"> 12<link rel="icon" href="https://i.ibb.co/Zpqb8BzY/Favicon.png" /> 13<meta name="page google.com" content="https://www.google.com/search?q=tengku4d"> 14<meta name="page google.co.id" content="https://www.google.co.id/search?q=tengku4d"> 15<meta name="page google.com" content="https://www.google.com/search?q=tengku+4d"> 16<meta name="page google.co.id" content="https://www.google.co.id/search?q=tengku+4d"> 17<meta name="google-site-verification" content="ioxWMc_UbAUvOYB0elk1zThRcTjlnSb4Ix18aUsno_w" /> 18<meta name="yandex-verification" content="afd7fd4df5f4b38d" /> 19<meta name="msvalidate.01" content="7A28A66370BA143361041371F00413B0" /> 20<link rel="alternate" hreflang="id-id" href="https://birulangit.dev/amp-tengku4d/"/> 21<link rel="alternate" href="https://birulangit.dev/amp-tengku4d/"/> 22<link rel="alternate" hreflang="id" href="https://birulangit.dev/amp-tengku4d/"/> 23<link rel="alternate" hreflang="en" href="https://tengku4d.com/"/> 24<link rel="alternate" hreflang="x-default" href="https://birulangit.dev/amp-tengku4d/"/> 25<meta name="keywords" content="tengku4d, tengku 4d, tengku4d login, tengku4d daftar, tengku4d slot, tengku4d rtp, tengku4d wap, tengku4d app, slot dana gacor, casino online indonesia, toto macau4d, bola online" /> 26<meta http-equiv="X-Frame-Options" content="DENY" /> 27<meta content="utf-8" http-equiv="encoding" /> 28<meta name="author" content="tengku4d"> 29<meta name="robots" content="index, follow"> 30<meta name="copyright" content="tengku4d" /> 31<meta name="language" content="ID" /> 32<meta name="geo.region" content="ID" /> 33<meta name="geo.placename" content="INDONESIA" /> 34<meta property="og:type" content="website"> 35<meta property="og:title" content="TENGKU4D - Platform Berbasis Game Casino Online | Toto macau | Slot Dana Gacor | Bola Online Resmi Indonesia"> 36<meta property="og:description" content="TENGKU4D adalah platform hiburan online berbasis game online dengan 4 varian permainan casino, togel, slot, bola yang memiliki 2 varian server resmi asia dan eropa terpercaya di indonesia, Daftar Sekarang!"> 37<meta property="og:url" content="https://tengku4d.com/"> 38<meta property="og:site_name" content="tengku4d"> 39<meta property="og:locale" content="id_ID"> 40<meta property="og:image" content="https://tengku4d.com/images/upload-Slides-20260709235301.jpg"> 41<meta property="og:image:alt" content="TENGKU4D - Platform Berbasis Game Casino Online | Toto macau | Slot Dana Gacor | Bola Online Resmi Indonesia"> 42<meta name="twitter:card" content="summary_large_image"> 43<meta name="twitter:title" content="TENGKU4D - Platform Berbasis Game Casino Online | Toto macau | Slot Dana Gacor | Bola Online Resmi Indonesia"> 44<meta name="twitter:description" content="TENGKU4D adalah platform hiburan online berbasis game online dengan 4 varian permainan casino, togel, slot, bola yang memiliki 2 varian server resmi asia dan eropa terpercaya di indonesia, Daftar Sekarang!"> 45<meta name="twitter:image" content="https://tengku4d.com/images/upload-Slides-20260709235301.jpg"> 46<meta name="publisher" content="tengku4d"> 47 48 <!-- Meta-End --> 49 50 <title>TENGKU4D - Platform Berbasis Game Casino Online | Toto macau | Slot Dana Gacor | Bola Online Resmi Indonesia</title> 51 52 <link rel="icon" href="/images/favicon.png" type="image/png"> 53 54 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous"> 55 56 57 <link rel="preconnect" href="https://fonts.googleapis.com">
58 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 59 <link rel="preconnect" href="https://fonts.googleapis.com"> 60 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 61 <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Oswald:[email protected]&display=swap" rel="stylesheet"> 62 63
63<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
63 64
64<script src="/js/script.js?6ac6c1be56114"></script>
64 65
65<script src="/js/global.js?1787301701"></script>
65 66
66<script src="/js/toastify.js?1787301701"></script>
66 67
67<script src="/js/masonry.pkgd.min.js?1787301701"></script>
67 68
68<script src="/js/splide.min.js?1787301701"></script>
68 69
69<script src="/js/dataTables.js?1787301701"></script>
69 70
70<script src="/js/dataTables.bootstrap5.js?1787301701"></script>
70 71 72 73 <link rel="stylesheet" href="/css/toastify.css?1787301701"> 74 <link rel="stylesheet" href="/css/splide.min.css?1787301701"> 75 76 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> 77 78 79 <link rel="stylesheet" href="/css/template/TRQ.css?1787301701"> 80 81 82 <link rel="stylesheet" href="/css/style.css?1787301701"> 83 <link rel="stylesheet" href="/css/logo.css?1787301701"> 84 <link rel="stylesheet" href="https://imgotp.viva88athenae.com//icomoon/style.css?1787301701"> 85 86 <style> 87 88 @font-face { 89 font-family: 'icomoon'; 90 font-display: swap; 91 src: url('https://imgotp.viva88athenae.com//icomoon/fonts/icomoon.ttf?1787301701') format('truetype'); 92 font-weight: normal; 93 font-style: normal; 94 } 95 96 </style> 97 98 99 </head> 100 <body> 101 102 103 104 <div class="wrapper"> 105 106 <aside class="box-sidebar"> 107 <style> 108 .sidebar-menu.active { 109 background-color: var(--bg-hover); 110 /* Or any custom color */ 111 } 112 113 .new-badge { 114 position: absolute; 115 right: 0; 116 top: 50%; 117 transform: translateY(-50%); 118 margin-right: 8px; 119 } 120</style> 121 122 123<div class="sidebar pb-4"> 124 <div class="sidebar-head d-none d-lg-block"> 125 <div class="d-flex justify-content-center align-items-center w-100 my-4"> 126 <a href="/" 127 onclick="event.preventDefault();content(`/`);unsetSidebarMenuActive()"><img 128 src="/images/logo.png?1787301701" 129 class="logo-sidebar" alt="Logo"></a> 130 </div> 131 132 </div> 133 <div class="sidebar-body"> 134 <div class="d-flex flex-column mx-3"> 135 <div class="d-flex flex-column"> 136 <div class="d-block d-lg-none mt-3 mt-lg-0"> 137 <style> 138 /*:root {*/ 139 /* --bg-surface: rgb(15, 25, 35);*/ 140 /* --text-deep: white;*/ 141 /* --text-surface: white;*/ 142 /* --bg-elevated: rgb(40, 50, 60);*/ 143 /* --placeholder-color: rgb(100, 110, 120);*/ 144 /*}*/ 145 146 /* Input Styles */ 147 .search-container { 148 position: relative; 149 z-index: 991; 150 width: 100%; 151 margin: auto; 152 } 153 154 .search-container input[type="text"] { 155 background-color: var(--bg-surface); 156 color: var(--text-deep); 157 border: 2px solid var(--bg-elevated); 158 outline: none; 159 padding: 8px 40px 8px 50px; /* Add padding for the icon */ 160 border-radius: 4px; 161 transition: border-color 0.2s ease; 162 width: 100%; 163 font-weight: 600; 164 font-size: 16px; 165 } 166 167 .search-container input[type="text"]::placeholder { 168 color: var(--placeholder-color); 169 opacity: 0.8; 170 } 171 172 173 .search-icon { 174 position: absolute; 175 top: 50%; 176 left: 16px; 177 transform: translateY(-50%); 178 color: var(--accent-color); 179 font-size: 20px; 180 pointer-events: none; /* Prevent icon from blocking input */ 181 } 182 183 .search-overlay { 184 position: fixed; 185 top: 0; 186 left: 0; 187 width: 100%; 188 height: 100%; 189 background-color: rgba(0, 0, 0, 0.5); 190 z-index: 990; 191 display: none; 192 } 193 194 .search-result { 195 position: absolute; 196 z-index: 991; 197 width: 100%; 198 height: 440px; 199 max-height: 440px; 200 background-color: var(--bg-surface); 201 border-radius: 8px; 202 overflow-y: auto; 203 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); 204 display: none; 205 } 206 207 .search-result-item { 208 padding: 12px 16px; 209 color: var(--text-surface); 210 cursor: pointer; 211 transition: background-color 0.2s; 212 } 213 214 .search-result-item:hover { 215 background-color: var(--bg-elevated); 216 } 217</style> 218 219<div class="search-widget"> 220 <div class="search-overlay" onclick="closeSearch(this)"></div> 221 222 <div class="search-container"> 223 <span class="search-icon"><i class="icon-search text-accent fs-xl"></i></span> 224 <input 225 type="text" 226 placeholder="Search" 227 class="form-control" 228 onfocus="openSearch(this)" 229 oninput="debouncedSearch(this)" 230 > 231 232 <div class="search-result rounded mt-3"></div> 233 </div> 234</div> 235
236<script> 237 238 239 // Debounced version of searchGame 240 var debouncedSearch = debounce(function (input) { 241 searchGame(input); 242 }, 300); 243 244 function debounce(func, delay = 300) { 245 let timeout; 246 return function (...args) { 247 clearTimeout(timeout); 248 timeout = setTimeout(() => func.apply(this, args), delay); 249 }; 250 } 251 252 function searchGame(input) { 253 const container = input.closest('.search-widget'); 254 const value = input.value.trim(); 255 const resultBox = container.querySelector('.search-result'); 256 const overlay = container.querySelector('.search-overlay'); 257 258 if (value) { 259 resultBox.style.display = 'block'; 260 overlay.style.display = 'block'; 261 262 resultBox.innerHTML = ` 263 <div class="w-100 h-100 d-flex justify-content-center align-items-center"> 264 <div class="spinner-border text-primary" role="status"></div> 265 </div> 266 `; 267 268 const settings = { 269 url: encodeURI(`/game/search?name=${value}`), 270 method: "GET", 271 timeout: 0, 272 }; 273 274 $.ajax(settings).done(function (response) { 275 resultBox.innerHTML = response; 276 }); 277 } else { 278 resultBox.style.display = 'none'; 279 overlay.style.display = 'none'; 280 } 281 } 282 283 function openSearch(input) { 284 const container = input.closest('.search-widget'); 285 container.querySelector('.search-overlay').style.display = 'block'; 286 document.body.classList.add('search-active'); 287 288 if (window.innerWidth <= 768) { 289 setTimeout(() => { 290 const offset = input.getBoundingClientRect().top + window.scrollY - 16; 291 window.scrollTo({ top: offset, behavior: 'smooth' }); 292 }, 100); 293 } 294 } 295 296 function closeSearch(overlay) { 297 const container = overlay.closest('.search-widget'); 298 container.querySelector('.search-overlay').style.display = 'none'; 299 container.querySelector('.search-result').style.display = 'none'; 300 document.body.classList.remove('search-active'); 301 302 input.blur(); 303 } 304 305 function checkFocus(input) { 306 const container = input.closest('.search-widget'); 307 setTimeout(() => { 308 if (!container.contains(document.activeElement)) { 309 closeSearch(container.querySelector('.search-overlay')); 310 } 311 }, 200); 312 } 313 314 315 316</script>
316 317 </div> 318 319 <div 320 class="d-flex flex-lg-row flex-md-column flex-sm-column gap-2 align-items-center h-100 mt-3 mt-lg-0"> 321 <a class="btn btn-promotion w-100" href="/promosi" 322 onclick="event.preventDefault(); content( `/promosi`);">Promosi</a> 323 <a class="btn btn-event w-100" href="/event" 324 onclick="event.preventDefault(); content( `/event`)">Event</a> 325 </div> 326 </div> 327 328 <div class="d-flex flex-column gap-2 mt-3 mt-lg-2"> 329 330 <!-- Togel --> 331 332 <ul class="menu-group"> 333 <li class="menu-item"> 334 <a id="menu-togel" class="sidebar-menu btn-menu" href="/togel" 335 onclick="event.preventDefault();content( `/togel`);setSidebarMenuActive(this); generateTogelToken();"> 336 <div style="width: 16px"><i class="icon-togel text-accent fs-md"></i></div> 337 <span class="menu-name">Togel</span> 338 </a> 339 </li> 340 </ul> 341 342 <!-- Togel --> 343 344 <!-- Menu Game --> 345 346 <ul class="menu-group"> 347 <li class="menu-item"> 348 <a id="menu-slot" class="sidebar-menu btn-menu" 349 href="/game/slot" 350 onclick="event.preventDefault();content( `/game/slot`);setSidebarMenuActive(this)"> 351 <div style="width: 16px"><i class="icon-slot text-accent fs-md"></i></div> 352 <span class="menu-name">Slot</span> 353 </a> 354 355 </li> 356 </ul> 357 358 <ul class="menu-group"> 359 <li class="menu-item"> 360 <a id="menu-casino" class="sidebar-menu btn-menu" 361 href="/game/casino" 362 onclick="event.preventDefault();content( `/game/casino`);setSidebarMenuActive(this)"> 363 <div style="width: 16px"><i class="icon-live-casino text-accent fs-md"></i></div> 364 <span class="menu-name">Casino</span> 365 </a> 366 367 </li> 368 </ul> 369 370 <ul class="menu-group"> 371 <li class="menu-item"> 372 <a id="menu-sports" class="sidebar-menu btn-menu" 373 href="/game/sports" 374 onclick="event.preventDefault();content( `/game/sports`);setSidebarMenuActive(this)"> 375 <div style="width: 16px"><i class="icon-sports text-accent fs-md"></i></div> 376 <span class="menu-name">Sports</span> 377 </a> 378 379 </li> 380 </ul> 381 382 <ul class="menu-group"> 383 <li class="menu-item"> 384 <a id="menu-sabung" class="sidebar-menu btn-menu" 385 href="/game/sabung" 386 onclick="event.preventDefault();content( `/game/sabung`);setSidebarMenuActive(this)"> 387 <div style="width: 16px"><i class="icon-sabung text-accent fs-md"></i></div> 388 <span class="menu-name">Sabung</span> 389 </a> 390 391 </li> 392 </ul> 393 394 <ul class="menu-group"> 395 <li class="menu-item"> 396 <a id="menu-arcade" class="sidebar-menu btn-menu" 397 href="/game/arcade" 398 onclick="event.preventDefault();content( `/game/arcade`);setSidebarMenuActive(this)"> 399 <div style="width: 16px"><i class="icon-arcade text-accent fs-md"></i></div> 400 <span class="menu-name">
400Arcade</span> 401 </a> 402 403 </li> 404 </ul> 405 406 <ul class="menu-group"> 407 <li class="menu-item"> 408 <a id="menu-interactive" class="sidebar-menu btn-menu" 409 href="/game/interactive" 410 onclick="event.preventDefault();content( `/game/interactive`);setSidebarMenuActive(this)"> 411 <div style="width: 16px"><i class="icon-interactive text-accent fs-md"></i></div> 412 <span class="menu-name">Interactive</span> 413 </a> 414 415 </li> 416 </ul> 417 418 <!-- Kupon --> 419 <!-- Kupon --> 420 421 <!-- Menu Social Media --> 422 423 <ul class="menu-group"> 424 <li class="menu-item"> 425 <a class="btn-menu" href="https://t.me/Tengku4d" target="_blank" 426 aria-label="Visit telegram" rel="noopener noreferrer"> 427 <div style="width: 16px"><i class="icon-telegram text-accent fs-md"></i></div> 428 <span class="menu-name">Telegram</span> 429 </a> 430 </li> 431 432 <li class="menu-item"> 433 <a class="btn-menu" href="https://wa.me/" target="_blank" 434 aria-label="Visit whatsapp" rel="noopener noreferrer"> 435 <div style="width: 16px"><i class="icon-whatsapp text-accent fs-md"></i></div> 436 <span class="menu-name">Whatsapp</span> 437 </a> 438 </li> 439 440 <li class="menu-item"> 441 <a class="btn-menu" href="https://www.facebook.com/groups/1549396863635049" target="_blank" 442 aria-label="Visit facebook" rel="noopener noreferrer"> 443 <div style="width: 16px"><i class="icon-facebook text-accent fs-md"></i></div> 444 <span class="menu-name">Facebook</span> 445 </a> 446 </li> 447 448 </ul> 449 450 <!-- Menu Informasi --> 451 452 <ul class="menu-group"> 453 454 455 456 <li class="menu-item"> 457 <a id="menu-tentang" class="sidebar-menu btn-menu" 458 href="/informasi/tentang" 459 onclick="event.preventDefault();content(`/informasi/tentang`);setSidebarMenuActive(this)"=> 460 <div style="width: 16px"><i class="icon-about-us text-accent fs-md"></i></div> 461 <span class="menu-name">Tentang Kami</span> 462 </a> 463 </li> 464 465 <li class="menu-item"> 466 <a id="menu-bantuan" class="sidebar-menu btn-menu" 467 href="/informasi/bantuan" 468 onclick="event.preventDefault();content(`/informasi/bantuan`);setSidebarMenuActive(this)"> 469 <div style="width: 16px"><i class="icon-help text-accent fs-md"></i></div> 470 <span class="menu-name">FAQ</span> 471 </a> 472 </li> 473 474 <li class="menu-item"> 475 <a id="menu-peraturan" class="sidebar-menu btn-menu" 476 href="/informasi/peraturan" 477 onclick="event.preventDefault();content(`/informasi/peraturan`);setSidebarMenuActive(this)"> 478 <div style="width: 16px"><i class="icon-regulation text-accent fs-md"></i></div> 479 <span class="menu-name">Peraturan</span> 480 </a> 481 </li> 482 483 <li class="menu-item"> 484 <a id="menu-bank" class="sidebar-menu btn-menu" 485 href="/informasi/bank" 486 onclick="event.preventDefault();content(`/informasi/bank`);setSidebarMenuActive(this)"> 487 <div style="width: 16px"><i class="icon-bank-info text-accent fs-md"></i></div> 488 <span class="menu-name">Informasi Bank</span> 489 </a> 490 </li> 491 </ul> 492 493 494 495 </div> 496 497 498 499 </div> 500 </div> 501</div> 502
503<script> 504 505 var sidebarTabs = { 506 "/game/slot": "menu-slot", 507 "/game/casino": "menu-casino", 508 "/game/sports": "menu-sports", 509 "/game/arcade": "menu-arcade", 510 "/game/sabung": "menu-sabung", 511 "/game/interactive": "menu-interactive", 512 "/informasi/tentang": "menu-tentang", 513 "/informasi/bantuan": "menu-bantuan", 514 "/informasi/peraturan": "menu-peraturan", 515 "/informasi/bank": "menu-bank", 516 }; 517 518 document.addEventListener("DOMContentLoaded", function () { 519 const currentURL = window.location.href; 520 521 for (let path in sidebarTabs) { 522 if (currentURL.includes(path)) { 523 const menuId = sidebarTabs[path]; 524 const menuElement = document.getElementById(menuId); 525 if (menuElement) { 526 setSidebarMenuActive(menuElement); 527 } 528 break; 529 } 530 } 531 }); 532 533 function unsetSidebarMenuActive() { 534 // Remove active from all 535 document.querySelectorAll('.sidebar-menu').forEach(menu => { 536 menu.classList.remove('active'); 537 }); 538 } 539 540 541 function setSidebarMenuActive(el) { 542 unsetSidebarMenuActive(); 543 544 // Add active to clicked one 545 el.classList.add('active'); 546 } 547 548 549</script>
549 </aside> 550 551 552 <main class="main"> 553 <div id="box-navbar"> 554 <style> 555 .navbar { 556 height: 60px; 557 max-height: 60px; 558 } 559 560 .dropdown-setting::after { 561 display: none; 562 } 563 564 .flag-icon { 565 width: 22px; 566 height: 16px; 567 object-fit: cover; 568 border-radius: 2px; 569 } 570 571 /* FIXED WIDTH */ 572 .lang-dropdown { 573 width: 72px; /* adjust as needed */ 574 } 575 576 .lang-dropdown .dropdown-menu { 577 width: 100%; 578 } 579 580 .lang-dropdown .dropdown-toggle { 581 width: 100%; 582 text-align: left; 583 } 584 585 .lang-dropdown .dropdown-toggle::after { 586 display: none; /* hides the arrow */ 587 } 588 589 .lang-dropdown .dropdown-menu { 590 width: auto; /* menu auto width */ 591 min-width: 0; /* important: avoid forced minimum */ 592 } 593 594 .lang-dropdown .dropdown-item.active { 595 background-color: var(--btn-accent-background, rgba(76, 175, 80, 0.2)); 596 color: var(--text-accent, #4CAF50); 597 } 598 599 .lang-dropdown .dropdown-item:hover { 600 background-color: rgba(255, 255, 255, 0.1); 601 } 602 603</style> 604 605 606<nav id="navbar" class="navbar shadow w-100" data-bs-theme="dark"> 607 608 <div class="container h-100 flex-nowrap"> 609 <div> 610 <a href="javascript:content('/')" class="navbar-brand d-block d-md-block d-lg-block d-xl-none h-100 p-0 m-0"> 611 <img src="/images/logo.png?1787301701" class="logo-navbar" alt="Logo"> 612 </a> 613 </div> 614 615 616 <div class="d-flex align-items-center gap-3 h-100"> 617 <a class="btn-text fw-semibold"></a> 618 </div> 619 620 621 <div class="d-flex align-items-center gap-3 gap-lg-4"> 622 <a class="btn-text fw-semibold" href="/login" onclick="event.preventDefault();openLoginModal();">Login</a> 623 <a type="button" class="btn btn-accent fw-semibold rounded-1" href="/register" onclick="event.preventDefault();openRegisterModal()">Register</a> 624 </div> 625 626 </div> 627</nav> 628 629 630 631 632 633 <!-- Modal Login --> 634 <div class="modal fade" id="modal-login" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 635 <div class="modal-dialog modal-dialog-centered"> 636 <div class="modal-content bg-surface"> 637 <div class="modal-header bg-base border-0"> 638 <div class="modal-title"><img src='/images/logo.png?1787301701' class="logo-popup"></div> 639 <button type="button" class="text-white ms-auto fw-semibold" data-bs-dismiss="modal" aria-label="Close" style="background: var(--btn-accent-background); border: none; color: white; font-weight: 500; font-size: 0.75rem; padding: 0.3rem 0.8rem; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer;">CLOSE</button> 640 </div> 641 <div class="modal-body"> 642 <form id="login-form"> 643 <div class="mb-3"> 644 <label for="login-username" class="form-label">Username</label> 645 <input id="login-username" class="form-control" placeholder="Username"> 646 <span id="error-username" class="fs-sm text-danger"></span> 647 </div> 648 <div class="mb-3"> 649 <label for="login-password" class="form-label">Password</label> 650 <input id="login-password" type="password" class="form-control" placeholder="Password"> 651 <span id="error-password" class="fs-sm text-danger"></span> 652 </div> 653 654 <div class="form-check mb-3"> 655 <input class="form-check-input" type="checkbox" id="remember-me" checked> 656 <label class="form-check-label" for="remember-me"> 657 Remember Me 658 </label> 659 </div> 660 661 <button id="login-button" type="submit" class="btn btn-accent mt-3 mt-lg-4 w-100" style="height: 40px">Sign In</button> 662 </form> 663 664 <a href="https://telegram.me/Tengku4d_bot" id="login-surface" type="submit" class="btn btn-elevated mt-2 mt-lg-2 w-100" style="height: 40px"><i class="bi bi-telegram me-2" style="color: #24A1DE"></i>Main di Telegram</a> 665 </div> 666 </div> 667 </div> 668</div> 669 670 671
672<script> 673 document.addEventListener("DOMContentLoaded", function() { 674 const loginModal = document.getElementById('modal-login'); 675 loginModal.addEventListener('shown.bs.modal', function () { 676 677 const remember = localStorage.getItem('remember'); 678 679 if (remember === 'true') { 680 document.getElementById('login-username').value = localStorage.getItem('username') || ''; 681 document.getElementById('login-password').value = localStorage.getItem('password') || ''; 682 document.getElementById('remember-me').checked = true; 683 684 if(!localStorage.getItem('username')) document.getElementById('login-username').focus(); 685 686 } else if (remember === 'false') { 687 document.getElementById('login-username').value = ''; 688 document.getElementById('login-password').value = ''; 689 document.getElementById('remember-me').checked = false; 690 691 document.getElementById('login-username').focus(); 692 } 693 }); 694 695 document.getElementById('login-form').addEventListener('submit', function (e) { 696 e.preventDefault(); // prevent default form submission 697 login(); // call your custom login logic 698 }); 699 }); 700 701 702 function login() { 703 704 const username = $('#login-username').val(); 705 const password = $('#login-password').val(); 706 const captcha = $('#login-captcha').val(); 707 const remember = $('#remember-me').prop('checked'); 708 709 $('#login-button').prop('disabled', true); 710 711 const formData = { 712 username: username, 713 password: password, 714 game_data: window.game_data, 715 grand_data: window.grand_data, 716 captcha: captcha 717 }; 718 719 window.api.post("/api/login", formData, { 720 onSuccess: (response) => { 721 if (remember) { 722 localStorage.setItem('username', username); 723 localStorage.setItem('password', password); 724 localStorage.setItem('remember', 'true'); 725 } else { 726 localStorage.removeItem('username'); 727 localStorage.removeItem('password'); 728 localStorage.setItem('remember', 'false'); 729 } 730 731 $('#modal-login').modal('hide'); 732 navbar(); 733 bottomNavbar(); 734 content("/"); 735 toast(response.error.message); 736 $('#login-button').prop('disabled', false).text('Login'); 737 738 openModalSyarat(); 739 if (window.game_data == 'kuponotp' && window.grand_data == 'kpn') { 740 if (window.kupon_type && window.kupon_periode) { 741 window.location.href = "/coupon?type=" + encodeURIComponent(window.kupon_type) + "&periode=" + encodeURIComponent(window.kupon_periode); 742 } else { 743 window.location.href = "/coupon"; 744 } 745 } else if (response.data.game && response.data.game.url) { 746 launch(response.data.game.url, response.data.game.width, response.data.game.height); 747 } 748 }, 749 onError: (response) => { 750 if (response.error && response.error.message) { 751 toast(response.error.message, response.error.code); 752 } else { 753 toast('Terjadi kesalahan, silakan coba lagi'); 754 } 755 refreshCaptcha('captcha-login'); 756 $('#login-button').prop('disabled', false).text('Login'); 757 } 758 }); 759 }; 760</script>
760 761 <!-- Modal Register --> 762 <div class="modal fade" id="modal-register" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 763 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> 764 <div class="modal-content bg-surface"> 765 <div class="modal-header bg-base border-0"> 766 <div class="modal-title"><img src='/images/logo.png?1787301701' class="logo-popup"></div> 767 <button type="button" class="text-white ms-auto fw-semibold" data-bs-dismiss="modal" aria-label="Close" style="background: var(--btn-accent-background); border: none; color: white; font-weight: 500; font-size: 0.75rem; padding: 0.3rem 0.8rem; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer;">CLOSE</button> 768 </div> 769 <div class="modal-body"> 770 <form> 771 <div class="row mb-3"> 772 <div class="col-12"> 773 <label for="register-username" class="form-label">Username</label> 774 <input id="register-username" class="form-control" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi"> 775 <span id="error-username_reg" class="fs-sm text-danger"></span> 776 </div> 777 </div> 778 <div class="row mb-3"> 779 <div class="col-6"> 780 <label for="register-password" class="form-label">Password</label> 781 <input id="register-password" type="password" class="form-control" placeholder="Password (6 Karakter atau Lebih)"> 782 <span id="error-register-password" class="fs-sm text-danger"></span> 783 </div> 784 <div class="col-6"> 785 <label for="register-konfirmasi-password" class="form-label">Konfirmasi Password</label> 786 <input id="register-konfirmasi-password" type="password" class="form-control" placeholder="Password Sekali Lagi"> 787 <span id="error-konfirmasi-password" class="fs-sm text-danger"></span> 788 </div> 789 <span id="error-password_reg" class="fs-sm text-danger"></span> 790 </div> 791 <div class="row mb-3"> 792 <div class="col-6"> 793 <label for="register-email" class="form-label">Email</label> 794 <input id="register-email" type="email" class="form-control" placeholder="Email"> 795 <span id="error-email" class="fs-sm text-danger"></span> 796 </div> 797 <div class="col-6"> 798 <label for="register-notelp" class="form-label">Nomor Handphone</label> 799 <input id="register-notelp" type="number" class="form-control" placeholder="Nomor Handphone"> 800 <span id="error-telpon" class="fs-sm text-danger"></span> 801 </div> 802 </div> 803 <div class="row mb-3"> 804 <div class="col-6"> 805 <label for="register-bank" class="form-label">Bank / E-wallet</label> 806 <select id="register-bank" class="form-select"> 807 <option value="">Pilih Bank</option> 808 <option value="AstraPay">AstraPay</option> 809 <option value="BCA">BCA</option> 810 <option value="BJB">BJB</option> 811 <option value="BluBCA">BluBCA</option> 812 <option value="BNI">BNI</option> 813 <option value="BRI">BRI</option> 814 <option value="BSI">BSI</option> 815 <option value="CIMB">CIMB</option> 816 <option value="DANA">DANA</option> 817 <option value="Danamon">Danamon</option> 818 <option value="DBS">DBS</option> 819 <option value="DKI">DKI</option> 820 <option value="GOPAY">GOPAY</option> 821 <option value="JAGO">JAGO</option> 822 <option value="Jenius">Jenius</option> 823 <option value="Lain-lain">Lain-lain</option> 824 <option value="LinkAja">LinkAja</option> 825 <option value="Mandiri">Mandiri</option> 826 <option value="Maybank">Maybank</option> 827 <option value="Mega">Mega</option> 828 <option value="NEO">NEO</option> 829 <option value="NOBU">NOBU</option> 830 <option value="OCBC">OCBC</option> 831 <option value="OVO">OVO</option> 832 <option value="PANIN">PANIN</option> 833 <option value="Permata">Permata</option> 834 <option value="Sakuku">Sakuku</option> 835 <option value="SAQU">SAQU</option> 836 <option value="SeaBank">SeaBank</option> 837 <option value="ShopeePay">ShopeePay</option> 838 <option value="Sinarmas">Sinarmas</option> 839 <option value="SUMUT">SUMUT</option> 840 <option value="Superbank">Superbank</option> 841 </select> 842 <span id="error-bank" class="fs-sm text-danger"></span> 843 </div> 844 <div class="col-6"> 845 <label for="register-norek" class="form-label">Nomor Rekening</label> 846 <input id="register-norek" type="text" class="form-control" placeholder="Nomor Rekening" oninput="this.value = this.value.replace(/[^0-9]/g, '')"> 847 <span id="error-rekening" class="fs-sm text-danger"></span> 848 </div> 849 </div> 850 <div class="row mb-3"> 851 <div class="col-6"> 852 <label for="register-narek" class="form-label">Nama Rekening</label> 853 <input id="register-narek" class="form-control" placeholder="Nama sesuai Rekening"> 854 <span id="error-nama" class="fs-sm text-danger"></span> 855 </div> 856 <div class="col-6"> 857 <label for="register-ref" class="form-label">Referal</label> 858 <input id="register-ref" type="text" class="form-control" placeholder="Username Referal bila ada"> 859 <span id="error-ref" class="fs-sm text-danger"></span> 860 </div> 861 </div> 862 <div style="margin-top:15px"> 863 <label class="checkbox-inline" style="display: flex; gap: 4px"> 864 <input type="checkbox" checked="" disabled=""> 865 <div>Dengan ini saya menyatakan bahwa saya telah membaca dan menyetujui <a href="javascript:content('/informasi/peraturan')" style="color: cornflowerblue;">Kebijakan Privasi</a>
865 pada Situs ini.</div> 866 </label> 867 </div> 868 <div class="mb-3"> 869 <label id="alert" class="form-label text-danger"></label> 870 </div> 871 <button type="button" onclick="register()" class="btn btn-accent mt-3 w-100" style="height: 40px" disabled>Daftar</button> 872 </form> 873 </div> 874 </div> 875 </div> 876 </div> 877 878
879<script> 880 881 882document.addEventListener("DOMContentLoaded", function () { 883 const regModal = document.getElementById("modal-register"); 884 const registerButton = regModal.querySelector("button[onclick='register()']"); 885 886 const fields = { 887 username: { 888 el: document.getElementById("register-username"), 889 error: document.getElementById("error-username_reg"), 890 validate: val => /^[a-zA-Z0-9]{6,16}$/.test(val), 891 message: "Username harus 6–16 karakter (A-Z, a-z, 0-9)", 892 touched: false 893 }, 894 password: { 895 el: document.getElementById("register-password"), 896 error: document.getElementById("error-register-password"), 897 validate: val => val.length >= 6, 898 message: "Password minimal 6 karakter", 899 touched: false 900 }, 901 confirmPassword: { 902 el: document.getElementById("register-konfirmasi-password"), 903 error: document.getElementById("error-konfirmasi-password"), 904 validate: () => 905 fields.password.el.value === fields.confirmPassword.el.value && 906 fields.confirmPassword.el.value.length >= 6, 907 message: "Password tidak cocok", 908 touched: false 909 }, 910 email: { 911 el: document.getElementById("register-email"), 912 error: document.getElementById("error-email"), 913 validate: val => /^\S+@\S+\.\S+$/.test(val), 914 message: "Format email tidak valid", 915 touched: false 916 }, 917 phone: { 918 el: document.getElementById("register-notelp"), 919 error: document.getElementById("error-telpon"), 920 validate: val => /^[0-9]{10,16}$/.test(val), 921 message: "Nomor telepon 10 - 16 digit", 922 touched: false 923 }, 924 bank: { 925 el: document.getElementById("register-bank"), 926 error: document.getElementById("error-bank"), 927 validate: val => val !== "", 928 message: "Silakan pilih bank", 929 touched: false 930 }, 931 norek: { 932 el: document.getElementById("register-norek"), 933 error: document.getElementById("error-rekening"), 934 validate: val => val.length > 0, 935 message: "Nomor rekening wajib diisi", 936 touched: false 937 }, 938 narek: { 939 el: document.getElementById("register-narek"), 940 error: document.getElementById("error-nama"), 941 validate: val => val.length > 0, 942 message: "Nama rekening wajib diisi", 943 touched: false 944 }, 945 }; 946 947 function validateField(field) { 948 949 const val = field.el.value.trim(); 950 const isValid = typeof field.validate === "function" ? field.validate(val) : true; 951 952 if (field.touched && field.error) { 953 field.error.textContent = isValid ? "" : field.message; 954 } else if (field.error) { 955 field.error.textContent = ""; 956 } 957 958 return isValid; 959 } 960 961 function checkForm() { 962 let allValid = true; 963 for (const key in fields) { 964 const valid = validateField(fields[key]); 965 if (!valid) allValid = false; 966 } 967 registerButton.disabled = !allValid; 968 } 969 970 for (const key in fields) { 971 const field = fields[key]; 972 ["focus", "input", "blur"].forEach(evt => { 973 field.el.addEventListener(evt, () => { 974 field.touched = true; 975 validateField(field); 976 checkForm(); 977 }); 978 }); 979 } 980 981 regModal.addEventListener("shown.bs.modal", function () { 982 fields.username.el.focus(); 983 checkForm(); 984 }); 985}); 986 987function allowOnlyText(inputEl, errorEl) { 988 inputEl.addEventListener("input", function () { 989 let original = this.value; 990 // Keep only letters (A–Z, a–z) and spaces 991 this.value = this.value.replace(/[^a-zA-Z\s]/g, ""); 992 993 // Show error if something was removed 994 if (original !== this.value) { 995 errorEl.textContent = "Nama rekening harus alfabet (A–Z, a–z)"; 996 } else { 997 errorEl.textContent = ""; 998 } 999 }); 1000} 1001 1002document.addEventListener("DOMContentLoaded", function () { 1003 const narekInput = document.getElementById("register-narek"); 1004 const narekError = document.getElementById("error-nama"); 1005 1006 allowOnlyText(narekInput, narekError); 1007}); 1008 1009 function register() { 1010 1011 const formData = { 1012 nama: $('#register-narek').val(), 1013 username_reg: $('#register-username').val(), 1014 bank: $('#register-bank').val(), 1015 telpon: $('#register-notelp').val(), 1016 email: $('#register-email').val(), 1017 rekening: $('#register-norek').val(), 1018 password_reg: $('#register-password').val(), 1019 password_reg_confirmation: $('#register-konfirmasi-password').val(), 1020 ref: $('#register-ref').val(), 1021 captcha_reg: $('#register-captcha').val() 1022 }; 1023 1024 window.api.post("/api/register", formData, { 1025 onSuccess: (response) => { 1026 $('#alert').removeClass('text-danger').addClass('text-success').text('Register berhasil!');
1027 $('#modal-register').modal('hide'); 1028 navbar(); 1029 bottomNavbar(); 1030 content("/welcome"); 1031 1032 toast(response.error.message); 1033 }, 1034 onError: (response) => { 1035 if (response.error && response.error.message) { 1036 toast(response.error.message, response.error.code); 1037 } else { 1038 toast('Terjadi kesalahan, silakan coba lagi'); 1039 } 1040 refreshCaptcha('captcha-register'); 1041 } 1042 }); 1043 }; 1044 1045</script>
1045 1046 1047
1048<script> 1049 var i18nNavs = { 1050 transaction: "Transaksi", 1051 loadingTransaction: "Memuat halaman transaksi...", 1052 failedLoadTransaction: "Gagal memuat halaman transaksi. Silakan coba lagi.", 1053 tryAgain: "Coba Lagi", 1054 memoIncoming: "[Memo] Pesan Masuk.", 1055 error: "Error" 1056 }; 1057 1058 function openTransactionModal() { 1059 if (typeof openTransactionModalWithTab === 'function') { 1060 openTransactionModalWithTab('deposit'); 1061 return; 1062 } 1063 $('.modal').modal('hide'); 1064 $('.modal-backdrop').remove(); 1065 $('#dynamic-modal').remove(); 1066 $('body').removeClass('modal-open').css('padding-right', ''); 1067 1068 setTimeout(function() { 1069 const modalHtml = ` 1070 <div class="modal" id="dynamic-modal" tabindex="-1" aria-hidden="true"> 1071 <div class="modal-dialog modal-dialog-centered modal-fixed"> 1072 <div class="modal-content bg-surface"> 1073 <div class="modal-header bg-base border-0 d-flex justify-content-between align-items-center"> 1074 <h5 class="modal-title">${i18nNavs.transaction}</h5> 1075 <button type="button" 1076 class="close-capsule" 1077 data-bs-dismiss="modal" 1078 aria-label="Close" 1079 style="">CLOSE</button> 1080 </div> 1081 <div class="modal-body p-0" id="modal-content-container"> 1082 <div class="d-flex justify-content-center align-items-center p-5"> 1083 <div class="spinner-border text-primary" role="status"></div> 1084 <span class="ms-3">${i18nNavs.loadingTransaction}</span> 1085 </div> 1086 </div> 1087 </div> 1088 </div> 1089 </div> 1090 `; 1091 1092 $('body').append(modalHtml); 1093 $('#dynamic-modal').modal('show'); 1094 1095 $.ajax({ 1096 url: '/user/transaction', 1097 method: 'GET', 1098 success: function(response) { 1099 $('#modal-content-container').html(response).animate({opacity: 1}, 300); 1100 if (typeof initializeTransactionModal === 'function') { 1101 initializeTransactionModal(); 1102 } 1103 }, 1104 error: function(xhr, status, error) { 1105 console.error('Failed to load transaction content:', error); 1106 $('#modal-content-container').html(` 1107 <div class="container-fluid p-4 text-center"> 1108 <div class="alert alert-danger"> 1109 <h5>Error</h5> 1110 <p>Gagal memuat halaman transaksi. Silakan coba lagi.</p> 1111 <button class="btn btn-accent" onclick="openTransactionModal()">${i18nNavs.tryAgain}</button> 1112 </div> 1113 </div> 1114 `).animate({opacity: 1}, 300); 1115 } 1116 }); 1117 }, 200); 1118 } 1119 1120 function openTransactionTab(tabName) { 1121 if (typeof openTransactionModalWithTab === 'function') { 1122 openTransactionModalWithTab(tabName); 1123 } else { 1124 openTransactionModal(); 1125 setTimeout(function() { 1126 if ($('#dynamic-modal #' + tabName + '-tab').length) { 1127 $('#dynamic-modal #' + tabName + '-tab').click(); 1128 } 1129 }, 1000); 1130 } 1131 } 1132 1133 function logout() { 1134 $.ajax({ 1135 url: '/api/logout', 1136 method: 'GET', 1137 success: function () { 1138 window.location.reload(); 1139 }, 1140 error: function (xhr) { 1141 console.error('Logout failed:', xhr.responseText); 1142 } 1143 }); 1144 } 1145 1146 unreadMemo = 0; 1147 1148 function setMemoBadge(value) { 1149 unreadMemo = value; 1150 if(value < 1) { 1151 $('.unread-memo-badge').html(''); 1152 $('#navbar-profile-badge').hide(); 1153 } else { 1154 1155 badgeValue = unreadMemo > 99 ? "99+" : unreadMemo; 1156 $('.unread-memo-badge').html(`<span class="badge text-bg-secondary">${ badgeValue }</span>`); 1157 1158 $('#navbar-profile-badge').html(badgeValue).show(); 1159 } 1160 1161 } 1162 1163 function decreaseMemo() { 1164 if(unreadMemo > 0) { 1165 unreadMemo--; 1166 setMemoBadge(unreadMemo); 1167 } 1168 } 1169 1170 firstload = true; 1171 1172 function getBalance() { 1173 var settings = { 1174 "url": "/api/user/balance?format=0&symbol=0", 1175 "method": "GET", 1176 "timeout": 0, 1177 }; 1178 1179 $.ajax(settings).done(function (response) { 1180 if(response.error.code == 200) { 1181 1182 credit = parseInt(response.data.credit); 1183 1184 // Pulse Deposit Button 1185 if (credit < 400) { 1186 $('#bottom-navbar-deposit').addClass('halo-effect'); 1187 } else { 1188 $('#bottom-navbar-deposit').removeClass('halo-effect'); 1189 } 1190 1191 $('#balance-value').html(credit.toLocaleString('en-US', { 1192 maximumFractionDigits: 0 1193 })); 1194 1195 1196 1197 if(response.data.unreadMemo > unreadMemo && !firstload) { 1198 toast(i18nNavs.memoIncoming); 1199 } 1200 1201 setMemoBadge(response.data.unreadMemo); 1202 1203 var wpc = parseInt(response.data.wheelPendingCount) || 0; 1204 if (wpc > 0) { 1205 var wpcLabel = wpc > 99 ? '99+' : wpc; 1206 if ($('#spinwheel-badge').length) { 1207 $('#spinwheel-badge').text(wpcLabel).show(); 1208 } else { 1209 $('#openSpinwheelBtn').append('<span id="spinwheel-badge" class="badge text-bg-danger" style="position: absolute; top: 2px; right: 2px; font-size: 9px; min-width: 16px; height: 16px; padding: 2px 4px; border-radius: 8px; line-height: 12px;">' + wpcLabel + '</span>'); 1210 } 1211 } else { 1212 $('#spinwheel-badge').hide(); 1213 } 1214 $('#wheel-chance-spin').text('Chance : ' + wpc); 1215
1216 if(firstload) firstload = false; 1217 1218 1219 } else { 1220 logout(); 1221 } 1222 }).fail(function (jqXHR, textStatus, errorThrown) { 1223 console.error("Failed to load balance:", textStatus, errorThrown); 1224 logout(); 1225 });; 1226 } 1227 1228 1229 function getWheels() { 1230 var settings = { 1231 url: "/api/user/generate-wheel-ticket", 1232 method: "GET", 1233 timeout: 0 1234 }; 1235 1236 $.ajax(settings).done(function (response) { 1237 if (response?.error?.code === 200) { 1238 toastAction( 1239 "🎉 " + response.error.message, 1240 200, 1241 "SPIN SEKARANG", 1242 "openSpinwheelBtn" 1243 ); 1244 } 1245 }).fail(function (jqXHR, textStatus, errorThrown) { 1246 console.error("Failed to load wheel:", textStatus, errorThrown); 1247 logout(); 1248 }); 1249 } 1250 1251 1252 1253 function refreshCaptcha(element) { 1254 $(`#${element}`).attr('src', "/api/captcha?" + Date.now()); 1255 } 1256 1257 // Language switcher now uses direct links to /set-locale 1258 // No need for JavaScript - handled by server-side redirect 1259 1260 1261 1262</script>
1262 1263 1264 </div> 1265 1266 1267 <div id="box-content"> 1268 <div id="content"> 1269 <style> 1270 .transaction-list { 1271 display: grid; 1272 grid-template-columns: repeat(3, 1fr); 1273 gap: 8px 1274 } 1275 1276 .transaction-item { 1277 background: var(--bg-elevated); 1278 padding: 13px 16px; 1279 border-radius: 4px; 1280 text-align: center; 1281 font-weight: 600; 1282 } 1283 </style> 1284 1285<div class="d-none d-lg-block"> 1286 1287 <div id="slider-desktop" class="banner carousel slide bg-surface" data-bs-ride="carousel"> 1288 <div class="carousel-indicators"> 1289 <button 1290 type="button" 1291 data-bs-target="#slider-desktop" 1292 data-bs-slide-to="0" 1293 class="active" 1294 aria-current="true" 1295 aria-label="Slide 0"> 1296 </button> 1297 <button 1298 type="button" 1299 data-bs-target="#slider-desktop" 1300 data-bs-slide-to="1" 1301 class="" 1302 aria-current="false" 1303 aria-label="Slide 1"> 1304 </button> 1305 <button 1306 type="button" 1307 data-bs-target="#slider-desktop" 1308 data-bs-slide-to="2" 1309 class="" 1310 aria-current="false" 1311 aria-label="Slide 2"> 1312 </button> 1313 <button 1314 type="button" 1315 data-bs-target="#slider-desktop" 1316 data-bs-slide-to="3" 1317 class="" 1318 aria-current="false" 1319 aria-label="Slide 3"> 1320 </button> 1321 <button 1322 type="button" 1323 data-bs-target="#slider-desktop" 1324 data-bs-slide-to="4" 1325 class="" 1326 aria-current="false" 1327 aria-label="Slide 4"> 1328 </button> 1329 </div> 1330 1331 <div class="carousel-inner"> 1332 <div class="carousel-item active"> 1333 <img class="banner" src="/images/upload-Slides-20260906233629.jpg" style="width: 100%" alt="Slide 1" fetchpriority=high> 1334 </div> 1335 <div class="carousel-item "> 1336 <img class="banner" src="/images/upload-Slides-20260906233711.jpg" style="width: 100%" alt="Slide 2" > 1337 </div> 1338 <div class="carousel-item "> 1339 <img class="banner" src="/images/upload-Slides-20260906233724.jpg" style="width: 100%" alt="Slide 3" > 1340 </div> 1341 <div class="carousel-item "> 1342 <img class="banner" src="/images/upload-Slides-20260906233801.jpg" style="width: 100%" alt="Slide 4" > 1343 </div> 1344 <div class="carousel-item "> 1345 <img class="banner" src="https://imgotp.thanatosmaero.com/slider/desktop/1.jpg" style="width: 100%" alt="Slide 5" > 1346 </div> 1347 </div> 1348 </div> 1349 </div> 1350 1351<div class="d-block d-lg-none"> 1352 1353 <div id="slider-mobile" class="banner carousel slide bg-surface" data-bs-ride="carousel"> 1354 <div class="carousel-indicators"> 1355 <button 1356 type="button" 1357 data-bs-target="#slider-mobile" 1358 data-bs-slide-to="0" 1359 class="active" 1360 aria-current="true" 1361 aria-label="Slide 0"> 1362 </button> 1363 <button 1364 type="button" 1365 data-bs-target="#slider-mobile" 1366 data-bs-slide-to="1" 1367 class="" 1368 aria-current="false" 1369 aria-label="Slide 1"> 1370 </button> 1371 <button 1372 type="button" 1373 data-bs-target="#slider-mobile" 1374 data-bs-slide-to="2" 1375 class="" 1376 aria-current="false" 1377 aria-label="Slide 2"> 1378 </button> 1379 <button 1380 type="button" 1381 data-bs-target="#slider-mobile" 1382 data-bs-slide-to="3" 1383 class="" 1384 aria-current="false" 1385 aria-label="Slide 3"> 1386 </button> 1387 <button 1388 type="button" 1389 data-bs-target="#slider-mobile" 1390 data-bs-slide-to="4" 1391 class="" 1392 aria-current="false" 1393 aria-label="Slide 4"> 1394 </button> 1395 </div> 1396 1397 <div class="carousel-inner"> 1398 <div class="carousel-item active"> 1399 <img class="banner" src="/images/upload-MobileSlides-20260905075651.jpg" style="width: 100%" alt="Slide 1" fetchpriority=high> 1400 </div> 1401 <div class="carousel-item "> 1402 <img class="banner" src="/images/upload-MobileSlides-20260905074312.jpg" style="width: 100%" alt="Slide 2" > 1403 </div> 1404 <div class="carousel-item "> 1405 <img class="banner" src="/images/upload-MobileSlides-20260905075716.jpg" style="width: 100%" alt="Slide 3" > 1406 </div> 1407 <div class="carousel-item "> 1408 <img class="banner" src="/images/upload-MobileSlides-20260905074351.jpg" style="width: 100%" alt="Slide 4" > 1409 </div> 1410 <div class="carousel-item "> 1411 <img class="banner" src="https://imgotp.thanatosmaero.com/slider/mobile/1.jpg" style="width: 100%" alt="Slide 5" > 1412 </div> 1413 </div> 1414 </div> 1415 </div> 1416 1417 1418 1419 1420<style> 1421 .main-menu-indicator { 1422 position: absolute; 1423 bottom: 0px; 1424 height: 4px; 1425 width: 100%; 1426 z-index: 2; 1427 } 1428 1429 .main-menu-indicator.active { 1430 background: var(--accent-color); 1431 } 1432 1433 .new-badge-mobile-menu { 1434 position: absolute; 1435 top: 0; 1436 /* stick to bottom */ 1437 right: 8px; 1438 } 1439 1440 .new-badge-mobile-menu>img { 1441 width: 26px; 1442 } 1443 1444 .game-category-wrapper { 1445 position: relative; 1446 } 1447 1448 .game-category-scroll { 1449 scroll-behavior: smooth; 1450 overflow-x: auto; 1451 -webkit-overflow-scrolling: touch; 1452 scrollbar-width: thin; 1453 scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color); 1454 } 1455 1456 .game-category-scroll::-webkit-scrollbar { 1457 height: 8px; 1458 } 1459 1460 .game-category-scroll::-webkit-scrollbar-track { 1461 background: var(--scrollbar-track-color); 1462 } 1463 1464 .game-category-scroll::-webkit-scrollbar-thumb { 1465 background-color: var(--scrollbar-thumb-color); 1466 border-radius: 6px; 1467 border: 2px solid var(--scrollbar-track-color); 1468 } 1469 1470 .game-category-scroll::-webkit-scrollbar-thumb:hover { 1471 background-color: var(--scrollbar-thumb-hover-color); 1472 } 1473 1474 .scroll-fade-left, 1475 .scroll-fade-right { 1476 position: absolute; 1477 top: 0; 1478 bottom: 0; 1479 width: 64px; 1480 pointer-events: none; 1481 z-index: 3; 1482 } 1483 1484 .scroll-fade-left, 1485 .scroll-fade-right { 1486 display: none; 1487 } 1488 1489 .scroll-fade-left { 1490 left: 0; 1491 background: linear-gradient(to right, var(--bg-base), transparent); 1492 } 1493 1494 .scroll-fade-right { 1495 right: 0; 1496 background: linear-gradient(to left, var(--bg-base), transparent); 1497 } 1498</style> 1499 1500<div class="py-3 pt-lg-4"> 1501 1502 <div class="container"> 1503 1504 <style> 1505 /*:root {*/ 1506 /* --bg-surface: rgb(15, 25, 35);*/ 1507 /* --text-deep: white;*/ 1508 /* --text-surface: white;*/ 1509 /* --bg-elevated: rgb(40, 50, 60);*/ 1510 /* --placeholder-color: rgb(100, 110, 120);*/ 1511 /*}*/ 1512 1513 /* Input Styles */ 1514 .search-container { 1515 position: relative; 1516 z-index: 991; 1517 width: 100%; 1518 margin: auto; 1519 } 1520 1521 .search-container input[type="text"] { 1522 background-color: var(--bg-surface); 1523 color: var(--text-deep);
1524 border: 2px solid var(--bg-elevated); 1525 outline: none; 1526 padding: 8px 40px 8px 50px; /* Add padding for the icon */ 1527 border-radius: 4px; 1528 transition: border-color 0.2s ease; 1529 width: 100%; 1530 font-weight: 600; 1531 font-size: 16px; 1532 } 1533 1534 .search-container input[type="text"]::placeholder { 1535 color: var(--placeholder-color); 1536 opacity: 0.8; 1537 } 1538 1539 1540 .search-icon { 1541 position: absolute; 1542 top: 50%; 1543 left: 16px; 1544 transform: translateY(-50%); 1545 color: var(--accent-color); 1546 font-size: 20px; 1547 pointer-events: none; /* Prevent icon from blocking input */ 1548 } 1549 1550 .search-overlay { 1551 position: fixed; 1552 top: 0; 1553 left: 0; 1554 width: 100%; 1555 height: 100%; 1556 background-color: rgba(0, 0, 0, 0.5); 1557 z-index: 990; 1558 display: none; 1559 } 1560 1561 .search-result { 1562 position: absolute; 1563 z-index: 991; 1564 width: 100%; 1565 height: 440px; 1566 max-height: 440px; 1567 background-color: var(--bg-surface); 1568 border-radius: 8px; 1569 overflow-y: auto; 1570 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); 1571 display: none; 1572 } 1573 1574 .search-result-item { 1575 padding: 12px 16px; 1576 color: var(--text-surface); 1577 cursor: pointer; 1578 transition: background-color 0.2s; 1579 } 1580 1581 .search-result-item:hover { 1582 background-color: var(--bg-elevated); 1583 } 1584</style> 1585 1586<div class="search-widget"> 1587 <div class="search-overlay" onclick="closeSearch(this)"></div> 1588 1589 <div class="search-container"> 1590 <span class="search-icon"><i class="icon-search text-accent fs-xl"></i></span> 1591 <input 1592 type="text" 1593 placeholder="Search" 1594 class="form-control" 1595 onfocus="openSearch(this)" 1596 oninput="debouncedSearch(this)" 1597 > 1598 1599 <div class="search-result rounded mt-3"></div> 1600 </div> 1601</div> 1602
1603<script> 1604 1605 1606 // Debounced version of searchGame 1607 var debouncedSearch = debounce(function (input) { 1608 searchGame(input); 1609 }, 300); 1610 1611 function debounce(func, delay = 300) { 1612 let timeout; 1613 return function (...args) { 1614 clearTimeout(timeout); 1615 timeout = setTimeout(() => func.apply(this, args), delay); 1616 }; 1617 } 1618 1619 function searchGame(input) { 1620 const container = input.closest('.search-widget'); 1621 const value = input.value.trim(); 1622 const resultBox = container.querySelector('.search-result'); 1623 const overlay = container.querySelector('.search-overlay'); 1624 1625 if (value) { 1626 resultBox.style.display = 'block'; 1627 overlay.style.display = 'block'; 1628 1629 resultBox.innerHTML = ` 1630 <div class="w-100 h-100 d-flex justify-content-center align-items-center"> 1631 <div class="spinner-border text-primary" role="status"></div> 1632 </div> 1633 `; 1634 1635 const settings = { 1636 url: encodeURI(`/game/search?name=${value}`), 1637 method: "GET", 1638 timeout: 0, 1639 }; 1640 1641 $.ajax(settings).done(function (response) { 1642 resultBox.innerHTML = response; 1643 }); 1644 } else { 1645 resultBox.style.display = 'none'; 1646 overlay.style.display = 'none'; 1647 } 1648 } 1649 1650 function openSearch(input) { 1651 const container = input.closest('.search-widget'); 1652 container.querySelector('.search-overlay').style.display = 'block'; 1653 document.body.classList.add('search-active'); 1654 1655 if (window.innerWidth <= 768) { 1656 setTimeout(() => { 1657 const offset = input.getBoundingClientRect().top + window.scrollY - 16; 1658 window.scrollTo({ top: offset, behavior: 'smooth' }); 1659 }, 100); 1660 } 1661 } 1662 1663 function closeSearch(overlay) { 1664 const container = overlay.closest('.search-widget'); 1665 container.querySelector('.search-overlay').style.display = 'none'; 1666 container.querySelector('.search-result').style.display = 'none'; 1667 document.body.classList.remove('search-active'); 1668 1669 input.blur(); 1670 } 1671 1672 function checkFocus(input) { 1673 const container = input.closest('.search-widget'); 1674 setTimeout(() => { 1675 if (!container.contains(document.activeElement)) { 1676 closeSearch(container.querySelector('.search-overlay')); 1677 } 1678 }, 200); 1679 } 1680 1681 1682 1683</script>
1683 1684 </div> 1685 1686 <!-- ✅ Game Category with gradient --> 1687 <div class="d-block d-lg-none mt-1 shadow game-category-wrapper"> 1688 <div class="scroll-fade-left"></div> 1689 <div class="scroll-fade-right"></div> 1690 1691 <div class="game-category-scroll no-scrollbar"> 1692 <div class="d-flex" style="min-width: max-content;"> 1693 <a class="p-3 d-flex flex-column justify-content-center align-items-center gap-1 position-relative" 1694 href="javascript:content('/lobby', 'main-content');setMainMenuIndicator('lobby');window.history.pushState({}, '', '/');" 1695 style="min-width: 72px"> 1696 <i class="icon-lobby text-accent fs-xl"></i> 1697 <div class="fw-semibold text-surface fs-md fs-sm-sm">Lobby</div> 1698 <div id="main-menu-indicator-lobby" class="main-menu-indicator"></div> 1699 </a> 1700 1701 <!-- Togel --> 1702 <a class="p-3 d-flex flex-column justify-content-center align-items-center gap-1 position-relative" 1703 href="javascript:content('/togel');generateTogelToken()" 1704 style="min-width: 72px"> 1705 <i class="icon-togel text-accent fs-xl"></i> 1706 <div class="fw-semibold text-surface fs-md fs-sm-sm">Togel</div> 1707 <div id="main-menu-indicator-togel" class="main-menu-indicator"></div> 1708 </a> 1709 1710 <!-- Togel --> 1711 1712 <!-- Kupon --> 1713 1714 1715 1716 <!-- Kupon --> 1717 1718 <a class="p-3 d-flex flex-column justify-content-center align-items-center gap-1 position-relative" 1719 href="javascript:content('/game/slot?head=false', 'main-content');setMainMenuIndicator('slot');window.history.pushState({}, '', '/home/slot/all');" 1720 style="min-width: 72px"> 1721 <i class="icon-slot text-accent fs-xl"></i> 1722 <div class="fw-semibold text-surface fs-md fs-sm-sm">Slot</div> 1723 <div id="main-menu-indicator-slot" class="main-menu-indicator"></div> 1724 1725 1726 </a> 1727 1728 <a class="p-3 d-flex flex-column justify-content-center align-items-center gap-1 position-relative" 1729 href="javascript:content('/game/casino?head=false', 'main-content');setMainMenuIndicator('casino');window.history.pushState({}, '', '/home/casino/all');" 1730 style="min-width: 72px"> 1731 <i class="icon-live-casino text-accent fs-xl"></i> 1732 <div class="fw-semibold text-surface fs-md fs-sm-sm">Casino</div> 1733 <div id="main-menu-indicator-casino" class="main-menu-indicator"></div> 1734 1735 1736 </a> 1737 1738 <a class="p-3 d-flex flex-column justify-content-center align-items-center gap-1 position-relative" 1739 href="javascript:content('/game/sports?head=false', 'main-content');setMainMenuIndicator('sports');window.history.pushState({}, '', '/home/sports/all');" 1740 style="min-width: 72px"> 1741 <i class="icon-sports text-accent fs-xl"></i> 1742 <div class="fw-semibold text-surface fs-md fs-sm-sm">Sports</div> 1743 <div id="main-menu-indicator-sports" class="main-menu-indicator"></div> 1744 1745 1746 </a> 1747 1748 <a class="p-3 d-flex flex-column justify-content-center align-items-center gap-1 position-relative" 1749 href="javascript:content('/game/arcade?head=false', 'main-content');setMainMenuIndicator('arcade');window.history.pushState({}, '', '/home/arcade/all');" 1750 style="min-width: 72px"> 1751 <i class="icon-arcade text-accent fs-xl"></i> 1752 <div class="fw-semibold text-surface fs-md fs-sm-sm">Arcade</div> 1753 <div id="main-menu-indicator-arcade" class="main-menu-indicator"></div> 1754 1755 1756 </a> 1757 1758 <a class="p-3 d-flex flex-column justify-content-center align-items-center gap-1 position-relative" 1759 href="javascript:content('/game/sabung?head=false', 'main-content');setMainMenuIndicator('sabung');window.history.pushState({}, '', '/home/sabung/all');" 1760 style="min-width: 72px"> 1761 <i class="icon-sabung text-accent fs-xl"></i> 1762 <div class="fw-semibold text-surface fs-md fs-sm-sm">Sabung</div> 1763 <div id="main-menu-indicator-sabung" class="main-menu-indicator"></div> 1764 1765 1766 </a> 1767 1768 <a class="p-3 d-flex flex-column justify-content-center align-items-center gap-1 position-relative" 1769 href="javascript:content('/game/interactive?head=false', 'main-content');setMainMenuIndicator('interactive');window.history.pushState({}, '', '/home/interactive')/all;" 1770 style="min-width: 72px"> 1771 <i class="icon-interactive text-accent fs-xl"></i> 1772 <div class="fw-semibold text-surface fs-md fs-sm-sm">Interactive</div> 1773 <div id="main-menu-indicator-interactive" class="main-menu-indicator"></div> 1774 1775 1776 </a> 1777 </div> 1778 </div> 1779 </div> 1780 1781 <div id='main-content'> 1782 <div class="container mt-4 mt-lg-4"> 1783 <div class="d-flex align-items-center gap-3"> 1784 <i class="icon-slot text-accent fs-lg"></i> 1785 <span class="fw-semibold fs-xl fs-sm-lg">Trending Slot</span> 1786 </div> 1787 1788 <section id="splide-trending-slot" class="splide"> 1789 <div class="splide__track pt-3"> 1790 <div class="splide__list"> 1791 <div class="splide__slide"> 1792 <div class=""> 1793 <div class="box-game game-slot" onclick="openLoginModal('mahjong-ways', 'pg')"> 1794 1795<div class="game-img"> 1796 <img class="img-slot" src="https://imgotp.thanatosmaero.com/pg/images/mahjong-ways.webp" alt="Mahjong Ways"> 1797 1798 <div class="game-rank shadow">1</div> 1799 1800 <div class="game-hot"><img src="https://imgotp.viva88athenae.com//hot.gif" alt="Hot"></div> 1801 1802 1803</div> 1804<div class="game-body bg-elevated"> 1805 <div class="game-name fs-sm">Mahjong Ways</div> 1806 <div class="game-provider subtext-color fs-sm">PGSoft</div> 1807 1808</div> 1809</div> 1810 1811</div> 1812 </div> 1813 <div class="splide__slide"> 1814 <div class=""> 1815 <div class="box-game game-slot" onclick="openLoginModal('mahjong-ways2', 'pg')"> 1816 1817<div class="game-img"> 1818 <img class="img-slot" src="https://imgotp.thanatosmaero.com/pg/images/mahjong-ways2.webp" alt="Mahjong Ways 2"> 1819 1820 <div class="game-rank shadow">2</div> 1821 1822 <div class="game-hot"><img src="https://imgotp.viva88athenae.com//hot.gif" alt="Hot"></div> 1823 1824 1825</div> 1826<div class="game-body bg-elevated"> 1827 <div class="game-name fs-sm">Mahjong Ways 2</div> 1828 <div class="game-provider subtext-color fs-sm">PGSoft</div> 1829 1830</div> 1831</div> 1832 1833</div> 1834 </div> 1835 <div class="splide__slide"> 1836 <div class=""> 1837 <div class="box-game game-slot" onclick="openLoginModal('vpcqs28', 'cq9')"> 1838 1839<div class="game-img"> 1840 <img class="img-slot" src="https://imgotp.thanatosmaero.com/cq9/images/VPCQS28.webp" alt="Mahjong Wilds"> 1841 1842 <div class="game-rank shadow">3</div> 1843 1844 1845 1846</div> 1847<div class="game-body bg-elevated"> 1848 <div class="game-name fs-sm">Mahjong Wilds</div> 1849 <div class="game-provider subtext-color fs-sm">CQ9</div> 1850 1851</div> 1852</div> 1853 1854</div> 1855 </div> 1856 <div class="splide__slide"> 1857 <div class=""> 1858 <div class="box-game game-slot" onclick="openLoginModal('vswaysmahwblck', 'pp')"> 1859 1860<div class="game-img"> 1861 <img class="img-slot" src="https://imgotp.thanatosmaero.com/pp/images/vswaysmahwblck.webp" alt="Mahjong Wins 3 - Black Scatter"> 1862 1863 <div class="game-rank shadow">
18634</div> 1864 1865 <div class="game-hot"><img src="https://imgotp.viva88athenae.com//hot.gif" alt="Hot"></div> 1866 1867 1868</div> 1869<div class="game-body bg-elevated"> 1870 <div class="game-name fs-sm">Mahjong Wins 3 - Black Scatter</div> 1871 <div class="game-provider subtext-color fs-sm">Pragmatic</div> 1872 1873</div> 1874</div> 1875 1876</div> 1877 </div> 1878 <div class="splide__slide"> 1879 <div class=""> 1880 <div class="box-game game-slot" onclick="openLoginModal('wild-bounty-showdown', 'pg')"> 1881 1882<div class="game-img"> 1883 <img class="img-slot" src="https://imgotp.thanatosmaero.com/pg/images/wild-bounty-showdown.webp" alt="Wild Bounty Showdown"> 1884 1885 <div class="game-rank shadow">5</div> 1886 1887 <div class="game-hot"><img src="https://imgotp.viva88athenae.com//hot.gif" alt="Hot"></div> 1888 1889 1890</div> 1891<div class="game-body bg-elevated"> 1892 <div class="game-name fs-sm">Wild Bounty Showdown</div> 1893 <div class="game-provider subtext-color fs-sm">PGSoft</div> 1894 1895</div> 1896</div> 1897 1898</div> 1899 </div> 1900 <div class="splide__slide"> 1901 <div class=""> 1902 <div class="box-game game-slot" onclick="openLoginModal('vs20olympx', 'pp')"> 1903 1904<div class="game-img"> 1905 <img class="img-slot" src="https://imgotp.thanatosmaero.com/pp/images/vs20olympx.webp" alt="Gates of Olympus 1000"> 1906 1907 <div class="game-rank shadow">6</div> 1908 1909 <div class="game-hot"><img src="https://imgotp.viva88athenae.com//hot.gif" alt="Hot"></div> 1910 1911 1912</div> 1913<div class="game-body bg-elevated"> 1914 <div class="game-name fs-sm">Gates of Olympus 1000</div> 1915 <div class="game-provider subtext-color fs-sm">Pragmatic</div> 1916 1917</div> 1918</div> 1919 1920</div> 1921 </div> 1922 <div class="splide__slide"> 1923 <div class=""> 1924 <div class="box-game game-slot" onclick="openLoginModal('6059', 'mgw')"> 1925 1926<div class="game-img"> 1927 <img class="img-slot" src="https://imgotp.thanatosmaero.com/mgw/images/6059.webp" alt="Mahjong Hit"> 1928 1929 <div class="game-rank shadow">7</div> 1930 1931 <div class="game-hot"><img src="https://imgotp.viva88athenae.com//hot.gif" alt="Hot"></div> 1932 1933 1934</div> 1935<div class="game-body bg-elevated"> 1936 <div class="game-name fs-sm">Mahjong Hit</div> 1937 <div class="game-provider subtext-color fs-sm">Megawin</div> 1938 1939</div> 1940</div> 1941 1942</div> 1943 </div> 1944 <div class="splide__slide"> 1945 <div class=""> 1946 <div class="box-game game-slot" onclick="openLoginModal('vs20olympgold', 'pp')"> 1947 1948<div class="game-img"> 1949 <img class="img-slot" src="https://imgotp.thanatosmaero.com/pp/images/vs20olympgold.webp" alt="Gates of Olympus Super Scatter"> 1950 1951 <div class="game-rank shadow">8</div> 1952 1953 <div class="game-hot"><img src="https://imgotp.viva88athenae.com//hot.gif" alt="Hot"></div> 1954 1955 1956</div> 1957<div class="game-body bg-elevated"> 1958 <div class="game-name fs-sm">Gates of Olympus Super Scatter</div> 1959 <div class="game-provider subtext-color fs-sm">Pragmatic</div> 1960 1961</div> 1962</div> 1963 1964</div> 1965 </div> 1966 <div class="splide__slide"> 1967 <div class=""> 1968 <div class="box-game game-slot" onclick="openLoginModal('p5_mahjongmaxwin', 'mg')"> 1969 1970<div class="game-img"> 1971 <img class="img-slot" src="https://imgotp.thanatosmaero.com/mg/images/p5_mahjongmaxwin.webp" alt="Mahjong Maxwin"> 1972 1973 <div class="game-rank shadow">9</div> 1974 1975 1976 1977</div> 1978<div class="game-body bg-elevated"> 1979 <div class="game-name fs-sm">Mahjong Maxwin</div> 1980 <div class="game-provider subtext-color fs-sm">Micro Gaming</div> 1981 1982</div> 1983</div> 1984 1985</div> 1986 </div> 1987 <div class="splide__slide"> 1988 <div class=""> 1989 <div class="box-game game-slot" onclick="openLoginModal('s5g-h5-99950', 'fgs')"> 1990 1991<div class="game-img"> 1992 <img class="img-slot" src="https://imgotp.thanatosmaero.com/fgs/images/s5g-h5-99950.webp" alt="Mahjong 5 Dragons"> 1993 1994 <div class="game-rank shadow">10</div> 1995 1996 1997 1998</div> 1999<div class="game-body bg-elevated"> 2000 <div class="game-name fs-sm">Mahjong 5 Dragons</div> 2001 <div class="game-provider subtext-color fs-sm">5G Games</div> 2002 2003</div> 2004</div> 2005 2006</div> 2007 </div> 2008 </div> 2009 </div> 2010 </section> 2011</div> 2012
2013<script> 2014 var splideTrendingSlot = new Splide('#splide-trending-slot', { 2015 pagination: false, 2016 drag: 'free', 2017 gap: '8px', 2018 autoWidth: true 2019 }); 2020 2021 splideTrendingSlot.mount(); 2022 2023</script>
2023 2024 2025<!-- Trending Casino --> 2026 2027<div class="container mt-4 mt-lg-4"> 2028 <div class="d-flex align-items-center gap-3"> 2029 <i class="icon-live-casino text-accent fs-lg"></i> 2030 <span class="fw-semibold fs-xl fs-sm-lg">Trending Casino</span> 2031 </div> 2032 2033 <section id="splide-trending-casino" class="splide"> 2034 <div class="splide__track pt-3"> 2035 <div class="splide__list"> 2036 <div class="splide__slide"> 2037 <div class=""> 2038 <div class="box-game game-casino" onclick="openLoginModal('1301', 'pplc')"> 2039 2040<div class="game-img"> 2041 <img class="img-casino" src="https://imgotp.thanatosmaero.com/pp/images/1301.webp" alt="Spaceman"> 2042 2043 <div class="game-rank shadow">1</div> 2044 2045 2046 2047</div> 2048<div class="game-body bg-elevated"> 2049 <div class="game-name fs-sm">Spaceman</div> 2050 <div class="game-provider subtext-color fs-sm">Pragmatic Live</div> 2051 2052</div> 2053</div> 2054 2055</div> 2056 </div> 2057 <div class="splide__slide"> 2058 <div class=""> 2059 <div class="box-game game-casino" onclick="openLoginModal('lightningstorm', 'evo')"> 2060 2061<div class="game-img"> 2062 <img class="img-casino" src="https://imgotp.thanatosmaero.com/evo/images/lightningstorm.jpg" alt="Lightning Storm"> 2063 2064 <div class="game-rank shadow">2</div> 2065 2066 2067 2068</div> 2069<div class="game-body bg-elevated"> 2070 <div class="game-name fs-sm">Lightning Storm</div> 2071 <div class="game-provider subtext-color fs-sm">Evolution</div> 2072 2073</div> 2074</div> 2075 2076</div> 2077 </div> 2078 <div class="splide__slide"> 2079 <div class=""> 2080 <div class="box-game game-casino" onclick="openLoginModal('icefishing', 'evo')"> 2081 2082<div class="game-img"> 2083 <img class="img-casino" src="https://imgotp.thanatosmaero.com/evo/images/icefishing.jpg" alt="Ice Fishing"> 2084 2085 <div class="game-rank shadow">3</div> 2086 2087 2088 2089</div> 2090<div class="game-body bg-elevated"> 2091 <div class="game-name fs-sm">Ice Fishing</div> 2092 <div class="game-provider subtext-color fs-sm">Evolution</div> 2093 2094</div> 2095</div> 2096 2097</div> 2098 </div> 2099 <div class="splide__slide"> 2100 <div class=""> 2101 <div class="box-game game-casino" onclick="openLoginModal('2201', 'pplc')"> 2102 2103<div class="game-img"> 2104 <img class="img-casino" src="https://imgotp.thanatosmaero.com/pp/images/2201.webp" alt="High Flyer"> 2105 2106 <div class="game-rank shadow">4</div> 2107 2108 2109 2110</div> 2111<div class="game-body bg-elevated"> 2112 <div class="game-name fs-sm">High Flyer</div> 2113 <div class="game-provider subtext-color fs-sm">Pragmatic Live</div> 2114 2115</div> 2116</div> 2117 2118</div> 2119 </div> 2120 <div class="splide__slide"> 2121 <div class=""> 2122 <div class="box-game game-casino" onclick="openLoginModal('1101', 'pplc')"> 2123 2124<div class="game-img"> 2125 <img class="img-casino" src="https://imgotp.thanatosmaero.com/pp/images/1101.webp" alt="Sweet Bonanza Candyland"> 2126 2127 <div class="game-rank shadow">5</div> 2128 2129 2130 2131</div> 2132<div class="game-body bg-elevated"> 2133 <div class="game-name fs-sm">Sweet Bonanza Candyland</div> 2134 <div class="game-provider subtext-color fs-sm">Pragmatic Live</div> 2135 2136</div> 2137</div> 2138 2139</div> 2140 </div> 2141 <div class="splide__slide"> 2142 <div class=""> 2143 <div class="box-game game-casino" onclick="openLoginModal('crazytime', 'evo')"> 2144 2145<div class="game-img"> 2146 <img class="img-casino" src="https://imgotp.thanatosmaero.com/evo/images/crazytime.jpg" alt="Crazy Time"> 2147 2148 <div class="game-rank shadow">6</div> 2149 2150 2151 2152</div> 2153<div class="game-body bg-elevated"> 2154 <div class="game-name fs-sm">Crazy Time</div> 2155 <div class="game-provider subtext-color fs-sm">Evolution</div> 2156 2157</div> 2158</div> 2159 2160</div> 2161 </div> 2162 <div class="splide__slide"> 2163 <div class=""> 2164 <div class="box-game game-casino" onclick="openLoginModal('mgl_grand_categoryroulette', 'mgl')"> 2165 2166<div class="game-img"> 2167 <img class="img-casino" src="https://imgotp.thanatosmaero.com/mgl/images/mgl_grand_categoryroulette.jpg" alt="Roulette Lobby"> 2168 2169 <div class="game-rank shadow">7</div> 2170 2171 2172 2173</div> 2174<div class="game-body bg-elevated"> 2175 <div class="game-name fs-sm">Roulette Lobby</div> 2176 <div class="game-provider subtext-color fs-sm">Micro Gaming Live</div> 2177 2178</div> 2179</div> 2180 2181</div> 2182 </div> 2183 <div class="splide__slide"> 2184 <div class=""> 2185 <div class="box-game game-casino" onclick="openLoginModal('mx-live-901', 'sx')"> 2186 2187<div class="game-img"> 2188 <img class="img-casino" src="https://imgotp.thanatosmaero.com/sx/images/lobb
2188y.jpg" alt="All Games Lobby"> 2189 2190 <div class="game-rank shadow">8</div> 2191 2192 2193 2194</div> 2195<div class="game-body bg-elevated"> 2196 <div class="game-name fs-sm">All Games Lobby</div> 2197 <div class="game-provider subtext-color fs-sm">Sexy Gaming</div> 2198 2199</div> 2200</div> 2201 2202</div> 2203 </div> 2204 <div class="splide__slide"> 2205 <div class=""> 2206 <div class="box-game game-casino" onclick="openLoginModal('201', 'ab')"> 2207 2208<div class="game-img"> 2209 <img class="img-casino" src="https://imgotp.thanatosmaero.com/ab/images/ab-sicbo.jpg" alt="Sicbo S201"> 2210 2211 <div class="game-rank shadow">9</div> 2212 2213 2214 2215</div> 2216<div class="game-body bg-elevated"> 2217 <div class="game-name fs-sm">Sicbo S201</div> 2218 <div class="game-provider subtext-color fs-sm">AllBet</div> 2219 2220</div> 2221</div> 2222 2223</div> 2224 </div> 2225 <div class="splide__slide"> 2226 <div class=""> 2227 <div class="box-game game-casino" onclick="openLoginModal('sbol_baccarat', 'sbol')"> 2228 2229<div class="game-img"> 2230 <img class="img-casino" src="https://imgotp.thanatosmaero.com/sbo/images/sbol_baccarat.jpg" alt="Baccarat"> 2231 2232 <div class="game-rank shadow">10</div> 2233 2234 2235 2236</div> 2237<div class="game-body bg-elevated"> 2238 <div class="game-name fs-sm">Baccarat</div> 2239 <div class="game-provider subtext-color fs-sm">SBO Casino</div> 2240 2241</div> 2242</div> 2243 2244</div> 2245 </div> 2246 </div> 2247 </div> 2248 </section> 2249</div> 2250
2251<script> 2252 var splideTrendingCasino = new Splide('#splide-trending-casino', { 2253 pagination: false, 2254 drag: 'free', 2255 gap: '8px', 2256 autoWidth: true 2257 }); 2258 2259 splideTrendingCasino.mount(); 2260 2261</script>
2261 2262 2263<!-- Trending Games --> 2264 2265<div class="container mt-4 mt-lg-4"> 2266 <div class="d-flex align-items-center gap-3"> 2267 <i class="icon-games text-accent fs-lg"></i> 2268 <span class="fw-semibold fs-xl fs-sm-lg">Trending Games</span> 2269 </div> 2270 2271 <section id="splide-trending-games" class="splide"> 2272 <div class="splide__track pt-3"> 2273 <div class="splide__list"> 2274 <div class="splide__slide"> 2275 <div class=""> 2276 <div class="box-game game-sports" onclick="openLoginModal('sblogo', 'sb')"> 2277 2278<div class="game-img"> 2279 <img class="img-sports" src="https://imgotp.thanatosmaero.com/sblogo.png" alt="SABA Sports"> 2280 2281 <div class="game-rank shadow">1</div> 2282 2283 2284 2285</div> 2286<div class="game-body bg-elevated"> 2287 <div class="game-name fs-sm">SABA Sports</div> 2288 <div class="game-provider subtext-color fs-sm">Sports</div> 2289 2290</div> 2291</div> 2292 2293</div> 2294 </div> 2295 <div class="splide__slide"> 2296 <div class=""> 2297 <div class="box-game game-sports" onclick="openLoginModal('sbologo', 'sbo')"> 2298 2299<div class="game-img"> 2300 <img class="img-sports" src="https://imgotp.thanatosmaero.com/sbologo.png" alt="SBO Sports"> 2301 2302 <div class="game-rank shadow">2</div> 2303 2304 2305 2306</div> 2307<div class="game-body bg-elevated"> 2308 <div class="game-name fs-sm">SBO Sports</div> 2309 <div class="game-provider subtext-color fs-sm">Sports</div> 2310 2311</div> 2312</div> 2313 2314</div> 2315 </div> 2316 <div class="splide__slide"> 2317 <div class=""> 2318 <div class="box-game game-sports" onclick="openLoginModal('cmdlogo', 'cmd')"> 2319 2320<div class="game-img"> 2321 <img class="img-sports" src="https://imgotp.thanatosmaero.com/cmdlogo.png" alt="CMD Sports"> 2322 2323 <div class="game-rank shadow">3</div> 2324 2325 2326 2327</div> 2328<div class="game-body bg-elevated"> 2329 <div class="game-name fs-sm">CMD Sports</div> 2330 <div class="game-provider subtext-color fs-sm">Sports</div> 2331 2332</div> 2333</div> 2334 2335</div> 2336 </div> 2337 <div class="splide__slide"> 2338 <div class=""> 2339 <div class="box-game game-sabung" onclick="openLoginModal('svlogo', 'sv')"> 2340 2341<div class="game-img"> 2342 <img class="img-sabung" src="https://imgotp.thanatosmaero.com/svlogo.png" alt="SV388"> 2343 2344 <div class="game-rank shadow">4</div> 2345 2346 2347 2348</div> 2349<div class="game-body bg-elevated"> 2350 <div class="game-name fs-sm">SV388</div> 2351 <div class="game-provider subtext-color fs-sm">Sabung</div> 2352 2353</div> 2354</div> 2355 2356</div> 2357 </div> 2358 <div class="splide__slide"> 2359 <div class=""> 2360 <div class="box-game game-sabung" onclick="openLoginModal('wslogo', 'ws')"> 2361 2362<div class="game-img"> 2363 <img class="img-sabung" src="https://imgotp.thanatosmaero.com/wslogo.png" alt="WS168"> 2364 2365 <div class="game-rank shadow">5</div> 2366 2367 2368 2369</div> 2370<div class="game-body bg-elevated"> 2371 <div class="game-name fs-sm">WS168</div> 2372 <div class="game-provider subtext-color fs-sm">Sabung</div> 2373 2374</div> 2375</div> 2376 2377</div> 2378 </div> 2379 <div class="splide__slide"> 2380 <div class=""> 2381 <div class="box-game game-interactive" onclick="openLoginModal('327', 'jl')"> 2382 2383<div class="game-img"> 2384 <img class="img-interactive" src="https://imgotp.thanatosmaero.com/jl/images/327.webp" alt="Domino Go"> 2385 2386 <div class="game-rank shadow">6</div> 2387 2388 2389 2390</div> 2391<div class="game-body bg-elevated"> 2392 <div class="game-name fs-sm">Domino Go</div> 2393 <div class="game-provider subtext-color fs-sm">JILI</div> 2394 2395</div> 2396</div> 2397 2398</div> 2399 </div> 2400 <div class="splide__slide"> 2401 <div class=""> 2402 <div class="box-game game-interactive" onclick="openLoginModal('701', 'pok')"> 2403 2404<div class="game-img"> 2405 <img class="img-interactive" src="https://imgotp.thanatosmaero.com/pok/images/701.webp" alt="Lucky Spin"> 2406 2407 <div class="game-rank shadow">7</div> 2408 2409 2410 2411</div> 2412<div class="game-body bg-elevated"> 2413 <div class="game-name fs-sm">Lucky Spin</div> 2414 <div class="game-provider subtext-color fs-sm">PopOK</div> 2415 2416</div> 2417</div> 2418 2419</div> 2420 </div> 2421 <div class="splide__slide"> 2422 <div class=""> 2423 <div class="box-game game-arcade" onclick="openLoginModal('f-zp01', 'sg')"> 2424 2425<div class="game-img">
2426 <img class="img-arcade" src="https://imgotp.thanatosmaero.com/sg/images/f-zp01.webp" alt="Zombie Party"> 2427 2428 <div class="game-rank shadow">8</div> 2429 2430 2431 2432</div> 2433<div class="game-body bg-elevated"> 2434 <div class="game-name fs-sm">Zombie Party</div> 2435 <div class="game-provider subtext-color fs-sm">Spade Gaming</div> 2436 2437</div> 2438</div> 2439 2440</div> 2441 </div> 2442 <div class="splide__slide"> 2443 <div class=""> 2444 <div class="box-game game-interactive" onclick="openLoginModal('ar1chickrush', 'pp')"> 2445 2446<div class="game-img"> 2447 <img class="img-interactive" src="https://imgotp.thanatosmaero.com/pp/images/ar1chickrush.webp" alt="Chicken+"> 2448 2449 <div class="game-rank shadow">9</div> 2450 2451 2452 2453</div> 2454<div class="game-body bg-elevated"> 2455 <div class="game-name fs-sm">Chicken+</div> 2456 <div class="game-provider subtext-color fs-sm">Pragmatic</div> 2457 2458</div> 2459</div> 2460 2461</div> 2462 </div> 2463 <div class="splide__slide"> 2464 <div class=""> 2465 <div class="box-game game-interactive" onclick="openLoginModal('ar1minehnt', 'pp')"> 2466 2467<div class="game-img"> 2468 <img class="img-interactive" src="https://imgotp.thanatosmaero.com/pp/images/ar1minehnt.webp" alt="Mines+"> 2469 2470 <div class="game-rank shadow">10</div> 2471 2472 2473 2474</div> 2475<div class="game-body bg-elevated"> 2476 <div class="game-name fs-sm">Mines+</div> 2477 <div class="game-provider subtext-color fs-sm">Pragmatic</div> 2478 2479</div> 2480</div> 2481 2482</div> 2483 </div> 2484 </div> 2485 </div> 2486 </section> 2487</div> 2488
2489<script> 2490 var splideTrendingGames = new Splide('#splide-trending-games', { 2491 pagination: false, 2492 drag: 'free', 2493 gap: '8px', 2494 autoWidth: true 2495 }); 2496 2497 splideTrendingGames.mount(); 2498 2499</script>
2499 2500 2501 <div class="container mt-4 mt-lg-4"> 2502 <div class="d-flex align-items-center gap-3"> 2503 <i class="icon-togel text-accent fs-lg"></i> 2504 <span class="fw-semibold fs-xl fs-sm-lg">Pasaran Togel</span> 2505 </div> 2506 2507 <style> 2508 2509 .grid-togel { 2510 display: grid; 2511 grid-template-columns: repeat(10, 1fr); 2512 gap: 8px 2513 } 2514 2515 .box-togel { 2516 aspect-ratio: 150/200; 2517 border-radius: 8px; 2518 overflow: hidden; 2519 display: flex; 2520 flex-direction: column; 2521 background: var(--bg-surface); 2522 color: var(--text-surface); 2523 border-radius: 10px; 2524 overflow: hidden; 2525 font-size: var(--fs-xs); 2526 cursor: pointer; 2527 transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); 2528 } 2529 2530 .box-togel:hover { 2531 transform: translateY(-8px); 2532 } 2533 2534 .grid-togel>.box-togel { 2535 width: auto; 2536 } 2537 2538 2539 .togel-name { 2540 margin-top: 12px; 2541 width: 100%; 2542 display: flex; 2543 justify-content: center; 2544 align-items: center; 2545 color: var(--subtext-color); 2546 } 2547 2548 .togel-result { 2549 flex-grow: 1; 2550 display: grid; 2551 place-items: center; 2552 font-size: 40px; 2553 margin-bottom: 10px; 2554 font-weight: normal; 2555 font-family: "Oswald", sans-serif; 2556 } 2557 2558 .togel-date { 2559 height: 32px; 2560 width: 100%; 2561 background: blue; 2562 display: grid; 2563 place-items: center; 2564 background: var(--btn-accent-background); 2565 color: var(--btn-accent-color); 2566 font-size: var(--fs-sm); 2567 } 2568 2569 2570 @media (max-width: 768px) { 2571 .grid-togel { 2572 grid-template-columns: repeat(3, 1fr); 2573 } 2574 2575 .box-togel { 2576 2577 aspect-ratio: 150/150; 2578 } 2579 2580 .togel-name { 2581 margin-top: 10px; 2582 } 2583 2584 .togel-result { 2585 font-size: 32px; 2586 margin-bottom: 8px; 2587 } 2588 2589 .togel-date { 2590 height: 28px; 2591 font-size: var(--fs-xs); 2592 } 2593 2594 } 2595 2596 2597 /* Striped effect */ 2598 .table-togel { 2599 width: 100%; 2600 border-collapse: collapse; 2601 font-size: var(--fs-sm); 2602 } 2603 2604 .table-togel .row-togel:nth-child(odd) { 2605 background-color: var(--bg-surface); 2606 color: var(--text-surface); 2607 2608 } 2609 2610 .table-togel .row-togel:nth-child(even) { 2611 background-color: var(--bg-base); 2612 color: var(--text-base); 2613 } 2614 2615 .column-togel { 2616 display: grid; 2617 grid-template-columns: 4fr 3fr 1fr; 2618 gap: 12px; 2619 padding: 12px; 2620 } 2621 2622 2623</style> 2624 2625 2626 2627 2628<!-- Desktop --> 2629 2630<div class="grid-togel mt-3"> 2631 <div class="box-togel" onclick="openOffcanvas({"id":6786,"pasaran_id":"QTR","periode":"1202","nomor":"9915","data":"{\"4D\":\"9915\",\"3D\":\"915\",\"2D\":\"15\",\"2D Depan\":\"99\",\"2D Tengah\":\"91\",\"Colok Bebas\":[\"9\",\"9\",\"1\",\"5\"],\"Colok Macau\":[\"9\",\"9\",\"1\",\"5\"],\"Colok Naga\":[\"9\",\"9\",\"1\",\"5\"],\"Colok Jitu\":{\"As\":\"9\",\"Kop\":\"9\",\"Kepala\":\"1\",\"Ekor\":\"5\"},\"5050Umum\":[\"Kecil\",\"Ganjil\",\"Tepi\"],\"5050Special\":[\"AsBesar\",\"KopBesar\",\"KepalaKecil\",\"EkorBesar\",\"AsGanjil\",\"KopGanjil\",\"KepalaGanjil\",\"EkorGanjil\"],\"5050Kombinasi\":[\"BelakangMono\",\"BelakangKembang\",\"TengahMono\",\"TengahKempis\",\"DepanMono\",\"DepanKembar\"],\"Kombinasi\":[\"BelakangKecilGanjil\",\"TengahBesarGanjil\",\"DepanBesarGanjil\"],\"Dasar\":[\"Genap\",\"Besar\"],\"Shio\":\"Naga\"}","date":"2026-10-07","lastUpdate":"2026-10-07 21:01:18","name":"QATAR","jadwal":"21:00 WIB","tutup":"20:30 WIB","hari":"Setiap Hari","libur":"N\/A","web":"www.qatarlottery.com","paito":[{"periode":"1202","nomor":"9915","date":"2026-10-07"},{"periode":"1201","nomor":"5740","date":"2026-10-06"},{"periode":"1200","nomor":"8643","date":"2026-10-05"},{"periode":"1199","nomor":"0646","date":"2026-10-04"},{"periode":"1198","nomor":"7691","date":"2026-10-03"},{"periode":"1197","nomor":"3505","date":"2026-10-02"},{"periode":"1196","nomor":"4757","date":"2026-10-01"}]})"> 2632 <div class="togel-name">QATAR</div> 2633 <div class="togel-result">9915</div> 2634 <div class="togel-date">2026-10-07</div> 2635</div> <div class="box-togel" onclick="openOffcanvas({"id":6781,"pasaran_id":"MYD","periode":"0932","nomor":"9074","data":"{\"4D\":\"9074\",\"3D\":\"074\",\"2D\":\"74\",\"2D Depan\":\"90\",\"2D Tengah\":\"07\",\"Colok Bebas\":[\"9\",\"0\",\"7\",\"4\"],\"Colok Macau\":[\"9\",\"0\",\"7\",\"4\"],\"Colok Naga\":[\"9\",\"0\",\"7\",\"4\"],\"Colok Jitu\":{\"As\":\"9\",\"Kop\":\"0\",\"Kepala\":\"7\",\"Ekor\":\"4\"},\"5050Umum\":[\"Besar\",\"Genap\",\"Tengah\"],\"5050Special\":[\"AsBesar\",\"KopKecil\",\"KepalaBesar\",\"EkorKecil\",\"AsGanjil\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKempis\",\"TengahStereo\",\"TengahKembang\",\"DepanStereo\",\"DepanKempis\"],\"Kombinasi\":[\"BelakangBesarGenap\",\"TengahKecilGanjil\",\"DepanBesarGenap\"],\"Dasar\":[\"Genap\",\"Kecil\"],\"Shio\":\"Ular\"}","date":"2026-10-07","lastUpdate":"2026-10-07 15:01:03","name":"MALAYSIA SIANG","jadwal":"15:00 WIB","tutup":"14:30 WIB","hari":"Setiap Hari","libur":"N\/A","web":"www.malaysialottery.net","paito":[{"periode":"0932","nomor":"9074","date":"2026-10-07"},{"periode":"0931","nomor":"1210","date":"2026-10-06"},{"periode":"0930","nomor":"2452","date":"2026-10-05"},{"periode":"0929","nomor":"6932","date":"2026-10-04"},{"periode":"0928","nomor":"5590","date":"2026-10-03"},{"periode":"0927","nomor":"7799","date":"2026-10-02"},{"periode":"0926","nomor":"6065","date":"2026-10-01"}]})"> 2636 <div class="togel-name">MALAYSIA SIANG</div> 2637 <div class="togel-result">9074</div> 2638 <div class="togel-date">2026-10-07</div> 2639</div> <div class="box-togel" onclick="openOffcanvas({"id":6778,"pasaran_id":"SGM","periode":"0964","nomor":"5977","data":"{\"4D\":\"5977\",\"3D\":\"977\",\"2D\":\"77\",\"2D Depan\":\"59\",\"2D Tengah\":\"97\",\"Colok Bebas\":[\"5\",\"9\",\"7\",\"7\"],\"Colok Macau\":[\"5\",\"9\",\"7\",\"7\"],\"Colok Naga\":[\"5\",\"9\",\"7\",\"7\"],\"Colok Jitu\":{\"As\":\"5\",\"Kop\":\"9\",\"Kepala\":\"7\",\"Ekor\":\"7\"},\"5050Umum\":[\"Besar\",\"Ganjil\",\"Tepi\"],\"5050Special\":[\"AsBesar\",\"KopBesar\",\"KepalaBesar\",\"EkorBesar\",\"AsGanjil\",\"KopGanjil\",\"KepalaGanjil\",\"EkorGanjil\"],\"5050Kombinasi\":[\"BelakangMono\",\"BelakangKembar\",\"TengahMono\",\"TengahKempis\",\"DepanMono\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangBesarGanjil\",\"TengahBesarGanjil\",\"DepanBesarGanjil\"],\"Dasar\":[\"Ganjil\",\"Besar\"],\"Shio\":\"Harimau\"}","date":"2026-10-07","lastUpdate":"2026-10-07 13:01:08","name":"SG METRO","jadwal":"13:00 WIB","tutup":"12:30 WIB","hari":"Setiap Hari","libur":"N\/A","web":"
2639www.sgmetro.com","paito":[{"periode":"0964","nomor":"5977","date":"2026-10-07"},{"periode":"0963","nomor":"8741","date":"2026-10-06"},{"periode":"0962","nomor":"3446","date":"2026-10-05"},{"periode":"0961","nomor":"8676","date":"2026-10-04"},{"periode":"0960","nomor":"9340","date":"2026-10-03"},{"periode":"0959","nomor":"2649","date":"2026-10-02"},{"periode":"0958","nomor":"4307","date":"2026-10-01"}]})"> 2640 <div class="togel-name">SG METRO</div> 2641 <div class="togel-result">5977</div> 2642 <div class="togel-date">2026-10-07</div> 2643</div> <div class="box-togel" onclick="openOffcanvas({"id":6789,"pasaran_id":"TWH","periode":"2911","nomor":"3684","data":"{\"4D\":\"3684\",\"3D\":\"684\",\"2D\":\"84\",\"2D Depan\":\"36\",\"2D Tengah\":\"68\",\"Colok Bebas\":[\"3\",\"6\",\"8\",\"4\"],\"Colok Macau\":[\"3\",\"6\",\"8\",\"4\"],\"Colok Naga\":[\"3\",\"6\",\"8\",\"4\"],\"Colok Jitu\":{\"As\":\"3\",\"Kop\":\"6\",\"Kepala\":\"8\",\"Ekor\":\"4\"},\"5050Umum\":[\"Besar\",\"Genap\",\"Tepi\"],\"5050Special\":[\"AsKecil\",\"KopBesar\",\"KepalaBesar\",\"EkorKecil\",\"AsGanjil\",\"KopGenap\",\"KepalaGenap\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangMono\",\"BelakangKempis\",\"TengahMono\",\"TengahKembang\",\"DepanStereo\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangBesarGenap\",\"TengahBesarGenap\",\"DepanKecilGenap\"],\"Dasar\":[\"Ganjil\",\"Kecil\"],\"Shio\":\"Kambing\"}","date":"2026-10-08","lastUpdate":"2026-10-08 00:00:08","name":"TOTO WUHAN","jadwal":"Tiap 3 jam","tutup":"Tiap 3 jam","hari":"Setiap Hari ( 09:00 | 12:00 | 15:00 | 18:00 | 21:00 | 00:00 )","libur":"N\/A","web":"www.totowuhan.com","paito":[{"periode":"2911","nomor":"3684","date":"2026-10-08"},{"periode":"2910","nomor":"5453","date":"2026-10-07"},{"periode":"2909","nomor":"4310","date":"2026-10-07"},{"periode":"2908","nomor":"9334","date":"2026-10-07"},{"periode":"2907","nomor":"6601","date":"2026-10-07"},{"periode":"2906","nomor":"4755","date":"2026-10-07"},{"periode":"2905","nomor":"8361","date":"2026-10-07"}]})"> 2644 <div class="togel-name">TOTO WUHAN</div> 2645 <div class="togel-result">3684</div> 2646 <div class="togel-date">2026-10-08</div> 2647</div> <div class="box-togel" onclick="openOffcanvas({"id":6776,"pasaran_id":"HKD","periode":"0933","nomor":"6727","data":"{\"4D\":\"6727\",\"3D\":\"727\",\"2D\":\"27\",\"2D Depan\":\"67\",\"2D Tengah\":\"72\",\"Colok Bebas\":[\"6\",\"7\",\"2\",\"7\"],\"Colok Macau\":[\"6\",\"7\",\"2\",\"7\"],\"Colok Naga\":[\"6\",\"7\",\"2\",\"7\"],\"Colok Jitu\":{\"As\":\"6\",\"Kop\":\"7\",\"Kepala\":\"2\",\"Ekor\":\"7\"},\"5050Umum\":[\"Kecil\",\"Ganjil\",\"Tengah\"],\"5050Special\":[\"AsBesar\",\"KopBesar\",\"KepalaKecil\",\"EkorBesar\",\"AsGenap\",\"KopGanjil\",\"KepalaGenap\",\"EkorGanjil\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKembang\",\"TengahStereo\",\"TengahKempis\",\"DepanStereo\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangKecilGanjil\",\"TengahBesarGenap\",\"DepanBesarGanjil\"],\"Dasar\":[\"Ganjil\",\"Besar\"],\"Shio\":\"Naga\"}","date":"2026-10-07","lastUpdate":"2026-10-07 11:01:09","name":"HK SIANG","jadwal":"11:00 WIB","tutup":"10:30 WIB","hari":"Setiap Hari","libur":"N\/A","web":"www.hkpools1.com","paito":[{"periode":"0933","nomor":"6727","date":"2026-10-07"},{"periode":"0932","nomor":"4776","date":"2026-10-06"},{"periode":"0931","nomor":"0870","date":"2026-10-05"},{"periode":"0930","nomor":"3772","date":"2026-10-04"},{"periode":"0929","nomor":"0546","date":"2026-10-03"},{"periode":"0928","nomor":"7631","date":"2026-10-02"},{"periode":"0927","nomor":"4300","date":"2026-10-01"}]})"> 2648 <div class="togel-name">HK SIANG</div> 2649 <div class="togel-result">6727</div> 2650 <div class="togel-date">2026-10-07</div> 2651</div> <div class="box-togel" onclick="openOffcanvas({"id":6783,"pasaran_id":"MY","periode":"0880","nomor":"3932","data":"{\"4D\":\"3932\",\"3D\":\"932\",\"2D\":\"32\",\"2D Depan\":\"39\",\"2D Tengah\":\"93\",\"Colok Bebas\":[\"3\",\"9\",\"3\",\"2\"],\"Colok Macau\":[\"3\",\"9\",\"3\",\"2\"],\"Colok Naga\":[\"3\",\"9\",\"3\",\"2\"],\"Colok Jitu\":{\"As\":\"3\",\"Kop\":\"9\",\"Kepala\":\"3\",\"Ekor\":\"2\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tengah\"],\"5050Special\":[\"AsKecil\",\"KopBesar\",\"KepalaKecil\",\"EkorKecil\",\"AsGanjil\",\"KopGanjil\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKempis\",\"TengahMono\",\"TengahKempis\",\"DepanMono\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahBesarGanjil\",\"DepanKecilGanjil\"],\"Dasar\":[\"Ganjil\",\"Besar\"],\"Shio\":\"Babi\"}","date":"2026-10-07","lastUpdate":"2026-10-07 19:01:07","name":"MALAYSIA","jadwal":"19:00 WIB","tutup":"18:30 WIB","hari":"Setiap Hari","libur":"N\/A","web":"www.malaysialottery.net","paito":[{"periode":"0880","nomor":"3932","date":"2026-10-07"},{"periode":"0879","nomor":"4883","date":"2026-10-06"},{"periode":"0878","nomor":"4639","date":"2026-10-05"},{"periode":"0877","nomor":"4920","date":"2026-10-04"},{"periode":"0876","nomor":"8849","date":"2026-10-03"},{"periode":"0875","nomor":"7141","date":"2026-10-02"},{"periode":"0874","nomor":"4558","date":"2026-10-01"}]})"> 2652 <div class="togel-name">MALAYSIA</div> 2653 <div class="togel-result">3932</div> 2654 <div class="togel-date">2026-10-07</div> 2655</div> <div class="box-togel" onclick="openOffcanvas({"id":1297,"pasaran_id":"SY","periode":"0006","nomor":"1832","data":"{\"4D\":\"1832\",\"3D\":\"832\",\"2D\":\"32\",\"2D Depan\":\"18\",\"2D Tengah\":\"83\",\"Colok Bebas\":[\"1\",\"8\",\"3\",\"2\"],\"Colok Macau\":[\"1\",\"8\",\"3\",\"2\"],\"Colok Naga\":[\"1\",\"8\",\"3\",\"2\"],\"Colok Jitu\":{\"As\":\"1\",\"Kop\":\"8\",\"Kepala\":\"3\",\"Ekor\":\"2\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tengah\"],\"5050Special\":[\"AsKecil\",\"KopBesar\",\"KepalaKecil\",\"EkorKecil\",\"AsGanjil\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKempis\",\"TengahStereo\",\"TengahKempis\",\"DepanStereo\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahBesarGanjil\",\"DepanKecilGenap\"],\"Dasar\":[\"Ganjil\",\"Besar\"],\"Shio\":\"Anjing\"}","date":"2026-10-07","lastUpdate":"2026-10-07 14:13:19","name":"SYDNEY","jadwal":"13:55 WIB","tutup":"13:20 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/sydneylotto.com\/","paito":[{"periode":"0006","nomor":"1832","date":"2026-10-07"},{"periode":"0005","nomor":"3417","date":"2026-10-06"},{"periode":"0004","nomor":"0672","date":"2026-10-05"},{"periode":"0003","nomor":"0111","date":"2026-10-04"},{"periode":"0002","nomor":"2503","date":"2026-10-03"},{"periode":"0001","nomor":"2958","date":"2026-10-02"},{"periode":"0000","nomor":"2639","date":"2026-10-01"}]})"> 2656 <div class="togel-name">SYDNEY</div> 2657 <div class="togel-result">1832</div> 2658 <div class="togel-date">2026-10-07</div> 2659</div> <div class="box-togel" onclick="openOffcanvas({"id":1305,"pasaran_id":"SGP","periode":"0004","nomor":"9838","data":"{\"4D\":\"9838\",\"3D\":\"838\",\"2D\":\"38\",\"2D Depan\":\"98\",\"2D Tengah\":\"83\",\"Colok Bebas\":[\"9\",\"8\",\"3\",\"8\"],\"Colok Macau\":[\"9\",\"8\",\"3\",\"8\"],\"Colok Naga\":[\"9\",\"8\",\"3\",\"8\"],\"Colok Jitu\":{\"As\":\"9\",\"Kop\":\"8\",\"Kepala\":\"3\",\"Ekor\":\"8\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tengah\"],\"5050Special\":[\"AsBesar\",\"KopBesar\",\"KepalaKecil\",\"EkorBesar\",\"AsGanjil\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKembang\",\"TengahStereo\",\"TengahKempis\",\"DepanStereo\",\"DepanKempis\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahBesarGanjil\",\"DepanBesarGenap\"],\"Dasar\":[\"Genap\",\"Kecil\"],\"Shio\":\"Naga\"}","date":"2026-10-07","lastUpdate":"2026-10-07 20:36:26","name":"SINGAPORE","jadwal":"17:45 WIB","tutup":"17:30 WIB","hari":"Setiap Hari","libur":"Selasa & Jumat","web":"http:\/\/www.singaporepools.com.sg\/","paito":[{"periode":"0004","nomor":"9838","date":"2026-10-07"},{"periode":"0003","nomor":"3897","date":"2026-10-05"},{"periode":"0002","nomor":"2812","date":"2026-10-04"},{"periode":"0001","nomor":"3670","date":"2026-10-03"},{"periode":"0000","nomor":"9006","date":"2026-10-01"}]})"> 2660 <div class="togel-name">SINGAPORE</div> 2661 <div class="togel-result">9838</div> 2662 <div class="togel-date">2026-10-07</div> 2663</div> <div class="box-togel" onclick="openOffcanvas({"id":1311,"pasaran_id":"HK","periode":"0007","nomor":"2431","data":"{\"4D\":\"2431\",\"3D\":\"431\",\"2D\":\"31\",\"2D Depan\":\"24\",\"2D Tengah\":\"43\",\"Colok Bebas\":[\"2\",\"4\",\"3\",\"1\"],\"Colok Macau\":[\"2\",\"4\",\"3\",\"1\"],\"Colok Naga\":[\"2\",\"4\",\"3\",\"1\"],\"Colok Jitu\":{\"As\":\"2\",\"Kop\":\"4\",\"Kepala\":\"3\",\"Ekor\":\"1\"},\"5050Umum\":[\"Kecil\",\"Ganjil\",\"Tengah\"],\"5050Special\":[\"AsKecil\",\"KopKecil\",\"KepalaKecil\",\"EkorKecil\",\"AsGenap\",\"KopGenap\",\"KepalaGanjil\",\"EkorGanjil\"],\"5050Kombinasi\":[\"BelakangMono\",\"BelakangKempis\",\"TengahStereo\",\"TengahKempis\",\"DepanMono\",\"DepanKembang
2663\"],\"Kombinasi\":[\"BelakangKecilGanjil\",\"TengahKecilGanjil\",\"DepanKecilGenap\"],\"Dasar\":[\"Genap\",\"Kecil\"],\"Shio\":\"Babi\"}","date":"2026-10-07","lastUpdate":"2026-10-07 23:30:49","name":"HONGKONG","jadwal":"23:00 WIB","tutup":"22:20 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/lottohongkong.asia\/","paito":[{"periode":"0007","nomor":"2431","date":"2026-10-07"},{"periode":"0006","nomor":"0498","date":"2026-10-06"},{"periode":"0005","nomor":"8012","date":"2026-10-05"},{"periode":"0004","nomor":"0416","date":"2026-10-04"},{"periode":"0003","nomor":"0416","date":"2026-10-04"},{"periode":"0002","nomor":"2510","date":"2026-10-03"},{"periode":"0001","nomor":"1561","date":"2026-10-02"}]})"> 2664 <div class="togel-name">HONGKONG</div> 2665 <div class="togel-result">2431</div> 2666 <div class="togel-date">2026-10-07</div> 2667</div> <div class="box-togel" onclick="openOffcanvas({"id":1313,"pasaran_id":"TM00","periode":"0007","nomor":"7036","data":"{\"4D\":\"7036\",\"3D\":\"036\",\"2D\":\"36\",\"2D Depan\":\"70\",\"2D Tengah\":\"03\",\"Colok Bebas\":[\"7\",\"0\",\"3\",\"6\"],\"Colok Macau\":[\"7\",\"0\",\"3\",\"6\"],\"Colok Naga\":[\"7\",\"0\",\"3\",\"6\"],\"Colok Jitu\":{\"As\":\"7\",\"Kop\":\"0\",\"Kepala\":\"3\",\"Ekor\":\"6\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tengah\"],\"5050Special\":[\"AsBesar\",\"KopKecil\",\"KepalaKecil\",\"EkorBesar\",\"AsGanjil\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKembang\",\"TengahStereo\",\"TengahKembang\",\"DepanStereo\",\"DepanKempis\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahKecilGanjil\",\"DepanBesarGenap\"],\"Dasar\":[\"Ganjil\",\"Besar\"],\"Shio\":\"Kuda\"}","date":"2026-10-08","lastUpdate":"2026-10-08 00:16:44","name":"TOTOMACAU 0000","jadwal":"00:00 WIB","tutup":"23:45 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/poolstotomacao.com\/","paito":[{"periode":"0007","nomor":"7036","date":"2026-10-08"},{"periode":"0006","nomor":"1825","date":"2026-10-07"},{"periode":"0005","nomor":"1791","date":"2026-10-06"},{"periode":"0004","nomor":"2360","date":"2026-10-05"},{"periode":"0003","nomor":"0422","date":"2026-10-04"},{"periode":"0002","nomor":"0437","date":"2026-10-03"},{"periode":"0001","nomor":"1329","date":"2026-10-02"}]})"> 2668 <div class="togel-name">TOTOMACAU 0000</div> 2669 <div class="togel-result">7036</div> 2670 <div class="togel-date">2026-10-08</div> 2671</div> <div class="box-togel" onclick="openOffcanvas({"id":1295,"pasaran_id":"TM13","periode":"0006","nomor":"2492","data":"{\"4D\":\"2492\",\"3D\":\"492\",\"2D\":\"92\",\"2D Depan\":\"24\",\"2D Tengah\":\"49\",\"Colok Bebas\":[\"2\",\"4\",\"9\",\"2\"],\"Colok Macau\":[\"2\",\"4\",\"9\",\"2\"],\"Colok Naga\":[\"2\",\"4\",\"9\",\"2\"],\"Colok Jitu\":{\"As\":\"2\",\"Kop\":\"4\",\"Kepala\":\"9\",\"Ekor\":\"2\"},\"5050Umum\":[\"Besar\",\"Genap\",\"Tepi\"],\"5050Special\":[\"AsKecil\",\"KopKecil\",\"KepalaBesar\",\"EkorKecil\",\"AsGenap\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKempis\",\"TengahStereo\",\"TengahKembang\",\"DepanMono\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangBesarGenap\",\"TengahKecilGanjil\",\"DepanKecilGenap\"],\"Dasar\":[\"Genap\",\"Kecil\"],\"Shio\":\"Anjing\"}","date":"2026-10-07","lastUpdate":"2026-10-07 13:48:10","name":"TOTOMACAU 1300","jadwal":"13:00 WIB","tutup":"12:45 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/poolstotomacao.com\/","paito":[{"periode":"0006","nomor":"2492","date":"2026-10-07"},{"periode":"0005","nomor":"5625","date":"2026-10-06"},{"periode":"0004","nomor":"6520","date":"2026-10-05"},{"periode":"0003","nomor":"9711","date":"2026-10-04"},{"periode":"0002","nomor":"9180","date":"2026-10-03"},{"periode":"0001","nomor":"2811","date":"2026-10-02"},{"periode":"0000","nomor":"7760","date":"2026-10-01"}]})"> 2672 <div class="togel-name">TOTOMACAU 1300</div> 2673 <div class="togel-result">2492</div> 2674 <div class="togel-date">2026-10-07</div> 2675</div> <div class="box-togel" onclick="openOffcanvas({"id":1300,"pasaran_id":"TM16","periode":"0006","nomor":"9210","data":"{\"4D\":\"9210\",\"3D\":\"210\",\"2D\":\"10\",\"2D Depan\":\"92\",\"2D Tengah\":\"21\",\"Colok Bebas\":[\"9\",\"2\",\"1\",\"0\"],\"Colok Macau\":[\"9\",\"2\",\"1\",\"0\"],\"Colok Naga\":[\"9\",\"2\",\"1\",\"0\"],\"Colok Jitu\":{\"As\":\"9\",\"Kop\":\"2\",\"Kepala\":\"1\",\"Ekor\":\"0\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tepi\"],\"5050Special\":[\"AsBesar\",\"KopKecil\",\"KepalaKecil\",\"EkorKecil\",\"AsGanjil\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKempis\",\"TengahStereo\",\"TengahKempis\",\"DepanStereo\",\"DepanKempis\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahKecilGanjil\",\"DepanBesarGenap\"],\"Dasar\":[\"Ganjil\",\"Kecil\"],\"Shio\":\"Monyet\"}","date":"2026-10-07","lastUpdate":"2026-10-07 16:32:26","name":"TOTOMACAU 1600","jadwal":"16:00 WIB","tutup":"15:45 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/poolstotomacao.com\/","paito":[{"periode":"0006","nomor":"9210","date":"2026-10-07"},{"periode":"0005","nomor":"2371","date":"2026-10-06"},{"periode":"0004","nomor":"2786","date":"2026-10-05"},{"periode":"0003","nomor":"6416","date":"2026-10-04"},{"periode":"0002","nomor":"1710","date":"2026-10-03"},{"periode":"0001","nomor":"2964","date":"2026-10-02"},{"periode":"0000","nomor":"7325","date":"2026-10-01"}]})"> 2676 <div class="togel-name">TOTOMACAU 1600</div> 2677 <div class="togel-result">9210</div> 2678 <div class="togel-date">2026-10-07</div> 2679</div> <div class="box-togel" onclick="openOffcanvas({"id":1304,"pasaran_id":"TM19","periode":"0006","nomor":"3508","data":"{\"4D\":\"3508\",\"3D\":\"508\",\"2D\":\"08\",\"2D Depan\":\"35\",\"2D Tengah\":\"50\",\"Colok Bebas\":[\"3\",\"5\",\"0\",\"8\"],\"Colok Macau\":[\"3\",\"5\",\"0\",\"8\"],\"Colok Naga\":[\"3\",\"5\",\"0\",\"8\"],\"Colok Jitu\":{\"As\":\"3\",\"Kop\":\"5\",\"Kepala\":\"0\",\"Ekor\":\"8\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tepi\"],\"5050Special\":[\"AsKecil\",\"KopBesar\",\"KepalaKecil\",\"EkorBesar\",\"AsGanjil\",\"KopGanjil\",\"KepalaGenap\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangMono\",\"BelakangKembang\",\"TengahStereo\",\"TengahKempis\",\"DepanMono\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahBesarGenap\",\"DepanKecilGanjil\"],\"Dasar\":[\"Genap\",\"Besar\"],\"Shio\":\"Anjing\"}","date":"2026-10-07","lastUpdate":"2026-10-07 20:33:42","name":"TOTOMACAU 1900","jadwal":"19:00 WIB","tutup":"18:45 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/poolstotomacao.com\/","paito":[{"periode":"0006","nomor":"3508","date":"2026-10-07"},{"periode":"0005","nomor":"3021","date":"2026-10-06"},{"periode":"0004","nomor":"0996","date":"2026-10-05"},{"periode":"0003","nomor":"0166","date":"2026-10-04"},{"periode":"0002","nomor":"9946","date":"2026-10-03"},{"periode":"0001","nomor":"9822","date":"2026-10-02"},{"periode":"0000","nomor":"9751","date":"2026-10-01"}]})"> 2680 <div class="togel-name">TOTOMACAU 1900</div> 2681 <div class="togel-result">3508</div> 2682 <div class="togel-date">2026-10-07</div> 2683</div> <div class="box-togel" onclick="openOffcanvas({"id":1308,"pasaran_id":"TM22","periode":"0006","nomor":"9798","data":"{\"4D\":\"9798\",\"3D\":\"798\",\"2D\":\"98\",\"2D Depan\":\"97\",\"2D Tengah\":\"79\",\"Colok Bebas\":[\"9\",\"7\",\"9\",\"8\"],\"Colok Macau\":[\"9\",\"7\",\"9\",\"8\"],\"Colok Naga\":[\"9\",\"7\",\"9\",\"8\"],\"Colok Jitu\":{\"As\":\"9\",\"Kop\":\"7\",\"Kepala\":\"9\",\"Ekor\":\"8\"},\"5050Umum\":[\"Besar\",\"Genap\",\"Tepi\"],\"5050Special\":[\"AsBesar\",\"KopBesar\",\"KepalaBesar\",\"EkorBesar\",\"AsGanjil\",\"KopGanjil\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKempis\",\"TengahMono\",\"TengahKembang\",\"DepanMono\",\"DepanKempis\"],\"Kombinasi\":[\"BelakangBesarGenap\",\"TengahBesarGanjil\",\"DepanBesarGanjil\"],\"Dasar\":[\"Genap\",\"Besar\"],\"Shio\":\"Naga\"}","date":"2026-10-07","lastUpdate":"2026-10-07 22:16:08","name":"TOTOMACAU 2200","jadwal":"22:00 WIB","tutup":"21:45 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/poolstotomacao.com\/","paito":[{"periode":"0006","nomor":"9798","date":"2026-10-07"},{"periode":"0005","nomor":"1928","date":"2026-10-06"},{"periode":"0004","nomor":"5522","date":"2026-10-05"},{"periode":"0003","nomor":"6057","date":"2026-10-04"},{"periode":"0002","nomor":"5488","date":"2026-10-03"},{"periode":"0001","nomor":"4574","date":"2026-10-02"},{"periode":"0000","nomor":"6003","date":"2026-10-01"}]})"> 2684 <div class="togel-name">TOTOMACAU 2200</div> 2685 <div class="togel-result">9798</div> 2686 <div class="togel-date">2026-10-07</div> 2687</div> <div class="box-togel" onclick="openOffcanvas({"id":1310,"pasaran_id":"TM23","periode":"0006","nomor":"1034","data":"{\"4D\":\"1034\",\"3D\":\"034\",\"2D\":\"34\",\"2D Depan\":\"10\",\"2D Tengah\":\"03\",\"Colok Bebas\":[\"1\",\"0\",\"3\",\"4\"],\"Colok Macau\&quo
2687t;:[\"1\",\"0\",\"3\",\"4\"],\"Colok Naga\":[\"1\",\"0\",\"3\",\"4\"],\"Colok Jitu\":{\"As\":\"1\",\"Kop\":\"0\",\"Kepala\":\"3\",\"Ekor\":\"4\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tengah\"],\"5050Special\":[\"AsKecil\",\"KopKecil\",\"KepalaKecil\",\"EkorKecil\",\"AsGanjil\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKembang\",\"TengahStereo\",\"TengahKembang\",\"DepanStereo\",\"DepanKempis\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahKecilGanjil\",\"DepanKecilGenap\"],\"Dasar\":[\"Ganjil\",\"Besar\"],\"Shio\":\"Monyet\"}","date":"2026-10-07","lastUpdate":"2026-10-07 23:10:55","name":"TOTOMACAU 2300","jadwal":"23:00 WIB","tutup":"22:45 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/poolstotomacao.com\/","paito":[{"periode":"0006","nomor":"1034","date":"2026-10-07"},{"periode":"0005","nomor":"0578","date":"2026-10-06"},{"periode":"0004","nomor":"6474","date":"2026-10-05"},{"periode":"0003","nomor":"2233","date":"2026-10-04"},{"periode":"0002","nomor":"4413","date":"2026-10-03"},{"periode":"0001","nomor":"9822","date":"2026-10-02"},{"periode":"0000","nomor":"1958","date":"2026-10-01"}]})"> 2688 <div class="togel-name">TOTOMACAU 2300</div> 2689 <div class="togel-result">1034</div> 2690 <div class="togel-date">2026-10-07</div> 2691</div> </div> 2692 2693 2694 2695 2696<div class="d-none"> 2697 <section id="splide-togel-results" class="splide"> 2698 <div class="splide__track pt-3"> 2699 <div class="splide__list"> 2700 <div class="splide__slide"> 2701 <div class="box-togel" onclick="openOffcanvas({"id":6786,"pasaran_id":"QTR","periode":"1202","nomor":"9915","data":"{\"4D\":\"9915\",\"3D\":\"915\",\"2D\":\"15\",\"2D Depan\":\"99\",\"2D Tengah\":\"91\",\"Colok Bebas\":[\"9\",\"9\",\"1\",\"5\"],\"Colok Macau\":[\"9\",\"9\",\"1\",\"5\"],\"Colok Naga\":[\"9\",\"9\",\"1\",\"5\"],\"Colok Jitu\":{\"As\":\"9\",\"Kop\":\"9\",\"Kepala\":\"1\",\"Ekor\":\"5\"},\"5050Umum\":[\"Kecil\",\"Ganjil\",\"Tepi\"],\"5050Special\":[\"AsBesar\",\"KopBesar\",\"KepalaKecil\",\"EkorBesar\",\"AsGanjil\",\"KopGanjil\",\"KepalaGanjil\",\"EkorGanjil\"],\"5050Kombinasi\":[\"BelakangMono\",\"BelakangKembang\",\"TengahMono\",\"TengahKempis\",\"DepanMono\",\"DepanKembar\"],\"Kombinasi\":[\"BelakangKecilGanjil\",\"TengahBesarGanjil\",\"DepanBesarGanjil\"],\"Dasar\":[\"Genap\",\"Besar\"],\"Shio\":\"Naga\"}","date":"2026-10-07","lastUpdate":"2026-10-07 21:01:18","name":"QATAR","jadwal":"21:00 WIB","tutup":"20:30 WIB","hari":"Setiap Hari","libur":"N\/A","web":"www.qatarlottery.com","paito":[{"periode":"1202","nomor":"9915","date":"2026-10-07"},{"periode":"1201","nomor":"5740","date":"2026-10-06"},{"periode":"1200","nomor":"8643","date":"2026-10-05"},{"periode":"1199","nomor":"0646","date":"2026-10-04"},{"periode":"1198","nomor":"7691","date":"2026-10-03"},{"periode":"1197","nomor":"3505","date":"2026-10-02"},{"periode":"1196","nomor":"4757","date":"2026-10-01"}]})"> 2702 <div class="togel-name">QATAR</div> 2703 <div class="togel-result">9915</div> 2704 <div class="togel-date">2026-10-07</div> 2705</div> </div> 2706 <div class="splide__slide"> 2707 <div class="box-togel" onclick="openOffcanvas({"id":6781,"pasaran_id":"MYD","periode":"0932","nomor":"9074","data":"{\"4D\":\"9074\",\"3D\":\"074\",\"2D\":\"74\",\"2D Depan\":\"90\",\"2D Tengah\":\"07\",\"Colok Bebas\":[\"9\",\"0\",\"7\",\"4\"],\"Colok Macau\":[\"9\",\"0\",\"7\",\"4\"],\"Colok Naga\":[\"9\",\"0\",\"7\",\"4\"],\"Colok Jitu\":{\"As\":\"9\",\"Kop\":\"0\",\"Kepala\":\"7\",\"Ekor\":\"4\"},\"5050Umum\":[\"Besar\",\"Genap\",\"Tengah\"],\"5050Special\":[\"AsBesar\",\"KopKecil\",\"KepalaBesar\",\"EkorKecil\",\"AsGanjil\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKempis\",\"TengahStereo\",\"TengahKembang\",\"DepanStereo\",\"DepanKempis\"],\"Kombinasi\":[\"BelakangBesarGenap\",\"TengahKecilGanjil\",\"DepanBesarGenap\"],\"Dasar\":[\"Genap\",\"Kecil\"],\"Shio\":\"Ular\"}","date":"2026-10-07","lastUpdate":"2026-10-07 15:01:03","name":"MALAYSIA SIANG","jadwal":"15:00 WIB","tutup":"14:30 WIB","hari":"Setiap Hari","libur":"N\/A","web":"www.malaysialottery.net","paito":[{"periode":"0932","nomor":"9074","date":"2026-10-07"},{"periode":"0931","nomor":"1210","date":"2026-10-06"},{"periode":"0930","nomor":"2452","date":"2026-10-05"},{"periode":"0929","nomor":"6932","date":"2026-10-04"},{"periode":"0928","nomor":"5590","date":"2026-10-03"},{"periode":"0927","nomor":"7799","date":"2026-10-02"},{"periode":"0926","nomor":"6065","date":"2026-10-01"}]})"> 2708 <div class="togel-name">MALAYSIA SIANG</div> 2709 <div class="togel-result">9074</div> 2710 <div class="togel-date">2026-10-07</div> 2711</div> </div> 2712 <div class="splide__slide"> 2713 <div class="box-togel" onclick="openOffcanvas({"id":6778,"pasaran_id":"SGM","periode":"0964","nomor":"5977","data":"{\"4D\":\"5977\",\"3D\":\"977\",\"2D\":\"77\",\"2D Depan\":\"59\",\"2D Tengah\":\"97\",\"Colok Bebas\":[\"5\",\"9\",\"7\",\"7\"],\"Colok Macau\":[\"5\",\"9\",\"7\",\"7\"],\"Colok Naga\":[\"5\",\"9\",\"7\",\"7\"],\"Colok Jitu\":{\"As\":\"5\",\"Kop\":\"9\",\"Kepala\":\"7\",\"Ekor\":\"7\"},\"5050Umum\":[\"Besar\",\"Ganjil\",\"Tepi\"],\"5050Special\":[\"AsBesar\",\"KopBesar\",\"KepalaBesar\",\"EkorBesar\",\"AsGanjil\",\"KopGanjil\",\"KepalaGanjil\",\"EkorGanjil\"],\"5050Kombinasi\":[\"BelakangMono\",\"BelakangKembar\",\"TengahMono\",\"TengahKempis\",\"DepanMono\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangBesarGanjil\",\"TengahBesarGanjil\",\"DepanBesarGanjil\"],\"Dasar\":[\"Ganjil\",\"Besar\"],\"Shio\":\"Harimau\"}","date":"2026-10-07","lastUpdate":"2026-10-07 13:01:08","name":"SG METRO","jadwal":"13:00 WIB","tutup":"12:30 WIB","hari":"Setiap Hari","libur":"N\/A","web":"
2713www.sgmetro.com","paito":[{"periode":"0964","nomor":"5977","date":"2026-10-07"},{"periode":"0963","nomor":"8741","date":"2026-10-06"},{"periode":"0962","nomor":"3446","date":"2026-10-05"},{"periode":"0961","nomor":"8676","date":"2026-10-04"},{"periode":"0960","nomor":"9340","date":"2026-10-03"},{"periode":"0959","nomor":"2649","date":"2026-10-02"},{"periode":"0958","nomor":"4307","date":"2026-10-01"}]})"> 2714 <div class="togel-name">SG METRO</div> 2715 <div class="togel-result">5977</div> 2716 <div class="togel-date">2026-10-07</div> 2717</div> </div> 2718 <div class="splide__slide"> 2719 <div class="box-togel" onclick="openOffcanvas({"id":6789,"pasaran_id":"TWH","periode":"2911","nomor":"3684","data":"{\"4D\":\"3684\",\"3D\":\"684\",\"2D\":\"84\",\"2D Depan\":\"36\",\"2D Tengah\":\"68\",\"Colok Bebas\":[\"3\",\"6\",\"8\",\"4\"],\"Colok Macau\":[\"3\",\"6\",\"8\",\"4\"],\"Colok Naga\":[\"3\",\"6\",\"8\",\"4\"],\"Colok Jitu\":{\"As\":\"3\",\"Kop\":\"6\",\"Kepala\":\"8\",\"Ekor\":\"4\"},\"5050Umum\":[\"Besar\",\"Genap\",\"Tepi\"],\"5050Special\":[\"AsKecil\",\"KopBesar\",\"KepalaBesar\",\"EkorKecil\",\"AsGanjil\",\"KopGenap\",\"KepalaGenap\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangMono\",\"BelakangKempis\",\"TengahMono\",\"TengahKembang\",\"DepanStereo\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangBesarGenap\",\"TengahBesarGenap\",\"DepanKecilGenap\"],\"Dasar\":[\"Ganjil\",\"Kecil\"],\"Shio\":\"Kambing\"}","date":"2026-10-08","lastUpdate":"2026-10-08 00:00:08","name":"TOTO WUHAN","jadwal":"Tiap 3 jam","tutup":"Tiap 3 jam","hari":"Setiap Hari ( 09:00 | 12:00 | 15:00 | 18:00 | 21:00 | 00:00 )","libur":"N\/A","web":"www.totowuhan.com","paito":[{"periode":"2911","nomor":"3684","date":"2026-10-08"},{"periode":"2910","nomor":"5453","date":"2026-10-07"},{"periode":"2909","nomor":"4310","date":"2026-10-07"},{"periode":"2908","nomor":"9334","date":"2026-10-07"},{"periode":"2907","nomor":"6601","date":"2026-10-07"},{"periode":"2906","nomor":"4755","date":"2026-10-07"},{"periode":"2905","nomor":"8361","date":"2026-10-07"}]})"> 2720 <div class="togel-name">TOTO WUHAN</div> 2721 <div class="togel-result">3684</div> 2722 <div class="togel-date">2026-10-08</div> 2723</div> </div> 2724 <div class="splide__slide"> 2725 <div class="box-togel" onclick="openOffcanvas({"id":6776,"pasaran_id":"HKD","periode":"0933","nomor":"6727","data":"{\"4D\":\"6727\",\"3D\":\"727\",\"2D\":\"27\",\"2D Depan\":\"67\",\"2D Tengah\":\"72\",\"Colok Bebas\":[\"6\",\"7\",\"2\",\"7\"],\"Colok Macau\":[\"6\",\"7\",\"2\",\"7\"],\"Colok Naga\":[\"6\",\"7\",\"2\",\"7\"],\"Colok Jitu\":{\"As\":\"6\",\"Kop\":\"7\",\"Kepala\":\"2\",\"Ekor\":\"7\"},\"5050Umum\":[\"Kecil\",\"Ganjil\",\"Tengah\"],\"5050Special\":[\"AsBesar\",\"KopBesar\",\"KepalaKecil\",\"EkorBesar\",\"AsGenap\",\"KopGanjil\",\"KepalaGenap\",\"EkorGanjil\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKembang\",\"TengahStereo\",\"TengahKempis\",\"DepanStereo\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangKecilGanjil\",\"TengahBesarGenap\",\"DepanBesarGanjil\"],\"Dasar\":[\"Ganjil\",\"Besar\"],\"Shio\":\"Naga\"}","date":"2026-10-07","lastUpdate":"2026-10-07 11:01:09","name":"HK SIANG","jadwal":"11:00 WIB","tutup":"10:30 WIB","hari":"Setiap Hari","libur":"N\/A","web":"www.hkpools1.com","paito":[{"periode":"0933","nomor":"6727","date":"2026-10-07"},{"periode":"0932","nomor":"4776","date":"2026-10-06"},{"periode":"0931","nomor":"0870","date":"2026-10-05"},{"periode":"0930","nomor":"3772","date":"2026-10-04"},{"periode":"0929","nomor":"0546","date":"2026-10-03"},{"periode":"0928","nomor":"7631","date":"2026-10-02"},{"periode":"0927","nomor":"4300","date":"2026-10-01"}]})"> 2726 <div class="togel-name">HK SIANG</div> 2727 <div class="togel-result">6727</div> 2728 <div class="togel-date">2026-10-07</div> 2729</div> </div> 2730 <div class="splide__slide"> 2731 <div class="box-togel" onclick="openOffcanvas({"id":6783,"pasaran_id":"MY","periode":"0880","nomor":"3932","data":"{\"4D\":\"3932\",\"3D\":\"932\",\"2D\":\"32\",\"2D Depan\":\"39\",\"2D Tengah\":\"93\",\"Colok Bebas\":[\"3\",\"9\",\"3\",\"2\"],\"Colok Macau\":[\"3\",\"9\",\"3\",\"2\"],\"Colok Naga\":[\"3\",\"9\",\"3\",\"2\"],\"Colok Jitu\":{\"As\":\"3\",\"Kop\":\"9\",\"Kepala\":\"3\",\"Ekor\":\"2\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tengah\"],\"5050Special\":[\"AsKecil\",\"KopBesar\",\"KepalaKecil\",\"EkorKecil\",\"AsGanjil\",\"KopGanjil\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKempis\",\"TengahMono\",\"TengahKempis\",\"DepanMono\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahBesarGanjil\",\"DepanKecilGanjil\"],\"Dasar\":[\"Ganjil\",\"Besar\"],\"Shio\":\"Babi\"}","date":"2026-10-07","lastUpdate":"2026-10-07 19:01:07","name":"MALAYSIA","jadwal":"19:00 WIB","tutup":"18:30 WIB","hari":"Setiap Hari","libur":"N\/A","web":"www.malaysialottery.net","paito":[{"periode":"0880","nomor":"3932","date":"2026-10-07"},{"periode":"0879","nomor":"4883","date":"2026-10-06"},{"periode":"0878","nomor":"4639","date":"2026-10-05"},{"periode":"0877","nomor":"4920","date":"2026-10-04"},{"periode":"0876","nomor":"8849","date":"2026-10-03"},{"periode":"0875","nomor":"7141","date":"2026-10-02"},{"periode":"0874","nomor":"4558","date":"2026-10-01"}]})"> 2732 <div class="togel-name">MALAYSIA</div> 2733 <div class="togel-result">3932</div> 2734 <div class="togel-date">2026-10-07</div> 2735</div> </div> 2736 <div class="splide__slide"> 2737 <div class="box-togel" onclick="openOffcanvas({"id":1297,"pasaran_id":"SY","periode":"0006","nomor":"1832","data":"{\"4D\":\"1832\",\"3D\":\"832\",\"2D\":\"32\",\"2D Depan\":\"18\",\"2D Tengah\":\"83\",\"Colok Bebas\":[\"1\",\"8\",\"3\",\"2\"],\"Colok Macau\":[\"1\",\"8\",\"3\",\"2\"],\"Colok Naga\":[\"1\",\"8\",\"3\",\"2\"],\"Colok Jitu\":{\"As\":\"1\",\"Kop\":\"8\",\"Kepala\":\"3\",\"Ekor\":\"2\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tengah\"],\"5050Special\":[\"AsKecil\",\"KopBesar\",\"KepalaKecil\",\"EkorKecil\",\"AsGanjil\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKempis\",\"TengahStereo\",\"TengahKempis\",\"DepanStereo\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahBesarGanjil\",\"DepanKecilGenap\"],\"Dasar\":[\"Ganjil\",\"Besar\"],\"Shio\":\"Anjing\"}","date":"2026-10-07","lastUpdate":"2026-10-07 14:13:19","name":"SYDNEY","jadwal":"13:55 WIB","tutup":"13:20 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/sydneylotto.com\/","paito":[{"periode":"0006","nomor":"1832","date":"2026-10-07"},{"periode":"0005","nomor":"3417","date":"2026-10-06"},{"periode":"0004","nomor":"0672","date":"2026-10-05"},{"periode":"0003","nomor":"0111","date":"2026-10-04"},{"periode":"0002","nomor":"2503","date":"2026-10-03"},{"periode":"0001","nomor":"2958","date":"2026-10-02"},{"periode":"0000","nomor":"2639","date":"2026-10-01"}]})"> 2738 <div class="togel-name">SYDNEY</div> 2739 <div class="togel-result">1832</div> 2740 <div class="togel-date">2026-10-07</div> 2741</div> </div> 2742 <div class="splide__slide"> 2743 <div class="box-togel" onclick="openOffcanvas({"id":1305,"pasaran_id":"SGP","periode":"0004","nomor":"9838","data":"{\"4D\":\"9838\",\"3D\":\"838\",\"2D\":\"38\",\"2D Depan\":\"98\",\"2D Tengah\":\"83\",\"Colok Bebas\":[\"9\",\"8\",\"3\",\"8\"],\"Colok Macau\":[\"9\",\"8\",\"3\",\"8\"],\"Colok Naga\":[\"9\",\"8\",\"3\",\"8\"],\"Colok Jitu\":{\"As\":\"9\",\"Kop\":\"8\",\"Kepala\":\"3\",\"Ekor\":\"8\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tengah\"],\"5050Special\":[\"AsBesar\",\"KopBesar\",\"KepalaKecil\",\"EkorBesar\",\"AsGanjil\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKembang\",\"TengahStereo\",\"TengahKempis\",\"DepanStereo\",\"DepanKempis\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahBesarGanjil\",\"DepanBesarGenap\"],\"Dasar\":[\"Genap\",\"Kecil\"],\"Shio\":\"Naga\"}","date":"2026-10-07","lastUpdate":"2026-10-07 20:36:26","name":"SINGAPORE","jadwal":"17:45 WIB","tutup":"17:30 WIB","hari":"Setiap Hari","libur":"Selasa & Jumat","web":"http:\/\/www.singaporepools.com.sg\/","paito":[{"periode":"0004","nomor":"9838","date":"2026-10-07"},{"periode":"0003","nomor":"3897","date":"2026-10-05"},{"periode":"0002","nomor":"2812","date":"2026-10-04"},{"periode":"0001","nomor":"3670","date":"2026-10-03"},{"periode":"0000","nomor":"9006","date":"2026-10-01"}]})"> 2744 <div class="togel-name">SINGAPORE</div> 2745 <div class="togel-result">9838</div> 2746 <div class="togel-date">2026-10-07</div> 2747</div> </div> 2748 <div class="splide__slide"> 2749 <div class="box-togel" onclick="openOffcanvas({"id":1311,"pasaran_id":"HK","periode":"0007","nomor":"2431","data":"{\"4D\":\"2431\",\"3D\":\"431\",\"2D\":\"31\",\"2D Depan\":\"24\",\"2D Tengah\":\"43\",\"Colok Bebas\":[\"2\",\"4\",\"3\",\"1\"],\"Colok Macau\":[\"2\",\"4\",\"3\",\"1\"],\"Colok Naga\":[\"2\",\"4\",\"3\",\"1\"],\"Colok Jitu\":{\"As\":\"2\",\"Kop\":\"4\",\"Kepala\":\"3\",\"Ekor\":\"1\"},\"5050Umum\":[\"Kecil\",\"Ganjil\",\"Tengah\"],\"5050Special\":[\"AsKecil\",\"KopKecil\",\"KepalaKecil\",\"EkorKecil\",\"AsGenap\",\"KopGenap\",\"Kepala
2749Ganjil\",\"EkorGanjil\"],\"5050Kombinasi\":[\"BelakangMono\",\"BelakangKempis\",\"TengahStereo\",\"TengahKempis\",\"DepanMono\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangKecilGanjil\",\"TengahKecilGanjil\",\"DepanKecilGenap\"],\"Dasar\":[\"Genap\",\"Kecil\"],\"Shio\":\"Babi\"}","date":"2026-10-07","lastUpdate":"2026-10-07 23:30:49","name":"HONGKONG","jadwal":"23:00 WIB","tutup":"22:20 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/lottohongkong.asia\/","paito":[{"periode":"0007","nomor":"2431","date":"2026-10-07"},{"periode":"0006","nomor":"0498","date":"2026-10-06"},{"periode":"0005","nomor":"8012","date":"2026-10-05"},{"periode":"0004","nomor":"0416","date":"2026-10-04"},{"periode":"0003","nomor":"0416","date":"2026-10-04"},{"periode":"0002","nomor":"2510","date":"2026-10-03"},{"periode":"0001","nomor":"1561","date":"2026-10-02"}]})"> 2750 <div class="togel-name">HONGKONG</div> 2751 <div class="togel-result">2431</div> 2752 <div class="togel-date">2026-10-07</div> 2753</div> </div> 2754 <div class="splide__slide"> 2755 <div class="box-togel" onclick="openOffcanvas({"id":1313,"pasaran_id":"TM00","periode":"0007","nomor":"7036","data":"{\"4D\":\"7036\",\"3D\":\"036\",\"2D\":\"36\",\"2D Depan\":\"70\",\"2D Tengah\":\"03\",\"Colok Bebas\":[\"7\",\"0\",\"3\",\"6\"],\"Colok Macau\":[\"7\",\"0\",\"3\",\"6\"],\"Colok Naga\":[\"7\",\"0\",\"3\",\"6\"],\"Colok Jitu\":{\"As\":\"7\",\"Kop\":\"0\",\"Kepala\":\"3\",\"Ekor\":\"6\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tengah\"],\"5050Special\":[\"AsBesar\",\"KopKecil\",\"KepalaKecil\",\"EkorBesar\",\"AsGanjil\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKembang\",\"TengahStereo\",\"TengahKembang\",\"DepanStereo\",\"DepanKempis\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahKecilGanjil\",\"DepanBesarGenap\"],\"Dasar\":[\"Ganjil\",\"Besar\"],\"Shio\":\"Kuda\"}","date":"2026-10-08","lastUpdate":"2026-10-08 00:16:44","name":"TOTOMACAU 0000","jadwal":"00:00 WIB","tutup":"23:45 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/poolstotomacao.com\/","paito":[{"periode":"0007","nomor":"7036","date":"2026-10-08"},{"periode":"0006","nomor":"1825","date":"2026-10-07"},{"periode":"0005","nomor":"1791","date":"2026-10-06"},{"periode":"0004","nomor":"2360","date":"2026-10-05"},{"periode":"0003","nomor":"0422","date":"2026-10-04"},{"periode":"0002","nomor":"0437","date":"2026-10-03"},{"periode":"0001","nomor":"1329","date":"2026-10-02"}]})"> 2756 <div class="togel-name">TOTOMACAU 0000</div> 2757 <div class="togel-result">7036</div> 2758 <div class="togel-date">2026-10-08</div> 2759</div> </div> 2760 <div class="splide__slide"> 2761 <div class="box-togel" onclick="openOffcanvas({"id":1295,"pasaran_id":"TM13","periode":"0006","nomor":"2492","data":"{\"4D\":\"2492\",\"3D\":\"492\",\"2D\":\"92\",\"2D Depan\":\"24\",\"2D Tengah\":\"49\",\"Colok Bebas\":[\"2\",\"4\",\"9\",\"2\"],\"Colok Macau\":[\"2\",\"4\",\"9\",\"2\"],\"Colok Naga\":[\"2\",\"4\",\"9\",\"2\"],\"Colok Jitu\":{\"As\":\"2\",\"Kop\":\"4\",\"Kepala\":\"9\",\"Ekor\":\"2\"},\"5050Umum\":[\"Besar\",\"Genap\",\"Tepi\"],\"5050Special\":[\"AsKecil\",\"KopKecil\",\"KepalaBesar\",\"EkorKecil\",\"AsGenap\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKempis\",\"TengahStereo\",\"TengahKembang\",\"DepanMono\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangBesarGenap\",\"TengahKecilGanjil\",\"DepanKecilGenap\"],\"Dasar\":[\"Genap\",\"Kecil\"],\"Shio\":\"Anjing\"}","date":"2026-10-07","lastUpdate":"2026-10-07 13:48:10","name":"TOTOMACAU 1300","jadwal":"13:00 WIB","tutup":"12:45 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/poolstotomacao.com\/","paito":[{"periode":"0006","nomor":"2492","date":"2026-10-07"},{"periode":"0005","nomor":"5625","date":"2026-10-06"},{"periode":"0004","nomor":"6520","date":"2026-10-05"},{"periode":"0003","nomor":"9711","date":"2026-10-04"},{"periode":"0002","nomor":"9180","date":"2026-10-03"},{"periode":"0001","nomor":"2811","date":"2026-10-02"},{"periode":"0000","nomor":"7760","date":"2026-10-01"}]})"> 2762 <div class="togel-name">TOTOMACAU 1300</div> 2763 <div class="togel-result">2492</div> 2764 <div class="togel-date">2026-10-07</div> 2765</div> </div> 2766 <div class="splide__slide"> 2767 <div class="box-togel" onclick="openOffcanvas({"id":1300,"pasaran_id":"TM16","periode":"0006","nomor":"9210","data":"{\"4D\":\"9210\",\"3D\":\"210\",\"2D\":\"10\",\"2D Depan\":\"92\",\"2D Tengah\":\"21\",\"Colok Bebas\":[\"9\",\"2\",\"1\",\"0\"],\"Colok Macau\":[\"9\",\"2\",\"1\",\"0\"],\"Colok Naga\":[\"9\",\"2\",\"1\",\"0\"],\"Colok Jitu\":{\"As\":\"9\",\"Kop\":\"2\",\"Kepala\":\"1\",\"Ekor\":\"0\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tepi\"],\"5050Special\":[\"AsBesar\",\"KopKecil\",\"KepalaKecil\",\"EkorKecil\",\"AsGanjil\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKempis\",\"TengahStereo\",\"TengahKempis\",\"DepanStereo\",\"DepanKempis\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahKecilGanjil\",\"DepanBesarGenap\"],\"Dasar\":[\"Ganjil\",\"Kecil\"],\"Shio\":\"Monyet\"}","date":"2026-10-07","lastUpdate":"2026-10-07 16:32:26","name":"TOTOMACAU 1600","jadwal":"16:00 WIB","tutup":"15:45 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/poolstotomacao.com\/","paito":[{"periode":"0006","nomor":"9210","date":"2026-10-07"},{"periode":"0005","nomor":"2371","date":"2026-10-06"},{"periode":"0004","nomor":"2786","date":"2026-10-05"},{"periode":"0003","nomor":"6416","date":"2026-10-04"},{"periode":"0002","nomor":"1710","date":"2026-10-03"},{"periode":"0001","nomor":"2964","date":"2026-10-02"},{"periode":"0000","nomor":"7325","date":"2026-10-01"}]})"> 2768 <div class="togel-name">TOTOMACAU 1600</div> 2769 <div class="togel-result">9210</div> 2770 <div class="togel-date">2026-10-07</div> 2771</div> </div> 2772 <div class="splide__slide"> 2773 <div class="box-togel" onclick="openOffcanvas({"id":1304,"pasaran_id":"TM19","periode":"0006","nomor":"3508","data":"{\"4D\":\"3508\",\"3D\":\"508\",\"2D\":\"08\",\"2D Depan\":\"35\",\"2D Tengah\":\"50\",\"Colok Bebas\":[\"3\",\"5\",\"0\",\"8\"],\"Colok Macau\":[\"3\",\"5\",\"0\",\"8\"],\"Colok Naga\":[\"3\",\"5\",\"0\",\"8\"],\"Colok Jitu\":{\"As\":\"3\",\"Kop\":\"5\",\"Kepala\":\"0\",\"Ekor\":\"8\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tepi\"],\"5050Special\":[\"AsKecil\",\"KopBesar\",\"KepalaKecil\",\"EkorBesar\",\"AsGanjil\",\"KopGanjil\",\"KepalaGenap\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangMono\",\"BelakangKembang\",\"TengahStereo\",\"TengahKempis\",\"DepanMono\",\"DepanKembang\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahBesarGenap\",\"DepanKecilGanjil\"],\"Dasar\":[\"Genap\",\"Besar\"],\"Shio\":\"Anjing\"}","date":"2026-10-07","lastUpdate":"2026-10-07 20:33:42","name":"TOTOMACAU 1900","jadwal":"19:00 WIB","tutup":"18:45 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/poolstotomacao.com\/","paito":[{"periode":"0006","nomor":"3508","date":"2026-10-07"},{"periode":"0005","nomor":"3021","date":"2026-10-06"},{"periode":"0004","nomor":"0996","date":"2026-10-05"},{"periode":"0003","nomor":"0166","date":"2026-10-04"},{"periode":"0002","nomor":"9946","date":"2026-10-03"},{"periode":"0001","nomor":"9822","date":"2026-10-02"},{"periode":"0000","nomor":"9751","date":"2026-10-01"}]})"> 2774 <div class="togel-name">TOTOMACAU 1900</div> 2775 <div class="togel-result">3508</div> 2776 <div class="togel-date">2026-10-07</div> 2777</div> </div> 2778 <div class="splide__slide"> 2779 <div class="box-togel" onclick="openOffcanvas({"id":1308,"pasaran_id":"TM22","periode":"0006","nomor":"9798","data":"{\"4D\":\"9798\",\"3D\":\"798\",\"2D\":\"98\",\"2D Depan\":\"97\",\"2D Tengah\":\"79\",\"Colok Bebas\":[\"9\",\"7\",\"9\",\"8\"],\"Colok Macau\":[\"9\",\"7\",\"9\",\"8\"],\"Colok Naga\":[\"9\",\"7\",\"9\",\"8\"],\"Colok Jitu\":{\"As\":\"9\",\"Kop\":\"7\",\"Kepala\":\"9\",\"Ekor\":\"8\"},\"5050Umum\":[\"Besar\",\"Genap\",\"Tepi\"],\"5050Special\":[\"AsBesar\",\"KopBesar\",\"KepalaBesar\",\"EkorBesar\",\"AsGanjil\",\"KopGanjil\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKempis\",\"TengahMono\",\"TengahKembang\",\"DepanMono\",\"DepanKempis\"],\"Kombinasi\":[\"BelakangBesarGenap\",\"TengahBesarGanjil\",\"DepanBesarGanjil\"],\"Dasar\":[\"Genap\",\"Besar\"],\"Shio\":\"Naga\"}","date":"2026-10-07","lastUpdate":"2026-10-07 22:16:08","name":"TOTOMACAU 2200","jadwal":"22:00 WIB","tutup":"21:45 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/poolstotomacao.com\/","paito":[{"periode":"0006","nomor":"9798","date":"2026-10-07"},{"periode":"0005","nomor":"1928","date":"2026-10-06"},{"periode":"0004","nomor":"5522","date":"2026-10-05"},{"periode":"0003","nomor":"6057","date":"2026-10-04"},{"periode":"0002","nomor":"5488","date":"2026-10-03"},{"periode":"0001","nomor":"4574","date":"2026-10-02"},{"periode":"0000","nomor":"6003","date":"2026-10-01"}]})"> 2780 <div class="togel-name">TOTOMACAU 2200</div> 2781 <div class="togel-result">9798</div> 2782 <div class="togel-date">2026-10-07</div> 2783</div> </div> 2784 <div class="splide__slide"> 2785 <div class="box-togel" onclick="openOffcanvas({"id"
2785;:1310,"pasaran_id":"TM23","periode":"0006","nomor":"1034","data":"{\"4D\":\"1034\",\"3D\":\"034\",\"2D\":\"34\",\"2D Depan\":\"10\",\"2D Tengah\":\"03\",\"Colok Bebas\":[\"1\",\"0\",\"3\",\"4\"],\"Colok Macau\":[\"1\",\"0\",\"3\",\"4\"],\"Colok Naga\":[\"1\",\"0\",\"3\",\"4\"],\"Colok Jitu\":{\"As\":\"1\",\"Kop\":\"0\",\"Kepala\":\"3\",\"Ekor\":\"4\"},\"5050Umum\":[\"Kecil\",\"Genap\",\"Tengah\"],\"5050Special\":[\"AsKecil\",\"KopKecil\",\"KepalaKecil\",\"EkorKecil\",\"AsGanjil\",\"KopGenap\",\"KepalaGanjil\",\"EkorGenap\"],\"5050Kombinasi\":[\"BelakangStereo\",\"BelakangKembang\",\"TengahStereo\",\"TengahKembang\",\"DepanStereo\",\"DepanKempis\"],\"Kombinasi\":[\"BelakangKecilGenap\",\"TengahKecilGanjil\",\"DepanKecilGenap\"],\"Dasar\":[\"Ganjil\",\"Besar\"],\"Shio\":\"Monyet\"}","date":"2026-10-07","lastUpdate":"2026-10-07 23:10:55","name":"TOTOMACAU 2300","jadwal":"23:00 WIB","tutup":"22:45 WIB","hari":"Setiap Hari","libur":"N\/A","web":"https:\/\/poolstotomacao.com\/","paito":[{"periode":"0006","nomor":"1034","date":"2026-10-07"},{"periode":"0005","nomor":"0578","date":"2026-10-06"},{"periode":"0004","nomor":"6474","date":"2026-10-05"},{"periode":"0003","nomor":"2233","date":"2026-10-04"},{"periode":"0002","nomor":"4413","date":"2026-10-03"},{"periode":"0001","nomor":"9822","date":"2026-10-02"},{"periode":"0000","nomor":"1958","date":"2026-10-01"}]})"> 2786 <div class="togel-name">TOTOMACAU 2300</div> 2787 <div class="togel-result">1034</div> 2788 <div class="togel-date">2026-10-07</div> 2789</div> </div> 2790 </div> 2791 </div> 2792 </section> 2793</div> 2794
2795<script> 2796 var splideTogelResults = new Splide( '#splide-togel-results', { 2797 pagination: false, 2798 drag : 'free', 2799 gap: '8px', 2800 autoWidth: true 2801 } ); 2802 2803 splideTogelResults.mount(); 2804 2805</script>
2805 2806 2807<!-- Mobile --> 2808<!-- 2809<div class="d-block d-lg-none mt-3"> 2810 <div class="table-togel"> 2811 2812 <div class="row-togel" onclick="$('#paito-QTR').slideToggle(250);"> 2813 <div class="column-togel"> 2814 <div class="subtext-color">QATAR</div> 2815 <div class="subtext-color">2026-10-07</div> 2816 <div class="text-end">9915</div> 2817 </div> 2818 2819 <div id="paito-QTR" style="display: none"> 2820 2821 <div class="column-togel"> 2822 <div class="subtext-color"></div> 2823 <div class="subtext-color">2026-10-07</div> 2824 <div class="text-end">9915</div> 2825 </div> 2826 <div class="column-togel"> 2827 <div class="subtext-color"></div> 2828 <div class="subtext-color">2026-10-06</div> 2829 <div class="text-end">5740</div> 2830 </div> 2831 <div class="column-togel"> 2832 <div class="subtext-color"></div> 2833 <div class="subtext-color">2026-10-05</div> 2834 <div class="text-end">8643</div> 2835 </div> 2836 <div class="column-togel"> 2837 <div class="subtext-color"></div> 2838 <div class="subtext-color">2026-10-04</div> 2839 <div class="text-end">0646</div> 2840 </div> 2841 <div class="column-togel"> 2842 <div class="subtext-color"></div> 2843 <div class="subtext-color">2026-10-03</div> 2844 <div class="text-end">7691</div> 2845 </div> 2846 <div class="column-togel"> 2847 <div class="subtext-color"></div> 2848 <div class="subtext-color">2026-10-02</div> 2849 <div class="text-end">3505</div> 2850 </div> 2851 <div class="column-togel"> 2852 <div class="subtext-color"></div> 2853 <div class="subtext-color">2026-10-01</div> 2854 <div class="text-end">4757</div> 2855 </div> 2856 2857 2858 2859 </div> 2860 2861 </div> 2862 <div class="row-togel" onclick="$('#paito-MYD').slideToggle(250);"> 2863 <div class="column-togel"> 2864 <div class="subtext-color">MALAYSIA SIANG</div> 2865 <div class="subtext-color">2026-10-07</div> 2866 <div class="text-end">9074</div> 2867 </div> 2868 2869 <div id="paito-MYD" style="display: none"> 2870 2871 <div class="column-togel"> 2872 <div class="subtext-color"></div> 2873 <div class="subtext-color">2026-10-07</div> 2874 <div class="text-end">9074</div> 2875 </div> 2876 <div class="column-togel"> 2877 <div class="subtext-color"></div> 2878 <div class="subtext-color">2026-10-06</div> 2879 <div class="text-end">1210</div> 2880 </div> 2881 <div class="column-togel"> 2882 <div class="subtext-color"></div> 2883 <div class="subtext-color">2026-10-05</div> 2884 <div class="text-end">2452</div> 2885 </div> 2886 <div class="column-togel"> 2887 <div class="subtext-color"></div> 2888 <div class="subtext-color">2026-10-04</div> 2889 <div class="text-end">6932</div> 2890 </div> 2891 <div class="column-togel"> 2892 <div class="subtext-color"></div> 2893 <div class="subtext-color">2026-10-03</div> 2894 <div class="text-end">5590</div> 2895 </div> 2896 <div class="column-togel"> 2897 <div class="subtext-color"></div> 2898 <div class="subtext-color">2026-10-02</div> 2899 <div class="text-end">7799</div> 2900 </div> 2901 <div class="column-togel"> 2902 <div class="subtext-color"></div> 2903 <div class="subtext-color">2026-10-01</div> 2904 <div class="text-end">6065</div> 2905 </div> 2906 2907 2908 2909 </div> 2910 2911 </div> 2912 <div class="row-togel" onclick="$('#paito-SGM').slideToggle(250);"> 2913 <div class="column-togel"> 2914 <div class="subtext-color">SG METRO</div> 2915 <div class="subtext-color">2026-10-07</div> 2916 <div class="text-end">5977</div> 2917 </div> 2918 2919 <div id="paito-SGM" style="display: none"> 2920 2921 <div class="column-togel"> 2922 <div class="subtext-color"></div> 2923 <div class="subtext-color">2026-10-07</div> 2924 <div class="text-end">5977</div> 2925 </div> 2926 <div class="column-togel"> 2927 <div class="subtext-color"></div> 2928 <div class="subtext-color">2026-10-06</div> 2929 <div class="text-end">8741</div> 2930 </div> 2931 <div class="column-togel"> 2932 <div class="subtext-color"></div> 2933 <div class="subtext-color">2026-10-05</div> 2934 <div class="text-end">3446</div> 2935 </div> 2936 <div class="column-togel"> 2937 <div class="subtext-color"></div> 2938 <div class="subtext-color">2026-10-04</div> 2939 <div class="text-end">8676</div> 2940 </div> 2941 <div class="column-togel"> 2942 <div class="subtext-color"></div> 2943 <div class="subtext-color">2026-10-03</div> 2944 <div class="text-end">9340</div> 2945 </div> 2946 <div class="column-togel"> 2947 <div class="subtext-color"></div> 2948 <div class="subtext-color">2026-10-02</div> 2949 <div class="text-end">2649</div> 2950 </div> 2951 <div class="column-togel"> 2952 <div class="subtext-color"></div> 2953 <div class="subtext-color">2026-10-01</div> 2954 <div class="text-end">4307</div> 2955 </div> 2956 2957 2958 2959 </div> 2960 2961 </div> 2962 <div class="row-togel" onclick="$('#paito-TWH').slideToggle(250);"> 2963 <div class="column-togel"> 2964 <div class="subtext-color">
2964TOTO WUHAN</div> 2965 <div class="subtext-color">2026-10-08</div> 2966 <div class="text-end">3684</div> 2967 </div> 2968 2969 <div id="paito-TWH" style="display: none"> 2970 2971 <div class="column-togel"> 2972 <div class="subtext-color"></div> 2973 <div class="subtext-color">2026-10-08</div> 2974 <div class="text-end">3684</div> 2975 </div> 2976 <div class="column-togel"> 2977 <div class="subtext-color"></div> 2978 <div class="subtext-color">2026-10-07</div> 2979 <div class="text-end">5453</div> 2980 </div> 2981 <div class="column-togel"> 2982 <div class="subtext-color"></div> 2983 <div class="subtext-color">2026-10-07</div> 2984 <div class="text-end">4310</div> 2985 </div> 2986 <div class="column-togel"> 2987 <div class="subtext-color"></div> 2988 <div class="subtext-color">2026-10-07</div> 2989 <div class="text-end">9334</div> 2990 </div> 2991 <div class="column-togel"> 2992 <div class="subtext-color"></div> 2993 <div class="subtext-color">2026-10-07</div> 2994 <div class="text-end">6601</div> 2995 </div> 2996 <div class="column-togel"> 2997 <div class="subtext-color"></div> 2998 <div class="subtext-color">2026-10-07</div> 2999 <div class="text-end">4755</div> 3000 </div> 3001 <div class="column-togel"> 3002 <div class="subtext-color"></div> 3003 <div class="subtext-color">2026-10-07</div> 3004 <div class="text-end">8361</div> 3005 </div> 3006 3007 3008 3009 </div> 3010 3011 </div> 3012 <div class="row-togel" onclick="$('#paito-HKD').slideToggle(250);"> 3013 <div class="column-togel"> 3014 <div class="subtext-color">HK SIANG</div> 3015 <div class="subtext-color">2026-10-07</div> 3016 <div class="text-end">6727</div> 3017 </div> 3018 3019 <div id="paito-HKD" style="display: none"> 3020 3021 <div class="column-togel"> 3022 <div class="subtext-color"></div> 3023 <div class="subtext-color">2026-10-07</div> 3024 <div class="text-end">6727</div> 3025 </div> 3026 <div class="column-togel"> 3027 <div class="subtext-color"></div> 3028 <div class="subtext-color">2026-10-06</div> 3029 <div class="text-end">4776</div> 3030 </div> 3031 <div class="column-togel"> 3032 <div class="subtext-color"></div> 3033 <div class="subtext-color">2026-10-05</div> 3034 <div class="text-end">0870</div> 3035 </div> 3036 <div class="column-togel"> 3037 <div class="subtext-color"></div> 3038 <div class="subtext-color">2026-10-04</div> 3039 <div class="text-end">3772</div> 3040 </div> 3041 <div class="column-togel"> 3042 <div class="subtext-color"></div> 3043 <div class="subtext-color">2026-10-03</div> 3044 <div class="text-end">0546</div> 3045 </div> 3046 <div class="column-togel"> 3047 <div class="subtext-color"></div> 3048 <div class="subtext-color">2026-10-02</div> 3049 <div class="text-end">7631</div> 3050 </div> 3051 <div class="column-togel"> 3052 <div class="subtext-color"></div> 3053 <div class="subtext-color">2026-10-01</div> 3054 <div class="text-end">4300</div> 3055 </div> 3056 3057 3058 3059 </div> 3060 3061 </div> 3062 <div class="row-togel" onclick="$('#paito-MY').slideToggle(250);"> 3063 <div class="column-togel"> 3064 <div class="subtext-color">MALAYSIA</div> 3065 <div class="subtext-color">2026-10-07</div> 3066 <div class="text-end">3932</div> 3067 </div> 3068 3069 <div id="paito-MY" style="display: none"> 3070 3071 <div class="column-togel"> 3072 <div class="subtext-color"></div> 3073 <div class="subtext-color">2026-10-07</div> 3074 <div class="text-end">3932</div> 3075 </div> 3076 <div class="column-togel"> 3077 <div class="subtext-color"></div> 3078 <div class="subtext-color">2026-10-06</div> 3079 <div class="text-end">4883</div> 3080 </div> 3081 <div class="column-togel"> 3082 <div class="subtext-color"></div> 3083 <div class="subtext-color">2026-10-05</div> 3084 <div class="text-end">4639</div> 3085 </div> 3086 <div class="column-togel"> 3087 <div class="subtext-color"></div> 3088 <div class="subtext-color">2026-10-04</div> 3089 <div class="text-end">4920</div> 3090 </div> 3091 <div class="column-togel"> 3092 <div class="subtext-color"></div> 3093 <div class="subtext-color">2026-10-03</div> 3094 <div class="text-end">8849</div> 3095 </div> 3096 <div class="column-togel"> 3097 <div class="subtext-color"></div> 3098 <div class="subtext-color">2026-10-02</div> 3099 <div class="text-end">7141</div> 3100 </div> 3101 <div class="column-togel"> 3102 <div class="subtext-color"></div> 3103 <div class="subtext-color">2026-10-01</div> 3104 <div class="text-end">4558</div> 3105 </div> 3106 3107 3108 3109 </div> 3110 3111 </div> 3112 <div class="row-togel" onclick="$('#paito-SY').slideToggle(250);"> 3113 <div class="column-togel"> 3114 <div class="subtext-color">SYDNEY</div> 3115 <div class="subtext-color">2026-10-07</div> 3116 <div class="text-end">1832</div> 3117 </div> 3118 3119 <div id="paito-SY" style="display: none"> 3120 3121 <div class="column-togel"> 3122 <div class="subtext-color"></div> 3123 <div class="subtext-color">2026-10-07</div> 3124 <div class="text-end">1832</div> 3125 </div> 3126 <div class="column-togel"> 3127 <div class="subtext-color"></div> 3128 <div class="subtext-color">2026-10-06</div> 3129 <div class="text-end">3417</div> 3130 </div> 3131 <div class="column-togel"> 3132 <div class="subtext-color"></div> 3133 <div class="subtext-color">2026-10-05</div> 3134 <div class="text-end">0672</div> 3135 </div> 3136 <div class="column-togel"> 3137 <div class="subtext-color"></div> 3138 <div class="subtext-color">2026-10-04</div> 3139 <div class="text-end">0111</div> 3140 </div> 3141 <div class="column-togel"> 3142 <div class="subtext-color"></div> 3143 <div class="subtext-color">2026-10-03</div> 3144 <div class="text-end">2503</div> 3145 </div> 3146 <div class="column-togel"> 3147 <div class="subtext-color"></div> 3148 <div class="subtext-color">2026-10-02</div> 3149 <div class="text-end">2958</div> 3150 </div> 3151 <div class="column-togel"> 3152 <div class="subtext-color"></div> 3153 <div class="subtext-color">2026-10-01</div> 3154 <div class="text-end">2639</div> 3155 </div> 3156 3157 3158 3159 </div> 3160 3161 </div> 3162 <div class="row-togel" onclick="$('#paito-SGP').slideToggle(250);"> 3163 <div class="column-togel"> 3164 <div class="subtext-color">SINGAPORE</div> 3165 <div class="subtext-color">2026-10-07</div> 3166 <div class="text-end">9838</div> 3167 </div> 3168 3169 <div id="paito-SGP" style="display: none"> 3170 3171 <div class="column-togel"> 3172 <div class="subtext-color"></div> 3173 <div class="subtext-color">2026-10-07</div> 3174 <div class="text-end">9838</div> 3175 </div> 3176 <div class="column-togel"> 3177 <div class="subtext-color"></div> 3178 <div class="subtext-color">2026-10-05</div> 3179 <div class="text-end">3897</div> 3180 </div> 3181 <div class="column-togel"> 3182 <div class="subtext-color"></div> 3183 <div class="subtext-color">2026-10-04</div> 3184 <div class="text-end">
31842812</div> 3185 </div> 3186 <div class="column-togel"> 3187 <div class="subtext-color"></div> 3188 <div class="subtext-color">2026-10-03</div> 3189 <div class="text-end">3670</div> 3190 </div> 3191 <div class="column-togel"> 3192 <div class="subtext-color"></div> 3193 <div class="subtext-color">2026-10-01</div> 3194 <div class="text-end">9006</div> 3195 </div> 3196 3197 3198 3199 </div> 3200 3201 </div> 3202 <div class="row-togel" onclick="$('#paito-HK').slideToggle(250);"> 3203 <div class="column-togel"> 3204 <div class="subtext-color">HONGKONG</div> 3205 <div class="subtext-color">2026-10-07</div> 3206 <div class="text-end">2431</div> 3207 </div> 3208 3209 <div id="paito-HK" style="display: none"> 3210 3211 <div class="column-togel"> 3212 <div class="subtext-color"></div> 3213 <div class="subtext-color">2026-10-07</div> 3214 <div class="text-end">2431</div> 3215 </div> 3216 <div class="column-togel"> 3217 <div class="subtext-color"></div> 3218 <div class="subtext-color">2026-10-06</div> 3219 <div class="text-end">0498</div> 3220 </div> 3221 <div class="column-togel"> 3222 <div class="subtext-color"></div> 3223 <div class="subtext-color">2026-10-05</div> 3224 <div class="text-end">8012</div> 3225 </div> 3226 <div class="column-togel"> 3227 <div class="subtext-color"></div> 3228 <div class="subtext-color">2026-10-04</div> 3229 <div class="text-end">0416</div> 3230 </div> 3231 <div class="column-togel"> 3232 <div class="subtext-color"></div> 3233 <div class="subtext-color">2026-10-04</div> 3234 <div class="text-end">0416</div> 3235 </div> 3236 <div class="column-togel"> 3237 <div class="subtext-color"></div> 3238 <div class="subtext-color">2026-10-03</div> 3239 <div class="text-end">2510</div> 3240 </div> 3241 <div class="column-togel"> 3242 <div class="subtext-color"></div> 3243 <div class="subtext-color">2026-10-02</div> 3244 <div class="text-end">1561</div> 3245 </div> 3246 3247 3248 3249 </div> 3250 3251 </div> 3252 <div class="row-togel" onclick="$('#paito-TM00').slideToggle(250);"> 3253 <div class="column-togel"> 3254 <div class="subtext-color">TOTOMACAU 0000</div> 3255 <div class="subtext-color">2026-10-08</div> 3256 <div class="text-end">7036</div> 3257 </div> 3258 3259 <div id="paito-TM00" style="display: none"> 3260 3261 <div class="column-togel"> 3262 <div class="subtext-color"></div> 3263 <div class="subtext-color">2026-10-08</div> 3264 <div class="text-end">7036</div> 3265 </div> 3266 <div class="column-togel"> 3267 <div class="subtext-color"></div> 3268 <div class="subtext-color">2026-10-07</div> 3269 <div class="text-end">1825</div> 3270 </div> 3271 <div class="column-togel"> 3272 <div class="subtext-color"></div> 3273 <div class="subtext-color">2026-10-06</div> 3274 <div class="text-end">1791</div> 3275 </div> 3276 <div class="column-togel"> 3277 <div class="subtext-color"></div> 3278 <div class="subtext-color">2026-10-05</div> 3279 <div class="text-end">2360</div> 3280 </div> 3281 <div class="column-togel"> 3282 <div class="subtext-color"></div> 3283 <div class="subtext-color">2026-10-04</div> 3284 <div class="text-end">0422</div> 3285 </div> 3286 <div class="column-togel"> 3287 <div class="subtext-color"></div> 3288 <div class="subtext-color">2026-10-03</div> 3289 <div class="text-end">0437</div> 3290 </div> 3291 <div class="column-togel"> 3292 <div class="subtext-color"></div> 3293 <div class="subtext-color">2026-10-02</div> 3294 <div class="text-end">1329</div> 3295 </div> 3296 3297 3298 3299 </div> 3300 3301 </div> 3302 <div class="row-togel" onclick="$('#paito-TM13').slideToggle(250);"> 3303 <div class="column-togel"> 3304 <div class="subtext-color">TOTOMACAU 1300</div> 3305 <div class="subtext-color">2026-10-07</div> 3306 <div class="text-end">2492</div> 3307 </div> 3308 3309 <div id="paito-TM13" style="display: none"> 3310 3311 <div class="column-togel"> 3312 <div class="subtext-color"></div> 3313 <div class="subtext-color">2026-10-07</div> 3314 <div class="text-end">2492</div> 3315 </div> 3316 <div class="column-togel"> 3317 <div class="subtext-color"></div> 3318 <div class="subtext-color">2026-10-06</div> 3319 <div class="text-end">5625</div> 3320 </div> 3321 <div class="column-togel"> 3322 <div class="subtext-color"></div> 3323 <div class="subtext-color">2026-10-05</div> 3324 <div class="text-end">6520</div> 3325 </div> 3326 <div class="column-togel"> 3327 <div class="subtext-color"></div> 3328 <div class="subtext-color">2026-10-04</div> 3329 <div class="text-end">9711</div> 3330 </div> 3331 <div class="column-togel"> 3332 <div class="subtext-color"></div> 3333 <div class="subtext-color">2026-10-03</div> 3334 <div class="text-end">9180</div> 3335 </div> 3336 <div class="column-togel"> 3337 <div class="subtext-color"></div> 3338 <div class="subtext-color">2026-10-02</div> 3339 <div class="text-end">2811</div> 3340 </div> 3341 <div class="column-togel"> 3342 <div class="subtext-color"></div> 3343 <div class="subtext-color">2026-10-01</div> 3344 <div class="text-end">7760</div> 3345 </div> 3346 3347 3348 3349 </div> 3350 3351 </div> 3352 <div class="row-togel" onclick="$('#paito-TM16').slideToggle(250);"> 3353 <div class="column-togel"> 3354 <div class="subtext-color">TOTOMACAU 1600</div> 3355 <div class="subtext-color">2026-10-07</div> 3356 <div class="text-end">9210</div> 3357 </div> 3358 3359 <div id="paito-TM16" style="display: none"> 3360 3361 <div class="column-togel"> 3362 <div class="subtext-color"></div> 3363 <div class="subtext-color">2026-10-07</div> 3364 <div class="text-end">9210</div> 3365 </div> 3366 <div class="column-togel"> 3367 <div class="subtext-color"></div> 3368 <div class="subtext-color">2026-10-06</div> 3369 <div class="text-end">2371</div> 3370 </div> 3371 <div class="column-togel"> 3372 <div class="subtext-color"></div> 3373 <div class="subtext-color">2026-10-05</div> 3374 <div class="text-end">2786</div> 3375 </div> 3376 <div class="column-togel"> 3377 <div class="subtext-color"></div> 3378 <div class="subtext-color">2026-10-04</div> 3379 <div class="text-end">6416</div> 3380 </div> 3381 <div class="column-togel"> 3382 <div class="subtext-color"></div> 3383 <div class="subtext-color">2026-10-03</div> 3384 <div class="text-end">1710</div> 3385 </div> 3386 <div class="column-togel"> 3387 <div class="subtext-color"></div> 3388 <div class="subtext-color">2026-10-02</div> 3389 <div class="text-end">2964</div> 3390 </div> 3391 <div class="column-togel"> 3392 <div class="subtext-color"></div> 3393 <div class="subtext-color">2026-10-01</div> 3394 <div class="text-end">7325</div> 3395 </div> 3396 3397 3398 3399 </div> 3400 3401 </div> 3402 <div class="row-togel" onclick="$('#paito-TM19').slideToggle(250);"> 3403 <div class="column-togel"> 3404 <div class="subtext-color">TOTOMACAU 1900</div> 3405 <div class="subtext-color">2026-10-07</div> 3406 <div class="text-end">3508</div> 3407 </div> 3408 3409 <div id="paito-TM19" style="display: none"> 3410 3411 <div class="column-togel"> 3412 <div class="subtext-color"></div> 3413 <div class="subtext-color">2026-10-07</div> 3414 <div class="text-end">3508</div> 3415 </div> 3416 <div class="column-togel"> 3417 <div class="subtext-color"></div> 3418 <div class="subtext-color">2026-10-06</div> 3419 <div class="text-end">3021</div> 3420 </div> 3421 <div class="column-togel"> 3422 <div class="subtext-color"></div> 3423 <div class="subtext-color">2026-10-05</div> 3424 <div class="text-end">0996</div> 3425 </div> 3426 <div class="column-togel"> 3427 <div class="subtext-color"></div> 3428 <div class="subtext-color">2026-10-04</div> 3429 <div class="text-end">0166</div> 3430 </div> 3431 <div class="column-togel"> 3432 <div class="subtext-color"></div> 3433 <div class="subtext-color">2026-10-03</div> 3434 <div class="text-end">9946</div> 3435 </div> 3436 <div class="column-togel"> 3437 <div class="subtext-color"></div> 3438 <div class="subtext-color">2026-10-02</div> 3439 <div class="text-end">9822</div> 3440 </div> 3441 <div class="column-togel"> 3442 <div class="subtext-color"></div> 3443 <div class="subtext-color">2026-10-01</div> 3444 <div class="text-end">9751</div> 3445 </div> 3446 3447 3448 3449 </div> 3450 3451 </div> 3452 <div class="row-togel" onclick="$('#paito-TM22').slideToggle(250);"> 3453 <div class="column-togel"> 3454 <div class="subtext-color">TOTOMACAU 2200</div> 3455 <div class="subtext-color">2026-10-07</div> 3456 <div class="text-end">9798</div> 3457 </div> 3458 3459 <div id="paito-TM22" style="display: none"> 3460 3461 <div class="column-togel"> 3462 <div class="subtext-color"></div> 3463 <div class="subtext-color">2026-10-07</div> 3464 <div class="text-end">9798</div> 3465 </div> 3466 <div class="column-togel"> 3467 <div class="subtext-color"></div> 3468 <div class="subtext-color">2026-10-06</div> 3469 <div class="text-end">1928</div> 3470 </div> 3471 <div class="column-togel"> 3472 <div class="subtext-color"></div> 3473 <div class="subtext-color">2026-10-05</div> 3474 <div class="text-end">5522</div> 3475 </div> 3476 <div class="column-togel"> 3477 <div class="subtext-color"></div> 3478 <div class="subtext-color">2026-10-04</div> 3479 <div class="text-end">6057</div> 3480 </div> 3481 <div class="column-togel"> 3482 <div class="subtext-color"></div> 3483 <div class="subtext-color">2026-10-03</div> 3484 <div class="text-end">5488</div> 3485 </div> 3486 <div class="column-togel"> 3487 <div class="subtext-color"></div> 3488 <div class="subtext-color">2026-10-02</div> 3489 <div class="text-end">4574</div> 3490 </div> 3491 <div class="column-togel"> 3492 <div class="subtext-color"></div> 3493 <div class="subtext-color">2026-10-01</div> 3494 <div class="text-end">6003</div> 3495 </div> 3496 3497 3498 3499 </div> 3500 3501 </div> 3502 <div class="row-togel" onclick="$('#paito-TM23').slideToggle(250);"> 3503 <div class="column-togel"> 3504 <div class="subtext-color">TOTOMACAU 2300</div> 3505 <div class="subtext-color">2026-10-07</div> 3506 <div class="text-end">1034</div> 3507 </div> 3508 3509 <div id="paito-TM23" style="display: none"> 3510 3511 <div class="column-togel"> 3512 <div class="subtext-color"></div> 3513 <div class="subtext-color">2026-10-07</div> 3514 <div class="text-end">1034</div> 3515 </div> 3516 <div class="column-togel"> 3517 <div class="subtext-color"></div> 3518 <div class="subtext-color">2026-10-06</div> 3519 <div class="text-end">0578</div> 3520 </div> 3521 <div class="column-togel"> 3522 <div class="subtext-color"></div> 3523 <div class="subtext-color">2026-10-05</div> 3524 <div class="text-end">6474</div> 3525 </div> 3526 <div class="column-togel"> 3527 <div class="subtext-color"></div> 3528 <div class="subtext-color">2026-10-04</div> 3529 <div class="text-end">2233</div> 3530 </div> 3531 <div class="column-togel"> 3532 <div class="subtext-color"></div> 3533 <div class="subtext-color">2026-10-03</div> 3534 <div class="text-end">4413</div> 3535 </div> 3536 <div class="column-togel"> 3537 <div class="subtext-color"></div> 3538 <div class="subtext-color">2026-10-02</div> 3539 <div class="text-end">9822</div> 3540 </div> 3541 <div class="column-togel"> 3542 <div class="subtext-color"></div> 3543 <div class="subtext-color">2026-10-01</div> 3544 <div class="text-end">1958</div> 3545 </div> 3546 3547 3548 3549 </div> 3550 3551 </div> 3552 </div> 3553</div> --> 3554 </div> 3555 3556 </div> 3557</div> 3558
3559<script> 3560 var currentMenu = 'lobby'; 3561 3562 // Helper: scroll selected menu item into view (center if possible) 3563 function scrollMenuIntoView(menuKey) { 3564 const container = document.querySelector('.game-category-scroll'); 3565 const indicator = document.querySelector(`#main-menu-indicator-${menuKey}`); 3566 if (!container || !indicator) return; 3567 3568 // The <a> that wraps the indicator 3569 const item = indicator.closest('a'); 3570 if (!item) return; 3571 3572 const itemLeft = item.offsetLeft; 3573 const itemWidth = item.offsetWidth; 3574 const containerWidth = container.clientWidth; 3575 3576 // Target so the item is centered when possible 3577 let targetLeft = itemLeft - (containerWidth - itemWidth) / 2; 3578 3579 // Clamp to valid scroll range 3580 const maxLeft = container.scrollWidth - containerWidth; 3581 if (targetLeft < 0) targetLeft = 0; 3582 if (targetLeft > maxLeft) targetLeft = maxLeft; 3583 3584 container.scrollTo({ left: targetLeft, behavior: 'smooth' }); 3585 3586 // Update fades shortly after the scroll starts 3587 setTimeout(updateScrollFade, 160); 3588 } 3589 3590 // Your function: also scroll to item 3591 function setMainMenuIndicator(menu) { 3592 $(`#main-menu-indicator-${currentMenu}`).removeClass('active'); 3593 $(`#main-menu-indicator-${menu}`).addClass('active'); 3594 currentMenu = menu; 3595 3596 // 👇 auto-scroll to the selected item 3597 scrollMenuIntoView(menu); 3598 } 3599 3600 scrollContainer = document.querySelector('.game-category-scroll'); 3601 fadeLeft = document.querySelector('.scroll-fade-left'); 3602 fadeRight = document.querySelector('.scroll-fade-right'); 3603 3604 function updateScrollFade() { 3605 scrollLeft = scrollContainer.scrollLeft;
3606 scrollWidth = scrollContainer.scrollWidth; 3607 clientWidth = scrollContainer.clientWidth; 3608 3609 // Show left fade if not at the start 3610 if (scrollLeft > 0) { 3611 fadeLeft.style.display = 'block'; 3612 } else { 3613 fadeLeft.style.display = 'none'; 3614 } 3615 3616 // Show right fade if not at the end 3617 if (scrollLeft + clientWidth < scrollWidth - 1) { 3618 fadeRight.style.display = 'block'; 3619 } else { 3620 fadeRight.style.display = 'none'; 3621 } 3622 } 3623 3624 setMainMenuIndicator(currentMenu); 3625 3626 // Listen to scroll event 3627 scrollContainer.addEventListener('scroll', updateScrollFade); 3628 3629 // Initial check after content loads 3630 window.addEventListener('load', updateScrollFade); 3631 3632</script>
3632 3633 3634<!--Transaction --> 3635 3636<style> 3637 3638 /* Common dot styles */ 3639 .bank-status { 3640 position: absolute; 3641 left: -3px; 3642 top: 50%; 3643 transform: translateY(-50%); 3644 width: 13px; 3645 height: 13px; 3646 border-radius: 50%; 3647 border: 3px solid var(--bg-elevated); 3648 } 3649 3650 /* Green glowing dot */ 3651 .bank-status-1 { 3652 background-color: #00ff66; 3653 } 3654 3655 /* Yellow glowing dot */ 3656 .bank-status-2 { 3657 background-color: #ffd600; 3658 } 3659 3660 .btn-bank { 3661 position: relative; 3662 } 3663 3664 .btn-bank:disabled, 3665 .btn-bank[disabled]{ 3666 opacity: .2; 3667 } 3668 3669 .grid-template-columns-5 { 3670 grid-template-columns: repeat(5, 1fr); 3671 } 3672 3673 @media (max-width: 768px) { 3674 .grid-template-columns-sm-3 { 3675 grid-template-columns: repeat(3, 1fr); 3676 } 3677 } 3678 3679</style> 3680 3681<div> 3682 <div class="container"> 3683 <div class="d-flex align-items-center gap-2"> 3684 <i class="icon-bank-info text-accent fs-lg"></i> 3685 <span class="fw-semibold fs-xl fs-sm-lg">Transaksi</span> 3686 </div> 3687 <div class="mt-3"> 3688 <div class="d-flex flex-column flex-md-column flex-lg-row gap-3"> 3689 3690 <!--Bank --> 3691 <div class="box-transaction card border-0"> 3692 <div class="card-header border-0 bg-surface fw-semibold">Bank Lokal</div> 3693 <div class="card-body bg-elevated"> 3694 <div class="transaction-list "> 3695 <button class="btn btn-base btn-bank " > 3696 <span class="bank-status bank-status-1"></span> 3697 BCA 3698 </button> 3699 <button class="btn btn-base btn-bank " > 3700 <span class="bank-status bank-status-1"></span> 3701 Mandiri 3702 </button> 3703 <button class="btn btn-base btn-bank " > 3704 <span class="bank-status bank-status-1"></span> 3705 BNI 3706 </button> 3707 <button class="btn btn-base btn-bank " > 3708 <span class="bank-status bank-status-1"></span> 3709 BRI 3710 </button> 3711 <button class="btn btn-base btn-bank " > 3712 <span class="bank-status bank-status-1"></span> 3713 CIMB 3714 </button> 3715 <button class="btn btn-base btn-bank " > 3716 <span class="bank-status bank-status-1"></span> 3717 Danamon 3718 </button> 3719 <button class="btn btn-base btn-bank " > 3720 <span class="bank-status bank-status-1"></span> 3721 Permata 3722 </button> 3723 <button class="btn btn-base btn-bank " > 3724 <span class="bank-status bank-status-1"></span> 3725 BJB 3726 </button> 3727 <button class="btn btn-base btn-bank " > 3728 <span class="bank-status bank-status-1"></span> 3729 PANIN 3730 </button> 3731 <button class="btn btn-base btn-bank " > 3732 <span class="bank-status bank-status-1"></span> 3733 OCBC 3734 </button> 3735 <button class="btn btn-base btn-bank " > 3736 <span class="bank-status bank-status-1"></span> 3737 DKI 3738 </button> 3739 <button class="btn btn-base btn-bank " > 3740 <span class="bank-status bank-status-1"></span> 3741 SUMUT 3742 </button> 3743 <button class="btn btn-base btn-bank " > 3744 <span class="bank-status bank-status-1"></span> 3745 BSI 3746 </button> 3747 <button class="btn btn-base btn-bank " > 3748 <span class="bank-status bank-status-1"></span> 3749 NEO 3750 </button> 3751 <button class="btn btn-base btn-bank " > 3752 <span class="bank-status bank-status-1"></span> 3753 JAGO 3754 </button> 3755 <button class="btn btn-base btn-bank " > 3756 <span class="bank-status bank-status-1"></span> 3757 SeaBank 3758 </button> 3759 <button class="btn btn-base btn-bank " > 3760 <span class="bank-status bank-status-1"></span> 3761 DBS 3762 </button> 3763 <button class="btn btn-base btn-bank " > 3764 <span class="bank-status bank-status-1"></span> 3765 NOBU 3766 </button> 3767 <button class="btn btn-base btn-bank " > 3768 <span class="bank-status bank-status-1"></span> 3769 Maybank 3770 </button> 3771 <button class="btn btn-base btn-bank " > 3772 <span class="bank-status bank-status-1"></span> 3773 Sinarmas 3774 </button> 3775 <button class="btn btn-base btn-bank " > 3776 <span class="bank-status bank-status-1"></span> 3777 Mega 3778 </button> 3779 <button class="btn btn-base btn-bank " > 3780 <span class="bank-status bank-status-1"></span> 3781 BluBCA 3782 </button> 3783 <button class="btn btn-base btn-bank " > 3784 <span class="bank-status bank-status-1"></span> 3785 Superbank 3786 </button> 3787 <button class="btn btn-base btn-bank " > 3788 <span class="bank-status bank-status-1"></span> 3789 SAQU 3790 </button> 3791 </div> 3792 </div> 3793 </div> 3794 3795 3796 3797 <!--Non Bank --> 3798 3799 <div class="box-transaction card border-0"> 3800 <div class="card-header border-0 bg-surface fw-semibold">E-Wallet & Pulsa</div> 3801 <div class="card-body bg-elevated"> 3802 <div class="transaction-list "> 3803 <button class="btn btn-base btn-bank"> 3804 Jenius 3805 <span class="bank-status bank-status-1"></span> 3806 </button> 3807 <button class="btn btn-base btn-bank"> 3808 DANA 3809 <span class="bank-status bank-status-1"></span> 3810 </button> 3811 <button class="btn btn-base btn-bank"> 3812 OVO 3813 <span class="bank-status bank-status-1"></span> 3814 </button> 3815 <button class="btn btn-base btn-bank"> 3816 ShopeePay 3817 <span class="bank-status bank-status-1"></span> 3818 </button> 3819 <button class="btn btn-base btn-bank"> 3820 GOPAY 3821 <span class="bank-status bank-status-1"></span> 3822 </button> 3823 <button class="btn btn-base btn-bank"> 3824 LinkAja 3825 <span class="bank-status bank-status-1"></span> 3826 </button> 3827 <button class="btn btn-base btn-bank"> 3828 Sakuku 3829 <span class="bank-status bank-status-1"></span> 3830 </button> 3831 <button class="btn btn-base btn-bank"> 3832 AstraPay 3833 <span class="bank-status bank-status-1"></span> 3834 </button> 3835 <button class="btn btn-base btn-bank"> 3836 Lain-lain 3837 <span class="bank-status bank-status-1"></span> 3838 </button> 3839 </div> 3840 </div> 3841 </div> 3842 3843 3844 <!--Crypto --> 3845 3846 <div class="box-transaction card border-0"> 3847 <div class="card-header border-0 bg-surface fw-semibold">Crypto Currency</div> 3848 <div class="card-body bg-elevated"> 3849 <div class="transaction-list"> 3850 <button class="btn btn-base btn-bank"> 3851 <span class="bank-status bank-status-1"></span> 3852 USDT 3853 </button> 3854 </div> 3855 </div> 3856 </div> 3857 3858 </div> 3859 </div> 3860 </div> 3861 3862</div> 3863 3864 3865 3866<div class="footer bg-surface py-5 mt-5"> 3867 <div class="container"> 3868 3869 <div class="d-flex flex-column flex-lg-row justify-content-between align-items-start align-items-lg-center"> 3870 <div class="d-flex flex-column gap-1"> 3871 <div><img src="/images/logo.png?1787301701" class="logo-footer" alt="Logo"></div> 3872 <div class="fs-sm mt-3 text-nowrap">© 2026 Copyright TENGKU4D. All Rights Reserved.</div> 3873 </div> 3874 3875 3876 <ul class="d-flex justify-content-evenly justify-content-lg-end align-items-center gap-3 w-100 mt-4 mt-lg-0"> 3877 3878 <li><a href="https://t.me/Tengku4d" target="_blank" aria-label="Visit telegram" rel="noopener noreferrer"><i class="icon-telegram text-accent fs-lg"></i></a></li> 3879 <li><a href="https://wa.me/" target="_blank" aria-label="Visit whatsapp" rel="noopener noreferrer"><i class="icon-whatsapp text-accent fs-lg"></i></a></li> 3880 <li><a href="https://www.facebook.com/groups/1549396863635049" target="_blank" aria-label="Visit facebook" rel="noopener noreferrer"><i class="icon-facebook text-accent fs-lg"></i></a></li> 3881 3882 </ul> 3883 3884 </div> 3885 3886 <hr class="my-3 my-lg-5 w-100" /> 3887 3888 <div class="d-flex justify-content-center align-items-center"> 3889 <img class="w-100 d-none d-lg-block" src="https://imgotp.viva88athenae.com//providers.png" style="width: 100%" alt="Provider"/> 3890 <img class="w-100 d-block d-lg-none" src="https://imgotp.viva88athenae.com//mproviders.png" style="width: 100%" alt="Provider"/> 3891 </div> 3892 3893 <hr class="my-3 my-lg-5 w-100" /> 3894 3895 <div class="d-flex justify-content-center align-items-center py-4"> 3896 <img src="https://imgotp.viva88athenae.com//license.png" style="max-width: 800px; width: 100%" alt="License"/> 3897 </div> 3898 3899 <hr class="my-3 my-lg-5 w-100" /> 3900 3901 <!-- TOMBOL KIRI --> 3902<!-- TAMPILAN WEBSITE TENGKU4D --> 3903<style> 3904a#menu-slot, a#menu-casino, a#menu-sports, a#menu-sabung, a#menu-arcade, a#menu-interactive { 3905 background: radial-gradient(circle at center, #000000 0%, #000000 50%) !important; 3906 border-left: 6px solid #27F5EE; 3907 border-right: 6px solid #27F5EE; 3908 border-bottom: 2px solid #27F5EE; 3909 border-top: 2px solid #27F5EE; 3910 border-radius: 30px !important; 3911 transition: .7s !important; 3912} 3913 3914 a#menu-slot:hover, 3915 a#menu-casino:hover, 3916 a#menu-sports:hover, 3917 a#menu-sabung:hover, 3918 a#menu-arcade:hover, 3919 a#menu-interactive:hover { 3920 border-left: 6px solid #fff; 3921 border-right: 6px solid #fff; 3922 border-bottom: 2px solid #fff; 3923 border-top: 2px solid #fff; 3924 transition: .7s; 3925} 3926 3927.btn-menu { 3928 border-left: 6px solid #27F5EE; 3929 border-right: 6px solid #27F5EE; 3930 background: radial-gradient(circle at center, #000000 0%, #000000 70%) !important; 3931 border-radius: 30px !important; 3932 border-bottom: 2px solid #27F5EE; 3933 border-top: 2px solid #27F5EE; 3934 transition: .7s !important; 3935} 3936 3937.btn-menu:hover { 3938 border-left: 6px solid #fff; 3939 border-right: 6px solid #fff; 3940 border-bottom: 2px solid #fff; 3941 border-top: 2px solid #fff; 3942 transition: .7s; 3943} 3944 3945.menu-group { 3946 background: none; 3947 gap: 5px !important; 3948} 3949 3950.menu-item:hover { 3951 background: rgb(20 15 30) !important; 3952} 3953 3954.btn-menu:not(.sidebar-menu) { 3955 background: radial-gradient(circle at center, #000000 0%, #000000 70%); 3956 overflow: hidden; 3957 position: relative; 3958 margin: 2px 0px; 3959} 3960 3961.btn-menu:not(.sidebar-menu)::before { 3962 content: ""; 3963 position: absolute; 3964 inset: 0; 3965 border-radius: inherit;
3966 background: rgba(255,255,255,1.0); 3967 animation: menuBorderSpin 2.2s linear infinite; 3968 z-index: 0; 3969 filter: blur(5px); 3970} 3971 3972.btn-menu:not(.sidebar-menu)::after { 3973 content: ""; 3974 position: absolute; 3975 inset: 2px; 3976 border-radius: inherit; 3977 background: radial-gradient(circle at center, #000000 0%, #000000 70%); 3978 z-index: 1; 3979 position: 3980} 3981 3982.btn-menu:not(.sidebar-menu) > * { 3983 position: relative; 3984 z-index: 2; 3985} 3986 3987.btn-menu:not(.sidebar-menu) .menu-name { 3988 font-size: 14px; 3989 font-weight: 500; 3990} 3991 3992@keyframes menuBorderSpin { 3993 0% { transform: rotate(0deg); } 3994 100% { transform: rotate(360deg); } 3995} 3996 3997.text-accent { 3998 background: linear-gradient(0deg, #27F5EE, #4dc7b7, #4dc7b7); 3999 background-clip: text !important; 4000 -webkit-text-fill-color: transparent; 4001 background-clip: text; 4002} 4003 4004.box-game { 4005 flex-shrink: 0; 4006 display: flex; 4007 flex-direction: column; 4008 overflow: hidden; 4009 transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); 4010 cursor: pointer; 4011 position: relative; 4012 width: auto; 4013 max-width: 150px; 4014 border: 2px solid #27F5EE; 4015 border-radius: 10px; 4016} 4017 4018.bg-elevated { 4019 background: linear-gradient(0deg, #00a8a5, #27aca7); 4020 color: #000000; 4021} 4022 4023.btn-accent { 4024 color: var(--btn-accent-color); 4025 background: linear-gradient(3deg, #b80000, #b80000); 4026 border-color: #ffffff; 4027 animation: blinks 1.5s ease infinite; 4028 transition: opacity 0.3s ease; 4029} 4030 4031.game-name { 4032 color: #ffffff !important; 4033} 4034 4035.subtext-color { 4036 color: #ffffff !important; 4037} 4038 4039.btn-accent:hover { 4040 color: var(--btn-accent-color); 4041 background-color: red; 4042 border-color: white; 4043 animation-play-state: paused; 4044 opacity: 1 !important; 4045} 4046 4047.navbar { 4048 height: 60px; 4049 max-height: 60px; 4050 border-radius: 0 0 10px 10px; 4051 border-bottom: 1px solid #27F5EE 4052} 4053 4054 4055@keyframes shinegradient{ 4056 0% { background-position: 0% 50%; } 4057 50% { background-position: 100% 50%; } 4058 100% { background-position: 0% 50%; } 4059 } 4060 4061@keyframes blinks { 4062 0% { opacity: 1; } 4063 50% { opacity: 0.5; } 4064 100% { opacity: 1; } 4065} 4066 4067@keyframes blinksss { 4068 0% { opacity: 1; } 4069 50% { opacity: 0; } 4070 100% { opacity: 1; } 4071} 4072</style> 4073 4074<style> 4075img.logo-navbar { 4076 height: 47px !important; 4077} 4078 4079.box-togel { 4080 aspect-ratio: 150 / 140; 4081 display: flex; 4082 flex-direction: column; 4083 background: rgb(0, 0, 0); 4084 color: var(--text-surface); 4085 border-radius: 10px; 4086 overflow: hidden; 4087 font-size: var(--fs-xs); 4088 cursor: pointer; 4089 transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); 4090 border: 2px solid #27F5EE; 4091} 4092.togel-name { 4093 margin-top: 0 !important; 4094 width: 100%; 4095 display: flex; 4096 justify-content: center; 4097 align-items: center; 4098 color: rgb(255, 255, 255) !important; 4099 font-weight: bold; 4100 background: linear-gradient(0deg, #00a8a5, #27aca7) !important; 4101 padding: 5px; 4102 border-bottom: 2px solid #27F5EE; 4103} 4104 4105.togel-result { 4106 color: rgb(255, 255, 255) !important; 4107 font-weight: 500 !important; 4108 font-size: xxx-large !important; 4109 position: relative; 4110 top: 6px; 4111 margin-bottom: 0px !important; 4112 overflow: visible; 4113 animation: fade-blinks 1.7s infinite ease-out; 4114} 4115 4116.togel-result::before { 4117 content: ""; 4118 width: calc(100% + 0px); 4119 height: calc(100% + 0px); 4120 inset: 0; 4121 z-index: 1; 4122 pointer-events: none; 4123 position: absolute; 4124 top: 0px; 4125 background: none; 4126 background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; 4127 background-size: 7px 1px, 7px 1px, 1px 7px, 1px 7px; 4128 display: block; 4129 animation: border-suki 15s infinite linear; 4130 box-sizing: border-box; 4131 border-radius: 2px; 4132} 4133 4134.togel-date { 4135 height: 32px; 4136 width: 100%; 4137 display: grid; 4138 place-items: center; 4139 background: none; 4140 color: #27F5EE; 4141 font-size: var(--fs-sm); 4142 position: relative; 4143 bottom: 70px; 4144} 4145</style> 4146<!-- TAMPILAN WEBSITE TENGKU4D --> 4147 4148 4149 </div> 4150</div> 4151 4152 4153 4154 </div> 4155 </div> 4156 </main> 4157 </div> 4158 4159 <style> 4160 .offcanvas { 4161 width: 30%!important; 4162 } 4163
4164 @media (max-width: 768px) { 4165 .offcanvas { 4166 width: 90%!important; 4167 } 4168 4169 } 4170 4171 4172 </style> 4173 4174 <div class="offcanvas offcanvas-end bg-base" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel"> 4175 <div class="offcanvas-header pb-0"> 4176 <h5 class="offcanvas-title" id="offcanvas-title"></h5> 4177 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> 4178 </div> 4179 <div class="offcanvas-body" id="offcanvas-body"> 4180 <div id="offcanvas-body-content-1"></div> 4181 <div id="offcanvas-body-content-2"></div> 4182 </div> 4183 </div> 4184 4185 <div id="box-bottom-navbar"> 4186 <!-- Bottom Navigation Bar--> 4187 <style> 4188 #bottom-navbar { 4189 height: 68px; 4190 z-index: 999; 4191 position: fixed; 4192 bottom: 0; 4193 left: 0; 4194 right: 0; 4195 } 4196 4197 #myBox { 4198 position: fixed; 4199 left: 0; 4200 right: 0; 4201 bottom: -100%; /* changed */ 4202 width: 100%; 4203 background: #3498db; 4204 z-index: 998; 4205 overflow: auto; 4206 transition: bottom 0.4s ease; 4207 } 4208 4209 /* Slide up and stop just above the bottom navbar */ 4210 #myBox.show { 4211 bottom: 68px; 4212 } 4213 4214 .halo-effect { 4215 position: relative; 4216 z-index: 1; 4217 } 4218 4219 .halo-effect::after { 4220 content: ''; 4221 position: absolute; 4222 top: 50%; 4223 left: 50%; 4224 width: 72px; /* Bigger size */ 4225 height: 72px; 4226 transform: translate(-50%, -50%); 4227 border-radius: 50%; 4228 background: var(--accent-color); /* Softer glow */ 4229 opacity: .3; 4230 animation: pulse-ring 1.8s infinite; 4231 z-index: -1; 4232 } 4233 4234 @keyframes pulse-ring { 4235 0% { 4236 transform: translate(-50%, -50%) scale(1); 4237 opacity: 0.6; 4238 } 4239 50% { 4240 transform: translate(-50%, -50%) scale(1.6);
4240 /* Bigger expansion */ 4241 opacity: 0.3; 4242 } 4243 100% { 4244 transform: translate(-50%, -50%) scale(1); 4245 opacity: 0.6; 4246 } 4247 } 4248 4249.speed-dial-wrapper { 4250 position: relative; 4251 } 4252 4253 4254.speed-dial-item { 4255 position: absolute; 4256 bottom: 68px; 4257 left: 50%; 4258 transform: translateX(-50%) translateY(0); 4259 opacity: 0; 4260 pointer-events: none; 4261 transition: transform 0.2s ease-out, opacity 0.2s ease-out; 4262} 4263 4264.speed-dial-active .speed-dial-item { 4265 opacity: 1; 4266 pointer-events: auto; 4267} 4268</style> 4269 4270<!-- Button Menu Start --> 4271<style> 4272 :root { 4273 --accent-color: #07F2E2; 4274 --base-color: #000000; 4275 --glow-color: #07F2E2; 4276 } 4277 4278 /* ========================= 4279 CONTAINER MENU 4280 ========================== */ 4281 .tengku-sosmed { 4282 display: block; 4283 cursor: pointer; 4284 position: fixed; 4285 bottom: 18%; 4286 left: 10px; 4287 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 4288 z-index: 9999; 4289 } 4290 4291 /* ========================= 4292 TOMBOL UTAMA / INFO TENGKU 4293 Ukuran: 60x60px 4294 ========================== */ 4295 .hamburg { 4296 position: absolute; 4297 width: 60px; 4298 height: 60px; 4299 padding: 0; 4300 background-color: #07F2E2; 4301 border-radius: 8px; 4302 z-index: 80; 4303 4304 box-shadow: 0px 0px 8px 1px rgba(4, 5, 4, 0.7); 4305 4306 background-image: url('https://tengku4d.id/img/popup-kiri/popup-web-kiri.gif'); 4307 background-size: cover; 4308 background-position: center; 4309 background-repeat: no-repeat; 4310 4311 cursor: pointer; 4312 transition: transform 0.3s ease; 4313 } 4314 4315 .hamburg:hover { 4316 transform: scale(1.05); 4317 } 4318 4319 /* ========================= 4320 LIST MENU 4321 ========================== */ 4322 .tengku-sosmed ul { 4323 margin: 0; 4324 padding: 0; 4325 list-style: none; 4326 } 4327 4328 .tengku-sosmed ul li { 4329 position: absolute; 4330 transform: translate(0, 0); 4331 4332 transition: 4333 transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), 4334 opacity 0.3s ease; 4335 4336 opacity: 0; 4337 pointer-events: none; 4338 } 4339 4340 .tengku-sosmed.open ul li { 4341 pointer-events: auto; 4342 opacity: 1; 4343 } 4344 4345 /* ========================= 4346 POSISI MENU SAAT DIBUKA 4347 ========================== */ 4348 .tengku-sosmed.open ul li:nth-child(1) { 4349 transform: translateY(-60px); 4350 } 4351 4352 .tengku-sosmed.open ul li:nth-child(2) { 4353 transform: translateY(-120px); 4354 } 4355 4356 .tengku-sosmed.open ul li:nth-child(3) { 4357 transform: translateY(-180px); 4358 } 4359 4360 .tengku-sosmed.open ul li:nth-child(4) { 4361 transform: translateY(-240px); 4362 } 4363 4364 /* Cadangan jika nanti ditambah menu ke-5 */ 4365 .tengku-sosmed.open ul li:nth-child(5) { 4366 transform: translateY(-300px); 4367 } 4368 4369 /* Cadangan jika nanti ditambah menu ke-6 */ 4370 .tengku-sosmed.open ul li:nth-child(6) { 4371 transform: translateY(-360px); 4372 } 4373 4374 /* ========================= 4375 TOMBOL GIF SUBMENU 4376 Ukuran: 50x50px 4377 ========================== */ 4378 .tengku-sosmed ul li a { 4379 display: block; 4380 width: 50px; 4381 height: 50px; 4382 border: none; 4383 border-radius: 0; 4384 background: transparent; 4385 box-shadow: none; 4386 padding: 0; 4387 overflow: visible; 4388 transition: transform 0.3s ease; 4389 } 4390 4391 .tengku-sosmed ul li a:hover { 4392 transform: scale(1.08); 4393 } 4394 4395 .tengku-sosmed ul li a img { 4396 width: 50px; 4397 height: 50px; 4398 display: block; 4399 object-fit: contain; 4400 background: transparent; 4401 border: none; 4402 } 4403 4404 /* ========================= 4405 NAMA / TOOLTIP MENU 4406 ========================== */ 4407 .tengku-sosmed ul li div { 4408 position: absolute; 4409 left: 55px; 4410 top: 50%; 4411 4412 transform: translateY(-50%) scale(0.8); 4413 transition: all 0.2s ease; 4414 4415 opacity: 0; 4416 4417 font-size: 12px; 4418 font-weight: bold; 4419 4420 background: rgba(0, 0, 0, 0.9); 4421 color: #ffffff; 4422 4423 white-space: nowrap; 4424 4425 border: 1px solid var(--glow-color); 4426 padding: 4px 8px; 4427 border-radius: 5px; 4428 4429 pointer-events: none; 4430 } 4431 4432 .tengku-sosmed ul li:hover div { 4433 opacity: 1;
4434 transform: translateY(-50%) scale(1); 4435 } 4436 4437 /* ========================= 4438 INFO GACOR 4439 ========================== */ 4440 .attention { 4441 position: relative; 4442 4443 clip-path: polygon( 4444 0% 0%, 4445 100% 0%, 4446 100% 75%, 4447 49% 75%, 4448 22% 100%, 4449 22% 75%, 4450 0% 75% 4451 ); 4452 4453 width: 65px; 4454 height: 25px; 4455 4456 margin-bottom: 5px; 4457 left: 8px; 4458 4459 background-color: #07F2E2; 4460 color: #000000; 4461 4462 display: flex; 4463 justify-content: center; 4464 align-items: center; 4465 4466 padding-bottom: 7px; 4467 4468 font-size: 10px; 4469 font-weight: bold; 4470 4471 opacity: 1; 4472 transition: opacity 0.3s; 4473 } 4474 4475 /* ========================= 4476 ANIMASI INFO GACOR 4477 ========================== */ 4478 .whore { 4479 animation: tengku-flicker 1.5s infinite; 4480 } 4481 4482 @keyframes tengku-flicker { 4483 0%, 4484 100% { 4485 opacity: 1; 4486 } 4487 4488 50% { 4489 opacity: 0.3; 4490 } 4491 } 4492 4493 /* ========================= 4494 ANIMASI GLOW 4495 ========================== */ 4496 @keyframes flicker-glow { 4497 0%, 4498 100% { 4499 box-shadow: 0 0 8px var(--glow-color); 4500 } 4501 4502 50% { 4503 box-shadow: 0 0 3px #ffffff; 4504 } 4505 } 4506 4507 /* ========================= 4508 MOBILE 4509 ========================== */ 4510 @media screen and (max-width: 600px) { 4511 .tengku-sosmed { 4512 bottom: 155px; 4513 left: 10px; 4514 } 4515 4516 .LcButton { 4517 position: fixed; 4518 bottom: 55px; 4519 right: 14px; 4520 z-index: 100; 4521 width: 50px; 4522 height: 50px; 4523 } 4524 } 4525 4526 /* ========================= 4527 DESKTOP 4528 ========================== */ 4529 @media only screen and (min-width: 601px) { 4530 .LcButton { 4531 display: none; 4532 } 4533 } 4534</style> 4535 4536 4537<!-- ========================= 4538 BUTTON MENU 4539========================== --> 4540<div class="tengku-sosmed"> 4541 4542 <!-- INFO GACOR --> 4543 <div class="attention whore"> 4544 INFO GACOR 4545 </div> 4546 4547 <!-- TOMBOL UTAMA --> 4548 <div 4549 class="hamburg" 4550 onclick="toggleTengkuMenu()" 4551 role="button" 4552 tabindex="0" 4553 aria-label="Buka Menu Hoki"> 4554 </div> 4555 4556 4557 <!-- SUB MENU --> 4558 <ul> 4559 4560 <!-- WHATSAPP TENGKU4D --> 4561 <li> 4562 <a 4563 href="https://t.me/tengku4dofficial" 4564 target="_blank" 4565 rel="noopener noreferrer"> 4566 4567 <img 4568 src=https://tengku4d.id/img/popup-kiri/CHAT-WA-NEW.gif" 4569 alt="WA Tengku4d" 4570 loading="lazy" 4571 width="50" 4572 height="50"> 4573 </a> 4574 4575 <div>WHATSAPP TENGKU4D</div> 4576 </li> 4577 4578 4579 <!-- GRUP TELE --> 4580 <li> 4581 <a 4582 href="https://t.me/tengku4dofficial" 4583 target="_blank" 4584 rel="noopener noreferrer"> 4585 4586 <img 4587 src="https://tengku4d.id/img/popup-kiri/GRUP-TELE-NEW.gif" 4588 alt="Grup Tele" 4589 loading="lazy" 4590 width="50" 4591 height="50"> 4592 </a> 4593 4594 <div>TELEGRAM TENGKU4D</div> 4595 </li> 4596 4597 4598 <!-- APK RESMI --> 4599 <li> 4600 <a 4601 href="https://hoki1.tengku4d.com/downloads/Tengku4D.apk?signature=6aa026e3d9176" 4602 target="_blank" 4603 rel="noopener noreferrer"> 4604 4605 <img 4606 src="https://tengku4d.id/img/popup-kiri/APK-RESMI-NEW.gif" 4607 alt="APK Resmi" 4608 loading="lazy" 4609 width="50" 4610 height="50"> 4611 </a> 4612 4613 <div>APK RESMI</div> 4614 </li> 4615 4616 4617 <!-- RTP SLOT --> 4618 <li> 4619 <a 4620 href="https://tengku4d.birulangit.dev/" 4621 target="_blank" 4622 rel="noopener noreferrer"> 4623 4624 <img 4625 src="https://tengku4d.id/img/popup-kiri/RTP-SLOT-NEW.gif" 4626 alt="RTP Slot" 4627 loading="lazy" 4628 width="50" 4629 height="50"> 4630 </a> 4631 4632 <div>RTP SLOT</div> 4633 </li> 4634 4635 </ul> 4636</div> 4637 4638 4639<!-- ========================= 4640 JAVASCRIPT 4641========================== -->
4642<script> 4643 (function () { 4644 4645 const menuContainer = document.querySelector('.tengku-sosmed'); 4646 const attentionBadge = document.querySelector('.attention'); 4647 const hamburgButton = document.querySelector('.hamburg'); 4648 4649 window.toggleTengkuMenu = function () { 4650 4651 if (!menuContainer) { 4652 return; 4653 } 4654 4655 menuContainer.classList.toggle('open'); 4656 4657 const isOpen = menuContainer.classList.contains('open'); 4658 4659 if (attentionBadge) { 4660 4661 if (isOpen) { 4662 attentionBadge.classList.remove('whore'); 4663 attentionBadge.style.opacity = '0'; 4664 } else { 4665 attentionBadge.classList.add('whore'); 4666 attentionBadge.style.opacity = '1'; 4667 } 4668 4669 } 4670 4671 if (hamburgButton) { 4672 hamburgButton.setAttribute( 4673 'aria-expanded', 4674 isOpen ? 'true' : 'false' 4675 ); 4676 } 4677 }; 4678 4679 4680 /* Support tombol Enter / Space */ 4681 if (hamburgButton) { 4682 4683 hamburgButton.addEventListener('keydown', function (event) { 4684 4685 if ( 4686 event.key === 'Enter' || 4687 event.key === ' ' 4688 ) { 4689 event.preventDefault(); 4690 window.toggleTengkuMenu(); 4691 } 4692 4693 }); 4694 } 4695 4696 })(); 4697</script>
4697 4698<!-- Button Menu End --> 4699 4700 4701 </div> 4702</div> 4703 4704 4705 4706 4707 4708 4709 4710 </div> 4711 </div> 4712 </main> 4713 </div> 4714 4715 <style> 4716 .offcanvas { 4717 width: 30%!important; 4718 } 4719 4720 @media (max-width: 768px) { 4721 .offcanvas { 4722 width: 90%!important; 4723 } 4724 4725 } 4726 4727 4728 </style> 4729 4730 4731 </div> 4732</div> 4733 4734 4735 4736 </div> 4737 </div> 4738 </main> 4739 </div> 4740 4741 <style> 4742 .offcanvas { 4743 width: 30%!important; 4744 } 4745 4746 @media (max-width: 768px) { 4747 .offcanvas { 4748 width: 90%!important; 4749 } 4750 4751 } 4752 4753 4754 </style> 4755 4756 <div class="offcanvas offcanvas-end bg-base" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel"> 4757 <div class="offcanvas-header pb-0"> 4758 <h5 class="offcanvas-title" id="offcanvas-title"></h5> 4759 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> 4760 </div> 4761 <div class="offcanvas-body" id="offcanvas-body"> 4762 <div id="offcanvas-body-content-1"></div> 4763 <div id="offcanvas-body-content-2"></div> 4764 </div> 4765 </div> 4766 4767 <div id="box-bottom-navbar"> 4768 <!-- Bottom Navigation Bar--> 4769 <style> 4770 #bottom-navbar { 4771 height: 68px; 4772 z-index: 999; 4773 position: fixed; 4774 bottom: 0; 4775 left: 0; 4776 right: 0; 4777 } 4778 4779 #myBox { 4780 position: fixed; 4781 left: 0; 4782 right: 0; 4783 bottom: -100%; /* changed */ 4784 width: 100%; 4785 background: #3498db; 4786 z-index: 998; 4787 overflow: auto; 4788 transition: bottom 0.4s ease; 4789 } 4790 4791 /* Slide up and stop just above the bottom navbar */ 4792 #myBox.show { 4793 bottom: 68px; 4794 } 4795 4796 .halo-effect { 4797 position: relative; 4798 z-index: 1; 4799 } 4800 4801 .halo-effect::after { 4802 content: ''; 4803 position: absolute; 4804 top: 50%; 4805 left: 50%; 4806 width: 72px; /* Bigger size */ 4807 height: 72px; 4808 transform: translate(-50%, -50%); 4809 border-radius: 50%; 4810 background: var(--accent-color); /* Softer glow */ 4811 opacity: .3; 4812 animation: pulse-ring 1.8s infinite; 4813 z-index: -1; 4814 } 4815 4816 @keyframes pulse-ring { 4817 0% { 4818 transform: translate(-50%, -50%) scale(1); 4819 opacity: 0.6; 4820 } 4821 50% { 4822 transform: translate(-50%, -50%) scale(1.6);
4822 /* Bigger expansion */ 4823 opacity: 0.3; 4824 } 4825 100% { 4826 transform: translate(-50%, -50%) scale(1); 4827 opacity: 0.6; 4828 } 4829 } 4830 4831.speed-dial-wrapper { 4832 position: relative; 4833 } 4834 4835 4836.speed-dial-item { 4837 position: absolute; 4838 bottom: 68px; 4839 left: 50%; 4840 transform: translateX(-50%) translateY(0); 4841 opacity: 0; 4842 pointer-events: none; 4843 transition: transform 0.2s ease-out, opacity 0.2s ease-out; 4844} 4845 4846.speed-dial-active .speed-dial-item { 4847 opacity: 1; 4848 pointer-events: auto; 4849} 4850</style> 4851 4852<nav id="bottom-navbar" class="fixed-bottom bg-surface shadow"> 4853 <div class="d-flex h-100"> 4854 <a id="bottom-navbar-menu" class="flex-fill d-flex flex-column justify-content-center align-items-center gap-1" href="javascript:toggleBox()"> 4855 <i class="icon-menu text-accent fs-xl"></i> 4856 <div class="fw-semibold text-surface fs-sm-sm">Menu</div> 4857 </a> 4858 4859 <a id="bottom-navbar-home" href="/" onclick="event.preventDefault();$('.modal').modal('hide');content( '/')" class="flex-fill d-flex flex-column justify-content-center align-items-center gap-1"> 4860 <i class="icon-home text-accent fs-xl"></i> 4861 <div class="fw-semibold text-surface fs-md fs-sm-sm">Home</div> 4862 </a> 4863 4864 4865 4866 <a id="bottom-navbar-promosi" href="/promosi" onclick="event.preventDefault();$('.modal').modal('hide');content( '/promosi')" class="flex-fill d-flex flex-column justify-content-center align-items-center gap-1"> 4867 <i class="icon-promotion text-accent fs-xl"></i> 4868 <div class="fw-semibold text-surface fs-md fs-sm-sm">Promosi</div> 4869 </a> 4870 4871 <a id="bottom-navbar-event" href="/event" onclick="event.preventDefault();content( '/event')" class="flex-fill d-flex flex-column justify-content-center align-items-center gap-1"> 4872 <i class="icon-event text-accent fs-xl"></i> 4873 <div class="fw-semibold text-surface fs-md fs-sm-sm">Event</div> 4874 </a> 4875 4876 4877 4878 <div class="speed-dial-wrapper flex-fill d-flex flex-column justify-content-center align-items-center gap-1"> 4879 <div id="bottom-navbar-chat" 4880 class="speed-dial-btn d-flex flex-column justify-content-center align-items-center gap-1" 4881 onclick="toggleMedia()"> 4882 <i class="icon-livechat text-accent fs-xl"></i> 4883 <div class="fw-semibold text-surface fs-md fs-sm-sm">Chat</div> 4884 </div> 4885 4886 <a href="https://tawk.to/chat/6a42b3589d2ce71d44f05bd2/1jsa8p4ok" target="_blank" aria-label="Visit livechat" rel="noopener noreferrer" class="speed-dial-item"> 4887 <img src="https://imgotp.viva88athenae.com//livechat.png" style="width: 48px; height: 48px;" alt="livechat"/> 4888 </a> 4889 <a href="https://www.facebook.com/groups/1549396863635049" target="_blank" aria-label="Visit facebook" rel="noopener noreferrer" class="speed-dial-item"> 4890 <img src="https://imgotp.viva88athenae.com//facebook.png" style="width: 48px; height: 48px;" alt="facebook"/> 4891 </a> 4892 <a href="https://wa.me/" target="_blank" aria-label="Visit whatsapp" rel="noopener noreferrer" class="speed-dial-item"> 4893 <img src="https://imgotp.viva88athenae.com//whatsapp.png" style="width: 48px; height: 48px;" alt="whatsapp"/> 4894 </a> 4895 <a href="https://t.me/Tengku4d" target="_blank" aria-label="Visit telegram" rel="noopener noreferrer" class="speed-dial-item"> 4896 <img src="https://imgotp.viva88athenae.com//telegram.png" style="width: 48px; height: 48px;" alt="telegram"/> 4897 </a> 4898 </div> 4899 </div> 4900</nav> 4901 4902<div id="myBox" class="slide-page d-block d-lg-none"> 4903 <style> 4904 .sidebar-menu.active { 4905 background-color: var(--bg-hover); 4906 /* Or any custom color */ 4907 } 4908 4909 .new-badge { 4910 position: absolute; 4911 right: 0; 4912 top: 50%; 4913 transform: translateY(-50%); 4914 margin-right: 8px; 4915 } 4916</style> 4917 4918 4919<div class="sidebar pb-4"> 4920 <div class="sidebar-head d-none d-lg-block"> 4921 <div class="d-flex justify-content-center align-items-center w-100 my-4"> 4922 <a href="/" 4923 onclick="event.preventDefault();content(`/`);unsetSidebarMenuActive()"><img 4924 src="/images/logo.png?1787301701" 4925 class="logo-sidebar" alt="Logo"></a> 4926 </div> 4927 4928 </div> 4929 <div class="sidebar-body"> 4930 <div class="d-flex flex-column mx-3"> 4931 <div class="d-flex flex-column"> 4932 <div class="d-block d-lg-none mt-3 mt-lg-0"> 4933 <style> 4934 /*:root {*/ 4935 /* --bg-surface: rgb(15, 25, 35);*/ 4936 /* --text-deep: white;*/ 4937 /* --text-surface: white;*/ 4938 /* --bg-elevated: rgb(40, 50, 60);*/ 4939 /* --placeholder-color: rgb(100, 110, 120);*/ 4940 /*}*/ 4941 4942 /* Input Styles */ 4943 .search-container { 4944 position: relative; 4945 z-index: 991; 4946 width: 100%; 4947 margin: auto; 4948 } 4949 4950 .search-container input[type="text"] { 4951 background-color: var(--bg-surface); 4952 color: var(--text-deep);
4953 border: 2px solid var(--bg-elevated); 4954 outline: none; 4955 padding: 8px 40px 8px 50px; /* Add padding for the icon */ 4956 border-radius: 4px; 4957 transition: border-color 0.2s ease; 4958 width: 100%; 4959 font-weight: 600; 4960 font-size: 16px; 4961 } 4962 4963 .search-container input[type="text"]::placeholder { 4964 color: var(--placeholder-color); 4965 opacity: 0.8; 4966 } 4967 4968 4969 .search-icon { 4970 position: absolute; 4971 top: 50%; 4972 left: 16px; 4973 transform: translateY(-50%); 4974 color: var(--accent-color); 4975 font-size: 20px; 4976 pointer-events: none; /* Prevent icon from blocking input */ 4977 } 4978 4979 .search-overlay { 4980 position: fixed; 4981 top: 0; 4982 left: 0; 4983 width: 100%; 4984 height: 100%; 4985 background-color: rgba(0, 0, 0, 0.5); 4986 z-index: 990; 4987 display: none; 4988 } 4989 4990 .search-result { 4991 position: absolute; 4992 z-index: 991; 4993 width: 100%; 4994 height: 440px; 4995 max-height: 440px; 4996 background-color: var(--bg-surface); 4997 border-radius: 8px; 4998 overflow-y: auto; 4999 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); 5000 display: none; 5001 } 5002 5003 .search-result-item { 5004 padding: 12px 16px; 5005 color: var(--text-surface); 5006 cursor: pointer; 5007 transition: background-color 0.2s; 5008 } 5009 5010 .search-result-item:hover { 5011 background-color: var(--bg-elevated); 5012 } 5013</style> 5014 5015<div class="search-widget"> 5016 <div class="search-overlay" onclick="closeSearch(this)"></div> 5017 5018 <div class="search-container"> 5019 <span class="search-icon"><i class="icon-search text-accent fs-xl"></i></span> 5020 <input 5021 type="text" 5022 placeholder="Search" 5023 class="form-control" 5024 onfocus="openSearch(this)" 5025 oninput="debouncedSearch(this)" 5026 > 5027 5028 <div class="search-result rounded mt-3"></div> 5029 </div> 5030</div> 5031
5032<script> 5033 5034 5035 // Debounced version of searchGame 5036 var debouncedSearch = debounce(function (input) { 5037 searchGame(input); 5038 }, 300); 5039 5040 function debounce(func, delay = 300) { 5041 let timeout; 5042 return function (...args) { 5043 clearTimeout(timeout); 5044 timeout = setTimeout(() => func.apply(this, args), delay); 5045 }; 5046 } 5047 5048 function searchGame(input) { 5049 const container = input.closest('.search-widget'); 5050 const value = input.value.trim(); 5051 const resultBox = container.querySelector('.search-result'); 5052 const overlay = container.querySelector('.search-overlay'); 5053 5054 if (value) { 5055 resultBox.style.display = 'block'; 5056 overlay.style.display = 'block'; 5057 5058 resultBox.innerHTML = ` 5059 <div class="w-100 h-100 d-flex justify-content-center align-items-center"> 5060 <div class="spinner-border text-primary" role="status"></div> 5061 </div> 5062 `; 5063 5064 const settings = { 5065 url: encodeURI(`/game/search?name=${value}`), 5066 method: "GET", 5067 timeout: 0, 5068 }; 5069 5070 $.ajax(settings).done(function (response) { 5071 resultBox.innerHTML = response; 5072 }); 5073 } else { 5074 resultBox.style.display = 'none'; 5075 overlay.style.display = 'none'; 5076 } 5077 } 5078 5079 function openSearch(input) { 5080 const container = input.closest('.search-widget'); 5081 container.querySelector('.search-overlay').style.display = 'block'; 5082 document.body.classList.add('search-active'); 5083 5084 if (window.innerWidth <= 768) { 5085 setTimeout(() => { 5086 const offset = input.getBoundingClientRect().top + window.scrollY - 16; 5087 window.scrollTo({ top: offset, behavior: 'smooth' }); 5088 }, 100); 5089 } 5090 } 5091 5092 function closeSearch(overlay) { 5093 const container = overlay.closest('.search-widget'); 5094 container.querySelector('.search-overlay').style.display = 'none'; 5095 container.querySelector('.search-result').style.display = 'none'; 5096 document.body.classList.remove('search-active'); 5097 5098 input.blur(); 5099 } 5100 5101 function checkFocus(input) { 5102 const container = input.closest('.search-widget'); 5103 setTimeout(() => { 5104 if (!container.contains(document.activeElement)) { 5105 closeSearch(container.querySelector('.search-overlay')); 5106 } 5107 }, 200); 5108 } 5109 5110 5111 5112</script>
5112 5113 </div> 5114 5115 <div 5116 class="d-flex flex-lg-row flex-md-column flex-sm-column gap-2 align-items-center h-100 mt-3 mt-lg-0"> 5117 <a class="btn btn-promotion w-100" href="/promosi" 5118 onclick="event.preventDefault(); content( `/promosi`);">Promosi</a> 5119 <a class="btn btn-event w-100" href="/event" 5120 onclick="event.preventDefault(); content( `/event`)">Event</a> 5121 </div> 5122 </div> 5123 5124 <div class="d-flex flex-column gap-2 mt-3 mt-lg-2"> 5125 5126 <!-- Togel --> 5127 5128 <ul class="menu-group"> 5129 <li class="menu-item"> 5130 <a id="menu-togel" class="sidebar-menu btn-menu" href="/togel" 5131 onclick="event.preventDefault();content( `/togel`);setSidebarMenuActive(this); generateTogelToken();"> 5132 <div style="width: 16px"><i class="icon-togel text-accent fs-md"></i></div> 5133 <span class="menu-name">Togel</span> 5134 </a> 5135 </li> 5136 </ul> 5137 5138 <!-- Togel --> 5139 5140 <!-- Menu Game --> 5141 5142 <ul class="menu-group"> 5143 <li class="menu-item"> 5144 <a id="menu-slot" class="sidebar-menu btn-menu" 5145 href="/game/slot" 5146 onclick="event.preventDefault();content( `/game/slot`);setSidebarMenuActive(this)"> 5147 <div style="width: 16px"><i class="icon-slot text-accent fs-md"></i></div> 5148 <span class="menu-name">Slot</span> 5149 </a> 5150 5151 </li> 5152 </ul> 5153 5154 <ul class="menu-group"> 5155 <li class="menu-item"> 5156 <a id="menu-casino" class="sidebar-menu btn-menu" 5157 href="/game/casino" 5158 onclick="event.preventDefault();content( `/game/casino`);setSidebarMenuActive(this)"> 5159 <div style="width: 16px"><i class="icon-live-casino text-accent fs-md"></i></div> 5160 <span class="menu-name">Casino</span> 5161 </a> 5162 5163 </li> 5164 </ul> 5165 5166 <ul class="menu-group"> 5167 <li class="menu-item"> 5168 <a id="menu-sports" class="sidebar-menu btn-menu" 5169 href="/game/sports" 5170 onclick="event.preventDefault();content( `/game/sports`);setSidebarMenuActive(this)"> 5171 <div style="width: 16px"><i class="icon-sports text-accent fs-md"></i></div> 5172 <span class="menu-name">Sports</span> 5173 </a> 5174 5175 </li> 5176 </ul> 5177 5178 <ul class="menu-group"> 5179 <li class="menu-item"> 5180 <a id="menu-sabung" class="sidebar-menu btn-menu" 5181 href="/game/sabung" 5182 onclick="event.preventDefault();content( `/game/sabung`);setSidebarMenuActive(this)"> 5183 <div style="width: 16px"><i class="icon-sabung text-accent fs-md"></i></div> 5184 <span class="menu-name">Sabung</span> 5185 </a> 5186 5187 </li> 5188 </ul> 5189 5190 <ul class="menu-group"> 5191 <li class="menu-item"> 5192 <a id="menu-arcade" class="sidebar-menu btn-menu" 5193 href="/game/arcade" 5194 onclick="event.preventDefault();content( `/game/arcade`);setSidebarMenuActive(this)"> 5195 <div style="width: 16px"><i class="icon-arcade text-accent fs-md"></i></div> 5196 <span class="menu-name">
5196Arcade</span> 5197 </a> 5198 5199 </li> 5200 </ul> 5201 5202 <ul class="menu-group"> 5203 <li class="menu-item"> 5204 <a id="menu-interactive" class="sidebar-menu btn-menu" 5205 href="/game/interactive" 5206 onclick="event.preventDefault();content( `/game/interactive`);setSidebarMenuActive(this)"> 5207 <div style="width: 16px"><i class="icon-interactive text-accent fs-md"></i></div> 5208 <span class="menu-name">Interactive</span> 5209 </a> 5210 5211 </li> 5212 </ul> 5213 5214 <!-- Kupon --> 5215 <!-- Kupon --> 5216 5217 <!-- Menu Social Media --> 5218 5219 <ul class="menu-group"> 5220 <li class="menu-item"> 5221 <a class="btn-menu" href="https://t.me/Tengku4d" target="_blank" 5222 aria-label="Visit telegram" rel="noopener noreferrer"> 5223 <div style="width: 16px"><i class="icon-telegram text-accent fs-md"></i></div> 5224 <span class="menu-name">Telegram</span> 5225 </a> 5226 </li> 5227 5228 <li class="menu-item"> 5229 <a class="btn-menu" href="https://wa.me/" target="_blank" 5230 aria-label="Visit whatsapp" rel="noopener noreferrer"> 5231 <div style="width: 16px"><i class="icon-whatsapp text-accent fs-md"></i></div> 5232 <span class="menu-name">Whatsapp</span> 5233 </a> 5234 </li> 5235 5236 <li class="menu-item"> 5237 <a class="btn-menu" href="https://www.facebook.com/groups/1549396863635049" target="_blank" 5238 aria-label="Visit facebook" rel="noopener noreferrer"> 5239 <div style="width: 16px"><i class="icon-facebook text-accent fs-md"></i></div> 5240 <span class="menu-name">Facebook</span> 5241 </a> 5242 </li> 5243 5244 </ul> 5245 5246 <!-- Menu Informasi --> 5247 5248 <ul class="menu-group"> 5249 5250 5251 5252 <li class="menu-item"> 5253 <a id="menu-tentang" class="sidebar-menu btn-menu" 5254 href="/informasi/tentang" 5255 onclick="event.preventDefault();content(`/informasi/tentang`);setSidebarMenuActive(this)"=> 5256 <div style="width: 16px"><i class="icon-about-us text-accent fs-md"></i></div> 5257 <span class="menu-name">Tentang Kami</span> 5258 </a> 5259 </li> 5260 5261 <li class="menu-item"> 5262 <a id="menu-bantuan" class="sidebar-menu btn-menu" 5263 href="/informasi/bantuan" 5264 onclick="event.preventDefault();content(`/informasi/bantuan`);setSidebarMenuActive(this)"> 5265 <div style="width: 16px"><i class="icon-help text-accent fs-md"></i></div> 5266 <span class="menu-name">FAQ</span> 5267 </a> 5268 </li> 5269 5270 <li class="menu-item"> 5271 <a id="menu-peraturan" class="sidebar-menu btn-menu" 5272 href="/informasi/peraturan" 5273 onclick="event.preventDefault();content(`/informasi/peraturan`);setSidebarMenuActive(this)"> 5274 <div style="width: 16px"><i class="icon-regulation text-accent fs-md"></i></div> 5275 <span class="menu-name">Peraturan</span> 5276 </a> 5277 </li> 5278 5279 <li class="menu-item"> 5280 <a id="menu-bank" class="sidebar-menu btn-menu" 5281 href="/informasi/bank" 5282 onclick="event.preventDefault();content(`/informasi/bank`);setSidebarMenuActive(this)"> 5283 <div style="width: 16px"><i class="icon-bank-info text-accent fs-md"></i></div> 5284 <span class="menu-name">Informasi Bank</span> 5285 </a> 5286 </li> 5287 </ul> 5288 5289 5290 5291 </div> 5292 5293 5294 5295 </div> 5296 </div> 5297</div> 5298
5299<script> 5300 5301 var sidebarTabs = { 5302 "/game/slot": "menu-slot", 5303 "/game/casino": "menu-casino", 5304 "/game/sports": "menu-sports", 5305 "/game/arcade": "menu-arcade", 5306 "/game/sabung": "menu-sabung", 5307 "/game/interactive": "menu-interactive", 5308 "/informasi/tentang": "menu-tentang", 5309 "/informasi/bantuan": "menu-bantuan", 5310 "/informasi/peraturan": "menu-peraturan", 5311 "/informasi/bank": "menu-bank", 5312 }; 5313 5314 document.addEventListener("DOMContentLoaded", function () { 5315 const currentURL = window.location.href; 5316 5317 for (let path in sidebarTabs) { 5318 if (currentURL.includes(path)) { 5319 const menuId = sidebarTabs[path]; 5320 const menuElement = document.getElementById(menuId); 5321 if (menuElement) { 5322 setSidebarMenuActive(menuElement); 5323 } 5324 break; 5325 } 5326 } 5327 }); 5328 5329 function unsetSidebarMenuActive() { 5330 // Remove active from all 5331 document.querySelectorAll('.sidebar-menu').forEach(menu => { 5332 menu.classList.remove('active'); 5333 }); 5334 } 5335 5336 5337 function setSidebarMenuActive(el) { 5338 unsetSidebarMenuActive(); 5339 5340 // Add active to clicked one 5341 el.classList.add('active'); 5342 } 5343 5344 5345</script>
5345</div> 5346
5347<script> 5348 5349 function toggleBox() { 5350 const $box = $('#myBox'); 5351 const isVisible = $box.hasClass('show'); 5352 5353 if (isVisible) { 5354 $box.removeClass('show'); 5355 $('body').css('overflow', ''); // restore scroll 5356 } else { 5357 $box.addClass('show'); 5358 $('body').css('overflow', 'hidden'); // disable background scroll 5359 } 5360 } 5361 5362 function updateMyBoxHeight() { 5363 const topNavHeight = 60; 5364 const bottomNavHeight = 68; 5365 const availableHeight = window.innerHeight - topNavHeight - bottomNavHeight; 5366 $('#myBox').css('height', availableHeight + 'px'); 5367 } 5368 5369 // Call on load and resize 5370 $(document).ready(updateMyBoxHeight); 5371 $(window).on('resize', updateMyBoxHeight); 5372 5373 function handleTransactionRoute(route) { 5374 if (route.includes('content=deposit')) { 5375 openTransactionModalWithTab('deposit'); 5376 } else if (route.includes('content=withdraw')) { 5377 openTransactionModalWithTab('withdraw'); 5378 } else if (route.includes('content=rekening')) { 5379 openTransactionModalWithTab('rekening'); 5380 } else { 5381 openTransactionModalWithTab('deposit'); 5382 } 5383 } 5384 5385 function openTransactionModalWithTab(tabName) { 5386 $('.modal').modal('hide'); 5387 $('.modal-backdrop').remove(); 5388 $('#dynamic-modal').remove(); 5389 $('body').removeClass('modal-open').css('padding-right', ''); 5390 $('#myBox').removeClass('show'); 5391 $('body').css('overflow', ''); 5392 5393 setTimeout(function() { 5394 const modalHtml = ` 5395 <div class="modal" id="dynamic-modal" tabindex="-1" aria-hidden="true"> 5396 <div class="modal-dialog modal-dialog-centered modal-fixed"> 5397 <div class="modal-content bg-surface"> 5398 <div class="modal-header bg-base border-0 d-flex justify-content-between align-items-center"> 5399 <h5 class="modal-title">Transaksi</h5> 5400 <button type="button" 5401 class="close-capsule" 5402 data-bs-dismiss="modal" 5403 aria-label="Close" 5404 style="background: var(--btn-accent-background); border: none; color: white; font-weight: 500; font-size: 0.75rem; padding: 0.3rem 0.8rem; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer;">CLOSE</button> 5405 </div> 5406 <div class="modal-body p-0" id="modal-content-container"> 5407 <div class="d-flex justify-content-center align-items-center p-5"> 5408 <div class="spinner-border text-primary" role="status"></div> 5409 <span class="ms-3">Memuat halaman transaksi...</span> 5410 </div> 5411 </div> 5412 </div> 5413 </div> 5414 </div> 5415 `; 5416 5417 $('body').append(modalHtml); 5418 $('#dynamic-modal').modal('show'); 5419 5420 $.ajax({ 5421 url: '/user/transaction', 5422 method: 'GET', 5423 data: { content: tabName }, 5424 success: function(response) { 5425 $('#modal-content-container').html(response).animate({opacity: 1}, 300); 5426 5427 setTimeout(function() { 5428 if (typeof initializeTransactionModal === 'function') { 5429 initializeTransactionModal(); 5430 } 5431 if (typeof activateTransactionTab === 'function') { 5432 activateTransactionTab(tabName); 5433 } 5434 }, 100); 5435 }, 5436 error: function(xhr, status, error) { 5437 console.error('Failed to load transaction content:', error); 5438 $('#modal-content-container').html(` 5439 <div class="container-fluid p-4 text-center"> 5440 <div class="alert alert-danger"> 5441 <h5>Error</h5> 5442 <p>Gagal memuat halaman transaksi. Silakan coba lagi.</p> 5443 <button class="btn btn-accent" onclick="openTransactionModalWithTab('${tabName}')">Coba Lagi</button> 5444 </div> 5445 </div> 5446 `).animate({opacity: 1}, 300); 5447 } 5448 }); 5449 5450 $('#dynamic-modal').on('hidden.bs.modal', function () { 5451 $(document).off('.transactionModal'); 5452 if (typeof cleanupTransactionModal === 'function') { 5453 cleanupTransactionModal(); 5454 } 5455 $(this).remove(); 5456 $('.modal-backdrop').remove(); 5457 $('body').removeClass('modal-open').css('padding-right', ''); 5458 }); 5459 }, 200); 5460 } 5461 5462function toggleMedia() { 5463 const chatBtn = document.getElementById("bottom-navbar-chat"); 5464 const wrapper = chatBtn.closest(".speed-dial-wrapper"); 5465 const items = wrapper.querySelectorAll(".speed-dial-item"); 5466 5467 const gap = 54; 5468 const start = 8; 5469 5470 wrapper.classList.toggle("speed-dial-active"); 5471 5472 items.forEach((item, i) => { 5473 const offset = wrapper.classList.contains("speed-dial-active") 5474 ? start + (gap * i) 5475 : 0; 5476 5477 item.style.transform = `translateX(-50%) translateY(-${offset}px)`; 5478 }); 5479} 5480 5481 5482</script>
5482 5483 5484 </div> 5485 5486 <!-- Modal Popup --> 5487 <!-- Modal --> 5488 5489<style> 5490 5491 5492 .popup-img { 5493 width: 600px; 5494 aspect-ratio: 600/300; 5495 } 5496 5497 @media (max-width: 768px) { 5498 .popup-dialog { 5499 padding-top: 64px; 5500 } 5501 5502 5503 .popup-img { 5504 width: 100%; 5505 } 5506 } 5507 5508</style> 5509 5510 5511 5512 5513 <div class="modal fade" id="modal-popup" tabindex="-1" aria-labelledby="modal-popup-label"> 5514 <div class="modal-dialog modal-dialog-centered" style="padding-bottom: 200px"> 5515 <h2 id="modal-popup-label" class="d-none">Promotional Popup</h2> 5516 <img src="/images/upload-Popup-20260905073505.jpg" class="popup-img" alt=""> 5517 </div> 5518 </div> 5519
5520<script> 5521 5522 function openModalPopup() { 5523 if($('#modal-popup').length) $('#modal-popup').modal('show'); 5524 } 5525 5526 function closeModalPopup() { 5527 if($('#modal-popup').length) $('#modal-popup').modal('hide'); 5528 } 5529 5530</script>
5530 5531 <!-- Modal Syarat --> 5532 <!-- Modal --> 5533 5534<style> 5535 5536 .dialog-syarat { 5537 max-width: 600px; 5538 } 5539 5540 .body-syarat { 5541 max-height: 60vh; /* or any value you prefer */ 5542 overflow-y: auto; 5543 } 5544 5545</style> 5546 5547 5548<div class="modal fade" id="modal-syarat" tabindex="-1" aria-labelledby="modal-syarat-label"> 5549 <div class="modal-dialog dialog-syarat h-auto"> 5550 <div class="modal-content bg-surface h-auto"> 5551 5552 <div class="modal-header bg-base border-0"> 5553 <div class="modal-title"><img src='/images/logo.png?1787301701' class="logo-popup"></div> 5554 <em class="modal-title ms-auto" id="modal-syarat-label">Syarat dan Ketentuan</em> 5555 </div> 5556 5557 <div class="modal-body body-syarat fw-normal overflow-y-scroll fs-sm-xs"> 5558 <ol> 5559 <li style="margin-bottom: 15px;">Minimal usia bermain adalah 18 tahun.</li> 5560 <li style="margin-bottom: 15px;">Harap memperhatikan jam buka / tutup di setiap permainan.</li> 5561 <li style="margin-bottom: 15px;">Bet dianggap sah jika terjadi sebelum jam tutup di setiap permainan.</li> 5562 <li style="margin-bottom: 15px;">Bet yang sudah dikonfirmasi tidak bisa dibatalkan.</li> 5563 <li style="margin-bottom: 15px;">Harap mengecek kembali Bet di menu History.</li> 5564 <li style="margin-bottom: 15px;">Bet yang telah dibeli adalah sah dan tidak bisa dibatalkan.</li> 5565 <li style="margin-bottom: 15px;">Setiap Pemain bertanggung jawab pada Akun Anda masing-masing.</li> 5566 <li style="margin-bottom: 15px;">Bet akan dibatalkan oleh provider jika terdeteksi adanya kecurangan.</li> 5567<li style="margin-bottom: 15px;">Kami tidak menerima Invest game Roulette Togel dan dalam game Mega Wheel & Bonanza Candyland Batasan nomor yang bisa dipasang adalah 3 nomor dan untuk Crazy Time 4 nomor per putaran jika melanggar semua saldo kemenangan kami hanguskan.</li> 5568 <li style="margin-bottom: 15px;">Hadiah setiap permainan berbeda-beda dan berubah sewaktu-waktu.</li> 5569 <li style="margin-bottom: 15px;">Harap perhatikan peraturan yang tersedia di setiap permainan.</li> 5570 <li style="margin-bottom: 15px;">Jika terjadi kecurangan dan lain sebagainya, maka kami akan memberikan peringatan, Suspend kepada pemain, hingga sanksi Banned Akun.</li> 5571 <li>Deposit / Withdraw dapat dilakukan kecuali bank Offline / Gangguan.</li> 5572</ol> 5573<br> 5574<p style="text-align: center;"><em>Dengan bergabung di situs ini, Anda menyetujui Syarat dan Ketentuan kami.</em></p> 5575 5576 </div> 5577 5578 <!--<button type="button" class="btn btn-secondary" onclick="logout()"><i class="bi bi-x-circle-fill"></i><span class="ms-2">Tidak Setuju</span></button>--> 5579 <a class="text-accent modal-footer bg-base border-0 justify-content-center" href="javascript:closeModalSyarat()"><i class="bi bi-check-circle-fill"></i><span class="ms-2">Setuju</span></button></a> 5580 5581 </div> 5582 </div> 5583</div> 5584
5585<script> 5586 function openModalSyarat() { 5587 if($('#modal-syarat').length) $('#modal-syarat').modal('show'); 5588 } 5589 5590 function closeModalSyarat() { 5591 if($('#modal-syarat').length) $('#modal-syarat').modal('hide'); 5592 } 5593 5594 5595</script>
5595 5596 <!-- Live Chat --> 5597 5598 <!--Start of Tawk.to Script-->
5599<script type="text/javascript"> 5600var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); 5601(function(){ 5602var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; 5603s1.async=true; 5604s1.src='https://embed.tawk.to/6a42b3589d2ce71d44f05bd2/1jsa8p4ok'; 5605s1.charset='UTF-8'; 5606s1.setAttribute('crossorigin','*'); 5607s0.parentNode.insertBefore(s1,s0); 5608})(); 5609</script>
5609 5610<!--End of Tawk.to Script--> 5611 5612
5612<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-j1CDi7MgGQ12Z7Qab0qlWQ/Qqz24Gc6BM0thvEMVjHnfYGF0rmFCozFSxQBxwHKO" crossorigin="anonymous"></script>
5612 5613
5613<script> 5614 5615 function generateTogelToken() { 5616 uri = `/api/togel/token`; 5617 window.api.post(uri, {}, { 5618 onSuccess: (response) => { 5619 5620 }, 5621 onError: (response) => { 5622 if (typeof callback === "function") { 5623 callback(); // also call after error if needed 5624 } 5625 } 5626 }); 5627 } 5628 5629 function openLoginModal(game_data, grand_data) { 5630 window.history.pushState({}, '', '/login'); 5631 if(game_data && grand_data) { 5632 window.game_data = game_data; 5633 window.grand_data = grand_data; 5634 } 5635 $('#modal-login').modal('show'); 5636 refreshCaptcha('captcha-login'); 5637 } 5638 5639 function openRegisterModal() { 5640 window.history.pushState({}, '', '/register'); 5641 $('#modal-register').modal('show'); 5642 refreshCaptcha('captcha-register'); 5643 } 5644 5645 function openOffcanvas(pasaran_data) { 5646 5647 title = pasaran_data['name']; 5648 pasaran_id = pasaran_data['pasaran_id']; 5649 5650 $('#offcanvas-title').html(title); 5651 5652 loading('offcanvas-body-content-2'); 5653 uri = `/togel/paito/?pasaran_id=${pasaran_id}&page=1`; 5654 window.api.get(uri, {}, { 5655 onSuccess: (response) => { 5656 $('#offcanvas-body-content-1').html(` 5657 <div class="bg-elevated p-3 rounded fs-sm"> 5658 <div class="d-flex flex-column gap-1"> 5659 <div><span>Website:</span> <a class="text-accent" href="http://${pasaran_data['web']}" target="_blank">${pasaran_data['web']}</a></div> 5660 <div><span>Hari Bukaan:</span> <span class="subtext-color">${pasaran_data['hari']}</span></div> 5661 <div><span>Hari Libur:</span> <span class="subtext-color">${pasaran_data['libur']}</span></div> 5662 <div class="d-flex gap-3"> 5663 <div><span>Jam Tutup:</span> <span class="subtext-color">${pasaran_data['tutup']}</span></div> 5664 <div><span>Jam Undian:</span> <span class="subtext-color">${pasaran_data['jadwal']}</span></div> 5665 </div> 5666 </div> 5667 </div> 5668 5669 <button class="btn btn-accent w-100 mt-3 fs-sm-sm" onclick="pasangAngka('${pasaran_id}'); generateTogelToken()">Pasang Angka</button> 5670 5671 `); 5672 5673 $('#offcanvas-body-content-2').html(response); 5674 }, 5675 onError: (response) => { 5676 if(typeof callback === "function") { 5677 callback(); // also call after error if needed 5678 } 5679 } 5680 }); 5681 // $('#offcanvas-body').html(body); 5682 $('#offcanvas').offcanvas('show'); 5683 } 5684 5685 function pasangAngka(pasaran_id) { 5686 baseBetRoute = `/togel/pasaran/__PASARAN__/`; 5687 uriBet = baseBetRoute.replace('__PASARAN__', pasaran_id); 5688 window.location.href = uriBet; 5689 } 5690 5691 // Core content loader 5692 function navbar() { 5693 $.ajax({ 5694 url: "/component/navbar", 5695 method: 'GET', 5696 timeout: 0, 5697 }).done(function (response) { 5698 $('#box-navbar').html(response); 5699 }).fail(function () { 5700 $('#box-navbar').html('<p>Error loading content</p>'); 5701 }); 5702 } 5703 5704 // Core content loader 5705 function bottomNavbar(uri) { 5706 $.ajax({ 5707 url: "/component/bottom-navbar", 5708 method: 'GET', 5709 timeout: 0, 5710 }).done(function (response) { 5711 $('#box-bottom-navbar').html(response); 5712 }).fail(function () { 5713 $('#box-bottom-navbar').html('<p>Error loading content</p>'); 5714 }); 5715 } 5716 5717 function isMobileScreen() { 5718 return window.innerWidth <= 768; 5719 } 5720 5721 function launch(url, width, height) { 5722 if(isOtpMobileApp()){ 5723 window.open(url, '_blank'); 5724 } 5725 else if (isMobileScreen()) { 5726 5727 // On mobile, open in a new tab (default behavior) 5728 window.location.href = url; 5729 // window.open(url, '_blank'); 5730 } else { 5731 // On desktop, open in a popup window with given dimensions 5732 window.open(url, '_blank', `width=${width},height=${height},top=0,left=0`); 5733 } 5734 } 5735 5736 // Handle browser back/forward buttons 5737 window.onpopstate = function () { 5738 const path = location.pathname; 5739 5740 content(path); 5741 }; 5742 5743 $(document).ready(function() { 5744 openLoginModal(); 5745 }); 5746 5747 5748 5749 </script>
5749 5750 5751 5752
5752<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"a1761f5b6e854bfda5f186b2f5df8f61","r":1,"spa":2}' crossorigin="anonymous"></script>
5752 5753</body> 5754</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.