338SLOT: Situs Slot Gacor Online Dunia Game Terbesar In Asia

338slot

Fortune of Olympus

kirinMahjongUltra

Kirin Mahjong Ultra

Mahjong Princess

P5_mahjongMaxWin

Cleopatra Megaways

MAHJONG: ORIGIN 2

Mahjong Mania X

Gates of Olympus 1000

mewtwosRevengeEvolution

Mewtwo's Revenge Evolution

SMG_almightyZeusWildsLinkMerge

Almighty Zeus Wilds Link & Merge

Golden Mahjong Deluxe

Candy Surge Gold Megaways

olympianZeusUltra

Olympian Zeus ULTRA

Mahjong Rich Ways

Golden Gunslinger

SMG_luckyTwinsWildsLinkMerge

Lucky Twins Wilds Link & Merge

gpas_gtr10k_pop

Gold Trio 10000

Mayan Ruins Megaways

Pragmatic Play

Fat Panda

PG Soft

BLITZ GAMING SOFT

BLITZ GAMING SOFT

Afb Gaming

NEXTSPIN

Microgaming

Advantplay

FASTSPIN

Spade Gaming

Playtech Slot

Joker Gaming

WONWON

GB Game

BESOFT

Playstar

NoLimit City

BT GAMING

RED TIGER

CQ9 Gaming

Fa Chai

YGR Slot

HG5

RICH88

JILI

5G GAMES

MIMI GAMING

JDB

Habanero

Hydako

FUNKY GAMES

WOW GAMING

Pragmatic Play LC

Pragmatic Play LC

Playtech Casino

Playtech Casino

ALLBET

MICROGAMING LC

Sexy Gaming

WM Casino

Evolution

CHOICE

OG Casino

AI CASINO

Dream Gaming

Jumat, 2026-06-12

Jumat, 2026-06-12

Jumat, 2026-06-12

Jumat, 2026-06-12

Jumat, 2026-06-12

Jumat, 2026-06-12

Jumat, 2026-06-12

Jumat, 2026-06-12

Jumat, 2026-06-12

Jumat, 2026-06-12

Kampot Letter of Fortune

Jumat, 2026-06-12

Rabu, 2026-06-10

Jumat, 2026-06-12

Jumat, 2026-06-12

Jumat, 2026-06-12

Kamis, 2026-06-11

Kamis, 2026-06-11

Jumat, 2026-06-12

Jumat, 2026-06-12

Jumat, 2026-06-12

Jumat, 2026-06-12

Jumat, 2026-06-12

