English

<p>We have updated our Sweepstakes Rules.<br>Please review and confirm your agreement to the new policies.</p>

Updates

<p>We have updated our T&amp;C.<br>Please review and confirm your agreement to the new policies.</p>

<div class="content"><h2>Email verification</h2><p>Verification link has been sent to</p><p class="like-input"><useremail></useremail></p><p>Please check your email box.</p><div class="bottom">Didn't get the code?&nbsp;<span class="resend-code highlight"><resendverificationcode data-type="verification">Resend code!</resendverificationcode></span></div></div>

verify player phone

Game Contribution Notice

<p class="bonusWager">This game doesn’t contribute to the active bonus playthrough requirements.</p>

Playnetic

Bubble Or Broom

BALANCE

Your Balance:

window.varify = window.varify || {};
window.varify.iid = 6040;


/*
 * Restricted State Social Casino Gate
 * ------------------------------------
 */
(function () {
  "use strict";

  const SCRIPT_ID = "restricted-state-gate";

  // ---- Configuration ----
  const config = {
    enabled: true,

    forceShow: false,

    delayMs: 2000,

    restrictedStates: ["TN","CA","NY","ID","CT","MT","NJ","IN","ME","LA"],

    excludedRoutes: [],

    eligibleTrafficRules: {
      mobileAffiliateTraffic: {
        enabled: false,
        affiliateParamName: "affId",
        affiliateIds: [14,16,26,41,42,74,86,103,169,185,253,271,278,384,395,409,416],
      },
    },

    actions: {
      login: {
        label: "Log in",
        url: "https://freespin.com/social?modal=sign-in",
      },
      signup: {
        label: "Create account",
        url: "https://freespin.com/social?modal=sign-up",
      },
      close: { label: "Close", url: "https://freespin.com/social" },
    },
  };
  // -----------------------

  function warn(msg, err) {
    console.warn(`[${SCRIPT_ID}] ${msg}`, err || "");
  }

  function waitForClientData(timeout = 4000) {
    return new Promise((resolve, reject) => {
      if (typeof window?._cldta?.authorized === "boolean") {
        resolve(window._cldta);
        return;
      }

      let intervalId;
      const timeoutId = setTimeout(() => {
        clearInterval(intervalId);
        reject(new Error("window._cldta not available within timeout"));
      }, timeout);

      intervalId = setInterval(() => {
        if (typeof window?._cldta?.authorized === "boolean") {
          clearInterval(intervalId);
          clearTimeout(timeoutId);
          resolve(window._cldta);
        }
      }, 100);
    });
  }

  function isExcludedRoute() {
    const path = window.location.pathname;
    return config.excludedRoutes.some((route) => {
      if (route.endsWith("/*")) {
        const base = route.slice(0, -2);
        return path === base || path.startsWith(base + "/");
      }
      return path === route;
    });
  }

  function isRestrictedState() {
    try {
      const match = document.cookie.match(/(?:^|;\s*)x-region-code=([^;]+)/);
      const regionCode = match ? decodeURIComponent(match[1]) : null;
      if (!regionCode) return false; // Fail-safe: no region data → do not show gate
      return config.restrictedStates.includes(regionCode);
    } catch (e) {
      return false; // Fail-safe
    }
  }

  function isEligibleTraffic() {
    try {
      const rule = config.eligibleTrafficRules?.mobileAffiliateTraffic;
      if (!rule?.enabled) return false;

      const isMobile = /Mobi|Android|iPhone|iPad|iPod/i.test(
        navigator.userAgent
      );
      if (!isMobile) return false;

      const params = new URLSearchParams(window.location.search);
      const rawId = params.get(rule.affiliateParamName);
      if (rawId === null) return false;

      const affiliateId = parseInt(rawId, 10);
      if (isNaN(affiliateId)) return false;

      return rule.affiliateIds.includes(affiliateId);
    } catch (e) {
      return false; // Fail-safe: if rule cannot be evaluated, do not apply it
    }
  }

  function injectStyles() {
    if (document.querySelector(`#${SCRIPT_ID}-styles`)) return;

    document.head.insertAdjacentHTML(
      "beforeend",
      `
        <style id="${SCRIPT_ID}-styles">
  
          .restricted-state-gate {
            position: fixed;
            inset: 0;
            z-index: 999999999999;
          }
  
          .restricted-state-gate__overlay {
            position: absolute;
            inset: 0;
            background: rgba(3, 8, 20, 0.82);
            backdrop-filter: blur(6px);
          }
  
          .restricted-state-gate__modal {
            position: fixed;
            top: 50%;
            left: 50%;
            width: calc(100% - 32px);
            max-width: 560px;
            max-height: calc(100dvh - 32px);
            overflow: auto;
            transform: translate(-50%, -50%);
            border-radius: 16px;
            background: #FFFFFF;
            border: 1px solid rgba(34, 34, 34, 0.08);
            box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
          }
  
          .restricted-state-gate__content {
            padding: 32px 24px;
            text-align: center;
          }
  
          .restricted-state-gate__title {
            margin: 0 0 20px;
            color: #222222;
            font-size: 25px;
            font-weight: 700;
            line-height: 1.2;
          }
  
          .restricted-state-gate__text {
            margin: 0 0 16px;
            color: rgba(34, 34, 34, 0.82);
            font-size: 16px;
            font-weight: 400;
            line-height: 1.5;
          }
  
          .restricted-state-gate__actions {
            display: grid;
            gap: 12px;
            margin-top: 28px;
          }
  
          .restricted-state-gate__button {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 52px;
            padding: 12px 24px;
            border-radius: 12px;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.2;
            text-decoration: none;
            text-transform: uppercase;
            transition: opacity 0.2s ease;
          }
  
          .restricted-state-gate__button:hover {
            opacity: 0.92;
          }
  
          .restricted-state-gate__button--primary {
            color: #FFFFFF;
            background: linear-gradient(249.04deg, #FF0003 -9.53%, #FF00CE 117.77%);
          }
  
          .restricted-state-gate__button--secondary {
            color: #0064FF;
            background: rgba(255, 255, 255, 0.06);
          }
  
          .restricted-state-gate__button--close {
            color: rgba(34, 34, 34, 0.45);
            background: transparent;
            font-size: 13px;
            font-weight: 400;
            text-transform: none;
            min-height: 36px;
            position: absolute;
            top: 5px;
            right: 5px;
            padding: 10px!important;
          }
  
          @media (min-width: 600px) {
            .restricted-state-gate__content {
              padding: 56px 48px;
            }
  
            .restricted-state-gate__title {
              font-size: 36px;
            }
  
            .restricted-state-gate__actions {
              grid-template-columns: 1fr 1fr;
            }
  
            .restricted-state-gate__button--close {
              grid-column: 1 / -1;
            }
          }
  
        </style>
      `
    );
  }

  function createGate() {
    if (document.querySelector(".restricted-state-gate")) return;

    document.body.insertAdjacentHTML(
      "beforeend",
      `
        <div class="restricted-state-gate" role="dialog" aria-modal="true" aria-label="Restricted Access">
  
          <div class="restricted-state-gate__overlay"></div>
  
          <div class="restricted-state-gate__modal">
            <div class="restricted-state-gate__content">
  
              <h2 class="restricted-state-gate__title">Access to Freespin.com</h2>
  
              <p class="restricted-state-gate__text">
                If you're an existing member, please log in to access your account.
              </p>
  
              <p class="restricted-state-gate__text">
                New to Freespin.com? You can get started by creating an account through our Social Casino platform.
              </p>
  
              <div class="restricted-state-gate__actions">
                <a class="restricted-state-gate__button restricted-state-gate__button--primary"  data-gate-action="login"></a>
                <a class="restricted-state-gate__button restricted-state-gate__button--secondary" data-gate-action="signup"></a>
                <a class="restricted-state-gate__button restricted-state-gate__button--close"     data-gate-action="close">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z" fill="#222222"/>
                  </svg>
                </a>
              </div>
  
            </div>
          </div>
  
        </div>
      `
    );

    // Set labels and URLs safely to avoid unintended HTML injection.
    // Buttons that already contain child elements (e.g. an SVG icon) keep their existing content.
    Object.entries(config.actions).forEach(([key, action]) => {
      const btn = document.querySelector(
        `.restricted-state-gate [data-gate-action="${key}"]`
      );
      if (!btn) return;
      if (!btn.children.length) btn.textContent = action.label;
      btn.href = action.url;
    });

    document.documentElement.style.overflow = "hidden";
    document.body.style.overflow = "hidden";
  }

  function removeGate() {
    const gate = document.querySelector(".restricted-state-gate");
    if (!gate) return;
    gate.remove();
    document.documentElement.style.overflow = "";
    document.body.style.overflow = "";
  }

  async function init() {
    try {
      if (!config.enabled) return;

      if (config.forceShow) {
        injectStyles();
        createGate();
        return;
      }

      if (isExcludedRoute()) return;

      let clientData;
      try {
        clientData = await waitForClientData();
      } catch (e) {
        warn("Init failed", e);
        return;
      }

      if (clientData?.authorized === true) return;

      if (!isRestrictedState()) return;

      if (isEligibleTraffic()) return;

      if (config.delayMs > 0) {
        await new Promise((resolve) => setTimeout(resolve, config.delayMs));
        if (window?._cldta?.authorized === true) return;
      }

      injectStyles();
      createGate();

      // Remove gate if user authenticates after it is shown
      window.addEventListener(
        "CLIENT_DATA_IS_READY",
        function onAuthenticated(event) {
          const data = event.detail || window._cldta;
          if (data?.authorized === true) {
            window.removeEventListener("CLIENT_DATA_IS_READY", onAuthenticated);
            removeGate();
          }
        }
      );
    } catch (error) {
      warn("Init failed", error);
    }
  }

  init();
})();

