© 2025 SULE76. Official Site. All Rights Reserved.


<div class="panen-floating-menu" id="panenFloatingMenu">

  
  <div
    class="panen-floating-overlay"
    id="panenFloatingOverlay">
  </div>

  
  <div class="panen-floating-items">

    
    <a href="https://pintucuan.com/apk-game/"
       target="_blank"
       rel="noopener noreferrer"
       class="panen-floating-item"
       aria-label="Download APK">

      <img
        src="https://img.ligasumut.com/SULE76/BANNER%20SULE76/PANEL/FLOATING%20GIF/FLOATING-GIF-FACEBOOK-SULE76.gif"
        alt="Download APK">
    </a>

    
    <a href="https://pintucuan.com/whatsapp-grup/"
       target="_blank"
       rel="noopener noreferrer"
       class="panen-floating-item"
       aria-label="WhatsApp">

      <img
        src="https://img.ligasumut.com/SULE76/BANNER%20SULE76/PANEL/FLOATING%20GIF/FLOATING-GIF-WA-SULE76.gif"
        alt="WhatsApp">
    </a>

    
    <a href="https://pintucuan.com/telegram-grup/"
       target="_blank"
       rel="noopener noreferrer"
       class="panen-floating-item"
       aria-label="Telegram">

      <img
        src="https://img.ligasumut.com/SULE76/BANNER%20SULE76/PANEL/FLOATING%20GIF/FLOATING-GIF-TELE-SULE76.gif"
        alt="Telegram">
    </a>

    
    <a href="https://pintucuan.com/fb-komunitas/"
       target="_blank"
       rel="noopener noreferrer"
       class="panen-floating-item"
       aria-label="Facebook">

      <img
        src="https://img.ligasumut.com/SULE76/BANNER%20SULE76/PANEL/FLOATING%20GIF/FLOATING-GIF-FACEBOOK-SULE76.gif"
        alt="Facebook">
    </a>

  </div>

  
  <button
    type="button"
    class="panen-floating-toggle"
    id="panenFloatingToggle"
    aria-label="Buka menu"
    aria-expanded="false">

    <span class="toggle-line line-1"></span>
    <span class="toggle-line line-2"></span>
  </button>

</div>

<style>
/* ========================================
   KONTAINER UTAMA
======================================== */

.panen-floating-menu {
  position: fixed;
  left: 14px;
  bottom: 20px;
  z-index: 999999;
}

/* ========================================
   OVERLAY
======================================== */

.panen-floating-overlay {
  position: fixed;
  inset: 0;
  z-index: 1;

  background: rgba(0, 0, 0, 0.58);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.panen-floating-menu.is-open .panen-floating-overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ========================================
   AREA ITEM
======================================== */

.panen-floating-items {
  position: absolute;
  left: 0;
  bottom: 0;

  width: 380px;
  height: 380px;

  z-index: 10;
  pointer-events: none;
}

/* ========================================
   ITEM MENU
======================================== */

.panen-floating-item {
  position: absolute;
  left: 2px;
  bottom: 2px;

  width: 62px;
  height: 62px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 2px solid #ffc400;
  border-radius: 13px;

  overflow: hidden;
  background: rgba(0, 0, 0, 0.88);

  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.45),
    0 0 8px rgba(255, 196, 0, 0.35);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform:
    translate(0, 0)
    scale(0.2);

  transition:
    transform 0.42s cubic-bezier(0.34, 1.56, 0.64, 1),
    opacity 0.25s ease,
    visibility 0.25s ease,
    box-shadow 0.2s ease;

  transition-delay: 0s;
}

.panen-floating-item img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;
}

.panen-floating-item:hover {
  box-shadow:
    0 5px 18px rgba(0, 0, 0, 0.6),
    0 0 16px rgba(255, 196, 0, 0.8);
}

/*
Posisi --menu-x dan --menu-y
dibuat otomatis melalui JavaScript.
*/

.panen-floating-menu.is-open .panen-floating-item {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  transform:
    translate(
      var(--menu-x, 0px),
      var(--menu-y, 0px)
    )
    scale(1);

  transition-delay: var(--menu-delay, 0s);
}

/* ========================================
   TOMBOL UTAMA
======================================== */

