<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <title>लकी बॉक्स</title>

    <link
      rel="shortcut icon"
      href="https://assets.googleplaystore.in/7TW8KGJ/images/icon.webp"
      type="image/x-icon"
    />

    <!-- Google tag (gtag.js) -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-LLDC68LK6V"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());
      gtag("config", "G-LLDC68LK6V");
    </script>

    <!-- Meta Pixel Code -->
    <script>
      !(function (f, b, e, v, n, t, s) {
        if (f.fbq) return;
        n = f.fbq = function () {
          n.callMethod
            ? n.callMethod.apply(n, arguments)
            : n.queue.push(arguments);
        };
        if (!f._fbq) f._fbq = n;
        n.push = n;
        n.loaded = !0;
        n.version = "2.0";
        n.queue = [];
        t = b.createElement(e);
        t.async = !0;
        t.src = v;
        s = b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t, s);
      })(
        window,
        document,
        "script",
        "https://connect.facebook.net/en_US/fbevents.js",
      );
      fbq("init", "");
      fbq("track", "PageView");
    </script>
    <script src="/js/visitor.js"></script>
    <script src="/js/stable-device-fingerprint.js"></script>
    <script>
      window.__DEVICE_FINGERPRINT__ = null;
      window.__DEVICE_ID__ = "";
      window.__VISITOR_ID__ = "";

      (function (window) {
        function initDeviceIdentity() {
          if (!window.StableDeviceFingerprint) {
            console.warn("StableDeviceFingerprint is not loaded.");
            return;
          }

          var visitorId = window.IdentityVisitor
            ? window.IdentityVisitor.getOrCreateVisitorId()
            : "";

          window.__VISITOR_ID__ = visitorId;

          window.StableDeviceFingerprint.collectFingerprint().then(function (fp) {
            fp.visitorId = visitorId;
            window.__DEVICE_FINGERPRINT__ = fp;
            window.__DEVICE_ID__ = fp.deviceId;
            console.log("deviceId:", fp.deviceId);
            console.log("device fingerprint:", fp);
          });
        }

        if (document.readyState === "loading") {
          document.addEventListener("DOMContentLoaded", initDeviceIdentity);
        } else {
          initDeviceIdentity();
        }
      })(window);
    </script>
    <noscript
      ><img
        height="1"
        width="1"
        style="display: none"
        src="https://www.facebook.com/tr?id=&ev=PageView&noscript=1"
    /></noscript>

    <script src="MPP157/js/w2a_sdk.js"></script>

    <style>
      :root {
        ---red: linear-gradient(180deg, #5996b7 0%, #2f6dca 100%);
        ---gold: linear-gradient(180deg, #ffd700 0%, #d4af37 100%);
        --cta-green: linear-gradient(180deg, #28a745 0%, #155724 100%);
        --card-glass: rgba(255, 255, 255, 0.1);
      }

      body {
        margin: 0;
        padding: 0;
        background: #2b0000;
        font-family:
          "Roboto",
          -apple-system,
          sans-serif;
        color: white;
        overflow-x: hidden;
      }

      .wrapper {
        max-width: 500px;
        margin: 0 auto;
        background: var(---red);
        min-height: 100vh;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
        position: relative;
      }

      .wrapper::after {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 4px;
        background: var(---gold);
        z-index: 10;
      }

      .header {
        text-align: center;
        padding: 30px 15px 15px;
      }
      .logo {
        width: 120px;
        filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.5));
      }

      .bon-box {
        background: var(--card-glass);
        border: 1px solid rgba(212, 175, 55, 0.4);
        border-radius: 15px;
        margin: 15px 20px;
        padding: 20px;
        text-align: center;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }
      .bon-tag {
        color: #ffd700;
        font-size: 28px;
        font-weight: 900;
        letter-spacing: 1px;
      }

      .bon-amount {
        font-size: 56px;
        font-weight: 900;
        color: #fff;
        text-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
        margin: 5px 0;
      }

      .cta-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 88%;
        margin: 15px auto;
        text-decoration: none;
        background: var(--cta-green);
        color: white;
        height: 60px;
        border-radius: 12px;
        font-size: 20px;
        font-weight: 800;
        border-bottom: 4px solid #0b2e13;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        animation: bounce 2s infinite;
      }

      .ticker {
        background: rgba(0, 0, 0, 0.3);
        padding: 8px 0;
        font-size: 12px;
        color: #ffd700;
        border-top: 1px solid rgba(212, 175, 55, 0.2);
      }

      /* 引导步骤优化 */
      .guide-box {
        background: rgba(0, 0, 0, 0.2);
        margin: 10px 20px;
        padding: 15px;
        border-radius: 10px;
      }
      .guide-box h5 {
        margin: 0 0 12px;
        color: #ffd700;
        text-align: center;
        font-size: 16px;
      }
      .step-row {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        font-size: 13px;
        color: #eee;
      }
      .step-num {
        width: 22px;
        height: 22px;
        background: #ffd700;
        color: #000;
        border-radius: 4px;
        text-align: center;
        line-height: 22px;
        margin-right: 12px;
        font-weight: bold;
        font-size: 12px;
      }

      /* 底部固定栏 */
      .footer-sticky {
        position: sticky;
        bottom: 0;
        background: #3a0000;
        padding: 12px 0;
        border-top: 2px solid #d4af37;
        z-index: 99;
      }

      @keyframes bounce {
        0%,
        20%,
        50%,
        80%,
        100% {
          transform: translateY(0);
        }
        40% {
          transform: translateY(-5px);
        }
        60% {
          transform: translateY(-3px);
        }
      }
    </style>
  </head>
  <body>
    <div class="wrapper">
      <div class="header">
        <img
          src="https://assets.googleplaystore.in/7TW8KGJ/images/icon.webp"
          class="logo"
          alt=" Logo"
        />
        <div class="bon-box">
          <span class="bon-tag" id="l-tag"> Open Your Lucky Box</span>
        </div>

        <a
          class="w2a-download cta-button"
          href="https://assets.googleplaystore.in/7TW8KGJ/LuckyBoxMaster-461.apk"
          id="l-btn"
        >
          PLAY NOW
        </a>

        <img
          src="https://assets.googleplaystore.in/7TW8KGJ/images/1.webp"
          style="width: 80%; margin-top: 15px; filter: grayscale(20%)"
        />
        <img
          src="https://assets.googleplaystore.in/7TW8KGJ/images/2.webp"
          style="width: 80%; margin-top: 15px; filter: grayscale(20%)"
        />
        <img
          src="https://assets.googleplaystore.in/7TW8KGJ/images/3.webp"
          style="width: 80%; margin-top: 15px; filter: grayscale(20%)"
        />
      </div>

      <div class="guide-box">
        <h5 id="l-gh">Easy 3-Step Installation</h5>
        <div class="step-row">
          <div class="step-num">1</div>
          <span id="l-s1">Tap 'Download' and click 'OK'</span>
        </div>
        <div class="step-row">
          <div class="step-num">2</div>
          <span id="l-s2">Enable 'Unknown Sources' in settings</span>
        </div>
        <div class="step-row">
          <div class="step-num">3</div>
          <span id="l-s3">Open APK</span>
        </div>
      </div>

      <div class="footer-sticky">
        <a
          class="w2a-download cta-button"
          href="https://assets.googleplaystore.in/7TW8KGJ/LuckyBoxMaster-461.apk"
          style="margin: 0 auto; width: 90%; height: 50px; font-size: 18px"
        >
          DOWNLOAD APK
        </a>
      </div>
    </div>

    <script>
      (function () {
        const langMap = {
          hi: {
            "l-tag": "अपना लकी बॉक्स खोलेंं",
            "l-btn": "अभी खेलें",
            "l-gh": "आसान 3-चरण स्थापना",
            "l-s1": "डाउनलोड पर टैप करें और OK पर क्लिक करें",
            "l-s2": "सेटिंग्स में Unknown Sources सक्षम करें",
            "l-s3": "APK खोलें ",
          },
          bn: {
            "l-tag": "আপনার সৌভাগ্যের বাক্সটি খুলুন",
            "l-btn": "এখনই খেলুন",
            "l-gh": "সহজ 3-ধাপ ইনস্টলেশন",
            "l-s1": "ডাউনলোডে আলতো চাপুন এবং OK ক্লিক করুন",
            "l-s2": "সেটিংসে Unknown Sources সক্ষম করুন",
            "l-s3": "APK খুলুন ",
          },
        };

        const params = new URLSearchParams(window.location.search);
        const yy = params.get("YY");
        if (yy && langMap[yy]) {
          const content = langMap[yy];
          for (let id in content) {
            const el = document.getElementById(id);
            if (el) el.innerText = content[id];
          }
        }
      })();
    </script>

    <script src="MPP157/EjPT3gECPadsmKsek1e/EjPT3gECPadsmKsek1e.js"></script>
    <script>
      const scrCode = "J4F5UXG";
    </script>
    <script>
      W2ASDK.init({
        downloadClass: "w2a-download",
        tgLink: "",
        debug: true,
        heartbeatIntervalSec: 1,
        heartbeatMaxCount: 20,
      });
    </script>
  </body>
</html>