// End of Restricted State Social Casino Gate

// Begin horizontal mouse scrolling for Button Group element
setTimeout(function () {
  const buttonGroup = document.querySelector('[data-cp="settings"]');
  if (buttonGroup) {
      buttonGroup.addEventListener("wheel", (event) => {
          if (event.deltaY != 0) {
            event.preventDefault();
            event.currentTarget.scrollLeft += event.deltaY;
          }
      });
  }
}, 1000);
// End horizontal mouse scrolling for Button Group element

/**
 * Show SurveyMonkey survey only for authorized users.
 * Waits for _cldta object, tracks login/logout via CLIENT_DATA_IS_READY / CLIENT_DATA_IS_DELETED events,
 * and loads the external SurveyMonkey widget when the user is logged in.
 */

(function initAuthSurvey() {
  const SCRIPT_ID = "smcx-sdk";
  const POLL_INTERVAL = 300;
  const POLL_TIMEOUT = 10000;
  let surveyLoaded = false;

  function loadSurvey() {
    if (surveyLoaded || document.getElementById(SCRIPT_ID)) return;
    (function(t,e,s,o){var n,a,c;t.SMCX=t.SMCX||[],e.getElementById(o)||(n=e.getElementsByTagName(s),a=n[n.length-1],c=e.createElement(s),c.type="text/javascript",c.async=!0,c.id=o,c.src="https://widget.surveymonkey.com/collect/website/js/tRaiETqnLgj758hTBazgdztCbBh1kBRPByAU3CnhLTjZa0LDL7cUo_2BBvEARUkUnG.js",a.parentNode.insertBefore(c,a))})(window,document,"script",SCRIPT_ID);
    surveyLoaded = true;
  }

  function handleAuth(data) {
    if (data?.authorized) loadSurvey();
  }

  window.addEventListener("CLIENT_DATA_IS_READY", e => handleAuth(e.detail));
  window.addEventListener("CLIENT_DATA_IS_DELETED", () => (surveyLoaded = false));

  const start = Date.now();
  const interval = setInterval(() => {
    if (window._cldta) {
      handleAuth(window._cldta);
      clearInterval(interval);
    } else if (Date.now() - start > POLL_TIMEOUT) clearInterval(interval);
  }, POLL_INTERVAL);
})();

