Skip to content
200

https://mahjong333pro.com/

163.8 KB· 778 ms· text/html· Tailwind CSS, Font Awesome, Google Fonts
Saved copy from 6 hours ago.
More ▾

Screenshot

https://mahjong333pro.com/ · desktop 1280 × 800Download
Screenshot of https://mahjong333pro.com/

Esc or a click outside closes this. The picture is taken by our server, so the site never sees your visit.

<!DOCTYPE html><html lang="id-ID"><head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>MAHJONG333PRO - PLATAFORMA OFICIAL - ❤️ - MAHJONG333PRO.COM</title>
    <meta name="description" content="Nikmati kemenangan besar di MAHJONG333PRO! Slot online gacor, proses deposit cepat, dan variasi game terlengkap. Daftar &amp; login sekarang untuk jackpot terbesar!">
    <meta name="keywords" content="mahjong333, slot online gacor, judi online terpercaya, mahjong333 pro, slot pragmatic play, situs slot gacor, agen judi online, mahjong ways 2, casino online Indonesia">
    <meta name="author" content="MAHJONG333PRO">
    <meta http-equiv="content-language" content="id-ID">
    <meta name="geo.region" content="id-ID">
    <meta name="geo.country" content="id-ID">
    <meta name="geo.placename" content="Jakarta">
    <meta property="og:title" content="MAHJONG333PRO - PLATAFORMA OFICIAL - ❤️ - MAHJONG333PRO.COM">
    <meta property="og:description" content="Nikmati kemenangan besar di MAHJONG333PRO! Slot online gacor, proses deposit cepat, dan variasi game terlengkap. Daftar &amp; login sekarang untuk jackpot terbesar!">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://mahjong333pro.com/">
    <meta property="og:locale" content="id-ID_ID-ID">
    <link rel="alternate" hreflang="id-ID" href="https://mahjong333pro.com/">
    <link rel="alternate" hreflang="x-default" href="https://mahjong333pro.com/">
    <link rel="canonical" href="https://mahjong333pro.com/">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="MAHJONG333PRO - PLATAFORMA OFICIAL - ❤️ - MAHJONG333PRO.COM">
    <meta name="twitter:description" content="Nikmati kemenangan besar di MAHJONG333PRO! Slot online gacor, proses deposit cepat, dan variasi game terlengkap. Daftar &amp; login sekarang untuk jackpot terbesar!">
    <link rel="icon" href="static/images/ico.png" type="image/x-icon">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
    <style>
  :root {
    --theme-color: ;
    --bg-color: ;
    --surface-color: ;
    --text-color: ;
    --text-secondary: ;
    --border-color: ;
    --button-text-color: ;
  }
  .theme-text { color: var(--theme-color); }
  .theme-bg { background-color: var(--theme-color); }
  .theme-border { border-color: var(--theme-color); }
</style>
    <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "mahjong333pro",
      "url": "mahjong333pro.com",
      "logo": "static/images/logo.webp",
      "description": "Nikmati kemenangan besar di MAHJONG333PRO! Slot online gacor, proses deposit cepat, dan variasi game terlengkap. Daftar & login sekarang untuk jackpot terbesar!"
    },
    {
      "@context": "https://schema.org",
      "@type": "WebPage",
      "name": "MAHJONG333PRO - PLATAFORMA OFICIAL - ❤️ - MAHJONG333PRO.COM",
      "description": "Nikmati kemenangan besar di MAHJONG333PRO! Slot online gacor, proses deposit cepat, dan variasi game terlengkap. Daftar & login sekarang untuk jackpot terbesar!",
      "url": "mahjong333pro.com",
      "inLanguage": "id-ID",
      "isPartOf": {
        "@type": "WebSite",
        "name": "mahjong333pro",
        "url": "mahjong333pro.com"
      }
    },
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "mahjong333pro Mobile App",
      "description": "Nikmati kemenangan besar di MAHJONG333PRO! Slot online gacor, proses deposit cepat, dan variasi game terlengkap. Daftar & login sekarang untuk jackpot terbesar!",
      "operatingSystem": "Android, iOS",
      "applicationCategory": "GameApplication",
      "image": "static/images/logo.webp",
      "downloadUrl": "mahjong333pro.com/download-app.html",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "IDR"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5.0",
        "ratingCount": "569",
        "bestRating": "5",
        "worstRating": "1"
      }
    }
  ]
}
</script>
  <script src="https://cdn.tailwindcss.com?plugins=typography,forms,aspect-ratio,line-clamp"></script>
  <link rel="shortcut icon" href="static/images/ico.png" type="image/x-icon">
</head>
<body class="bg-[#1e1b4b] text-[#fef9c3] min-h-screen overflow-x-hidden antialiased selection:bg-[#eab308] selection:text-white flex flex-col">
    <div class="fixed inset-0 z-0 bg-gradient-to-b from-[#1e1b4b] via-[#312e81] to-[#1e1b4b] pointer-events-none"></div>
    <div class="fixed top-0 left-1/2 -translate-x-1/2 w-full max-w-[540px] h-[500px] bg-[radial-gradient(circle_at_center,#eab30830,transparent_70%)] blur-[80px] opacity-40 pointer-events-none"></div>
    <div class="fixed bottom-0 right-0 w-[300px] h-[300px] bg-[#eab308]/10 rounded-full blur-[100px] pointer-events-none"></div>
    <div class="fixed inset-0 z-0 opacity-[0.05] pointer-events-none bg-[linear-gradient(rgba(255,255,255,0.05)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.05)_1px,transparent_1px)] bg-[size:20px_20px]"></div>
    <main id="app" class="relative z-10 w-full max-w-[540px] mx-auto min-h-screen bg-[#1e1b4b]/95 shadow-[0_0_50px_rgba(0,0,0,0.5)] border-x border-[#854d0e]/20 flex flex-col">
        <div class="absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-[#eab308] to-transparent opacity-50"></div>
        <header class="sticky top-0 w-full z-50 h-9 bg-[#eab308] border-b border-white/10 shadow-sm flex items-center justify-between px-3">
    <div class="flex items-center gap-2 overflow-hidden">
        <h1 class="text-sm font-black text-white whitespace-nowrap tracking-tight" title="mahjong333pro.com">
            mahjong333pro.com
        </h1>
        <p class="text-[10px] text-white/80 truncate max-w-[120px] border-l border-white/20 pl-2 ml-1" title="Situs Slot Terbaik">
            Situs Slot Terbaik
        </p>
    </div>
    <div class="flex items-center gap-2">
        <button onclick="showLanguagePanel()" class="w-7 h-7 flex items-center justify-center rounded-full hover:bg-white/10 text-white transition-colors" aria-label="Switch Language" title="Switch Language">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"></path>
            </svg>
        </button>
        <a href="countries.html" class="text-[10px] font-bold text-white hover:text-white/90 transition-colors flex items-center gap-1 bg-white/10 px-2 py-1 rounded-md" data-link-fixed="true" title="Select region or language">
            Bahasa
        </a>
    </div>
</header>
<header class="sticky top-9 z-40 w-full h-16 bg-[#eab308]/95 backdrop-blur-lg border-b border-[#eab308]/50 flex items-center justify-between px-4 shadow-sm">
    <nav class="flex items-center">
        <a href="index.html" title="Mahjong333 Pro Home" class="flex items-center">
            <img src="static/images/logo.webp" alt="Mahjong333 Pro Logo" class="h-8 w-auto object-contain transition-transform hover:scale-105">
        </a>
    </nav>
    <div class="flex items-center gap-3">
        <button onclick="downloadApp()" title="Masuk ke Akun Mahjong333 Pro" class="text-sm font-bold text-[#000000] hover:text-[#000000]/80 transition-colors px-2">
            Masuk
        </button>
        <button onclick="downloadApp()" title="Daftar Akun Baru Mahjong333 Pro" class="bg-[#000000] text-[#eab308] text-sm font-bold px-5 py-2 rounded-full shadow-lg shadow-[#eab308]/30 hover:shadow-[#eab308]/50 hover:-translate-y-0.5 transition-all duration-300 active:scale-95">
            Daftar Sekarang
        </button>
    </div>
</header>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">
<section class="w-full max-w-full overflow-hidden p-2 sm:p-4">
    <div class="swiper banner-swiper w-full relative overflow-hidden rounded-xl shadow-lg aspect-[2/1] z-0">
        <div class="swiper-wrapper">
            <div class="swiper-slide relative w-full h-full">
                <a href="javascript:downloadApp();" title="Explore Main Mahjong333 Pro Sekarang Juga" class="block w-full h-full">
                    <img src="static/images/0dd04ec719ef9c1b98688fd5bede41789ad0b3d2.jpg" alt="Main Mahjong333 Pro Sekarang Juga banner" class="absolute inset-0 w-full h-full object-cover block" loading="lazy">
                    <div class="absolute inset-0 bg-gradient-to-r from-black/70 via-black/30 to-transparent flex items-center px-6 sm:px-10">
                        <h2 class="text-xl sm:text-2xl md:text-3xl font-black text-white max-w-[70%] leading-tight drop-shadow-md" title="Main Mahjong333 Pro Sekarang Juga">
                            Main Mahjong333 Pro Sekarang Juga
                        </h2>
                    </div>
                </a>
            </div>
            <div class="swiper-slide relative w-full h-full">
                <a href="javascript:downloadApp();" title="Explore Bonus Slot Mahjong333 Setiap Hari" class="block w-full h-full">
                    <img src="static/images/556e86f302eaedaf3cef6bbc65f0d0aadff6d507.png" alt="Bonus Slot Mahjong333 Setiap Hari banner" class="absolute inset-0 w-full h-full object-cover block" loading="lazy">
                    <div class="absolute inset-0 bg-gradient-to-r from-black/70 via-black/30 to-transparent flex items-center px-6 sm:px-10">
                        <h2 class="text-xl sm:text-2xl md:text-3xl font-black text-white max-w-[70%] leading-tight drop-shadow-md" title="Bonus Slot Mahjong333 Setiap Hari">
                            Bonus Slot Mahjong333 Setiap Hari
                        </h2>
                    </div>
                </a>
            </div>
            <div class="swiper-slide relative w-full h-full">
                <a href="javascript:downloadApp();" title="Explore Download APK Mahjong333 Pro Terbaru" class="block w-full h-full">
                    <img src="static/images/926654588c42c6581c079af0cd18e037d2e2519d.png" alt="Download APK Mahjong333 Pro Terbaru banner" class="absolute inset-0 w-full h-full object-cover block" loading="lazy">
                    <div class="absolute inset-0 bg-gradient-to-r from-black/70 via-black/30 to-transparent flex items-center px-6 sm:px-10">
                        <h2 class="text-xl sm:text-2xl md:text-3xl font-black text-white max-w-[70%] leading-tight drop-shadow-md" title="Download APK Mahjong333 Pro Terbaru">
                            Download APK Mahjong333 Pro Terbaru
                        </h2>
                    </div>
                </a>
            </div>
            <div class="swiper-slide relative w-full h-full">
                <a href="javascript:downloadApp();" title="Explore Jackpot Melimpah di Mahjong333 Pro" class="block w-full h-full">
                    <img src="static/images/31d1836fa5b3ed6dededd16e58edec37c1a9976d.jpg" alt="Jackpot Melimpah di Mahjong333 Pro banner" class="absolute inset-0 w-full h-full object-cover block" loading="lazy">
                    <div class="absolute inset-0 bg-gradient-to-r from-black/70 via-black/30 to-transparent flex items-center px-6 sm:px-10">
                        <h2 class="text-xl sm:text-2xl md:text-3xl font-black text-white max-w-[70%] leading-tight drop-shadow-md" title="Jackpot Melimpah di Mahjong333 Pro">
                            Jackpot Melimpah di Mahjong333 Pro
                        </h2>
                    </div>
                </a>
            </div>
        </div>
        <div class="swiper-pagination !-bottom-2"></div>
    </div>
</section>
<style>
    /* Custom theme color for Swiper pagination dots */
    .swiper-pagination-bullet-active {
        background-color: #eab308 !important;
    }
</style>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script>
    new Swiper('.banner-swiper', {
        autoplay: {
            delay: 3000,
            disableOnInteraction: false
        },
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        }
    });
</script>
<div id="notify-data" class="h-[1px] w-[1px] overflow-hidden" title="Notifikasi Pemenang Real-time Mahjong333">
    <div class="notice-item" title="An** berhasil menarik Rp 1.500.000 IDR">
        An** berhasil menarik Rp 1.500.000 IDR
    </div>
    <div class="notice-item" title="Bu** memenangkan jackpot Rp 8.250.000 IDR">
        Bu** memenangkan jackpot Rp 8.250.000 IDR
    </div>
    <div class="notice-item" title="Ri** menerima bonus harian Rp 50.000 IDR">
        Ri** menerima bonus harian Rp 50.000 IDR
    </div>
    <div class="notice-item" title="Sa** melakukan penarikan Rp 2.300.000 IDR">
        Sa** melakukan penarikan Rp 2.300.000 IDR
    </div>
    <div class="notice-item" title="De** menang taruhan Rp 450.000 IDR">
        De** menang taruhan Rp 450.000 IDR
    </div>
    <div class="notice-item" title="Fi** berhasil menarik Rp 750.000 IDR">
        Fi** berhasil menarik Rp 750.000 IDR
    </div>
    <div class="notice-item" title="Ad** menerima bonus cashback Rp 125.000 IDR">
        Ad** menerima bonus cashback Rp 125.000 IDR
    </div>
    <div class="notice-item" title="He** memenangkan jackpot Rp 12.000.000 IDR">
        He** memenangkan jackpot Rp 12.000.000 IDR
    </div>
    <div class="notice-item" title="Gu** menarik saldo Rp 3.500.000 IDR">
        Gu** menarik saldo Rp 3.500.000 IDR
    </div>
    <div class="notice-item" title="Ma** menerima bonus referral Rp 100.000 IDR">
        Ma** menerima bonus referral Rp 100.000 IDR
    </div>
    <div class="notice-item" title="Lu** berhasil menarik Rp 600.000 IDR">
        Lu** berhasil menarik Rp 600.000 IDR
    </div>
    <div class="notice-item" title="Nu** memenangkan Rp 1.850.000 IDR">
        Nu** memenangkan Rp 1.850.000 IDR
    </div>
    <div class="notice-item" title="Ok** menerima bonus deposit Rp 25.000 IDR">
        Ok** menerima bonus deposit Rp 25.000 IDR
    </div>
    <div class="notice-item" title="Pu** melakukan penarikan Rp 900.000 IDR">
        Pu** melakukan penarikan Rp 900.000 IDR
    </div>
    <div class="notice-item" title="Qu** menang jackpot besar Rp 25.000.000 IDR">
        Qu** menang jackpot besar Rp 25.000.000 IDR
    </div>
    <div class="notice-item" title="Ra** berhasil menarik Rp 1.200.000 IDR">
        Ra** berhasil menarik Rp 1.200.000 IDR
    </div>
    <div class="notice-item" title="Su** menerima bonus mingguan Rp 350.000 IDR">
        Su** menerima bonus mingguan Rp 350.000 IDR
    </div>
    <div class="notice-item" title="Ta** memenangkan Rp 700.000 IDR">
        Ta** memenangkan Rp 700.000 IDR
    </div>
    <div class="notice-item" title="Ut** melakukan penarikan Rp 4.200.000 IDR">
        Ut** melakukan penarikan Rp 4.200.000 IDR
    </div>
    <div class="notice-item" title="Vi** menang telak Rp 2.100.000 IDR">
        Vi** menang telak Rp 2.100.000 IDR
    </div>
    <div class="notice-item" title="Wi** menerima cashback Rp 85.000 IDR">
        Wi** menerima cashback Rp 85.000 IDR
    </div>
    <div class="notice-item" title="Xe** berhasil menarik Rp 550.000 IDR">
        Xe** berhasil menarik Rp 550.000 IDR
    </div>
    <div class="notice-item" title="Ya** memenangkan Rp 1.450.000 IDR">
        Ya** memenangkan Rp 1.450.000 IDR
    </div>
    <div class="notice-item" title="Za** menarik dana Rp 6.800.000 IDR">
        Za** menarik dana Rp 6.800.000 IDR
    </div>
    <div class="notice-item" title="Ab** menerima bonus member baru Rp 50.000 IDR">
        Ab** menerima bonus member baru Rp 50.000 IDR
    </div>
    <div class="notice-item" title="Be** berhasil menarik Rp 300.000 IDR">
        Be** berhasil menarik Rp 300.000 IDR
    </div>
    <div class="notice-item" title="Ce** memenangkan jackpot Rp 5.500.000 IDR">
        Ce** memenangkan jackpot Rp 5.500.000 IDR
    </div>
    <div class="notice-item" title="Di** melakukan penarikan Rp 1.100.000 IDR">
        Di** melakukan penarikan Rp 1.100.000 IDR
    </div>
    <div class="notice-item" title="Ed** menang taruhan Rp 800.000 IDR">
        Ed** menang taruhan Rp 800.000 IDR
    </div>
    <div class="notice-item" title="Fe** menerima bonus harian Rp 20.000 IDR">
        Fe** menerima bonus harian Rp 20.000 IDR
    </div>
    <div class="notice-item" title="Ge** berhasil menarik Rp 2.750.000 IDR">
        Ge** berhasil menarik Rp 2.750.000 IDR
    </div>
    <div class="notice-item" title="Ha** memenangkan Rp 950.000 IDR">
        Ha** memenangkan Rp 950.000 IDR
    </div>
    <div class="notice-item" title="Is** melakukan penarikan Rp 1.600.000 IDR">
        Is** melakukan penarikan Rp 1.600.000 IDR
    </div>
    <div class="notice-item" title="Jo** menerima bonus cashback Rp 210.000 IDR">
        Jo** menerima bonus cashback Rp 210.000 IDR
    </div>
    <div class="notice-item" title="Ke** berhasil menarik Rp 400.000 IDR">
        Ke** berhasil menarik Rp 400.000 IDR
    </div>
    <div class="notice-item" title="Le** memenangkan jackpot Rp 18.200.000 IDR">
        Le** memenangkan jackpot Rp 18.200.000 IDR
    </div>
    <div class="notice-item" title="Mu** menarik saldo Rp 7.300.000 IDR">
        Mu** menarik saldo Rp 7.300.000 IDR
    </div>
    <div class="notice-item" title="Ni** menerima bonus deposit Rp 100.000 IDR">
        Ni** menerima bonus deposit Rp 100.000 IDR
    </div>
    <div class="notice-item" title="Or** berhasil menarik Rp 850.000 IDR">
        Or** berhasil menarik Rp 850.000 IDR
    </div>
    <div class="notice-item" title="Pe** memenangkan Rp 3.200.000 IDR">
        Pe** memenangkan Rp 3.200.000 IDR
    </div>
    <div class="notice-item" title="Ri** melakukan penarikan Rp 5.000.000 IDR">
        Ri** melakukan penarikan Rp 5.000.000 IDR
    </div>
    <div class="notice-item" title="Se** menerima bonus mingguan Rp 450.000 IDR">
        Se** menerima bonus mingguan Rp 450.000 IDR
    </div>
    <div class="notice-item" title="Te** berhasil menarik Rp 150.000 IDR">
        Te** berhasil menarik Rp 150.000 IDR
    </div>
    <div class="notice-item" title="Ul** memenangkan jackpot Rp 9.700.000 IDR">
        Ul** memenangkan jackpot Rp 9.700.000 IDR
    </div>
    <div class="notice-item" title="Va** menarik dana Rp 2.250.000 IDR">
        Va** menarik dana Rp 2.250.000 IDR
    </div>
    <div class="notice-item" title="Wa** menerima bonus referral Rp 75.000 IDR">
        Wa** menerima bonus referral Rp 75.000 IDR
    </div>
    <div class="notice-item" title="Ya** berhasil menarik Rp 1.900.000 IDR">
        Ya** berhasil menarik Rp 1.900.000 IDR
    </div>
    <div class="notice-item" title="Zi** memenangkan Rp 600.000 IDR">
        Zi** memenangkan Rp 600.000 IDR
    </div>
    <div class="notice-item" title="Al** melakukan penarikan Rp 3.100.000 IDR">
        Al** melakukan penarikan Rp 3.100.000 IDR
    </div>
    <div class="notice-item" title="Bo** menerima bonus cashback Rp 140.000 IDR">
        Bo** menerima bonus cashback Rp 140.000 IDR
    </div>