/** * 338SLOT FLOATING MENU (Perfect Flex Architecture Fix) * Fixed: * 1. Menghilangkan bug tombol melompat ke atas saat diklik menggunakan 'column-reverse'. * 2. Posisi tombol utama statis/mati, menu dropdown akan terbuka memanjang ke atas. * 3. Tidak akan menutupi bottom navigation bar bawaan web asli. * 4. Live Score sebagai tombol permanen di bawah hamburger (selalu visible). */ (function() { // --- 1. CLEANUP (Hapus menu lama) --- var oldMenu = document.getElementById('mpo-floating-container'); if (oldMenu) oldMenu.remove(); // --- 2. INJECT ASSETS (FontAwesome & Font) --- if (!document.querySelector('link[href*="font-awesome"]')) { var faLink = document.createElement('link'); faLink.rel = 'stylesheet'; faLink.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css'; document.head.appendChild(faLink); } if (!document.querySelector('link[href*="fonts.googleapis.com/css2?family=Outfit"]')) { var fontLink = document.createElement('link'); fontLink.rel = 'stylesheet'; fontLink.href = 'https://fonts.googleapis.com/css2?family=Outfit:wght@700;800&display=swap'; document.head.appendChild(fontLink); } // --- 3. CSS STYLES --- var css = ` :root { --mpo-yellow: #FFC107; --mpo-green: #004d40; --mpo-red: #DC3545; --mpo-android-green: #3DDC84; } /* Container Utama - Menggunakan column-reverse agar menu pop-up ke atas */ #mpo-floating-container { position: fixed; bottom: 75px; /* Jarak aman tepat di atas navigasi bawaan web */ left: 10px; z-index: 99999; display: flex; flex-direction: column-reverse; /* Kunci utama: List menu tumbuh ke atas, tombol tetap di bawah */ align-items: center; width: 60px; gap: 12px; } /* --- TOMBOL TRIGGER UTAMA --- */ #mpo-trigger-btn { width: 55px; height: 55px; border-radius: 50%; border: 3px solid var(--mpo-green); background: var(--mpo-yellow); display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.5); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; box-sizing: border-box; overflow: hidden; } /* --- LOGO MENU HAMBURGER (DEFAULT) --- */ .mpo-content-menu { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; transition: opacity 0.2s; padding-top: 4px; } /* Garis Strip Tiga */ .mpo-burger-strips { display: flex; flex-direction: column; gap: 3px; margin-bottom: 2px; } .mpo-burger-strips span { display: block; width: 24px; height: 3.5px; background-color: var(--mpo-green); border-radius: 2px; } /* Text MENU */ .mpo-btn-text { font-family: 'Outfit', sans-serif; font-size: 9px; font-weight: 800; color: var(--mpo-green); line-height: 1; } /* --- LOGO CLOSE X (HIDDEN BY DEFAULT) --- */ .mpo-content-close { display: none; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 24px; color: #fff; } /* --- STATE: ACTIVE (MENU TERBUKA) --- */ #mpo-trigger-btn.active { background: var(--mpo-red); border-color: #fff; transform: rotate(0deg); } #mpo-trigger-btn.active .mpo-content-menu { display: none; } #mpo-trigger-btn.active .mpo-content-close { display: flex; } /* --- LIST MENU (POP UP KE ATAS) --- */ #mpo-icon-list { display: none; flex-direction: column-reverse; /* List urut naik ke atas */ gap: 10px; width: 100%; align-items: center; } #mpo-icon-list.show { display: flex; } /* --- ITEM MENU --- */ .mpo-menu-item { display: block; width: 50px; height: 50px; border-radius: 50%; border: 2px solid var(--mpo-yellow); background: #000; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.6); transition: transform 0.2s ease; opacity: 0; transform: translateY(20px); /* Efek pop-up dari bawah ke atas */ cursor: pointer; position: relative; } .mpo-menu-item:hover { transform: scale(1.15) !important; border-color: #fff; z-index: 10; } .mpo-menu-item img { width: 100%; height: 100%; object-fit: contain; } /* Animasi Muncul ke Atas */ @keyframes popUp { to { opacity: 1; transform: translateY(0); } } /* --- STATIC ITEM (LIVE SCORE - Selalu Visible) --- */ .mpo-static-item { opacity: 1 !important; transform: translateY(0) !important; animation: none !important; border: 2px solid var(--mpo-yellow); } .mpo-static-item:hover { transform: scale(1.15) !important; border-color: #fff; z-index: 10; } `; // 4. INJECT CSS var styleSheet = document.createElement("style"); styleSheet.innerText = css; document.head.appendChild(styleSheet); // 5. HTML STRUCTURE // Urutan visual dari BAWAH ke ATAS (karena column-reverse): // [Live Score] Ã¢â€ Â paling bawah, permanen // [MENU Ã°Å¸Ââ€] Ã¢â€ Â tombol hamburger // [APK] Ã¢â€ Â menu pop-up (tersembunyi, muncul ke atas saat dibuka) // [Spinwheel] // [dst...] var htmlContent = `

`; // 6. INJECT HTML var container = document.createElement('div'); container.id = 'mpo-floating-container'; container.innerHTML = htmlContent; document.body.appendChild(container); // 7. LOGIC var triggerBtn = document.getElementById('mpo-trigger-btn'); var iconList = document.getElementById('mpo-icon-list'); var items = document.querySelectorAll('#mpo-icon-list .mpo-menu-item'); // Hanya ambil item di dalam list, bukan static item // -- Toggle Function -- triggerBtn.addEventListener('click', function(e) { e.stopPropagation(); var isActive = triggerBtn.classList.contains('active'); if (isActive) { triggerBtn.classList.remove('active'); iconList.classList.remove('show'); } else { triggerBtn.classList.add('active'); iconList.classList.add('show'); items.forEach(function(item, index) { item.style.animation = 'none'; item.offsetHeight; item.style.animation = 'popUp 0.3s forwards ' + (index * 0.08) + 's'; }); } }); // -- Close on Outside Click -- document.addEventListener('click', function(e) { if (!container.contains(e.target) && triggerBtn.classList.contains('active')) { triggerBtn.classList.remove('active'); iconList.classList.remove('show'); } }); // -- Check-in Button Handler -- function triggerDailyCheckIn() { if (typeof window.mpocashOpenDailyLogin === 'function') { window.mpocashOpenDailyLogin(); } else if (typeof window.checkIn === 'function') { window.checkIn(); } else if (typeof window.openModalCheckin === 'function') { window.openModalCheckin(); } else { console.log("Fungsi check-in asli sedang dimuat..."); var originalBtn = document.querySelector('.daily-checkin-btn-original'); if(originalBtn) originalBtn.click(); } } var dailyBtn = document.getElementById('mpo-daily-login'); if(dailyBtn){ dailyBtn.addEventListener('click', function(e){ e.preventDefault(); triggerDailyCheckIn(); }); } })();