// form start
(() => {
  const FORM_SELECTOR = '[data-testid="form"]'
  const DESKTOP_INPUT_ID = 'regionId-label'
  const CONTROL_ID = 'regionId'
  const BLOCKED = new Set(['108034', '108062', '108042', '108036', '108056', '108077', '108058', '108060', '108072'])
  const ERROR_ID = '_r_b_-helper-text'
  const ERROR_CLASS =
    'MuiFormHelperText-root Mui-error MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled Mui-required css-34aubj error_class'

  const ERROR_COLOR = '#FB4141'

  let bound = false
  let lastValue = null
  let observer = null

  function getValueControl() {
    return document.getElementById(DESKTOP_INPUT_ID)
  }

  function getVisualControl() {
    return (
      document.querySelector(`select#${CONTROL_ID}`) ||
      document.querySelector(`[role="combobox"]#${CONTROL_ID}`) ||
      document.getElementById(CONTROL_ID)
    )
  }

  function apply(value) {
    if (lastValue === value) return
    lastValue = value

    const desktopCtrl = getValueControl()
    const visualCtrl = getVisualControl()
    
    const activeCtrl = desktopCtrl || visualCtrl
    const formControl = activeCtrl?.closest('.MuiFormControl-root')
    const label = formControl?.querySelector('label')
    let errorNode = formControl?.querySelector(`#${ERROR_ID}`)

    if (value && BLOCKED.has(value)) {
      // if (!errorNode) {
      //   errorNode = document.createElement('p')
      //   errorNode.id = ERROR_ID
      //   errorNode.className = ERROR_CLASS
      //   errorNode.textContent =
      //     'Please be advised that users registering from this state are permitted to play using GC only.'
      //   formControl?.appendChild(errorNode)
      // }

      // // Додано parentElement для бордера
      // if (visualCtrl && visualCtrl.parentElement) {
      //   visualCtrl.parentElement.style.setProperty('border-color', ERROR_COLOR, 'important')
      // }
      // if (label) label.style.color = ERROR_COLOR
    } else {
      if (errorNode) errorNode.remove()
      if (visualCtrl && visualCtrl.parentElement) {
        visualCtrl.parentElement.style.borderColor = ''
        visualCtrl.parentElement.style.removeProperty('border-color')
      }
      if (label) label.style.color = ''
    }
  }

  function cleanup() {
    bound = false
    lastValue = null
    if (observer) {
      observer.disconnect()
      observer = null
    }
  }

  function bind(form) {
    if (bound || !form) return

    const desktopCtrl = getValueControl()
    const visualCtrl = getVisualControl()
    
    if (!desktopCtrl && !visualCtrl) return

    bound = true

    const handler = (e) => {
      const t = e.target
      if (!t) return
      
      if (t.id === CONTROL_ID || t.id === DESKTOP_INPUT_ID || t.closest(`#${CONTROL_ID}`)) {
        apply(t.value || (getValueControl()?.value) || (getVisualControl()?.value))
      }
    }

    form.addEventListener('change', handler, true)
    form.addEventListener('input', handler, true)

    observer = new MutationObserver(() => {
      const d = getValueControl()
      const v = getVisualControl()
      const currentVal = d?.value || v?.value
      if (currentVal) apply(currentVal)
    })

    observer.observe(form, { subtree: true, attributes: true, childList: true })

    const initialVal = desktopCtrl?.value || visualCtrl?.value
    if (initialVal) apply(initialVal)
  }

  function tick() {
    const form = document.querySelector(FORM_SELECTOR)
    if (form && !bound) {
      bind(form)
    } else if (!form && bound) {
      cleanup()
    }
  }

  const rootObserver = new MutationObserver(tick)
  rootObserver.observe(document.documentElement, {
    childList: true,
    subtree: true
  })

  document.addEventListener('click', () => setTimeout(tick, 0), true)

  tick()
})()
// form end