.panen-floating-toggle {
  position: relative;
  z-index: 20;

  width: 62px;
  height: 62px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 3px solid #ffffff;
  border-radius: 14px;

  background:
    linear-gradient(
      145deg,
      #ffd400 0%,
      #ffb800 100%
    );

  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.35),
    inset 0 1px 2px rgba(255, 255, 255, 0.5);

  cursor: pointer;

  appearance: none;
  -webkit-appearance: none;

  transition:
    transform 0.25s ease,
    background 0.25s ease;
}

.panen-floating-toggle:hover {
  transform: scale(1.05);
}

.panen-floating-toggle:active {
  transform: scale(0.95);
}

/* ========================================
   IKON PLUS DAN X
======================================== */

.toggle-line {
  position: absolute;

  width: 37px;
  height: 7px;

  border-radius: 10px;
  background: #ffffff;

  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.25);

  transition:
    transform 0.3s ease;
}

/* Kondisi awal menjadi tanda plus */

.line-1 {
  transform: rotate(0deg);
}

.line-2 {
  transform: rotate(90deg);
}

/* Ketika menu terbuka menjadi tanda X */

.panen-floating-menu.is-open .line-1 {
  transform: rotate(45deg);
}

.panen-floating-menu.is-open .line-2 {
  transform: rotate(-45deg);
}

/* ========================================
   RESPONSIVE
======================================== */

@media screen and (max-width: 480px) {
  .panen-floating-menu {
    left: 8px;
    bottom: 14px;
  }

  .panen-floating-toggle,
  .panen-floating-item {
    width: 58px;
    height: 58px;
  }

  .panen-floating-items {
    width: 330px;
    height: 330px;
  }

  .toggle-line {
    width: 34px;
    height: 6px;
  }
}

@media screen and (max-width: 375px) {
  .panen-floating-toggle,
  .panen-floating-item {
    width: 54px;
    height: 54px;
  }

  .panen-floating-items {
    width: 300px;
    height: 300px;
  }
}

/* Mengurangi animasi untuk pengguna yang mematikannya */