</div>
<div class="w-full max-w-[100vw] overflow-hidden relative block py-6 px-4 rounded-2xl shadow-lg bg-gradient-to-br from-[#eab308]/10 to-[#eab308]/30 backdrop-blur-sm">
  <div class="absolute inset-0 opacity-10 pointer-events-none">
    <div class="w-full h-full flex items-center justify-center text-2xl">🎰 🃏 🎲 💰 🏆</div>
  </div>
  <div class="relative flex flex-col items-center justify-center text-center">
    <div id="jackpot-value" class="text-4xl font-black text-[#eab308] drop-shadow-lg tracking-wider">8.888.888.888</div>
    <div class="text-lg font-semibold text-[#fef9c3]/90 mb-1">JACKPOT UTAMA</div>
    <div class="h-1 w-24 mx-auto bg-[#fef9c3]/20 my-2 rounded"></div>
    <div class="text-xl font-bold text-[#fef9c3]/90 mt-1">IDR</div>
  </div>
</div>
<section class="relative w-full px-4 py-10 overflow-hidden">
  <div class="absolute inset-0 bg-gradient-to-b from-[#1e1b4b] via-[#1e1b4b] to-[#312e81] z-0"></div>
  <div class="relative z-10 space-y-8">
    <div class="text-center space-y-3 mb-6">
      <h2 class="text-2xl font-black text-[#fef9c3] leading-tight drop-shadow-md" title="mahjong333pro.com - Platform Gaming Elit &amp; Slot Mahjong Terpercaya Indonesia">
        mahjong333pro.com - Platform Gaming Elit &amp; Slot Mahjong Terpercaya Indonesia
      </h2>
      <p class="text-sm text-[#fde047] font-medium leading-relaxed" title="Selamat datang di mahjong333pro.com, destinasi utama bagi para pecinta mahjong333 online yang mencari pengalaman eksklusif. Kami menawarkan keamanan tingkat tinggi, peluang kemenangan besar dengan winrate tinggi, dan layanan VIP 24/7 yang berdedikasi. Nikmati koleksi mahjong333 slot terlengkap dengan sistem yang adil dan transparan bagi seluruh komunitas pemain profesional di Indonesia.">
        Selamat datang di mahjong333pro.com, destinasi utama bagi para pecinta mahjong333 online yang mencari pengalaman eksklusif. Kami menawarkan keamanan tingkat tinggi, peluang kemenangan besar dengan winrate tinggi, dan layanan VIP 24/7 yang berdedikasi. Nikmati koleksi mahjong333 slot terlengkap dengan sistem yang adil dan transparan bagi seluruh komunitas pemain profesional di Indonesia.
      </p>
    </div>
    <div class="space-y-4">
      <article class="flex items-start gap-4 p-5 rounded-xl bg-[#312e81]/40 backdrop-blur-md border border-[#854d0e]/50 shadow-lg hover:shadow-[#eab308]/10 transition-all duration-300" title="Koleksi Game Premium">
        <div class="flex-shrink-0 w-12 h-12 rounded-lg bg-[#eab308] flex items-center justify-center text-white text-xl shadow-md shadow-[#eab308]/30" aria-hidden="true">
          🎮
        </div>
        <div class="flex-1 pt-0.5">
          <h3 class="font-bold text-[#fef9c3] text-base mb-1">
            Koleksi Game Premium
          </h3>
          <p class="text-xs text-[#fde047] leading-relaxed opacity-90" title="Akses ke ribuan mahjong333 slot dan game unik dari penyedia global teratas. Rasakan grafik berkualitas tinggi dan gameplay lancar yang dirancang khusus untuk memberikan pengalaman gaming yang tak tertandingi setiap saat.">
            Akses ke ribuan mahjong333 slot dan game unik dari penyedia global teratas. Rasakan grafik berkualitas tinggi dan gameplay lancar yang dirancang khusus untuk memberikan pengalaman gaming yang tak tertandingi setiap saat.
          </p>
        </div>
      </article>
      <article class="flex items-start gap-4 p-5 rounded-xl bg-[#312e81]/40 backdrop-blur-md border border-[#854d0e]/50 shadow-lg hover:shadow-[#eab308]/10 transition-all duration-300" title="Sistem Keamanan Berlapis">
        <div class="flex-shrink-0 w-12 h-12 rounded-lg bg-[#eab308] flex items-center justify-center text-white text-xl shadow-md shadow-[#eab308]/30" aria-hidden="true">
          🛡️
        </div>
        <div class="flex-1 pt-0.5">
          <h3 class="font-bold text-[#fef9c3] text-base mb-1">
            Sistem Keamanan Berlapis
          </h3>
          <p class="text-xs text-[#fde047] leading-relaxed opacity-90" title="Kami menggunakan enkripsi data terbaru untuk menjamin keamanan mahjong333 login Anda. Platform kami memberikan privasi penuh dan perlindungan saldo, memastikan Anda dapat bermain dengan tenang tanpa rasa khawatir sedikit pun.">
            Kami menggunakan enkripsi data terbaru untuk menjamin keamanan mahjong333 login Anda. Platform kami memberikan privasi penuh dan perlindungan saldo, memastikan Anda dapat bermain dengan tenang tanpa rasa khawatir sedikit pun.
          </p>
        </div>
      </article>
      <article class="flex items-start gap-4 p-5 rounded-xl bg-[#312e81]/40 backdrop-blur-md border border-[#854d0e]/50 shadow-lg hover:shadow-[#eab308]/10 transition-all duration-300" title="Akses APK &amp; Link Alternatif">
        <div class="flex-shrink-0 w-12 h-12 rounded-lg bg-[#eab308] flex items-center justify-center text-white text-xl shadow-md shadow-[#eab308]/30" aria-hidden="true">
          🚀
        </div>
        <div class="flex-1 pt-0.5">
          <h3 class="font-bold text-[#fef9c3] text-base mb-1">
            Akses APK &amp; Link Alternatif
          </h3>
          <p class="text-xs text-[#fde047] leading-relaxed opacity-90" title="Gunakan mahjong333 link alternatif resmi atau unduh mahjong333 apk untuk akses tanpa hambatan. Nikmati koneksi stabil dan waktu pemuatan super cepat kapan saja, di mana saja melalui aplikasi seluler kami yang dioptimalkan.">
            Gunakan mahjong333 link alternatif resmi atau unduh mahjong333 apk untuk akses tanpa hambatan. Nikmati koneksi stabil dan waktu pemuatan super cepat kapan saja, di mana saja melalui aplikasi seluler kami yang dioptimalkan.
          </p>
        </div>
      </article>
      <article class="flex items-start gap-4 p-5 rounded-xl bg-[#312e81]/40 backdrop-blur-md border border-[#854d0e]/50 shadow-lg hover:shadow-[#eab308]/10 transition-all duration-300" title="Bonus &amp; Hadiah Eksklusif">
        <div class="flex-shrink-0 w-12 h-12 rounded-lg bg-[#eab308] flex items-center justify-center text-white text-xl shadow-md shadow-[#eab308]/30" aria-hidden="true">
          🎁
        </div>
        <div class="flex-1 pt-0.5">
          <h3 class="font-bold text-[#fef9c3] text-base mb-1">
            Bonus &amp; Hadiah Eksklusif
          </h3>
          <p class="text-xs text-[#fde047] leading-relaxed opacity-90" title="Nikmati berbagai mahjong333 gratis bonus dan promosi harian yang menguntungkan. Tim dukungan VIP kami siap membantu Anda 24/7 untuk memastikan perjalanan kemenangan Anda di mahjong333 pro berjalan dengan mulus.">
            Nikmati berbagai mahjong333 gratis bonus dan promosi harian yang menguntungkan. Tim dukungan VIP kami siap membantu Anda 24/7 untuk memastikan perjalanan kemenangan Anda di mahjong333 pro berjalan dengan mulus.
          </p>
        </div>
      </article>
    </div>
    <div class="mt-8 p-6 rounded-2xl bg-[#312e81] border border-[#854d0e] text-center relative overflow-hidden shadow-2xl">
      <div class="absolute top-0 left-1/2 -translate-x-1/2 w-full h-20 bg-[#eab308]/10 blur-xl pointer-events-none"></div>
      <h3 class="relative z-10 text-xl font-black text-[#fef9c3] mb-3">
        Bergabunglah dengan Komunitas Pemenang di mahjong333pro.com
      </h3>
      <p class="relative z-10 text-xs text-[#fde047] mb-6 max-w-xs mx-auto" title="Daftar sekarang dan klaim bonus sambutan eksklusif Anda hari ini. Rasakan sensasi kemenangan nyata dengan mahjong333 online dan nikmati layanan prioritas khusus untuk member baru kami.">
        Daftar sekarang dan klaim bonus sambutan eksklusif Anda hari ini. Rasakan sensasi kemenangan nyata dengan mahjong333 online dan nikmati layanan prioritas khusus untuk member baru kami.
      </p>
      <div class="relative z-10 flex flex-col gap-3">
        <button onclick="downloadApp()" class="w-full py-3.5 bg-[#eab308] text-white font-bold rounded-xl shadow-lg shadow-[#eab308]/40 hover:scale-105 transition-transform flex items-center justify-center gap-2" title="Download mahjong333pro.com App">
          <span>⬇️</span> Unduh Aplikasi Sekarang
        </button>
        <button onclick="downloadApp()" class="w-full py-3.5 bg-transparent border border-[#fde047]/30 text-[#fef9c3] font-bold rounded-xl hover:bg-[#312e81] transition-colors" title="Login to your mahjong333pro.com account">
          Masuk / Daftar
        </button>
      </div>
    </div>
  </div>
</section>
<nav class="sticky top-[100px] z-30 w-full bg-[#312e81]/95 backdrop-blur-md border-b border-[#854d0e] shadow-lg" title="Kategori Permainan Mahjong333 Pro">
    <div class="relative w-full max-w-7xl mx-auto">
        <ul id="category-tabs" class="flex overflow-x-auto no-scrollbar py-3 px-4 gap-3 snap-x scroll-smooth items-center" role="tablist">
            <li class="snap-start flex-shrink-0" role="presentation">
                <a href="#cat-slots" title="Explore Mahjong333 Slot games" class="inline-flex items-center gap-2 px-4 py-2 rounded-full text-sm font-bold whitespace-nowrap transition-all duration-300 bg-[#eab308] text-[#000000] shadow-lg shadow-[#eab308]/30">
                    <img src="static/images/76d4a04dbbf391b400f1a5cc51bfc30b22b47108.png" alt="Mahjong333 Slot icon" class="w-5 h-5 object-contain" loading="lazy">
                    <span>Mahjong333 Slot</span>
                </a>
            </li>
            <li class="snap-start flex-shrink-0" role="presentation">
                <a href="#cat-live-casino" title="Explore Kasino Langsung games" class="inline-flex items-center gap-2 px-4 py-2 rounded-full text-sm font-bold whitespace-nowrap transition-all duration-300 bg-[#312e81] text-[#fde047] border border-[#854d0e] hover:border-[#eab308]">
                    <img src="static/images/76d4a04dbbf391b400f1a5cc51bfc30b22b47108.png" alt="Kasino Langsung icon" class="w-5 h-5 object-contain" loading="lazy">
                    <span>Kasino Langsung</span>
                </a>
            </li>
            <li class="snap-start flex-shrink-0" role="presentation">
                <a href="#cat-lotto" title="Explore Togel Online games" class="inline-flex items-center gap-2 px-4 py-2 rounded-full text-sm font-bold whitespace-nowrap transition-all duration-300 bg-[#312e81] text-[#fde047] border border-[#854d0e] hover:border-[#eab308]">
                    <img src="static/images/c3515fcb19de0aeca78d43b54f8c381417e37d54.png" alt="Togel Online icon" class="w-5 h-5 object-contain" loading="lazy">
                    <span>Togel Online</span>
                </a>
            </li>
            <li class="snap-start flex-shrink-0" role="presentation">
                <a href="#cat-table" title="Explore Permainan Meja games" class="inline-flex items-center gap-2 px-4 py-2 rounded-full text-sm font-bold whitespace-nowrap transition-all duration-300 bg-[#312e81] text-[#fde047] border border-[#854d0e] hover:border-[#eab308]">
                    <img src="static/images/afac731bf2c50b5b95bff27a40b0226354ab53d6.png" alt="Permainan Meja icon" class="w-5 h-5 object-contain" loading="lazy">
                    <span>Permainan Meja</span>
                </a>
            </li>
            <li class="snap-start flex-shrink-0" role="presentation">
                <a href="#cat-esport" title="Explore E-sport Indonesia games" class="inline-flex items-center gap-2 px-4 py-2 rounded-full text-sm font-bold whitespace-nowrap transition-all duration-300 bg-[#312e81] text-[#fde047] border border-[#854d0e] hover:border-[#eab308]">
                    <img src="static/images/44599d3155f6c4f4d56e9f0154b42f17dd3a2155.png" alt="E-sport Indonesia icon" class="w-5 h-5 object-contain" loading="lazy">
                    <span>E-sport Indonesia</span>
                </a>
            </li>
        </ul>
    </div>
</nav><section id="mahjong333procom_update_recommend" class="homepage_update_recommend px-4 py-6" data-home-update-style="compact_stat_card" data-home-update-version="v2">
  <div class="rounded-[28px] border p-4" style="background:#302d55; border-color:#ffffff; box-shadow:0 20px 48px #ffffff1a;">
    <div class="flex items-start justify-between gap-3">
      <div class="min-w-0 flex-1">
        <div class="inline-flex items-center rounded-full px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.18em]" style="background:#6a6885; color:#ffffff;">Updated Spotlight</div>
        <h2 class="mt-3 text-[clamp(1.02rem,4vw,1.3rem)] font-extrabold leading-tight" style="color:#fef9c3;">Game baru diupdate</h2>
        <p class="mt-2 text-[12px] leading-5" style="color:#b6b29d;">Lihat Whacked dengan halaman terbaru dan parameter penting yang lebih jelas.</p>
      </div>
      <span class="inline-flex shrink-0 rounded-full px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.16em]" style="background:#6a6885; color:#ffffff; border:1px solid #ffffff;">Latest</span>
    </div>
    <a href="game-whacked.html" class="mt-4 block overflow-hidden rounded-[24px] border" style="background:#1e1b4b; border-color:#ffffff; box-shadow:0 12px 28px #ffffff12;">
      <div class="aspect-[16/10] overflow-hidden">
        <img src="static/images/9e24b9793016ffc1.jpg" alt="Whacked" loading="lazy" class="h-full w-full object-cover">
      </div>
      <div class="p-4">
        <div class="flex items-center justify-between gap-2">
          <span class="inline-flex rounded-full px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.16em]" style="background:#ffffff; color:#0f172a;">Baru diupdate</span>
          <span class="inline-flex rounded-full px-3 py-1 text-[10px] font-medium" style="background:#494562; color:#ffffff; border:1px solid #ffffff;">Pilihan</span>
        </div>
        <p class="mt-3 text-[15px] font-extrabold leading-6" style="color:#fef9c3;">Whacked</p>
        <p class="mt-1 text-[11px] uppercase tracking-[0.12em]" style="color:#b6b29d;">mahjong333</p>
        <p class="mt-2 line-clamp-2 text-[12px] leading-5" style="color:#b6b29d;">Cek Whacked dengan fokus pada RTP, volatilitas, dan potensi kemenangan.</p>
        <div class="mt-3 grid grid-cols-3 gap-2 text-[11px]">
          <span class="rounded-2xl px-2.5 py-2" style="background:#282551; color:#ffffff; border:1px solid #ffffff;">RTP --</span>
          <span class="rounded-2xl px-2.5 py-2" style="background:#282551; color:#ffffff; border:1px solid #ffffff;">Standard</span>
          <span class="rounded-2xl px-2.5 py-2" style="background:#282551; color:#ffffff; border:1px solid #ffffff;">--</span>
        </div>
      </div>
    </a>
  </div>