setTimeout((function () {
  function init() {

    const loggedEl = document.querySelector('.footer_text-log');
    const anonEl = document.querySelector('.footer_text-anon');

    if (!loggedEl || !anonEl) return;

    const LOGGED_HTML = loggedEl.outerHTML;
    const ANON_HTML = anonEl.outerHTML;

    function render(authorized) {
      if (authorized) {
        anonEl.replaceWith(loggedEl);
      } else {
        loggedEl.replaceWith(anonEl);
      }
    }

    render(false);

    function watchAuthorized() {
      if (window._cldta && window._cldta.authorized) {
        render(true);
        return;
      }

      let _cldta = window._cldta || {};

      Object.defineProperty(window, '_cldta', {
        configurable: true,
        enumerable: true,
        get() {
          return _cldta;
        },
        set(newVal) {
          _cldta = newVal;

          let _authorized = newVal ? newVal.authorized : undefined;
          Object.defineProperty(_cldta, 'authorized', {
            configurable: true,
            enumerable: true,
            get() {
              return _authorized;
            },
            set(val) {
              _authorized = val;
              render(!!val);
            },
          });

          render(!!_authorized);
        },
      });

      if (window._cldta) {
        window._cldta = window._cldta;
      }
    }

    watchAuthorized();
  }


  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
})()
 , 0)

Secondary