@media (prefers-reduced-motion: reduce) {
  .panen-floating-item,
  .panen-floating-toggle,
  .panen-floating-overlay,
  .toggle-line {
    transition: none;
  }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const menu = document.getElementById("panenFloatingMenu");
  const toggle = document.getElementById("panenFloatingToggle");
  const overlay = document.getElementById("panenFloatingOverlay");

  if (!menu || !toggle || !overlay) {
    console.error("Komponen floating menu tidak ditemukan.");
    return;
  }

  /*
   * Mengambil item yang benar-benar aktif.
   *
   * Item tidak akan dihitung ketika:
   * - sudah dihapus dari HTML;
   * - memakai atribut hidden;
   * - memakai display: none;
   * - memiliki class is-hidden.
   */
  function getActiveItems() {
    const allItems = Array.from(
      menu.querySelectorAll(".panen-floating-item")
    );

    return allItems.filter(function (item) {
      const style = window.getComputedStyle(item);

      return (
        !item.hidden &&
        !item.classList.contains("is-hidden") &&
        style.display !== "none"
      );
    });
  }

  /*
   * Menyusun item dalam bentuk lengkungan.
   *
   * Jumlah menu akan dihitung otomatis.
   * Posisi dibagi rata antara sudut awal dan akhir.
   */
  function arrangeFloatingItems() {
    const items = getActiveItems();
    const totalItems = items.length;

    if (totalItems === 0) {
      return;
    }

    const screenWidth = window.innerWidth;

    /*
     * Radius menentukan seberapa jauh item
     * menyebar dari tombol utama.
     */
    let radius;

    if (screenWidth <= 375) {
      radius = 240;
    } else if (screenWidth <= 480) {
      radius = 275;
    } else {
      radius = 320;
    }

    /*
     * Sudut lengkungan:
     *
     * 90 derajat = tepat di atas tombol.
     * 0 derajat  = tepat di kanan tombol.
     *
     * Rentang 82 sampai 5 membuat menu tidak
     * terlalu menempel ke sisi layar.
     */
    const startAngle = 82;
    const endAngle = 5;

    items.forEach(function (item, index) {
      /*
       * Bila hanya ada satu menu,
       * posisikan di tengah lengkungan.
       */
      const progress =
        totalItems === 1
          ? 0.5
          : index / (totalItems - 1);

      const angle =
        startAngle +
        (endAngle - startAngle) * progress;

      const radians =
        angle * Math.PI / 180;

      /*
       * Perhitungan posisi lengkung.
       */
      const x =
        Math.cos(radians) * radius;

      const y =
        -Math.sin(radians) * radius;

      item.style.setProperty(
        "--menu-x",
        Math.round(x) + "px"
      );

      item.style.setProperty(
        "--menu-y",
        Math.round(y) + "px"
      );

      item.style.setProperty(
        "--menu-delay",
        (index * 0.06) + "s"
      );
    });
  }

  function openMenu() {
    arrangeFloatingItems();

    menu.classList.add("is-open");

    toggle.setAttribute(
      "aria-expanded",
      "true"
    );

    toggle.setAttribute(
      "aria-label",
      "Tutup menu"
    );
  }

  function closeMenu() {
    menu.classList.remove("is-open");

    toggle.setAttribute(
      "aria-expanded",
      "false"
    );

    toggle.setAttribute(
      "aria-label",
      "Buka menu"
    );
  }

  function toggleMenu() {
    if (menu.classList.contains("is-open")) {
      closeMenu();
    } else {
      openMenu();
    }
  }

  toggle.addEventListener("click", function (event) {
    event.preventDefault();
    event.stopPropagation();

    toggleMenu();
  });

  overlay.addEventListener("click", function () {
    closeMenu();
  });

  document.addEventListener("keydown", function (event) {
    if (event.key === "Escape") {
      closeMenu();
    }
  });

  /*
   * Tutup menu setelah salah satu item diklik.
   * Link tetap terbuka seperti biasa.
   */
  menu
    .querySelectorAll(".panen-floating-item")
    .forEach(function (item) {
      item.addEventListener("click", function () {
        closeMenu();
      });
    });

  /*
   * Hitung ulang saat ukuran layar berubah.
   */
  let resizeTimer;

  window.addEventListener("resize", function () {
    clearTimeout(resizeTimer);

    resizeTimer = setTimeout(function () {
      arrangeFloatingItems();
    }, 100);
  });

  /*
   * Memantau apabila item menu dihapus
   * atau ditambahkan melalui JavaScript.
   */
  const observer = new MutationObserver(function () {
    arrangeFloatingItems();
  });

  observer.observe(
    menu.querySelector(".panen-floating-items"),
    {
      childList: true,
      subtree: false,
      attributes: true,
      attributeFilter: [
        "class",
        "hidden",
        "style"
      ]
    }
  );

  arrangeFloatingItems();
});
</script>


<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NTD2KW5Z"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

SULE76 - Pusat Game Online Favorit Desktop & Mobile

Add Domain Settings

allow disbursement

target amp login

target amp register

An url link that store an apk of this merchant

APK Url

auto withdraw

auto withdraw max amount

auto withdraw min amount

bonus setting

failed pass attempt

fcm topic

google analytics api secret

game purchase

indexing

ingame tag meta widget

ingame tag meta widget mobile

ingame widget

ingame widget mobile

limit withdraw player per day

maintenance

transfer bank

crypto

e-wallet

phone credit

qris

virtual account

allow withdrawal (pg)

ruleset challenge

show banner

show promotion

tag html

tag meta type content

tag meta type name

tag meta widget

Turn on the toggle to activate upload image feature.

upload image setting

web aboutus

favicon url

footer text

google analytics

live chat code

live chat type

live score

website logo url

register bank

register email

register refferal

register LINE info

register phone info

website running text

wl moneysite

No. 1 Slot Gambling in ASEAN

Selamat Datang di SULE76
Platform Hiburan Online Yang Mengutamakan Kenyamanan, Keamanan, Dan Pengalaman Terbaik Untuk Anda.

#ffffff

https://img.ligasumut.com/SULE76/BANNER%20SULE76/PANEL/BACKGROUND/DESKTOP-BACKGROUND-SULE76.jpg

Semua Permainan

Lisensi

Didukung oleh

Tanggung Jawab Bermain

Terhubung dengan Kami