</section><section id="mahjong333procom_news" data-news-style="v3" class="py-6 px-3 bg-slate-950 text-white">
    <div class="max-w-6xl mx-auto">
        <div class="flex items-center justify-between mb-5 gap-3 min-w-0">
            <div class="min-w-0 flex-1">
                <div class="flex items-center gap-2 mb-1">
                    <span class="inline-block px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider text-yellow-400 bg-yellow-400/10 border border-yellow-400/20 rounded">Hot</span>
                    <h2 class="text-[clamp(1.25rem,4vw,1.75rem)] font-extrabold leading-tight break-words text-white tracking-tight">New Game Recommendations</h2>
                </div>
            </div>
            <a href="/all-games" class="shrink-0 px-3 py-1.5 text-xs font-medium text-slate-300 bg-slate-800 hover:bg-slate-700 border border-slate-700 rounded-full transition-colors">View all</a>
        </div>

        <div class="grid grid-cols-2 gap-3">
            <a href="video_poker_live.html" class="group relative block overflow-hidden rounded-2xl bg-slate-900 transition-transform duration-300 active:scale-95">
                <div class="aspect-[3/4] relative overflow-hidden">
                    <img src="static/images/bf56adce2a2d6e2e.jpg" alt="Video Poker Live" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
                    <div class="absolute inset-0 bg-gradient-to-t from-black via-black/20 to-transparent opacity-90"></div>
                </div>
                
                <div class="absolute bottom-0 left-0 right-0 p-3">
                    <h3 class="text-sm font-bold leading-tight line-clamp-2 text-white group-hover:text-yellow-400 transition-colors">
                        Video Poker Live
                    </h3>
                    <div class="mt-2 flex items-center gap-1.5">
                        <div class="h-1 w-8 bg-yellow-500 rounded-full group-hover:w-12 transition-all duration-300"></div>
                        <span class="text-[10px] font-medium text-slate-400 uppercase tracking-widest">Play Now</span>
                    </div>
                </div>
            </a>
            <a href="carioca_vibes.html" class="group relative block overflow-hidden rounded-2xl bg-slate-900 transition-transform duration-300 active:scale-95">
                <div class="aspect-[3/4] relative overflow-hidden">
                    <img src="static/images/28d58bc449ab4a75.jpg" alt="Carioca Vibes" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
                    <div class="absolute inset-0 bg-gradient-to-t from-black via-black/20 to-transparent opacity-90"></div>
                </div>
                
                <div class="absolute bottom-0 left-0 right-0 p-3">
                    <h3 class="text-sm font-bold leading-tight line-clamp-2 text-white group-hover:text-yellow-400 transition-colors">
                        Carioca Vibes
                    </h3>
                    <div class="mt-2 flex items-center gap-1.5">
                        <div class="h-1 w-8 bg-yellow-500 rounded-full group-hover:w-12 transition-all duration-300"></div>
                        <span class="text-[10px] font-medium text-slate-400 uppercase tracking-widest">Play Now</span>
                    </div>
                </div>
            </a>
        </div>
    </div>
</section>
<style>
    /* Hide scrollbar for Chrome, Safari and Opera */
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }
    /* Hide scrollbar for IE, Edge and Firefox */
    .no-scrollbar {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
</style>
<section id="cat-slots" class="py-6 px-3 w-full scroll-mt-[180px]">
    <div class="relative flex items-center justify-between mb-4 pl-3 border-l-4 border-[#eab308]">
        <h2 class="text-xl font-bold text-[#fef9c3] flex items-center gap-2 drop-shadow-sm" title="Mahjong333 Slot section">
            <span>🎰</span>
            Mahjong333 Slot
        </h2>
        <a href="javascript:downloadApp();" class="text-xs text-[#eab308] active:text-white transition-colors flex items-center gap-1" title="View all games in Mahjong333 Slot">
            Lihat Semua →
        </a>
    </div>
    <div class="grid grid-cols-3 gap-2">
        <article class="block">
            <a href="life-of-riches.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Life Of Riches now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/262f004225609b62a015dafc63390654d44ebcb6.jpg" alt="Life Of Riches game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Life Of Riches">
                        Life Of Riches
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provided by Microgaming">
                        Microgaming
                    </p>
                </div>
            </a>
        </article>
        <article class="block">
            <a href="deuces-wild-1-hand.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Deuces Wild 1 Hand now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/ab23eebb3b0cb84ec67179e1c2b86d9692489e01.png" alt="Deuces Wild 1 Hand game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Deuces Wild 1 Hand">
                        Deuces Wild 1 Hand
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provided by Habanero">
                        Habanero
                    </p>
                </div>
            </a>
        </article>
        <article class="block">
            <a href="lonely-planet.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Lonely Planet now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/7e5f1d0eb1fefd6ee8f37ee8ee0807896303ab73.png" alt="Lonely Planet game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Lonely Planet">
                        Lonely Planet
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provided by PG Soft">
                        PG Soft
                    </p>
                </div>
            </a>
        </article>
    </div>
</section>
<section id="cat-live-casino" class="py-6 px-3 w-full scroll-mt-[180px]">
    <div class="relative flex items-center justify-between mb-4 pl-3 border-l-4 border-[#eab308]">
        <h2 class="text-xl font-bold text-[#fef9c3] flex items-center gap-2 drop-shadow-sm" title="Kasino Langsung category">
            <span>🎰</span>
            Kasino Langsung
        </h2>
        <a href="javascript:downloadApp();" class="text-xs text-[#eab308] active:text-white transition-colors flex items-center gap-1" title="View all games in Kasino Langsung">
            Lihat Semua →
        </a>
    </div>
    <div class="grid grid-cols-3 gap-2">
        <article class="block">
            <a href="da-vincis-mystery.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Da Vinci's Mystery now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/baa650dc607c5f3ec4f00d9892b95447b9f52644.webp" alt="Da Vinci's Mystery game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Da Vinci's Mystery">
                        Da Vinci's Mystery
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provided by Red Tiger Gaming">
                        Red Tiger Gaming
                    </p>
                </div>
            </a>
        </article>
        <article class="block">
            <a href="the-four-divine-beasts.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play The Four Divine Beasts now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/eef0b68582364d66ab870d5d4963abb3a318f6e4.webp" alt="The Four Divine Beasts game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="The Four Divine Beasts">
                        The Four Divine Beasts
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provided by Habanero">
                        Habanero
                    </p>
                </div>
            </a>
        </article>
        <article class="block">
            <a href="sakuralegend.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Sakuralegend now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/81b5dea2805664c8297a8c38faf47a43132dd1c9.png" alt="Sakuralegend game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Sakuralegend">
                        Sakuralegend
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provided by Spadegaming">
                        Spadegaming
                    </p>
                </div>
            </a>
        </article>
    </div>
</section>
<section id="cat-lotto" class="py-6 px-3 w-full scroll-mt-[180px]">
    <div class="relative flex items-center justify-between mb-4 pl-3 border-l-4 border-[#eab308]">
        <h2 class="text-xl font-bold text-[#fef9c3] flex items-center gap-2 drop-shadow-sm" title="Togel Online">
            <span>🎟️</span>
            Togel Online
        </h2>
        <a href="javascript:downloadApp();" class="text-xs text-[#eab308] active:text-white transition-colors flex items-center gap-1" title="View All Togel Online games">
            Lihat Semua →
        </a>
    </div>
    <div class="grid grid-cols-3 gap-2">
        <article>
            <a href="wild-expedition.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Wild Expedition now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/5f5ebcc5c982bac4af077eb1f6cd3bf09bc72f47.jpg" alt="Wild Expedition game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Wild Expedition">
                        Wild Expedition
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Red Tiger Gaming">
                        Red Tiger Gaming
                    </p>
                </div>
            </a>
        </article>
        <article>
            <a href="gator-hunters.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Gator Hunters now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/b4e0c18d732902d18671e5861ddd48836ca334a7.webp" alt="Gator Hunters game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Gator Hunters">
                        Gator Hunters
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Spinmatic">
                        Spinmatic
                    </p>
                </div>
            </a>
        </article>
        <article>
            <a href="amazing-link-apollo.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Amazing Link™ Apollo now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/e153e7a2f151e22b34bb19f1b2a4c59e68a0e56c.jpg" alt="Amazing Link™ Apollo game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Amazing Link™ Apollo">
                        Amazing Link™ Apollo
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Microgaming">
                        Microgaming
                    </p>
                </div>
            </a>
        </article>
        <article>
            <a href="mpoplay-gates-of-olympus.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Mpoplay Gates Of Olympus now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/47d8fa0d487c3b72e31dc587e170e88b8c4d02cd.webp" alt="Mpoplay Gates Of Olympus game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Mpoplay Gates Of Olympus">
                        Mpoplay Gates Of Olympus
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Pragmatic Play">
                        Pragmatic Play
                    </p>
                </div>
            </a>
        </article>
        <article>
            <a href="glorious-guardians.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Glorious Guardians™ now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/2aef06faabdb91bf7df08e85adf34d440d32e538.jpg" alt="Glorious Guardians™ game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Glorious Guardians™">
                        Glorious Guardians™
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Playtech">
                        Playtech
                    </p>
                </div>
            </a>
        </article>
        <article>
            <a href="voyage-of-daring-queen-x-lock.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Voyage Of Daring Queen X-lock now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/17e8550d769e7d39eb429b0dd23e1e193f571203.webp" alt="Voyage Of Daring Queen X-lock game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Voyage Of Daring Queen X-lock">
                        Voyage Of Daring Queen X-lock
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Kalamba Games">
                        Kalamba Games
                    </p>
                </div>
            </a>
        </article>
    </div>
</section>
<section id="cat-table" class="py-6 px-3 w-full scroll-mt-[180px]">
    <div class="relative flex items-center justify-between mb-4 pl-3 border-l-4 border-[#eab308]">
        <h2 class="text-xl font-bold text-[#fef9c3] flex items-center gap-2 drop-shadow-sm" title="Permainan Meja category">
            <span>🃏</span>
            Permainan Meja
        </h2>
        <a href="javascript:downloadApp();" class="text-xs text-[#eab308] active:text-white transition-colors flex items-center gap-1" title="View all games in Permainan Meja">
            Lihat Semua →
        </a>
    </div>
    <div class="grid grid-cols-3 gap-2">
        <article class="block relative group">
            <a href="grand-blue.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Grand Blue now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/b00e9b2825e2b879d773fa2012d9a937028b0500.jpg" alt="Grand Blue game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Grand Blue">
                        Grand Blue
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Pragmatic Play">
                        Pragmatic Play
                    </p>
                </div>
            </a>
        </article>
        <article class="block relative group">
            <a href="the-red-queen.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play The Red Queen now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/2f39a03ab452e7b3157e8a31db6bf3c953b082f5.png" alt="The Red Queen game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="The Red Queen">
                        The Red Queen
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Pragmatic Play">
                        Pragmatic Play
                    </p>
                </div>
            </a>
        </article>
        <article class="block relative group">
            <a href="belangkai.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Belangkai now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/18c17b38a4cd79e2141c26c03019d51d37c841cd.png" alt="Belangkai game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Belangkai">
                        Belangkai
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Spadegaming">
                        Spadegaming
                    </p>
                </div>
            </a>
        </article>
        <article class="block relative group">
            <a href="ping-pong-panda.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Ping Pong Panda now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/75c9e08f0b4fba15d440d3e81b7838340b032188.webp" alt="Ping Pong Panda game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Ping Pong Panda">
                        Ping Pong Panda
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: PG Soft">
                        PG Soft
                    </p>
                </div>
            </a>
        </article>
        <article class="block relative group">
            <a href="sicbo-1.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Sicbo (1) now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/5cf40b119d98c4f498c1cd087902377866623e35.png" alt="Sicbo (1) game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Sicbo (1)">
                        Sicbo (1)
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: JILI">
                        JILI
                    </p>
                </div>
            </a>
        </article>
        <article class="block relative group">
            <a href="fruits-mania.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Fruits Mania now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/813c60c56a45d456fb49924d1330f88fb364c8a4.jpg" alt="Fruits Mania game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Fruits Mania">
                        Fruits Mania
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Habanero">
                        Habanero
                    </p>
                </div>
            </a>
        </article>
        <article class="block relative group">
            <a href="wolves-wolves-wolves.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Wolves Wolves Wolves now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/7c8fcb14ab8df6d749f406454e51398e2ac70941.jpg" alt="Wolves Wolves Wolves game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Wolves Wolves Wolves">
                        Wolves Wolves Wolves
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Playtech">
                        Playtech
                    </p>
                </div>
            </a>
        </article>
        <article class="block relative group">
            <a href="lucky-dragon-ball-7.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Lucky Dragon Ball 7 now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/26179b72d40791797ac145f68ae38e50ce8e0e0d.webp" alt="Lucky Dragon Ball 7 game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Lucky Dragon Ball 7">
                        Lucky Dragon Ball 7
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Microgaming">
                        Microgaming
                    </p>
                </div>
            </a>
        </article>
        <article class="block relative group">
            <a href="azteca.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Azteca now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/965e01d5e6b12b2291b12e3b85ec69ff5aa99557.png" alt="Azteca game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Azteca">
                        Azteca
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Playtech">
                        Playtech
                    </p>
                </div>
            </a>
        </article>
    </div>
</section>
<section id="cat-esport" class="py-6 px-3 w-full scroll-mt-[180px]">
    <div class="relative flex items-center justify-between mb-4 pl-3 border-l-4 border-[#eab308]">
        <h2 class="text-xl font-bold text-[#fef9c3] flex items-center gap-2 drop-shadow-sm">
            <span>🎮</span>
            E-sport Indonesia
        </h2>
        <a href="javascript:downloadApp();" class="text-xs text-[#eab308] active:text-white transition-colors flex items-center gap-1" title="View all games in E-sport Indonesia">
            Lihat Semua Game →
        </a>
    </div>
    <div class="grid grid-cols-3 gap-2">
        <article>
            <a href="sugar-boom.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Sugar Boom now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/a4a161cfb506107b282f620de66beda596d5b3ca.png" alt="Sugar Boom game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Sugar Boom">
                        Sugar Boom
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Pragmatic Play">
                        Pragmatic Play
                    </p>
                </div>
            </a>
        </article>
        <article>
            <a href="gem-saviour-conquest.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Gem Saviour Conquest now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/cd6c1b8e9bb881fe3c986089aaf058cbde094eab.jpg" alt="Gem Saviour Conquest game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Gem Saviour Conquest">
                        Gem Saviour Conquest
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: PG Soft">
                        PG Soft
                    </p>
                </div>
            </a>
        </article>
        <article>
            <a href="ninja-raccoon.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Ninja Raccoon now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/4bf6833e2a8dd5eacbc8b57d8fbf2f231d44069a.png" alt="Ninja Raccoon game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Ninja Raccoon">
                        Ninja Raccoon
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: PG Soft">
                        PG Soft
                    </p>
                </div>
            </a>
        </article>
        <article>
            <a href="primate-king-megaways.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Primate King Megaways now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/b5f5e366bee802e5ec9d9049c95850cf2ed71025.webp" alt="Primate King Megaways game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Primate King Megaways">
                        Primate King Megaways
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Red Tiger">
                        Red Tiger
                    </p>
                </div>
            </a>
        </article>
        <article>
            <a href="wild-walker.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Wild Walker now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/13996d57e74e4a5003355bfa7ec6b4e13c9bf0b4.png" alt="Wild Walker game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Wild Walker">
                        Wild Walker
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Pragmatic Play">
                        Pragmatic Play
                    </p>
                </div>
            </a>
        </article>
        <article>
            <a href="breakout.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Breakout now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/f57f0b1db741f62a36db98aa21df6876978f0053.webp" alt="Breakout game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Breakout">
                        Breakout
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: JILI">
                        JILI
                    </p>
                </div>
            </a>
        </article>
        <article>
            <a href="gu-gu-gu-m.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Gu Gu Gu M now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/bd1b5d88efc5fa91af64b349a77cd0e3f3c3d654.png" alt="Gu Gu Gu M game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Gu Gu Gu M">
                        Gu Gu Gu M
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: CQ9">
                        CQ9
                    </p>
                </div>
            </a>
        </article>
        <article>
            <a href="chicky-run.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Chicky Run now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/8ae167afe31c4b78991f47d7b3903c7135c6b6d6.webp" alt="Chicky Run game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Chicky Run">
                        Chicky Run
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: PG Soft">
                        PG Soft
                    </p>
                </div>
            </a>
        </article>
        <article>
            <a href="jingle-balls.html" class="block relative bg-[#312e81]/40 backdrop-blur-sm rounded-lg overflow-hidden border border-[#854d0e] active:border-[#eab308]/50 transition-all active:scale-95" title="Play Jingle Balls now">
                <div class="aspect-[3/4] overflow-hidden relative">
                    <img src="static/images/89be11aa315d4bd969f489b56f14e217e8f30ba0.png" alt="Jingle Balls game thumbnail" class="w-full h-full object-cover" loading="lazy">
                </div>
                <div class="p-1.5">
                    <h3 class="font-bold text-[10px] text-[#fef9c3] truncate leading-tight" title="Jingle Balls">
                        Jingle Balls
                    </h3>
                    <p class="text-[9px] text-[#fde047] truncate" title="Provider: Nolimit City">
                        Nolimit City
                    </p>
                </div>
            </a>
        </article>
    </div>
</section>
<section class="w-full py-8 px-4 bg-gradient-to-b from-[#312e81] to-[#1e1b4b] relative overflow-hidden">
    <div class="absolute top-0 right-0 w-[300px] h-[300px] bg-[#eab308]/10 rounded-full blur-[100px] pointer-events-none"></div>
    <div class="flex items-end justify-between mb-6 px-1">
        <div class="flex flex-col">
            <h2 class="text-2xl font-black text-[#fef9c3] leading-none" title="Mahjong333 Pro: Situs Slot Online Gacor &amp; Agen Mahjong333 Terpercaya">
                Mahjong333 Pro: Situs Slot Online Gacor &amp; Agen Mahjong333 Terpercaya
            </h2>
            <p class="text-[10px] text-[#eab308] font-bold uppercase tracking-widest mt-1" title="Selamat datang di Mahjong333 Pro, destinasi utama bagi para pecinta slot Mahjong Ways di Indonesia. Dapatkan akses eksklusif mahjong333 login, nikmati fitur mahjong333 apk terbaru, dan raih kemenangan besar dengan link alternatif mahjong333 resmi. Kami menawarkan berbagai promosi menarik mulai dari bonus deposit hingga cashback mingguan untuk meningkatkan peluang jackpot Anda hari ini.">
                Selamat datang di Mahjong333 Pro, destinasi utama bagi para pecinta slot Mahjong Ways di Indonesia. Dapatkan akses eksklusif mahjong333 login, nikmati fitur mahjong333 apk terbaru, dan raih kemenangan besar dengan link alternatif mahjong333 resmi. Kami menawarkan berbagai promosi menarik mulai dari bonus deposit hingga cashback mingguan untuk meningkatkan peluang jackpot Anda hari ini.
            </p>
        </div>
        <a href="javascript:downloadApp();" class="text-xs text-[#fde047] flex items-center gap-1 hover:text-white transition-colors" title="View all offers">
            Semua Penawaran Spesial →
        </a>
    </div>
    <div class="flex flex-col gap-6">
        <article class="group relative rounded-2xl overflow-hidden bg-[#312e81] border border-[#854d0e] shadow-lg hover:shadow-[#eab308]/20 transition-all duration-500">
            <div class="relative w-full aspect-[21/9] overflow-hidden">
                <img src="static/images/65244c3ca80c6fcc61ec6448ee9e8ef2334bf772.webp" alt="Ekstra Bonus Freespin Pragmatic Play 30% banner" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" loading="lazy">
                <div class="absolute inset-0 bg-gradient-to-t from-[#312e81] via-transparent to-transparent opacity-90"></div>
                <span class="absolute top-3 left-3 bg-[#eab308] text-white text-[10px] font-black px-2 py-1 rounded shadow-md animate-pulse uppercase tracking-wider">
                    HOT
                </span>
            </div>
            <div class="relative px-5 pb-5 -mt-8">
                <div class="bg-[#312e81]/80 backdrop-blur-xl rounded-xl p-4 border border-[#854d0e] shadow-inner">
                    <h3 class="text-lg font-extrabold text-[#fef9c3] leading-tight mb-1" title="Ekstra Bonus Freespin Pragmatic Play 30%">
                        Ekstra Bonus Freespin Pragmatic Play 30%
                    </h3>
                    <div class="text-2xl font-black text-transparent bg-clip-text bg-gradient-to-r from-[#eab308] to-[#eab308]/80 mb-2" title="Bonus 30%">
                        Bonus 30%
                    </div>
                    <p class="text-xs text-[#fde047] mb-4 line-clamp-2" title="Rasakan sensasi kemenangan maksimal dengan tambahan bonus Freespin dan Buyspin khusus untuk permainan Pragmatic Play hari ini.">
                        Rasakan sensasi kemenangan maksimal dengan tambahan bonus Freespin dan Buyspin khusus untuk permainan Pragmatic Play hari ini.
                    </p>
                    <div class="mb-4">
                        <div class="w-full bg-[#fef9c3]/20 h-1.5 rounded-full overflow-hidden mb-1">
                            <div class="h-full bg-[#eab308] rounded-full" style="width: 88%"></div>
                        </div>
                        <div class="flex justify-between text-[9px] font-bold text-[#fde047] uppercase tracking-wider">
                            <span>Diklaim: 88%</span>
                            <span class="text-[#eab308]">Berakhir dalam: 04j 12m</span>
                        </div>
                    </div>
                    <button onclick="downloadApp()" class="w-full bg-[#eab308] hover:bg-[#eab308]/90 text-[#000000] font-bold py-3 rounded-lg shadow-lg shadow-[#eab308]/30 transition-all active:scale-95 flex items-center justify-center gap-2 group-active:translate-y-0.5" title="Claim Ekstra Bonus Freespin Pragmatic Play 30% bonus now">
                        <span>⚡</span>
                        <span>Klaim Bonus</span>
                    </button>
                </div>
            </div>
        </article>
        <article class="group relative rounded-2xl overflow-hidden bg-[#312e81] border border-[#854d0e] shadow-lg hover:shadow-[#eab308]/20 transition-all duration-500">
            <div class="relative w-full aspect-[21/9] overflow-hidden">
                <img src="static/images/42295040fa23a5bf6eac63362a263d3e4f6439af.webp" alt="Rebate Mingguan Slot Game Tanpa Batas banner" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" loading="lazy">
                <div class="absolute inset-0 bg-gradient-to-t from-[#312e81] via-transparent to-transparent opacity-90"></div>
                <span class="absolute top-3 left-3 bg-[#eab308] text-white text-[10px] font-black px-2 py-1 rounded shadow-md animate-pulse uppercase tracking-wider">
                    EXCLUSIVE
                </span>
            </div>
            <div class="relative px-5 pb-5 -mt-8">
                <div class="bg-[#312e81]/80 backdrop-blur-xl rounded-xl p-4 border border-[#854d0e] shadow-inner">
                    <h3 class="text-lg font-extrabold text-[#fef9c3] leading-tight mb-1" title="Rebate Mingguan Slot Game Tanpa Batas">
                        Rebate Mingguan Slot Game Tanpa Batas
                    </h3>
                    <div class="text-2xl font-black text-transparent bg-clip-text bg-gradient-to-r from-[#eab308] to-[#eab308]/80 mb-2" title="Cashback 0.5%">
                        Cashback 0.5%
                    </div>
                    <p class="text-xs text-[#fde047] mb-4 line-clamp-2" title="Mainkan slot favorit Anda dan dapatkan pengembalian tunai tanpa batas setiap minggu. Semakin aktif Anda bermain, semakin besar bonusnya.">
                        Mainkan slot favorit Anda dan dapatkan pengembalian tunai tanpa batas setiap minggu. Semakin aktif Anda bermain, semakin besar bonusnya.
                    </p>
                    <div class="mb-4">
                        <div class="w-full bg-[#fef9c3]/20 h-1.5 rounded-full overflow-hidden mb-1">
                            <div class="h-full bg-[#eab308] rounded-full" style="width: 95%"></div>
                        </div>
                        <div class="flex justify-between text-[9px] font-bold text-[#fde047] uppercase tracking-wider">
                            <span>Diklaim: 95%</span>
                            <span class="text-[#eab308]">Berakhir dalam: 2 Hari Lagi</span>
                        </div>
                    </div>
                    <button onclick="downloadApp()" class="w-full bg-[#eab308] hover:bg-[#eab308]/90 text-[#000000] font-bold py-3 rounded-lg shadow-lg shadow-[#eab308]/30 transition-all active:scale-95 flex items-center justify-center gap-2 group-active:translate-y-0.5" title="Claim Rebate Mingguan Slot Game Tanpa Batas bonus now">
                        <span>⚡</span>
                        <span>Klaim Bonus</span>
                    </button>
                </div>
            </div>
        </article>
        <article class="group relative rounded-2xl overflow-hidden bg-[#312e81] border border-[#854d0e] shadow-lg hover:shadow-[#eab308]/20 transition-all duration-500">
            <div class="relative w-full aspect-[21/9] overflow-hidden">
                <img src="static/images/d6f3ad5b7ece5dd2e4bb04e8b20448719321167f.webp" alt="Bonus Deposit Harian Member Setia banner" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" loading="lazy">
                <div class="absolute inset-0 bg-gradient-to-t from-[#312e81] via-transparent to-transparent opacity-90"></div>
                <span class="absolute top-3 left-3 bg-[#eab308] text-white text-[10px] font-black px-2 py-1 rounded shadow-md animate-pulse uppercase tracking-wider">
                    NEW
                </span>
            </div>
            <div class="relative px-5 pb-5 -mt-8">
                <div class="bg-[#312e81]/80 backdrop-blur-xl rounded-xl p-4 border border-[#854d0e] shadow-inner">
                    <h3 class="text-lg font-extrabold text-[#fef9c3] leading-tight mb-1" title="Bonus Deposit Harian Member Setia">
                        Bonus Deposit Harian Member Setia
                    </h3>
                    <div class="text-2xl font-black text-transparent bg-clip-text bg-gradient-to-r from-[#eab308] to-[#eab308]/80 mb-2" title="Bonus 10%">
                        Bonus 10%
                    </div>
                    <p class="text-xs text-[#fde047] mb-4 line-clamp-2" title="Tambah modal bermain Anda setiap hari dengan bonus deposit 10%. Klaim sekarang dan menangkan jackpot Mahjong333 lebih mudah.">
                        Tambah modal bermain Anda setiap hari dengan bonus deposit 10%. Klaim sekarang dan menangkan jackpot Mahjong333 lebih mudah.
                    </p>
                    <div class="mb-4">
                        <div class="w-full bg-[#fef9c3]/20 h-1.5 rounded-full overflow-hidden mb-1">
                            <div class="h-full bg-[#eab308] rounded-full" style="width: 72%"></div>
                        </div>
                        <div class="flex justify-between text-[9px] font-bold text-[#fde047] uppercase tracking-wider">
                            <span>Diklaim: 72%</span>
                            <span class="text-[#eab308]">Berakhir dalam: 15j 30m</span>
                        </div>
                    </div>
                    <button onclick="downloadApp()" class="w-full bg-[#eab308] hover:bg-[#eab308]/90 text-[#000000] font-bold py-3 rounded-lg shadow-lg shadow-[#eab308]/30 transition-all active:scale-95 flex items-center justify-center gap-2 group-active:translate-y-0.5" title="Claim Bonus Deposit Harian Member Setia bonus now">
                        <span>⚡</span>
                        <span>Klaim Bonus</span>
                    </button>
                </div>
            </div>
        </article>
        <article class="group relative rounded-2xl overflow-hidden bg-[#312e81] border border-[#854d0e] shadow-lg hover:shadow-[#eab308]/20 transition-all duration-500">
            <div class="relative w-full aspect-[21/9] overflow-hidden">
                <img src="static/images/77a60336fa9c13c1d5f6b087eb0a019592969fa1.webp" alt="Komisi Referral Seumur Hidup banner" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" loading="lazy">
                <div class="absolute inset-0 bg-gradient-to-t from-[#312e81] via-transparent to-transparent opacity-90"></div>
                <span class="absolute top-3 left-3 bg-[#eab308] text-white text-[10px] font-black px-2 py-1 rounded shadow-md animate-pulse uppercase tracking-wider">
                    LIMITED
                </span>
            </div>
            <div class="relative px-5 pb-5 -mt-8">
                <div class="bg-[#312e81]/80 backdrop-blur-xl rounded-xl p-4 border border-[#854d0e] shadow-inner">
                    <h3 class="text-lg font-extrabold text-[#fef9c3] leading-tight mb-1" title="Komisi Referral Seumur Hidup">
                        Komisi Referral Seumur Hidup
                    </h3>
                    <div class="text-2xl font-black text-transparent bg-clip-text bg-gradient-to-r from-[#eab308] to-[#eab308]/80 mb-2" title="Bonus 0.3%">
                        Bonus 0.3%
                    </div>
                    <p class="text-xs text-[#fde047] mb-4 line-clamp-2" title="Ajak teman Anda bergabung di mahjong333 alternatif dan nikmati penghasilan pasif setiap minggu dari total taruhan mereka selamanya.">
                        Ajak teman Anda bergabung di mahjong333 alternatif dan nikmati penghasilan pasif setiap minggu dari total taruhan mereka selamanya.
                    </p>
                    <div class="mb-4">
                        <div class="w-full bg-[#fef9c3]/20 h-1.5 rounded-full overflow-hidden mb-1">
                            <div class="h-full bg-[#eab308] rounded-full" style="width: 49%"></div>
                        </div>
                        <div class="flex justify-between text-[9px] font-bold text-[#fde047] uppercase tracking-wider">
                            <span>Diklaim: 49%</span>
                            <span class="text-[#eab308]">Berakhir dalam: 6 Hari Lagi</span>
                        </div>
                    </div>
                    <button onclick="downloadApp()" class="w-full bg-[#eab308] hover:bg-[#eab308]/90 text-[#000000] font-bold py-3 rounded-lg shadow-lg shadow-[#eab308]/30 transition-all active:scale-95 flex items-center justify-center gap-2 group-active:translate-y-0.5" title="Claim Komisi Referral Seumur Hidup bonus now">
                        <span>⚡</span>
                        <span>Klaim Bonus</span>
                    </button>
                </div>
            </div>
        </article>
    </div>
</section>
<section class="py-8 px-4 w-full max-w-lg mx-auto space-y-6">
    <article class="relative w-full rounded-2xl overflow-hidden shadow-2xl mb-6 transition-transform hover:-translate-y-1" title="Mahjong333 Slot Utama game introduction">
        <div class="absolute inset-0 bg-gradient-to-br from-[#312e81] via-[#1e1b4b] to-[#eab308]/20 z-0"></div>
        <div class="absolute inset-0 rounded-2xl border border-[#eab308]/30 pointer-events-none z-20"></div>
        <div class="absolute top-0 left-0 w-full h-1.5 bg-gradient-to-r from-[#eab308] to-[#fef9c3] z-20"></div>
        <div class="relative p-5 flex items-start justify-between z-10">
            <div class="flex items-center gap-4">
                <div class="w-14 h-14 rounded-xl bg-[#eab308]/10 border border-[#eab308]/30 flex items-center justify-center text-3xl shadow-[0_0_15px_rgba(234,179,8,0.3)] text-white" title="Mahjong333 Slot Utama icon">
                    🀄
                </div>
                <div>
                    <h3 class="text-xl font-black text-[#fef9c3] leading-tight tracking-wide drop-shadow-md">
                        Mahjong333 Slot Utama
                    </h3>
                    <p class="text-xs text-[#eab308] font-bold mt-1 uppercase tracking-wider opacity-90" title="Game slot mahjong klasik dengan fitur modern.">
                        Game slot mahjong klasik dengan fitur modern.
                    </p>
                </div>
            </div>
            <div class="text-right space-y-1">
                <div class="text-xs font-bold text-[#eab308] flex items-center justify-end gap-1" title="Return to Player Rate">
                    🔥
                </div>
                <div class="text-xs text-[#eab308] tracking-widest" title="Game Rating">
                </div>
            </div>
        </div>
        <div class="relative px-5 py-2 z-10">
            <div class="text-base font-medium leading-relaxed text-[#fde047] [&amp;>p]:text-[#fde047] [&amp;>p]:mb-2" title="Mahjong333 Slot Utama description">
                <p>Selamat datang di <strong>Mahjong333 Slot Utama</strong>, permainan unggulan eksklusif kami di mahjong333pro.com yang menggabungkan keindahan tradisi mahjong klasik dengan sensasi mesin slot modern yang mendebarkan. Nikmati visual dan grafis memukau serta animasi halus yang dirancang secara spesifik untuk pengalaman optimal di perangkat seluler Anda. Mainkan mahjong333 online kapan saja di mana saja, dan raih kesempatan kemenangan epik dengan putaran gratis tanpa batas. Game ini adalah pintu gerbang utama Anda menuju hiburan tanpa henti, fitur bonus melimpah, dan hadiah jackpot luar biasa setiap harinya.</p>
            </div>
        </div>
        <div class="relative mx-5 mt-4 mb-5 bg-[#1e1b4b]/50 rounded-xl p-4 border border-[#854d0e] z-10 backdrop-blur-sm">
            <h4 class="text-xs font-black text-[#eab308] mb-3 flex items-center gap-2 uppercase tracking-widest">
                <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.014a4.5 4.5 0 11-4.5 4.5m0-9a4.5 4.5 0 11-4.5 4.5"></path>
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 18l-3-3m0 0l3-3m-3 3h12"></path>
                </svg>
                Mahjong333 Slot Utama
            </h4>
            <div class="text-sm text-[#fde047] font-medium space-y-2 [&amp;>ul>li]:flex [&amp;>ul>li]:items-start [&amp;>ul>li]:gap-2 [&amp;>ul>li:before]:content-['✓'] [&amp;>ul>li:before]:text-[#eab308] [&amp;>ul>li:before]:font-bold" title="How to play Mahjong333 Slot Utama">
                <ul><li>Langkah pertama, tentukan jumlah taruhan Anda dengan cermat menggunakan tombol plus dan minus yang terletak di bagian bawah antarmuka layar permainan.</li><li>Tekan tombol putar (spin) yang besar di tengah untuk mulai mengacak ubin mahjong ajaib di gulungan virtual.</li><li>Tugas utama Anda adalah mengumpulkan kombinasi simbol naga beruntung dan ubin emas untuk memicu kemenangan beruntun (cascading wins) yang spektakuler.</li><li>Perhatikan simbol Scatter khusus; simbol ini akan memicu ronde putaran gratis (Free Spins) yang menguntungkan jika Anda berhasil mendaratkan minimal 3 simbol di layar secara bersamaan.</li><li>Selalu manfaatkan fitur mahjong333 alternatif yang dirancang khusus untuk menggandakan kemenangan harian Anda melalui mini-game tebak risiko ganda.</li></ul>
            </div>
        </div>
        <div class="relative px-5 py-4 border-t border-[#854d0e] flex items-center justify-between bg-[#312e81]/50 z-10">
            <div class="flex gap-2">
                <span class="px-2 py-1 rounded bg-[#eab308]/10 text-[#eab308] text-[10px] font-bold border border-[#eab308]/20 uppercase">
                    HOT
                </span>
            </div>
            <button onclick="playGame('Mahjong333 Slot Utama')" class="px-6 py-3 rounded-xl bg-[#eab308] hover:brightness-110 text-[#000000] text-sm font-black shadow-lg shadow-[#eab308]/40 transition-all active:scale-95" title="Play Mahjong333 Slot Utama now">
                View Details
            </button>
        </div>
    </article>
    <article class="relative w-full rounded-2xl overflow-hidden shadow-2xl mb-6 transition-transform hover:-translate-y-1" title="Mahjong333 VIP Poker game introduction">
        <div class="absolute inset-0 bg-gradient-to-br from-[#312e81] via-[#1e1b4b] to-[#eab308]/20 z-0"></div>
        <div class="absolute inset-0 rounded-2xl border border-[#eab308]/30 pointer-events-none z-20"></div>
        <div class="absolute top-0 left-0 w-full h-1.5 bg-gradient-to-r from-[#eab308] to-[#fef9c3] z-20"></div>
        <div class="relative p-5 flex items-start justify-between z-10">
            <div class="flex items-center gap-4">
                <div class="w-14 h-14 rounded-xl bg-[#eab308]/10 border border-[#eab308]/30 flex items-center justify-center text-3xl shadow-[0_0_15px_rgba(234,179,8,0.3)] text-white" title="Mahjong333 VIP Poker icon">
                    🃏
                </div>
                <div>
                    <h3 class="text-xl font-black text-[#fef9c3] leading-tight tracking-wide drop-shadow-md">
                        Mahjong333 VIP Poker
                    </h3>
                    <p class="text-xs text-[#eab308] font-bold mt-1 uppercase tracking-wider opacity-90" title="Tantang pemain lain di meja poker eksklusif kelas atas.">
                        Tantang pemain lain di meja poker eksklusif kelas atas.
                    </p>
                </div>
            </div>
            <div class="text-right space-y-1">
                <div class="text-xs font-bold text-[#eab308] flex items-center justify-end gap-1" title="Return to Player Rate">
                    🔥
                </div>
                <div class="text-xs text-[#eab308] tracking-widest" title="Game Rating">
                </div>
            </div>
        </div>
        <div class="relative px-5 py-2 z-10">
            <div class="text-base font-medium leading-relaxed text-[#fde047] [&amp;>p]:text-[#fde047] [&amp;>p]:mb-2" title="Mahjong333 VIP Poker description">
                <p>Rasakan pengalaman bermain kartu kelas atas yang tak tertandingi dengan <strong>Mahjong333 VIP Poker</strong>. Game ini menawarkan meja taruhan eksklusif di mana Anda bisa mengadu strategi cerdik dengan pemain ahli lainnya dari seluruh penjuru negeri secara real-time. Melalui unduhan aplikasi mahjong333 apk, permainan dijamin berjalan sangat lancar, responsif, dan tanpa jeda sedikit pun. Tunjukkan kemampuan gertakan (bluff) terbaik Anda dan bawa pulang koin bernilai jutaan rupiah dalam setiap putaran permainan kartu poker yang sangat mendebarkan dan mengasah otak ini.</p>
            </div>
        </div>
        <div class="relative mx-5 mt-4 mb-5 bg-[#1e1b4b]/50 rounded-xl p-4 border border-[#854d0e] z-10 backdrop-blur-sm">
            <h4 class="text-xs font-black text-[#eab308] mb-3 flex items-center gap-2 uppercase tracking-widest">
                <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.014a4.5 4.5 0 11-4.5 4.5m0-9a4.5 4.5 0 11-4.5 4.5"></path>
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 18l-3-3m0 0l3-3m-3 3h12"></path>
                </svg>
                Mahjong333 VIP Poker
            </h4>
            <div class="text-sm text-[#fde047] font-medium space-y-2 [&amp;>ul>li]:flex [&amp;>ul>li]:items-start [&amp;>ul>li]:gap-2 [&amp;>ul>li:before]:content-['✓'] [&amp;>ul>li:before]:text-[#eab308] [&amp;>ul>li:before]:font-bold" title="How to play Mahjong333 VIP Poker">
                <ul><li>Pilih meja poker di lobi utama yang paling sesuai dengan modal bankroll atau total saldo koin aktif Anda.</li><li>Setelah duduk, Anda akan menerima dua kartu saku (hole cards) secara tertutup, segeralah pertimbangkan kekuatan awal kartu tersebut.</li><li>Lakukan aksi Call, Raise, atau Fold berdasarkan analisis kekuatan kartu saku dan kartu komunitas (community cards) yang secara bertahap terbuka di tengah meja.</li><li>Gunakan kombinasi lima kartu paling kuat dan optimal untuk memenangkan seluruh koin yang terkumpul di pot taruhan.</li><li>Tersedia juga fitur mahjong333 offline bagi pemain yang ingin berlatih dan mematangkan strategi melawan kecerdasan buatan (AI) sebelum terjun berhadapan dengan pemain sungguhan.</li></ul>
            </div>
        </div>
        <div class="relative px-5 py-4 border-t border-[#854d0e] flex items-center justify-between bg-[#312e81]/50 z-10">
            <div class="flex gap-2">
                <span class="px-2 py-1 rounded bg-[#eab308]/10 text-[#eab308] text-[10px] font-bold border border-[#eab308]/20 uppercase">
                    HOT
                </span>
            </div>
            <button onclick="playGame('Mahjong333 VIP Poker')" class="px-6 py-3 rounded-xl bg-[#eab308] hover:brightness-110 text-[#000000] text-sm font-black shadow-lg shadow-[#eab308]/40 transition-all active:scale-95" title="Play Mahjong333 VIP Poker now">
                View Details
            </button>
        </div>
    </article>
    <article class="relative w-full rounded-2xl overflow-hidden shadow-2xl mb-6 transition-transform hover:-translate-y-1" title="Mahjong333 Dice Pro game introduction">
        <div class="absolute inset-0 bg-gradient-to-br from-[#312e81] via-[#1e1b4b] to-[#eab308]/20 z-0"></div>
        <div class="absolute inset-0 rounded-2xl border border-[#eab308]/30 pointer-events-none z-20"></div>
        <div class="absolute top-0 left-0 w-full h-1.5 bg-gradient-to-r from-[#eab308] to-[#fef9c3] z-20"></div>
        <div class="relative p-5 flex items-start justify-between z-10">
            <div class="flex items-center gap-4">
                <div class="w-14 h-14 rounded-xl bg-[#eab308]/10 border border-[#eab308]/30 flex items-center justify-center text-3xl shadow-[0_0_15px_rgba(234,179,8,0.3)] text-white" title="Mahjong333 Dice Pro icon">
                    🎲
                </div>
                <div>
                    <h3 class="text-xl font-black text-[#fef9c3] leading-tight tracking-wide drop-shadow-md">
                        Mahjong333 Dice Pro
                    </h3>
                    <p class="text-xs text-[#eab308] font-bold mt-1 uppercase tracking-wider opacity-90" title="Tebak angka dadu dengan sensasi live dan peluang ganda.">
                        Tebak angka dadu dengan sensasi live dan peluang ganda.
                    </p>
                </div>
            </div>
            <div class="text-right space-y-1">
                <div class="text-xs font-bold text-[#eab308] flex items-center justify-end gap-1" title="Return to Player Rate">
                    🔥
                </div>
                <div class="text-xs text-[#eab308] tracking-widest" title="Game Rating">
                </div>
            </div>
        </div>
        <div class="relative px-5 py-2 z-10">
            <div class="text-base font-medium leading-relaxed text-[#fde047] [&amp;>p]:text-[#fde047] [&amp;>p]:mb-2" title="Mahjong333 Dice Pro description">
                <p>Cobalah peruntungan luar biasa Anda dengan <strong>Mahjong333 Dice Pro</strong>, sebuah permainan dadu bertempo cepat yang dirancang khusus untuk memberikan kemenangan instan yang memuaskan. Nikmati antarmuka yang sangat ramah pengguna dari mahjong333 app terintegrasi yang memungkinkan Anda memasang berbagai jenis taruhan dalam hitungan detik. Dengan dukungan visual 3D yang sangat realistis dan efek suara menggelar yang begitu imersif, Anda akan merasa seolah-olah sedang duduk tepat di meja kasino mewah sungguhan. Dapatkan selalu bonus mahjong333 login setiap harinya untuk memperkuat modal bermain dadu Anda.</p>
            </div>
        </div>
        <div class="relative mx-5 mt-4 mb-5 bg-[#1e1b4b]/50 rounded-xl p-4 border border-[#854d0e] z-10 backdrop-blur-sm">
            <h4 class="text-xs font-black text-[#eab308] mb-3 flex items-center gap-2 uppercase tracking-widest">
                <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.014a4.5 4.5 0 11-4.5 4.5m0-9a4.5 4.5 0 11-4.5 4.5"></path>
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 18l-3-3m0 0l3-3m-3 3h12"></path>
                </svg>
                Mahjong333 Dice Pro
            </h4>
            <div class="text-sm text-[#fde047] font-medium space-y-2 [&amp;>ul>li]:flex [&amp;>ul>li]:items-start [&amp;>ul>li]:gap-2 [&amp;>ul>li:before]:content-['✓'] [&amp;>ul>li:before]:text-[#eab308] [&amp;>ul>li:before]:font-bold" title="How to play Mahjong333 Dice Pro">
                <ul><li>Pilih dan tentukan nilai chip taruhan Anda pada papan area meja virtual interaktif yang tersedia dengan sangat jelas di layar.</li><li>Tebak total akumulasi angka dari tiga buah dadu yang akan dikocok secara adil oleh sistem, apakah berujung pada nilai Besar (11-17) atau Kecil (4-10).</li><li>Anda juga sangat diizinkan untuk bertaruh secara berani pada tebakan angka spesifik atau kombinasi ganda (doubles/triples) demi mendapatkan rasio bayaran kemenangan yang jauh lebih tinggi.</li><li>Setelah waktu pemasangan taruhan ditutup, dealer virtual yang canggih akan otomatis mengocok secara acak dan membuka penutup dadu.</li><li>Jika prediksi Anda terbukti sangat akurat, saldo koin Anda akan seketika bertambah otomatis sesuai dengan sistem perkalian nilai odds yang berlaku.</li></ul>
            </div>
        </div>
        <div class="relative px-5 py-4 border-t border-[#854d0e] flex items-center justify-between bg-[#312e81]/50 z-10">
            <div class="flex gap-2">
                <span class="px-2 py-1 rounded bg-[#eab308]/10 text-[#eab308] text-[10px] font-bold border border-[#eab308]/20 uppercase">
                    HOT
                </span>
            </div>
            <button onclick="playGame('Mahjong333 Dice Pro')" class="px-6 py-3 rounded-xl bg-[#eab308] hover:brightness-110 text-[#000000] text-sm font-black shadow-lg shadow-[#eab308]/40 transition-all active:scale-95" title="Play Mahjong333 Dice Pro now">
                View Details
            </button>
        </div>
    </article>
    <article class="relative w-full rounded-2xl overflow-hidden shadow-2xl mb-6 transition-transform hover:-translate-y-1" title="Mahjong333 Arcade Fish game introduction">
        <div class="absolute inset-0 bg-gradient-to-br from-[#312e81] via-[#1e1b4b] to-[#eab308]/20 z-0"></div>
        <div class="absolute inset-0 rounded-2xl border border-[#eab308]/30 pointer-events-none z-20"></div>
        <div class="absolute top-0 left-0 w-full h-1.5 bg-gradient-to-r from-[#eab308] to-[#fef9c3] z-20"></div>
        <div class="relative p-5 flex items-start justify-between z-10">
            <div class="flex items-center gap-4">
                <div class="w-14 h-14 rounded-xl bg-[#eab308]/10 border border-[#eab308]/30 flex items-center justify-center text-3xl shadow-[0_0_15px_rgba(234,179,8,0.3)] text-white" title="Mahjong333 Arcade Fish icon">
                    🐟
                </div>
                <div>
                    <h3 class="text-xl font-black text-[#fef9c3] leading-tight tracking-wide drop-shadow-md">
                        Mahjong333 Arcade Fish
                    </h3>
                    <p class="text-xs text-[#eab308] font-bold mt-1 uppercase tracking-wider opacity-90" title="Tembak ikan laut dalam dan kumpulkan koin emas melimpah.">
                        Tembak ikan laut dalam dan kumpulkan koin emas melimpah.
                    </p>
                </div>
            </div>
            <div class="text-right space-y-1">
                <div class="text-xs font-bold text-[#eab308] flex items-center justify-end gap-1" title="Return to Player Rate">
                    🔥
                </div>
                <div class="text-xs text-[#eab308] tracking-widest" title="Game Rating">
                </div>
            </div>
        </div>
        <div class="relative px-5 py-2 z-10">
            <div class="text-base font-medium leading-relaxed text-[#fde047] [&amp;>p]:text-[#fde047] [&amp;>p]:mb-2" title="Mahjong333 Arcade Fish description">
                <p>Bersiaplah untuk menyelam jauh ke dasar samudera paling menakjubkan bersama <strong>Mahjong333 Arcade Fish</strong>. Permainan tembak ikan eksklusif ini selalu menawarkan aksi non-stop dengan dukungan grafis kehidupan bawah air yang benar-benar spektakuler dan jernih. Jadilah pemburu harta karun samudera yang andal dengan menembak berbagai jenis spesies ikan berharga menggunakan koleksi meriam khusus yang kuat. Rasakan sensasi bermain mahjong333 gratis di dalam mode demo untuk berlatih, atau langsung masuk ke mode uang asli kompetitif untuk memenangkan sang jackpot naga emas legendaris. Sensasi visual memukau dan hujan koin besar menanti Anda!</p>
            </div>
        </div>
        <div class="relative mx-5 mt-4 mb-5 bg-[#1e1b4b]/50 rounded-xl p-4 border border-[#854d0e] z-10 backdrop-blur-sm">
            <h4 class="text-xs font-black text-[#eab308] mb-3 flex items-center gap-2 uppercase tracking-widest">
                <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.014a4.5 4.5 0 11-4.5 4.5m0-9a4.5 4.5 0 11-4.5 4.5"></path>
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 18l-3-3m0 0l3-3m-3 3h12"></path>
                </svg>
                Mahjong333 Arcade Fish
            </h4>
            <div class="text-sm text-[#fde047] font-medium space-y-2 [&amp;>ul>li]:flex [&amp;>ul>li]:items-start [&amp;>ul>li]:gap-2 [&amp;>ul>li:before]:content-['✓'] [&amp;>ul>li:before]:text-[#eab308] [&amp;>ul>li:before]:font-bold" title="How to play Mahjong333 Arcade Fish">
                <ul><li>Secara taktis sesuaikan kekuatan tembakan serta biaya peluru meriam Anda dengan mengklik tombol ikon plus (+) atau minus (-) yang terletak di ujung senjata Anda.</li><li>Arahkan laras meriam dengan presisi tinggi ke ikan yang berenang lalu sentuh tahan layar Anda untuk melepaskan rentetan peluru jaring yang mematikan.</li><li>Setiap target ikan yang berhasil dilumpuhkan atau ditangkap akan langsung menjatuhkan sejumlah koin emas yang otomatis masuk ke dompet Anda.</li><li>Jangan ragu untuk membeli dan menggunakan senjata khusus berkekuatan tinggi seperti Laser Pemusnah atau Bom Air Massal untuk menangkap ikan bos raksasa (Boss Fish).</li><li>Pastikan kapasitas amunisi dan saldo Anda benar-benar cukup tebal sebelum Anda secara heroik menargetkan ikan spesial yang memiliki indikator darah sangat tebal.</li></ul>
            </div>
        </div>
        <div class="relative px-5 py-4 border-t border-[#854d0e] flex items-center justify-between bg-[#312e81]/50 z-10">
            <div class="flex gap-2">
                <span class="px-2 py-1 rounded bg-[#eab308]/10 text-[#eab308] text-[10px] font-bold border border-[#eab308]/20 uppercase">
                    HOT
                </span>
            </div>
            <button onclick="playGame('Mahjong333 Arcade Fish')" class="px-6 py-3 rounded-xl bg-[#eab308] hover:brightness-110 text-[#000000] text-sm font-black shadow-lg shadow-[#eab308]/40 transition-all active:scale-95" title="Play Mahjong333 Arcade Fish now">
                View Details
            </button>
        </div>
    </article>
</section>
<section class="relative w-full px-4 py-12" title="Mulai Menang di mahjong333pro.com dalam 6 Langkah Mudah section">
    <div class="text-center mb-8 space-y-4">
        <h2 class="text-2xl font-black text-[#fef9c3]" title="Mulai Menang di mahjong333pro.com dalam 6 Langkah Mudah">
            Mulai Menang di mahjong333pro.com dalam 6 Langkah Mudah
        </h2>
        <p class="text-sm text-[#fde047] max-w-md mx-auto leading-relaxed" title="Bergabunglah dengan ribuan pemenang di mahjong333pro.com hari ini. Prosesnya cepat, aman, dan sangat mudah untuk memulai petualangan slot dan mahjong online Anda.">
            Bergabunglah dengan ribuan pemenang di mahjong333pro.com hari ini. Prosesnya cepat, aman, dan sangat mudah untuk memulai petualangan slot dan mahjong online Anda.
        </p>
    </div>
    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3 mb-8">
        <article class="relative bg-[#312e81]/30 backdrop-blur-sm border border-[#854d0e] rounded-xl p-4 flex flex-col gap-3 group hover:border-[#eab308] transition-all" title="Daftar Akun mahjong333pro.com step">
            <div class="absolute -top-3 -right-3 w-8 h-8 rounded-lg bg-[#eab308] flex items-center justify-center text-white text-xs font-bold shadow-lg shadow-[#eab308]/40 z-10">
                01
            </div>
            <div class="w-10 h-10 rounded-lg bg-[#1e1b4b] flex items-center justify-center text-xl text-[#eab308] border border-[#854d0e]" title="Daftar Akun mahjong333pro.com icon">
                👤
            </div>
            <div>
                <h3 class="font-bold text-[#fef9c3] text-sm mb-1 leading-tight" title="Daftar Akun mahjong333pro.com">
                    Daftar Akun mahjong333pro.com
                </h3>
                <p class="text-[10px] text-[#fde047] leading-relaxed" title="Kunjungi link alternatif mahjong333pro.com dan isi formulir pendaftaran dengan data yang valid untuk mendapatkan akses penuh ke semua permainan mahjong333 slot yang gacor.">
                    Kunjungi link alternatif mahjong333pro.com dan isi formulir pendaftaran dengan data yang valid untuk mendapatkan akses penuh ke semua permainan mahjong333 slot yang gacor.
                </p>
            </div>
        </article>
        <article class="relative bg-[#312e81]/30 backdrop-blur-sm border border-[#854d0e] rounded-xl p-4 flex flex-col gap-3 group hover:border-[#eab308] transition-all" title="Unduh mahjong333 APK step">
            <div class="absolute -top-3 -right-3 w-8 h-8 rounded-lg bg-[#eab308] flex items-center justify-center text-white text-xs font-bold shadow-lg shadow-[#eab308]/40 z-10">
                02
            </div>
            <div class="w-10 h-10 rounded-lg bg-[#1e1b4b] flex items-center justify-center text-xl text-[#eab308] border border-[#854d0e]" title="Unduh mahjong333 APK icon">
                📲
            </div>
            <div>
                <h3 class="font-bold text-[#fef9c3] text-sm mb-1 leading-tight" title="Unduh mahjong333 APK">
                    Unduh mahjong333 APK
                </h3>
                <p class="text-[10px] text-[#fde047] leading-relaxed" title="Dapatkan aplikasi mahjong333 app resmi untuk pengalaman bermain yang lebih lancar dan akses cepat langsung dari ponsel Anda tanpa hambatan pemblokiran.">
                    Dapatkan aplikasi mahjong333 app resmi untuk pengalaman bermain yang lebih lancar dan akses cepat langsung dari ponsel Anda tanpa hambatan pemblokiran.
                </p>
            </div>
        </article>
        <article class="relative bg-[#312e81]/30 backdrop-blur-sm border border-[#854d0e] rounded-xl p-4 flex flex-col gap-3 group hover:border-[#eab308] transition-all" title="Lakukan Deposit Dana step">
            <div class="absolute -top-3 -right-3 w-8 h-8 rounded-lg bg-[#eab308] flex items-center justify-center text-white text-xs font-bold shadow-lg shadow-[#eab308]/40 z-10">
                03
            </div>
            <div class="w-10 h-10 rounded-lg bg-[#1e1b4b] flex items-center justify-center text-xl text-[#eab308] border border-[#854d0e]" title="Lakukan Deposit Dana icon">
                💰
            </div>
            <div>
                <h3 class="font-bold text-[#fef9c3] text-sm mb-1 leading-tight" title="Lakukan Deposit Dana">
                    Lakukan Deposit Dana
                </h3>
                <p class="text-[10px] text-[#fde047] leading-relaxed" title="Isi saldo akun mahjong333pro.com Anda melalui berbagai metode pembayaran aman dan instan untuk segera memulai taruhan pada game favorit pilihan Anda.">
                    Isi saldo akun mahjong333pro.com Anda melalui berbagai metode pembayaran aman dan instan untuk segera memulai taruhan pada game favorit pilihan Anda.
                </p>
            </div>
        </article>
        <article class="relative bg-[#312e81]/30 backdrop-blur-sm border border-[#854d0e] rounded-xl p-4 flex flex-col gap-3 group hover:border-[#eab308] transition-all" title="Pilih Game Mahjong333 Slot step">
            <div class="absolute -top-3 -right-3 w-8 h-8 rounded-lg bg-[#eab308] flex items-center justify-center text-white text-xs font-bold shadow-lg shadow-[#eab308]/40 z-10">
                04
            </div>
            <div class="w-10 h-10 rounded-lg bg-[#1e1b4b] flex items-center justify-center text-xl text-[#eab308] border border-[#854d0e]" title="Pilih Game Mahjong333 Slot icon">
                🎰
            </div>
            <div>
                <h3 class="font-bold text-[#fef9c3] text-sm mb-1 leading-tight" title="Pilih Game Mahjong333 Slot">
                    Pilih Game Mahjong333 Slot
                </h3>
                <p class="text-[10px] text-[#fde047] leading-relaxed" title="Jelajahi koleksi mahjong333 online yang luas, mulai dari varian klasik hingga mahjong333 pro yang menawarkan peluang kemenangan tinggi bagi setiap pemain.">
                    Jelajahi koleksi mahjong333 online yang luas, mulai dari varian klasik hingga mahjong333 pro yang menawarkan peluang kemenangan tinggi bagi setiap pemain.
                </p>
            </div>
        </article>
        <article class="relative bg-[#312e81]/30 backdrop-blur-sm border border-[#854d0e] rounded-xl p-4 flex flex-col gap-3 group hover:border-[#eab308] transition-all" title="Mainkan Mode mahjong333 Gratis step">
            <div class="absolute -top-3 -right-3 w-8 h-8 rounded-lg bg-[#eab308] flex items-center justify-center text-white text-xs font-bold shadow-lg shadow-[#eab308]/40 z-10">
                05
            </div>
            <div class="w-10 h-10 rounded-lg bg-[#1e1b4b] flex items-center justify-center text-xl text-[#eab308] border border-[#854d0e]" title="Mainkan Mode mahjong333 Gratis icon">
                ⚡
            </div>
            <div>
                <h3 class="font-bold text-[#fef9c3] text-sm mb-1 leading-tight" title="Mainkan Mode mahjong333 Gratis">
                    Mainkan Mode mahjong333 Gratis
                </h3>
                <p class="text-[10px] text-[#fde047] leading-relaxed" title="Manfaatkan fitur mahjong333 gratis atau demo untuk melatih strategi dan memahami pola permainan sebelum mulai bertaruh secara profesional di platform kami.">
                    Manfaatkan fitur mahjong333 gratis atau demo untuk melatih strategi dan memahami pola permainan sebelum mulai bertaruh secara profesional di platform kami.
                </p>
            </div>
        </article>
        <article class="relative bg-[#312e81]/30 backdrop-blur-sm border border-[#854d0e] rounded-xl p-4 flex flex-col gap-3 group hover:border-[#eab308] transition-all" title="Tarik Kemenangan Anda step">
            <div class="absolute -top-3 -right-3 w-8 h-8 rounded-lg bg-[#eab308] flex items-center justify-center text-white text-xs font-bold shadow-lg shadow-[#eab308]/40 z-10">
                06
            </div>
            <div class="w-10 h-10 rounded-lg bg-[#1e1b4b] flex items-center justify-center text-xl text-[#eab308] border border-[#854d0e]" title="Tarik Kemenangan Anda icon">
                🏆
            </div>
            <div>
                <h3 class="font-bold text-[#fef9c3] text-sm mb-1 leading-tight" title="Tarik Kemenangan Anda">
                    Tarik Kemenangan Anda
                </h3>
                <p class="text-[10px] text-[#fde047] leading-relaxed" title="Gunakan mahjong333 login untuk masuk ke dashboard dan tarik kemenangan Anda secara instan. Layanan mahjong333pro.com menjamin proses penarikan yang aman dan cepat.">
                    Gunakan mahjong333 login untuk masuk ke dashboard dan tarik kemenangan Anda secara instan. Layanan mahjong333pro.com menjamin proses penarikan yang aman dan cepat.
                </p>
            </div>
        </article>
    </div>
    <div class="text-center space-y-3">
        <button onclick="downloadApp()" class="w-full py-4 bg-gradient-to-r from-[#eab308] to-[#eab308]/80 text-white font-bold rounded-xl shadow-xl shadow-[#eab308]/30 flex items-center justify-center gap-2 hover:scale-[1.02] transition-transform" title="Download mahjong333pro.com app now">
            <span>☁️</span>
            Unduh APK mahjong333pro.com &amp; Lihat Panduan Lengkap
        </button>
        <p class="text-[10px] text-[#fde047] opacity-70" title="Mendukung iOS &amp; Android - Diperbarui untuk Tahun 2024">
            Mendukung iOS &amp; Android - Diperbarui untuk Tahun 2024
        </p>
    </div>
</section>
<section class="winning-cases py-12 px-4 w-full mx-auto" title="🏆 BERITA KEMENANGAN BESAR 🏆">
    <header class="text-center mb-8 relative">
        <div class="flex items-center justify-center gap-4 text-[#eab308] opacity-50 mb-2" aria-hidden="true">
            ———— 🏆 ————
        </div>
        <h2 class="text-xl font-black text-[#fef9c3] uppercase tracking-widest" title="🏆 BERITA KEMENANGAN BESAR 🏆">
            🏆 BERITA KEMENANGAN BESAR 🏆
        </h2>
        <p class="text-xs text-[#eab308] font-bold mt-1" title="Update terbaru dari para pemenang yang beruntung hari ini">
            Update terbaru dari para pemenang yang beruntung hari ini
        </p>
    </header>
    <div class="space-y-4">
        <article class="relative bg-[#312e81]/20 backdrop-blur-md rounded-xl p-4 border border-[#854d0e] shadow-lg hover:border-[#eab308]/50 transition-all duration-300" title="Winning case of BudiS***">
            <div class="flex justify-between items-start mb-3">
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-lg bg-[#1e1b4b] border border-[#854d0e] flex items-center justify-center text-[#eab308] text-lg relative" title="BudiS*** avatar">
                        <span>🐯</span>
                        <span class="absolute -top-1 -right-1 w-3 h-3 bg-red-500 rounded-full border-2 border-[#1e1b4b] animate-pulse"></span>
                    </div>
                    <div>
                        <h3 class="font-bold text-[#eab308] text-sm" title="BudiS***">
                            BudiS***
                        </h3>
                        <span class="inline-block bg-[#fde047]/10 text-[#fde047] text-[9px] px-1.5 py-0.5 rounded mt-0.5" title="Game: Mahjong Ways 2">
                            Mahjong Ways 2
                        </span>
                    </div>
                </div>
                <span class="text-[10px] text-[#fde047] flex items-center gap-1" title="Won 2 menit yang lalu ago">
                    🕒 2 menit yang lalu
                </span>
            </div>
            <div class="mb-3">
                <div class="text-2xl font-black text-[#fef9c3] tracking-tight" title="Prize amount: Rp 12.500.000">
                    Rp 12.500.000
                </div>
            </div>
            <p class="text-xs text-[#fde047] leading-relaxed italic" title="Gak nyangka banget bisa dapet scatter naga terus-terusan di mahjong333!">
                “Gak nyangka banget bisa dapet scatter naga terus-terusan di mahjong333!”
            </p>
        </article>
        <article class="relative bg-[#312e81]/20 backdrop-blur-md rounded-xl p-4 border border-[#854d0e] shadow-lg hover:border-[#eab308]/50 transition-all duration-300" title="Winning case of Siska_Gemoy***">
            <div class="absolute -top-3 -right-2 bg-yellow-400 text-black text-[9px] font-black px-2 py-1 rounded shadow-lg transform rotate-6 uppercase z-10">
                JACKPOT
            </div>
            <div class="flex justify-between items-start mb-3">
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-lg bg-[#1e1b4b] border border-[#854d0e] flex items-center justify-center text-[#eab308] text-lg relative" title="Siska_Gemoy*** avatar">
                        <span>🐲</span>
                        <span class="absolute -top-1 -right-1 w-3 h-3 bg-red-500 rounded-full border-2 border-[#1e1b4b] animate-pulse"></span>
                    </div>
                    <div>
                        <h3 class="font-bold text-[#eab308] text-sm" title="Siska_Gemoy***">
                            Siska_Gemoy***
                        </h3>
                        <span class="inline-block bg-[#fde047]/10 text-[#fde047] text-[9px] px-1.5 py-0.5 rounded mt-0.5" title="Game: Mahjong333 Pro Slot">
                            Mahjong333 Pro Slot
                        </span>
                    </div>
                </div>
                <span class="text-[10px] text-[#fde047] flex items-center gap-1" title="Won 15 menit yang lalu ago">
                    🕒 15 menit yang lalu
                </span>
            </div>
            <div class="mb-3">
                <div class="text-2xl font-black text-[#fef9c3] tracking-tight" title="Prize amount: Rp 85.000.000">
                    Rp 85.000.000
                </div>
            </div>
            <p class="text-xs text-[#fde047] leading-relaxed italic" title="Jackpot terbesar yang pernah saya dapat, mahjong333 online memang terbaik!">
                “Jackpot terbesar yang pernah saya dapat, mahjong333 online memang terbaik!”
            </p>
        </article>
        <article class="relative bg-[#312e81]/20 backdrop-blur-md rounded-xl p-4 border border-[#854d0e] shadow-lg hover:border-[#eab308]/50 transition-all duration-300" title="Winning case of Rian_Hoki***">
            <div class="flex justify-between items-start mb-3">
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-lg bg-[#1e1b4b] border border-[#854d0e] flex items-center justify-center text-[#eab308] text-lg relative" title="Rian_Hoki*** avatar">
                        <span>🎲</span>
                        <span class="absolute -top-1 -right-1 w-3 h-3 bg-red-500 rounded-full border-2 border-[#1e1b4b] animate-pulse"></span>
                    </div>
                    <div>
                        <h3 class="font-bold text-[#eab308] text-sm" title="Rian_Hoki***">
                            Rian_Hoki***
                        </h3>
                        <span class="inline-block bg-[#fde047]/10 text-[#fde047] text-[9px] px-1.5 py-0.5 rounded mt-0.5" title="Game: Caishen Wins">
                            Caishen Wins
                        </span>
                    </div>
                </div>
                <span class="text-[10px] text-[#fde047] flex items-center gap-1" title="Won 45 menit yang lalu ago">
                    🕒 45 menit yang lalu
                </span>
            </div>
            <div class="mb-3">
                <div class="text-2xl font-black text-[#fef9c3] tracking-tight" title="Prize amount: Rp 5.200.000">
                    Rp 5.200.000
                </div>
            </div>
            <p class="text-xs text-[#fde047] leading-relaxed italic" title="Aplikasi mahjong333 apk sangat ringan dan lancar, penarikan dana sangat cepat.">
                “Aplikasi mahjong333 apk sangat ringan dan lancar, penarikan dana sangat cepat.”
            </p>
        </article>
        <article class="relative bg-[#312e81]/20 backdrop-blur-md rounded-xl p-4 border border-[#854d0e] shadow-lg hover:border-[#eab308]/50 transition-all duration-300" title="Winning case of Dewi_Cantik***">
            <div class="flex justify-between items-start mb-3">
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-lg bg-[#1e1b4b] border border-[#854d0e] flex items-center justify-center text-[#eab308] text-lg relative" title="Dewi_Cantik*** avatar">
                        <span>🦁</span>
                        <span class="absolute -top-1 -right-1 w-3 h-3 bg-red-500 rounded-full border-2 border-[#1e1b4b] animate-pulse"></span>
                    </div>
                    <div>
                        <h3 class="font-bold text-[#eab308] text-sm" title="Dewi_Cantik***">
                            Dewi_Cantik***
                        </h3>
                        <span class="inline-block bg-[#fde047]/10 text-[#fde047] text-[9px] px-1.5 py-0.5 rounded mt-0.5" title="Game: Mahjong333 Lucky Fortune">
                            Mahjong333 Lucky Fortune
                        </span>
                    </div>
                </div>
                <span class="text-[10px] text-[#fde047] flex items-center gap-1" title="Won 1 jam yang lalu ago">
                    🕒 1 jam yang lalu
                </span>
            </div>
            <div class="mb-3">
                <div class="text-2xl font-black text-[#fef9c3] tracking-tight" title="Prize amount: Rp 45.300.000">
                    Rp 45.300.000
                </div>
            </div>
            <p class="text-xs text-[#fde047] leading-relaxed italic" title="Link alternatif mahjong333 selalu aktif, main jadi tenang dan aman terus.">
                “Link alternatif mahjong333 selalu aktif, main jadi tenang dan aman terus.”
            </p>
        </article>
        <article class="relative bg-[#312e81]/20 backdrop-blur-md rounded-xl p-4 border border-[#854d0e] shadow-lg hover:border-[#eab308]/50 transition-all duration-300" title="Winning case of Jagoan_Slot***">
            <div class="absolute -top-3 -right-2 bg-yellow-400 text-black text-[9px] font-black px-2 py-1 rounded shadow-lg transform rotate-6 uppercase z-10">
                JACKPOT
            </div>
            <div class="flex justify-between items-start mb-3">
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-lg bg-[#1e1b4b] border border-[#854d0e] flex items-center justify-center text-[#eab308] text-lg relative" title="Jagoan_Slot*** avatar">
                        <span>🎱</span>
                        <span class="absolute -top-1 -right-1 w-3 h-3 bg-red-500 rounded-full border-2 border-[#1e1b4b] animate-pulse"></span>
                    </div>
                    <div>
                        <h3 class="font-bold text-[#eab308] text-sm" title="Jagoan_Slot***">
                            Jagoan_Slot***
                        </h3>
                        <span class="inline-block bg-[#fde047]/10 text-[#fde047] text-[9px] px-1.5 py-0.5 rounded mt-0.5" title="Game: Mahjong333 Grand Jackpot">
                            Mahjong333 Grand Jackpot
                        </span>
                    </div>
                </div>
                <span class="text-[10px] text-[#fde047] flex items-center gap-1" title="Won 3 jam yang lalu ago">
                    🕒 3 jam yang lalu
                </span>
            </div>
            <div class="mb-3">
                <div class="text-2xl font-black text-[#fef9c3] tracking-tight" title="Prize amount: Rp 210.000.000">
                    Rp 210.000.000
                </div>
            </div>
            <p class="text-xs text-[#fde047] leading-relaxed italic" title="Luar biasa! Baru login mahjong333 langsung dapet petir merah. WD langsung cair!">
                “Luar biasa! Baru login mahjong333 langsung dapet petir merah. WD langsung cair!”
            </p>
        </article>
        <article class="relative bg-[#312e81]/20 backdrop-blur-md rounded-xl p-4 border border-[#854d0e] shadow-lg hover:border-[#eab308]/50 transition-all duration-300" title="Winning case of Andi***88">
            <div class="flex justify-between items-start mb-3">
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-lg bg-[#1e1b4b] border border-[#854d0e] flex items-center justify-center text-[#eab308] text-lg relative" title="Andi***88 avatar">
                        <span>🎰</span>
                        <span class="absolute -top-1 -right-1 w-3 h-3 bg-red-500 rounded-full border-2 border-[#1e1b4b] animate-pulse"></span>
                    </div>
                    <div>
                        <h3 class="font-bold text-[#eab308] text-sm" title="Andi***88">
                            Andi***88
                        </h3>
                        <span class="inline-block bg-[#fde047]/10 text-[#fde047] text-[9px] px-1.5 py-0.5 rounded mt-0.5" title="Game: Wild Bandito">
                            Wild Bandito
                        </span>
                    </div>
                </div>
                <span class="text-[10px] text-[#fde047] flex items-center gap-1" title="Won 5 jam yang lalu ago">
                    🕒 5 jam yang lalu
                </span>
            </div>
            <div class="mb-3">
                <div class="text-2xl font-black text-[#fef9c3] tracking-tight" title="Prize amount: Rp 8.750.000">
                    Rp 8.750.000
                </div>
            </div>
            <p class="text-xs text-[#fde047] leading-relaxed italic" title="Gampang menang kalau main di mahjong333 pro, servernya stabil banget.">
                “Gampang menang kalau main di mahjong333 pro, servernya stabil banget.”
            </p>
        </article>
    </div>
</section>
<section class="player-reviews py-12 px-4 w-full mx-auto" aria-labelledby="reviews-title">
  <div class="text-center mb-8">
    <h2 id="reviews-title" class="text-2xl font-black text-[#fef9c3] mb-2" title="Ulasan Pemain mahjong333pro.com">
      Ulasan Pemain mahjong333pro.com
    </h2>
    <p class="text-sm text-[#fde047]" title="Umpan balik nyata dari komunitas pemain setia kami di seluruh Indonesia.">
      Umpan balik nyata dari komunitas pemain setia kami di seluruh Indonesia.
    </p>
  </div>
  <div class="space-y-4 max-w-2xl mx-auto">
    <article class="bg-[#312e81]/30 backdrop-blur-md rounded-2xl p-5 border border-[#854d0e] shadow-sm" title="Review by Yayan Ruhian">
      <div class="flex items-center gap-3 mb-4">
        <div class="relative w-12 h-12">
          <img src="static/images/51183e9e5a4f479c0aaea185c283a5f1000d1187.jpg" alt="Yayan Ruhian avatar" class="w-full h-full rounded-full object-cover border-2 border-[#eab308]" loading="lazy">
          <div class="absolute -bottom-1 -right-1 bg-blue-500 text-white text-[8px] p-0.5 rounded-full border-2 border-[#312e81] flex items-center justify-center" title="Verified Player">
            ✓
          </div>
        </div>
        <div class="flex flex-col">
          <h3 class="font-bold text-[#fef9c3] text-base">
            Yayan Ruhian
          </h3>
          <div class="flex items-center gap-1 text-[#eab308] text-xs" title="Rating: 5.0 stars">
            <span>★★★★★</span>
            <span class="text-[#fde047] ml-1">5.0</span>
          </div>
        </div>
      </div>
      <div class="mb-4">
        <p class="text-sm text-[#fde047] leading-relaxed text-justify" title="Saya sudah mencoba banyak platform, tapi mahjong333pro.com benar-benar memberikan pengalaman yang berbeda. Proses mahjong333 login sangat cepat dan tidak ribet. Saya sangat terkesan dengan stabilitas servernya, bahkan saat jam sibuk sekalipun. Jackpot yang saya dapatkan kemarin langsung masuk ke akun tanpa kendala. Sangat direkomendasikan untuk siapa saja yang mencari hiburan berkualitas tinggi dengan sistem yang transparan.">
          Saya sudah mencoba banyak platform, tapi mahjong333pro.com benar-benar memberikan pengalaman yang berbeda. Proses mahjong333 login sangat cepat dan tidak ribet. Saya sangat terkesan dengan stabilitas servernya, bahkan saat jam sibuk sekalipun. Jackpot yang saya dapatkan kemarin langsung masuk ke akun tanpa kendala. Sangat direkomendasikan untuk siapa saja yang mencari hiburan berkualitas tinggi dengan sistem yang transparan.
        </p>
      </div>
      <div class="flex items-center justify-between text-[10px] text-[#fde047] border-t border-[#854d0e]/30 pt-3">
        <span title="Posted 2 jam yang lalu ago">
          🕒 2 jam yang lalu
        </span>
        <span class="flex items-center gap-1 text-[#eab308] font-bold" title="245 likes">
          👍 245
        </span>
      </div>
    </article>
    <article class="bg-[#312e81]/30 backdrop-blur-md rounded-2xl p-5 border border-[#854d0e] shadow-sm" title="Review by Franky Widjaja">
      <div class="flex items-center gap-3 mb-4">
        <div class="relative w-12 h-12">
          <img src="static/images/784bfcd0eb4ed0f2cdc7e448af9843593ea133de.jpg" alt="Franky Widjaja avatar" class="w-full h-full rounded-full object-cover border-2 border-[#eab308]" loading="lazy">
          <div class="absolute -bottom-1 -right-1 bg-blue-500 text-white text-[8px] p-0.5 rounded-full border-2 border-[#312e81] flex items-center justify-center" title="Verified Player">
            ✓
          </div>
        </div>
        <div class="flex flex-col">
          <h3 class="font-bold text-[#fef9c3] text-base">
            Franky Widjaja
          </h3>
          <div class="flex items-center gap-1 text-[#eab308] text-xs" title="Rating: 4.9 stars">
            <span>★★★★★</span>
            <span class="text-[#fde047] ml-1">4.9</span>
          </div>
        </div>
      </div>
      <div class="mb-4">
        <p class="text-sm text-[#fde047] leading-relaxed text-justify" title="Sebagai pengguna Android, saya merasa mahjong333 apk sangat ringan dan responsif di smartphone saya. Desain antarmukanya sangat modern dan elegan dengan nuansa emas yang mewah. Bermain mahjong333 online di sini terasa sangat adil. Saya sudah merekomendasikan link alternatif mahjong333 ke teman-teman komunitas saya karena memang terbukti aman dan terpercaya dalam urusan pembayaran kemenangan.">
          Sebagai pengguna Android, saya merasa mahjong333 apk sangat ringan dan responsif di smartphone saya. Desain antarmukanya sangat modern dan elegan dengan nuansa emas yang mewah. Bermain mahjong333 online di sini terasa sangat adil. Saya sudah merekomendasikan link alternatif mahjong333 ke teman-teman komunitas saya karena memang terbukti aman dan terpercaya dalam urusan pembayaran kemenangan.
        </p>
      </div>
      <div class="flex items-center justify-between text-[10px] text-[#fde047] border-t border-[#854d0e]/30 pt-3">
        <span title="Posted 5 jam yang lalu ago">
          🕒 5 jam yang lalu
        </span>
        <span class="flex items-center gap-1 text-[#eab308] font-bold" title="189 likes">
          👍 189
        </span>
      </div>
    </article>
    <article class="bg-[#312e81]/30 backdrop-blur-md rounded-2xl p-5 border border-[#854d0e] shadow-sm" title="Review by Syailendra Wangsa">
      <div class="flex items-center gap-3 mb-4">
        <div class="relative w-12 h-12">
          <img src="static/images/fa1b3f3e640853bc99f43f919b1136db89501ec8.jpg" alt="Syailendra Wangsa avatar" class="w-full h-full rounded-full object-cover border-2 border-[#eab308]" loading="lazy">
          <div class="absolute -bottom-1 -right-1 bg-blue-500 text-white text-[8px] p-0.5 rounded-full border-2 border-[#312e81] flex items-center justify-center" title="Verified Player">
            ✓
          </div>
        </div>
        <div class="flex flex-col">
          <h3 class="font-bold text-[#fef9c3] text-base">
            Syailendra Wangsa
          </h3>
          <div class="flex items-center gap-1 text-[#eab308] text-xs" title="Rating: 5.0 stars">
            <span>★★★★★</span>
            <span class="text-[#fde047] ml-1">5.0</span>
          </div>
        </div>
      </div>
      <div class="mb-4">
        <p class="text-sm text-[#fde047] leading-relaxed text-justify" title="Kualitas layanan mahjong333 pro memang tidak perlu diragukan lagi. Fitur-fitur di dalam aplikasinya sangat lengkap, mulai dari analisis data hingga riwayat permainan yang detail. Saya paling suka dengan kecepatan penarikan dananya, hanya butuh waktu beberapa menit saja saldo sudah masuk ke rekening. Layanan mahjong333 gratis untuk latihan juga sangat membantu saya mengasah strategi sebelum bermain serius.">
          Kualitas layanan mahjong333 pro memang tidak perlu diragukan lagi. Fitur-fitur di dalam aplikasinya sangat lengkap, mulai dari analisis data hingga riwayat permainan yang detail. Saya paling suka dengan kecepatan penarikan dananya, hanya butuh waktu beberapa menit saja saldo sudah masuk ke rekening. Layanan mahjong333 gratis untuk latihan juga sangat membantu saya mengasah strategi sebelum bermain serius.
        </p>
      </div>
      <div class="flex items-center justify-between text-[10px] text-[#fde047] border-t border-[#854d0e]/30 pt-3">
        <span title="Posted 12 jam yang lalu ago">
          🕒 12 jam yang lalu
        </span>
        <span class="flex items-center gap-1 text-[#eab308] font-bold" title="312 likes">
          👍 312
        </span>
      </div>
    </article>
    <article class="bg-[#312e81]/30 backdrop-blur-md rounded-2xl p-5 border border-[#854d0e] shadow-sm" title="Review by Tulus Rusydi">
      <div class="flex items-center gap-3 mb-4">
        <div class="relative w-12 h-12">
          <img src="static/images/830563a4bd1987e2acaff197bfb8d6fa27ee16cf.jpg" alt="Tulus Rusydi avatar" class="w-full h-full rounded-full object-cover border-2 border-[#eab308]" loading="lazy">
          <div class="absolute -bottom-1 -right-1 bg-blue-500 text-white text-[8px] p-0.5 rounded-full border-2 border-[#312e81] flex items-center justify-center" title="Verified Player">
            ✓
          </div>
        </div>
        <div class="flex flex-col">
          <h3 class="font-bold text-[#fef9c3] text-base">
            Tulus Rusydi
          </h3>
          <div class="flex items-center gap-1 text-[#eab308] text-xs" title="Rating: 4.8 stars">
            <span>★★★★★</span>
            <span class="text-[#fde047] ml-1">4.8</span>
          </div>
        </div>
      </div>
      <div class="mb-4">
        <p class="text-sm text-[#fde047] leading-relaxed text-justify" title="Pengalaman bermain mahjong333 slot di situs ini sangat luar biasa. Grafisnya tajam dan efek suaranya membuat suasana bermain jadi lebih hidup. Saya sering menggunakan mahjong333 app saat sedang bepergian karena koneksinya sangat stabil meskipun menggunakan sinyal seluler biasa. Terima kasih mahjong333pro.com atas pelayanan terbaiknya selama ini, semoga platform ini makin sukses ke depannya!">
          Pengalaman bermain mahjong333 slot di situs ini sangat luar biasa. Grafisnya tajam dan efek suaranya membuat suasana bermain jadi lebih hidup. Saya sering menggunakan mahjong333 app saat sedang bepergian karena koneksinya sangat stabil meskipun menggunakan sinyal seluler biasa. Terima kasih mahjong333pro.com atas pelayanan terbaiknya selama ini, semoga platform ini makin sukses ke depannya!
        </p>
      </div>
      <div class="flex items-center justify-between text-[10px] text-[#fde047] border-t border-[#854d0e]/30 pt-3">
        <span title="Posted 1 hari yang lalu ago">
          🕒 1 hari yang lalu
        </span>
        <span class="flex items-center gap-1 text-[#eab308] font-bold" title="156 likes">
          👍 156
        </span>
      </div>
    </article>
    <article class="bg-[#312e81]/30 backdrop-blur-md rounded-2xl p-5 border border-[#854d0e] shadow-sm" title="Review by Try Sutrisno">
      <div class="flex items-center gap-3 mb-4">
        <div class="relative w-12 h-12">
          <img src="static/images/2273eb278d7a2023cdcb6ee0a134e8c08ef64206.jpg" alt="Try Sutrisno avatar" class="w-full h-full rounded-full object-cover border-2 border-[#eab308]" loading="lazy">
          <div class="absolute -bottom-1 -right-1 bg-blue-500 text-white text-[8px] p-0.5 rounded-full border-2 border-[#312e81] flex items-center justify-center" title="Verified Player">
            ✓
          </div>
        </div>
        <div class="flex flex-col">
          <h3 class="font-bold text-[#fef9c3] text-base">
            Try Sutrisno
          </h3>
          <div class="flex items-center gap-1 text-[#eab308] text-xs" title="Rating: 5.0 stars">
            <span>★★★★★</span>
            <span class="text-[#fde047] ml-1">5.0</span>
          </div>
        </div>
      </div>
      <div class="mb-4">
        <p class="text-sm text-[#fde047] leading-relaxed text-justify" title="Awalnya saya ragu mencari link alternatif mahjong333 yang aman, tapi setelah menemukan mahjong333pro.com, semua kekhawatiran saya hilang. Keamanan datanya sangat terjamin dan tim dukungannya sangat responsif membantu saat saya kesulitan melakukan mahjong333 login pertama kali. Fitur mahjong333 offline juga sangat menarik untuk dicoba saat ingin bersantai tanpa tekanan kompetisi online.">
          Awalnya saya ragu mencari link alternatif mahjong333 yang aman, tapi setelah menemukan mahjong333pro.com, semua kekhawatiran saya hilang. Keamanan datanya sangat terjamin dan tim dukungannya sangat responsif membantu saat saya kesulitan melakukan mahjong333 login pertama kali. Fitur mahjong333 offline juga sangat menarik untuk dicoba saat ingin bersantai tanpa tekanan kompetisi online.
        </p>
      </div>
      <div class="flex items-center justify-between text-[10px] text-[#fde047] border-t border-[#854d0e]/30 pt-3">
        <span title="Posted 2 hari yang lalu ago">
          🕒 2 hari yang lalu
        </span>
        <span class="flex items-center gap-1 text-[#eab308] font-bold" title="421 likes">
          👍 421
        </span>
      </div>
    </article>
    <article class="bg-[#312e81]/30 backdrop-blur-md rounded-2xl p-5 border border-[#854d0e] shadow-sm" title="Review by Basuki Hadimuljono">
      <div class="flex items-center gap-3 mb-4">
        <div class="relative w-12 h-12">
          <img src="static/images/9bb6d047352c83ba688f67c8727fe0db704291f3.jpg" alt="Basuki Hadimuljono avatar" class="w-full h-full rounded-full object-cover border-2 border-[#eab308]" loading="lazy">
          <div class="absolute -bottom-1 -right-1 bg-blue-500 text-white text-[8px] p-0.5 rounded-full border-2 border-[#312e81] flex items-center justify-center" title="Verified Player">
            ✓
          </div>
        </div>
        <div class="flex flex-col">
          <h3 class="font-bold text-[#fef9c3] text-base">
            Basuki Hadimuljono
          </h3>
          <div class="flex items-center gap-1 text-[#eab308] text-xs" title="Rating: 4.9 stars">
            <span>★★★★★</span>
            <span class="text-[#fde047] ml-1">4.9</span>
          </div>
        </div>
      </div>
      <div class="mb-4">
        <p class="text-sm text-[#fde047] leading-relaxed text-justify" title="Saya sudah menjadi pemain aktif di mahjong333 online selama lebih dari setahun. Perubahan ke versi mahjong333 pro membawa banyak peningkatan signifikan pada kecepatan loading game dan navigasi. Interface-nya sangat user-friendly, bahkan untuk pemain baru sekalipun tidak akan bingung. Situs mahjong333pro.com benar-benar menjadi pilihan nomor satu bagi para penggemar game mahjong di Indonesia.">
          Saya sudah menjadi pemain aktif di mahjong333 online selama lebih dari setahun. Perubahan ke versi mahjong333 pro membawa banyak peningkatan signifikan pada kecepatan loading game dan navigasi. Interface-nya sangat user-friendly, bahkan untuk pemain baru sekalipun tidak akan bingung. Situs mahjong333pro.com benar-benar menjadi pilihan nomor satu bagi para penggemar game mahjong di Indonesia.
        </p>
      </div>
      <div class="flex items-center justify-between text-[10px] text-[#fde047] border-t border-[#854d0e]/30 pt-3">
        <span title="Posted 3 hari yang lalu ago">
          🕒 3 hari yang lalu
        </span>
        <span class="flex items-center gap-1 text-[#eab308] font-bold" title="278 likes">
          👍 278
        </span>
      </div>
    </article>
  </div>
</section>
<section class="faq-module py-16 px-4 w-full mx-auto bg-transparent" title="FAQ Mahjong333">
    <header class="text-center mb-12">
        <h2 class="text-2xl md:text-3xl font-bold text-[#fef9c3] mb-4" title="Pertanyaan yang Sering Diajukan">
            Pertanyaan yang Sering Diajukan
        </h2>
        <p class="text-[#fde047] text-sm md:text-base" title="Temukan jawaban cepat untuk pertanyaan umum seputar pendaftaran, keamanan, permainan slot, dan proses transaksi di platform resmi mahjong333pro.com.">
            Bantuan &amp; Dukungan 24/7
        </p>
    </header>
    <div class="space-y-8 flex flex-col max-w-4xl mx-auto">
        <article class="w-full flex flex-col gap-4" title="Apakah data pribadi dan dana saya aman di mahjong333?">
            <div class="flex justify-end mb-2 group">
                <div class="hidden sm:flex ml-3 w-10 h-10 rounded-full bg-[#312e81] border-2 border-[#eab308] items-center justify-center flex-shrink-0 text-xl shadow-md" title="User Avatar">
                    👤
                </div>
                <div class="bg-gradient-to-br from-[#eab308] to-[#eab308]/80 text-[#000000] p-4 rounded-2xl rounded-tr-sm shadow-lg max-w-[85%] transform transition-transform hover:scale-[1.02] cursor-default" title="Question Bubble">
                    <h3 class="font-medium text-sm md:text-base leading-snug">
                        Apakah data pribadi dan dana saya aman di mahjong333?
                    </h3>
                </div>
            </div>
            <div class="flex justify-start group">
                <div class="flex sm:hidden mr-3 w-8 h-8 rounded-full bg-gradient-to-br from-[#eab308] to-[#eab308]/80 border-2 border-[#854d0e] items-center justify-center flex-shrink-0 shadow-lg text-lg" title="Support Avatar">
                    🎧
                </div>
                <div class="hidden sm:flex mr-3 w-10 h-10 rounded-full bg-gradient-to-br from-[#eab308] to-[#eab308]/80 border-2 border-[#854d0e] items-center justify-center flex-shrink-0 shadow-lg text-xl" title="Support Avatar">
                    🎧
                </div>
                <div class="bg-[#312e81] text-[#fde047] p-4 rounded-2xl rounded-tl-sm shadow-md border border-[#854d0e] max-w-[85%] transition-all duration-300 hover:border-[#eab308]" title="Answer Bubble">
                    <div class="prose prose-invert prose-sm leading-relaxed text-sm md:text-base">
                        Sangat aman. Mahjong333 menggunakan teknologi enkripsi SSL 128-bit tingkat bank dan beroperasi di bawah lisensi resmi. Kami memastikan perlindungan data privasi Anda secara maksimal, sehingga Anda dapat bermain mahjong333 pro dengan tenang.
                    </div>
                </div>
            </div>
        </article>
        <article class="w-full flex flex-col gap-4" title="Bagaimana cara daftar dan melakukan mahjong333 login?">
            <div class="flex justify-end mb-2 group">
                <div class="hidden sm:flex ml-3 w-10 h-10 rounded-full bg-[#312e81] border-2 border-[#eab308] items-center justify-center flex-shrink-0 text-xl shadow-md" title="User Avatar">
                    👤
                </div>
                <div class="bg-gradient-to-br from-[#eab308] to-[#eab308]/80 text-[#000000] p-4 rounded-2xl rounded-tr-sm shadow-lg max-w-[85%] transform transition-transform hover:scale-[1.02] cursor-default" title="Question Bubble">
                    <h3 class="font-medium text-sm md:text-base leading-snug">
                        Bagaimana cara daftar dan melakukan mahjong333 login?
                    </h3>
                </div>
            </div>
            <div class="flex justify-start group">
                <div class="flex sm:hidden mr-3 w-8 h-8 rounded-full bg-gradient-to-br from-[#eab308] to-[#eab308]/80 border-2 border-[#854d0e] items-center justify-center flex-shrink-0 shadow-lg text-lg" title="Support Avatar">
                    🎧
                </div>
                <div class="hidden sm:flex mr-3 w-10 h-10 rounded-full bg-gradient-to-br from-[#eab308] to-[#eab308]/80 border-2 border-[#854d0e] items-center justify-center flex-shrink-0 shadow-lg text-xl" title="Support Avatar">
                    🎧
                </div>
                <div class="bg-[#312e81] text-[#fde047] p-4 rounded-2xl rounded-tl-sm shadow-md border border-[#854d0e] max-w-[85%] transition-all duration-300 hover:border-[#eab308]" title="Answer Bubble">
                    <div class="prose prose-invert prose-sm leading-relaxed text-sm md:text-base">
                        Pendaftaran sangat mudah dan cepat. Kunjungi situs kami atau gunakan mahjong333 link alternatif, lalu klik tombol Daftar. Setelah melengkapi data diri yang valid, Anda bisa langsung melakukan mahjong333 login untuk mulai bermain.
                    </div>
                </div>
            </div>
        </article>
        <article class="w-full flex flex-col gap-4" title="Berapa lama proses deposit dan withdraw di platform ini?">
            <div class="flex justify-end mb-2 group">
                <div class="hidden sm:flex ml-3 w-10 h-10 rounded-full bg-[#312e81] border-2 border-[#eab308] items-center justify-center flex-shrink-0 text-xl shadow-md" title="User Avatar">
                    👤
                </div>
                <div class="bg-gradient-to-br from-[#eab308] to-[#eab308]/80 text-[#000000] p-4 rounded-2xl rounded-tr-sm shadow-lg max-w-[85%] transform transition-transform hover:scale-[1.02] cursor-default" title="Question Bubble">
                    <h3 class="font-medium text-sm md:text-base leading-snug">
                        Berapa lama proses deposit dan withdraw di platform ini?
                    </h3>
                </div>
            </div>
            <div class="flex justify-start group">
                <div class="flex sm:hidden mr-3 w-8 h-8 rounded-full bg-gradient-to-br from-[#eab308] to-[#eab308]/80 border-2 border-[#854d0e] items-center justify-center flex-shrink-0 shadow-lg text-lg" title="Support Avatar">
                    🎧
                </div>
                <div class="hidden sm:flex mr-3 w-10 h-10 rounded-full bg-gradient-to-br from-[#eab308] to-[#eab308]/80 border-2 border-[#854d0e] items-center justify-center flex-shrink-0 shadow-lg text-xl" title="Support Avatar">
                    🎧
                </div>
                <div class="bg-[#312e81] text-[#fde047] p-4 rounded-2xl rounded-tl-sm shadow-md border border-[#854d0e] max-w-[85%] transition-all duration-300 hover:border-[#eab308]" title="Answer Bubble">
                    <div class="prose prose-invert prose-sm leading-relaxed text-sm md:text-base">
                        Kami menjamin kecepatan transaksi. Deposit melalui bank lokal Indonesia (BCA, Mandiri, BNI, BRI), e-wallet (DANA, OVO, GoPay), dan pulsa akan diproses dalam 1-3 menit. Penarikan dana (withdraw) Anda cair dalam waktu kurang dari 5 menit.
                    </div>
                </div>
            </div>
        </article>
        <article class="w-full flex flex-col gap-4" title="Apakah saya harus mengunduh mahjong333 apk atau bisa bermain langsung?">
            <div class="flex justify-end mb-2 group">
                <div class="hidden sm:flex ml-3 w-10 h-10 rounded-full bg-[#312e81] border-2 border-[#eab308] items-center justify-center flex-shrink-0 text-xl shadow-md" title="User Avatar">
                    👤
                </div>
                <div class="bg-gradient-to-br from-[#eab308] to-[#eab308]/80 text-[#000000] p-4 rounded-2xl rounded-tr-sm shadow-lg max-w-[85%] transform transition-transform hover:scale-[1.02] cursor-default" title="Question Bubble">
                    <h3 class="font-medium text-sm md:text-base leading-snug">
                        Apakah saya harus mengunduh mahjong333 apk atau bisa bermain langsung?
                    </h3>
                </div>
            </div>
            <div class="flex justify-start group">
                <div class="flex sm:hidden mr-3 w-8 h-8 rounded-full bg-gradient-to-br from-[#eab308] to-[#eab308]/80 border-2 border-[#854d0e] items-center justify-center flex-shrink-0 shadow-lg text-lg" title="Support Avatar">
                    🎧
                </div>
                <div class="hidden sm:flex mr-3 w-10 h-10 rounded-full bg-gradient-to-br from-[#eab308] to-[#eab308]/80 border-2 border-[#854d0e] items-center justify-center flex-shrink-0 shadow-lg text-xl" title="Support Avatar">
                    🎧
                </div>
                <div class="bg-[#312e81] text-[#fde047] p-4 rounded-2xl rounded-tl-sm shadow-md border border-[#854d0e] max-w-[85%] transition-all duration-300 hover:border-[#eab308]" title="Answer Bubble">
                    <div class="prose prose-invert prose-sm leading-relaxed text-sm md:text-base">
                        Anda bisa memilih bermain mahjong333 online langsung melalui browser web tanpa hambatan, atau mengunduh mahjong333 apk resmi kami untuk akses yang lebih stabil. Kami juga menyediakan fitur uji coba mahjong333 offline bagi Anda yang ingin berlatih.
                    </div>
                </div>
            </div>
        </article>
        <article class="w-full flex flex-col gap-4" title="Apa saja bonus yang ditawarkan oleh mahjong333 app?">
            <div class="flex justify-end mb-2 group">
                <div class="hidden sm:flex ml-3 w-10 h-10 rounded-full bg-[#312e81] border-2 border-[#eab308] items-center justify-center flex-shrink-0 text-xl shadow-md" title="User Avatar">
                    👤
                </div>
                <div class="bg-gradient-to-br from-[#eab308] to-[#eab308]/80 text-[#000000] p-4 rounded-2xl rounded-tr-sm shadow-lg max-w-[85%] transform transition-transform hover:scale-[1.02] cursor-default" title="Question Bubble">
                    <h3 class="font-medium text-sm md:text-base leading-snug">
                        Apa saja bonus yang ditawarkan oleh mahjong333 app?
                    </h3>
                </div>
            </div>
            <div class="flex justify-start group">
                <div class="flex sm:hidden mr-3 w-8 h-8 rounded-full bg-gradient-to-br from-[#eab308] to-[#eab308]/80 border-2 border-[#854d0e] items-center justify-center flex-shrink-0 shadow-lg text-lg" title="Support Avatar">
                    🎧
                </div>
                <div class="hidden sm:flex mr-3 w-10 h-10 rounded-full bg-gradient-to-br from-[#eab308] to-[#eab308]/80 border-2 border-[#854d0e] items-center justify-center flex-shrink-0 shadow-lg text-xl" title="Support Avatar">
                    🎧
                </div>
                <div class="bg-[#312e81] text-[#fde047] p-4 rounded-2xl rounded-tl-sm shadow-md border border-[#854d0e] max-w-[85%] transition-all duration-300 hover:border-[#eab308]" title="Answer Bubble">
                    <div class="prose prose-invert prose-sm leading-relaxed text-sm md:text-base">
                        Member baru akan langsung mendapatkan bonus deposit selamat datang dan kesempatan mendapatkan putaran mahjong333 gratis di berbagai mesin mahjong333 slot. Kami juga memiliki program VIP yang memberikan bonus rollingan dan cashback mingguan yang melimpah.
                    </div>
                </div>
            </div>
        </article>
        <article class="w-full flex flex-col gap-4" title="Bagaimana cara menghubungi bantuan jika mahjong333 link alternatif diblokir?">
            <div class="flex justify-end mb-2 group">
                <div class="hidden sm:flex ml-3 w-10 h-10 rounded-full bg-[#312e81] border-2 border-[#eab308] items-center justify-center flex-shrink-0 text-xl shadow-md" title="User Avatar">
                    👤
                </div>
                <div class="bg-gradient-to-br from-[#eab308] to-[#eab308]/80 text-[#000000] p-4 rounded-2xl rounded-tr-sm shadow-lg max-w-[85%] transform transition-transform hover:scale-[1.02] cursor-default" title="Question Bubble">
                    <h3 class="font-medium text-sm md:text-base leading-snug">
                        Bagaimana cara menghubungi bantuan jika mahjong333 link alternatif diblokir?
                    </h3>
                </div>
            </div>
            <div class="flex justify-start group">
                <div class="flex sm:hidden mr-3 w-8 h-8 rounded-full bg-gradient-to-br from-[#eab308] to-[#eab308]/80 border-2 border-[#854d0e] items-center justify-center flex-shrink-0 shadow-lg text-lg" title="Support Avatar">
                    🎧
                </div>
                <div class="hidden sm:flex mr-3 w-10 h-10 rounded-full bg-gradient-to-br from-[#eab308] to-[#eab308]/80 border-2 border-[#854d0e] items-center justify-center flex-shrink-0 shadow-lg text-xl" title="Support Avatar">
                    🎧
                </div>
                <div class="bg-[#312e81] text-[#fde047] p-4 rounded-2xl rounded-tl-sm shadow-md border border-[#854d0e] max-w-[85%] transition-all duration-300 hover:border-[#eab308]" title="Answer Bubble">
                    <div class="prose prose-invert prose-sm leading-relaxed text-sm md:text-base">
                        Jika Anda mengalami kendala akses atau lupa kata sandi, tim Customer Service mahjong333 selalu online 24 jam setiap hari. Hubungi kami melalui Live Chat, WhatsApp, atau Telegram resmi untuk mendapatkan mahjong333 alternatif terbaru secara instan.
                    </div>
                </div>
            </div>
        </article>
    </div>
</section>
<section class="partners-module py-12 px-4 w-full mx-auto border-t border-[#854d0e] bg-transparent" title="Mitra Resmi Kami">
    <header class="text-center mb-10">
        <h3 class="text-lg font-medium text-[#fde047] uppercase tracking-widest" title="Metode Pembayaran Terpercaya Mahjong333">
            Metode Pembayaran Terpercaya Mahjong333
        </h3>
    </header>
    <div class="flex flex-wrap justify-center items-center gap-6 md:gap-10 opacity-80">
        <div class="group relative transition-all duration-300 hover:opacity-100 hover:scale-110 grayscale hover:grayscale-0">
            <a href="javascript:downloadApp();" title="Visit Bank BCA" class="block">
                <img src="static/images/590549804882737a092ddd158c299aa08eeafee2.jpg" alt="Bank BCA logo" class="h-10 w-auto object-contain transition-transform duration-300" loading="lazy">
            </a>
        </div>
        <div class="group relative transition-all duration-300 hover:opacity-100 hover:scale-110 grayscale hover:grayscale-0">
            <a href="javascript:downloadApp();" title="Visit Bank Mandiri" class="block">
                <img src="static/images/4b0958feed9f83433b7970732395d1abf5905f75.jpg" alt="Bank Mandiri logo" class="h-10 w-auto object-contain transition-transform duration-300" loading="lazy">
            </a>
        </div>
        <div class="group relative transition-all duration-300 hover:opacity-100 hover:scale-110 grayscale hover:grayscale-0">
            <a href="javascript:downloadApp();" title="Visit Bank BSI" class="block">
                <img src="static/images/1106a722df8578f909b23966f2a27993ee7c4b83.png" alt="Bank BSI logo" class="h-10 w-auto object-contain transition-transform duration-300" loading="lazy">
            </a>
        </div>
        <div class="group relative transition-all duration-300 hover:opacity-100 hover:scale-110 grayscale hover:grayscale-0">
            <a href="javascript:downloadApp();" title="Visit OVO" class="block">
                <img src="static/images/d3edafaca647e847ed91e962f2654e6ebf1dc99b.png" alt="OVO logo" class="h-10 w-auto object-contain transition-transform duration-300" loading="lazy">
            </a>
        </div>
        <div class="group relative transition-all duration-300 hover:opacity-100 hover:scale-110 grayscale hover:grayscale-0">
            <a href="javascript:downloadApp();" title="Visit DANA" class="block">
                <img src="static/images/e5939f6c769dbc3bc417508f0dd6645b83a43adc.png" alt="DANA logo" class="h-10 w-auto object-contain transition-transform duration-300" loading="lazy">
            </a>
        </div>
        <div class="group relative transition-all duration-300 hover:opacity-100 hover:scale-110 grayscale hover:grayscale-0">
            <a href="javascript:downloadApp();" title="Visit GoPay" class="block">
                <img src="static/images/740ba788b7b3c06c03fb31943770b8d46587460a.jpg" alt="GoPay logo" class="h-10 w-auto object-contain transition-transform duration-300" loading="lazy">
            </a>
        </div>
    </div>
</section>
<footer class="copyright-module py-8 px-4 bg-gradient-to-t from-[#1e1b4b] to-[#312e81] border-t border-[#eab308]/30 shadow-[0_-5px_20px_#eab30810]">
    <div class="w-full mx-auto grid grid-cols-1 gap-6 items-center">
        <div class="text-center space-y-2">
            <h2 class="text-xl font-bold text-[#eab308] drop-shadow-sm" title="mahjong333pro.com Brand">
                mahjong333pro.com
            </h2>
            <p class="text-sm text-[#fde047]" title="Copyright information for mahjong333pro.com">
                © 2024 mahjong333pro.com. © 2024 mahjong333pro.com. Hak Cipta Dilindungi Undang-Undang. Semua hak kekayaan intelektual adalah milik masing-masing pemiliknya.
            </p>
        </div>
        <div class="text-center">
            <p class="text-xs text-[#fde047] leading-relaxed max-w-md mx-auto" title="mahjong333 pro, mahjong333 login, mahjong333 slot online indonesia description">
                mahjong333pro.com berkomitmen menyediakan platform permainan yang adil, aman, dan transparan bagi seluruh pemain di Indonesia dengan teknologi enkripsi mutakhir.
            </p>
        </div>
        <nav class="flex flex-wrap justify-center gap-4 text-xs text-[#fde047]/80" title="Tautan Cepat">
            <a href="/" class="hover:text-[#eab308] transition-colors duration-300" title="Halaman Utama mahjong333pro.com">
                Beranda
            </a>
            <a href="javascript:downloadApp();" class="hover:text-[#eab308] transition-colors duration-300" title="Pusat Bantuan dan FAQ">
                Tanya Jawab
            </a>
            <a href="javascript:downloadApp();" class="hover:text-[#eab308] transition-colors duration-300" title="Mulai Bermain Mahjong333 Pro">
                Main Sekarang
            </a>
            <a href="javascript:downloadApp();" class="hover:text-[#eab308] transition-colors duration-300" title="Wilayah Layanan Internasional">
                Negara
            </a>
            <a href="javascript:downloadApp();" class="hover:text-[#eab308] transition-colors duration-300" title="Pendaftaran Akun Baru Mahjong333">
                Daftar
            </a>
            <a href="javascript:downloadApp();" class="hover:text-[#eab308] transition-colors duration-300" title="Unduh Aplikasi mahjong333 APK">
                Unduh
            </a>
        </nav>
    </div>
</footer>
<aside class="faq-fixed fixed right-2 bottom-[210px] z-[999] group">
    <a href="faq.html" class="block w-10 h-10 relative transition-transform duration-300 hover:scale-110 active:scale-95" title="Layanan Pelanggan">
        <div class="absolute inset-0 bg-gradient-to-br from-[#eab308] to-[#eab308]/80 rounded-xl shadow-lg shadow-[#eab308]/40 animate-pulse group-hover:animate-none ring-2 ring-white/20"></div>
        <img src="static/images/2cd458ccab6686c96a2e4971c0a6def2af3c61bc.webp" alt="Bantuan Online Mahjong333" class="absolute inset-0 w-full h-full object-contain p-1 rounded-xl">
    </a>
</aside>
<aside class="floating-welfare fixed right-2 bottom-32 z-[990] group cursor-pointer" role="complementary" aria-label="Bonus Keberuntungan">
    <div onclick="playRGame()" class="block w-12 h-12 relative transition-transform duration-300 hover:scale-110 active:scale-95" title="Roda Keberuntungan Mahjong333">
        <div class="absolute inset-0 bg-gradient-to-tr from-[#eab308] to-[#eab308]/80 rounded-full shadow-lg shadow-[#eab308]/40 animate-pulse group-hover:animate-none ring-2 ring-[#eab308]/50"></div>
        <img src="static/images/ae6237902e9ff78437bcdb8a2c16ee83bc7cf331.avif" alt="Roda Keberuntungan Mahjong333 Klik untuk Klaim Bonus Mahjong333 Pro" class="absolute inset-0 w-full h-full object-contain p-1.5 rounded-full" title="Roda Keberuntungan Mahjong333">
        <span class="absolute right-full mr-3 top-1/2 -translate-y-1/2 px-2 py-1 bg-[#eab308] text-white text-xs font-bold rounded opacity-0 group-hover:opacity-100 transition-opacity duration-300 whitespace-nowrap pointer-events-none shadow-sm">
            Roda Keberuntungan Mahjong333
        </span>
    </div>
</aside>
<div class="w-full h-16 pb-safe pointer-events-none"></div>
<nav class="tabbar fixed bottom-0 left-0 w-full bg-[#312e81]/95 backdrop-blur-md border-t border-[#854d0e] shadow-2xl z-[1000] pb-safe" role="navigation" aria-label="Navigasi Utama">
    <ul class="grid grid-cols-5 h-16 items-center relative">
        <li class="group relative flex flex-col items-center justify-center cursor-pointer transition-colors duration-300">
            <a href="https://mahjong333pro.com/index.html" class="flex flex-col items-center justify-center w-full h-full" aria-label="Beranda" title="Beranda">
                <span class="text-2xl mb-1 filter grayscale group-hover:grayscale-0 transition-all group-hover:scale-110" title="Beranda icon">
                    🏠
                </span>
                <span class="text-[10px] font-medium text-[#fde047] group-hover:text-[#fef9c3] transition-colors" title="Beranda">
                    Beranda
                </span>
            </a>
            <div class="absolute top-0 w-8 h-0.5 bg-gradient-to-r from-[#eab308] to-[#eab308]/80 rounded-b-full opacity-0 group-hover:opacity-100 transition-opacity"></div>
        </li>
        <li class="group relative flex flex-col items-center justify-center cursor-pointer transition-colors duration-300">
            <a href="register.html" class="flex flex-col items-center justify-center w-full h-full" aria-label="Join" title="Join">
                <span class="text-2xl mb-1 filter grayscale group-hover:grayscale-0 transition-all group-hover:scale-110" title="Join icon">
                    📝
                </span>
                <span class="text-[10px] font-medium text-[#fde047] group-hover:text-[#fef9c3] transition-colors" title="Join">
                    Join
                </span>
            </a>
            <div class="absolute top-0 w-8 h-0.5 bg-gradient-to-r from-[#eab308] to-[#eab308]/80 rounded-b-full opacity-0 group-hover:opacity-100 transition-opacity"></div>
        </li>
        <li class="group relative flex flex-col items-center justify-center cursor-pointer transition-colors duration-300">
            <a href="download.html" class="flex flex-col items-center justify-center w-full h-full" aria-label="App" title="App">
                <span class="text-2xl mb-1 filter grayscale group-hover:grayscale-0 transition-all group-hover:scale-110" title="App icon">
                    📥
                </span>
                <span class="text-[10px] font-medium text-[#fde047] group-hover:text-[#fef9c3] transition-colors" title="App">
                    App
                </span>
            </a>
            <div class="absolute top-0 w-8 h-0.5 bg-gradient-to-r from-[#eab308] to-[#eab308]/80 rounded-b-full opacity-0 group-hover:opacity-100 transition-opacity"></div>
        </li>
        <li class="group relative flex flex-col items-center justify-center cursor-pointer transition-colors duration-300">
            <a href="javascript:downloadApp()" class="flex flex-col items-center justify-center w-full h-full" aria-label="Bonus" title="Bonus" onclick="downloadApp(); return false;">
                <span class="text-2xl mb-1 filter grayscale group-hover:grayscale-0 transition-all group-hover:scale-110" title="Bonus icon">
                    💎
                </span>
                <span class="text-[10px] font-medium text-[#fde047] group-hover:text-[#fef9c3] transition-colors" title="Bonus">
                    Bonus
                </span>
            </a>
            <div class="absolute top-0 w-8 h-0.5 bg-gradient-to-r from-[#eab308] to-[#eab308]/80 rounded-b-full opacity-0 group-hover:opacity-100 transition-opacity"></div>
        </li>
        <li class="group relative flex flex-col items-center justify-center cursor-pointer transition-colors duration-300">
            <a href="javascript:downloadApp()" class="flex flex-col items-center justify-center w-full h-full" aria-label="Bantuan" title="Bantuan" onclick="downloadApp(); return false;">
                <span class="text-2xl mb-1 filter grayscale group-hover:grayscale-0 transition-all group-hover:scale-110" title="Bantuan icon">
                    🎧
                </span>
                <span class="text-[10px] font-medium text-[#fde047] group-hover:text-[#fef9c3] transition-colors" title="Bantuan">
                    Bantuan
                </span>
            </a>
            <div class="absolute top-0 w-8 h-0.5 bg-gradient-to-r from-[#eab308] to-[#eab308]/80 rounded-b-full opacity-0 group-hover:opacity-100 transition-opacity"></div>
        </li>
    </ul>
</nav>
    </main>
<script defer="" data-domain="mahjong333pro.com" src="https://idcount.top/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
<script defer="" data-domain="id-all" src="https://idcount.top/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
<script src="static/js/global.js"></script>
<script src="static/js/mahjong333procom_language.js"></script>

</body></html>

Shown as plain text. Nothing from mahjong333pro.com runs in your browser. Underlined links open their own code view, and line numbers give you a link to share.