corporate

English

BeastGamesCookies

wt_consent

_ga_9MLPXGGNXR

The domain name 'www.beastgames.com' uses the commercial generic top-level domain (.com) with subdomain 'www'. Count 10 characters in 'beastgames' holding 4 vowels versus six consonants. Tokenizing the label suggests 2 words: beast, games. Average segment length settles at five characters. No strong language cues emerged from the frequency lists.

phone

instagram

inline; filename="MonumentExtended-Ultrabold.otf"

inline; filename="futura_light_bt-webfont.woff"

inline; filename="news-amazon-renewal.jpg"

inline; filename="news-direct-season2.jpg"

inline; filename="news-deadline-renewal.jpg"

inline; filename="futura_extra_black_font-webfont.woff"

inline; filename="MonumentExtended-Regular.otf"

Beast Games trailer

8027baadb41b85e2a45280c9c1e0a23feea5d0578ff792574116e094c2510740

0925e8ad7bd971391a8b1e98be8e87a6971919eb5b60c196485941c3c1df089a

068b6cce4ba0c45621e5c2947ebcc3f6701a90c841ce4f210c935f0047a19ead

14c455918ff307debd0f42b90389c61eb70e6810d08dac82df3446c6937cecd8

a1d94da6c7b229efd8af615590a7e87fa0928fcf9e75b6abc70e610e9a821811

a3c5ff7e114ffe32212ee07123f9dc6aa19c09072e44fe64649c9cc747040cab

582cc085dd8fea044917d1efde838e77e845262fd025bbfe0339f808607c81f6

6897e5453c4f5cec544e4ad89cd24c4228e8564c53161724151ac5b5e41bb24d

985f1224c0eeec99d367a9db35e58e44b21e7eb9ce45831b15b4c108e41fd97f

6c80d94cd6cda7ab21cff602f362bb9dd7ecf647c32c1fa938aa18632ffce9ad

c17cf615db6e5ada782b50e539fd223d7a4198df0c16675026d7efe0fef8e9c6

6b6f92320ae837d995be63a0e8b5dee03ec62b5bbbcd00ba20c23b52ee7aa10d

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/youtube-main-app-web-scs-key

f60d7d18ca14de31cb145457bcb1fc71b6e067516cf1754ffda1fd166d2896e5

49b4225e78973d2782029b1ab4728629d2eb72cd44fda4f67400067b2dc35fcf

9f5cfc6546d00c63221a3e3044aef0275f6ad57aece6ed32a442d7b4e50c9248

339e760adde5686866aeb4b5364d597db710b0c52fb8b90eddfd2bbc757c1d4d

e1273f1270b9f62fcdc00465e88bca0eaacbf387633e8b4d4bbe53b048d116a9

2e0f28918f599eb5cab5b80b0c7d816c317d4dc43b654747ff6245184d0ceb2e

3ccbc20b416b7e833fb319167335d3da90ef7ff7846b812bac44a3627884c1f9

6779607e449f3b13b143e1d528af2eb2c62a4482f8d33d01c00067ab4798aa36

3e6868f0db7f4e38706c778646ba0583e6a6f2e9fdf64e2eb4ae7c8c2b499a09

04fbeaf64f1c65bcb322614b7c7ad4efb0c57ec9c8b00a51c9f07e48e44bc3dd

e05c29856c5883f8daee0099427264efa250baa81e21c7d3b8e3c33e2b20178a

f85e6c2aa0853c9685700e53a1dda79c92c339fd6da39839a7b1409a39708e50

d1df672b3c555e8bf6c1a156afbc53d487f80108c1e91340b4cc4d767fd9fe11

0dfac24efb07dad518768e38336ef1cb9c7e18ff11830904c3ee9aa8c0d1cc30

3b709ebfad36b46785b6949727af3370b75c04ee43fa05e4434a2a39ef208297

width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no

viewport

Beast Games Season 2 - The Ultimate Competition for $5 Million

Beast Games Season 2 ups the stakes with 200 competitors — 100 Strong vs. 100 Smart — battling it out in massive new arenas for a $5 million prize, packed with bold new twists and a special Survivor crossover, following its breakout success as Prime Video's most-watched unscripted series.

Beast Games - MrBeast's Ultimate Competition

apple-mobile-web-app-title

description

beast games,mrbeast,competition,game show,reality tv,5 million dollars,contestants,challenges,season 2,prime video,amazon prime,jimmy donaldson,elimination,strategy

keywords

expires

revisit-after

robots

Rating

distribution

author

GoDaddy.com, LLC

BEASTGAMES.COM

Cloudflare, Inc.

Cloudflare, Inc

CLOUDFLARENET


// Override money and jimmy layer starting positions for index3.html
window.INDEX3_MONEY_START_VH = 35; // Initial position at 35vh (lower than 50vh)
window.INDEX3_MONEY_SCALE_RANGE = 70; // Scale animation over 70% of scroll
window.INDEX3_JIMMY_START_VH = -100; // Instead of default -20vh
window.INDEX3_JIMMY_START_SCALE = 1.59705; // Increased by 20% from 1.330875
window.INDEX3_PEOPLE_SCROLL_PERCENT = 0.5; // People reach final size at 50% scroll
window.INDEX3_PEOPLE_BLUR_PERCENT = 0.2; // People blur reduces to 0 at 20% scroll
window.INDEX3_PEOPLE_START_VH_MOBILE = 80; // Start at 80vh on mobile
window.INDEX3_PEOPLE_START_VH_DESKTOP = 35; // Start at 35vh on desktop
window.INDEX3_PEOPLE_START_SCALE_DESKTOP = 1.725; // 15% larger than 1.5
window.INDEX3_PEOPLE_START_SCALE_MOBILE = 3.0; // Scale 3.0 -> 2.0 on mobile
window.INDEX3_PEOPLE_BLUR_START = 1.5; // 50% less blur initially



// Date-based Logo Switcher
(function() {
    'use strict';

    function getLogoPath() {
        const now = new Date();
        const jan7_2026 = new Date('2026-01-07T00:00:00');
        const feb24_2026 = new Date('2026-02-24T00:00:00');

        if (now < jan7_2026) {
            return 'images/parallax2/logo.webp';
        } else if (now < feb24_2026) {
            // January 7, 2026 to February 23, 2026: use logo_watch_now.webp
            return 'images/parallax2/logo_watch_now.webp';
        } else {
            // February 24, 2026 onwards: use logo.webp
            return 'images/parallax2/logo.webp';
        }
    }

    function updateLogos() {
        const logoPath = getLogoPath();
        const logoPathWithVersion = logoPath + '?v=' + new Date().getTime();

        // Update all img tags that use the logo (except preloader and hero logos)
        document.querySelectorAll('img[src*="parallax2/logo"]:not(#c-loader__logo img):not(#logo img)').forEach(function(img) {
            img.src = logoPathWithVersion;
        });

        // Update inline style attributes with background images
        const elementsWithBgLogo = document.querySelectorAll('[style*="parallax2/logo"]');
        elementsWithBgLogo.forEach(function(el) {
            const currentStyle = el.getAttribute('style');
            const updatedStyle = currentStyle.replace(/images\/parallax2\/logo[^)]*\.webp[^)"]*/g, logoPath);
            el.setAttribute('style', updatedStyle);
        });

        // Update CSS rules in stylesheets
        for (let i = 0; i < document.styleSheets.length; i++) {
            try {
                const styleSheet = document.styleSheets[i];
                if (!styleSheet.cssRules) continue;

                for (let j = 0; j < styleSheet.cssRules.length; j++) {
                    const rule = styleSheet.cssRules[j];
                    if (rule.style && rule.style.backgroundImage) {
                        const bgImage = rule.style.backgroundImage;
                        if (bgImage.includes('parallax2/logo')) {
                            const updatedBgImage = bgImage.replace(/images\/parallax2\/logo[^)]*\.webp[^)]*/g, logoPath);
                            rule.style.backgroundImage = updatedBgImage;
                        }
                    }
                    if (rule.style && rule.style.background) {
                        const bg = rule.style.background;
                        if (bg.includes('parallax2/logo')) {
                            const updatedBg = bg.replace(/images\/parallax2\/logo[^)]*\.webp[^)]*/g, logoPath);
                            rule.style.background = updatedBg;
                        }
                    }
                }
            } catch (e) {
                // Skip external stylesheets due to CORS
                continue;
            }
        }

        // Update specific known elements with background images
        const overlayLogo = document.querySelector('.overlayLogo');
        if (overlayLogo) {
            overlayLogo.style.backgroundImage = "url('" + logoPath + "')";
        }
    }

    // Run on DOM ready
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', updateLogos);
    } else {
        updateLogos();
    }
})();



// Mobile Safari autoplay fallback
(function() {
    'use strict';

    const video = document.getElementById('homepage-video');
    if (!video) return;

    // Try to play video on load
    function tryAutoplay() {
        const playPromise = video.play();

        if (playPromise !== undefined) {
            playPromise.catch(function(error) {
                console.log('Autoplay prevented, will try on user interaction');

                // If autoplay fails, try playing on first user interaction
                const playOnInteraction = function() {
                    video.play().catch(function(err) {
                        console.log('Play failed:', err);
                    });
                    document.removeEventListener('touchstart', playOnInteraction);
                    document.removeEventListener('click', playOnInteraction);
                };

                document.addEventListener('touchstart', playOnInteraction, { once: true });
                document.addEventListener('click', playOnInteraction, { once: true });
            });
        }
    }

    // Try autoplay when page loads
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', tryAutoplay);
    } else {
        tryAutoplay();
    }
})();



// Phone Rotation Video Fullscreen Handler - HTML5 Video
(function() {
    'use strict';

    function isMobileDevice() {
        return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
    }

    function isLandscape() {
        return window.matchMedia("(orientation: landscape)").matches;
    }

    function enterFullscreen(video) {
        // Force video to 16:9 aspect ratio display
        video.style.objectFit = 'contain';
        video.style.width = '100%';
        video.style.height = '100%';

        // iOS Safari: Use webkitEnterFullscreen for native player
        if (video.webkitEnterFullscreen) {
            video.webkitEnterFullscreen();
        }
        // Android and other browsers: Use standard Fullscreen API
        else if (video.requestFullscreen) {
            video.requestFullscreen().catch(err => {
                console.log('Fullscreen request failed:', err);
            });
        } else if (video.webkitRequestFullscreen) {
            video.webkitRequestFullscreen();
        } else if (video.mozRequestFullScreen) {
            video.mozRequestFullScreen();
        } else if (video.msRequestFullscreen) {
            video.msRequestFullscreen();
        }
    }

    function exitFullscreen() {
        const video = document.getElementById('homepage-video');

        if (document.fullscreenElement || document.webkitFullscreenElement) {
            if (document.exitFullscreen) {
                document.exitFullscreen().catch(err => {});
            } else if (document.webkitExitFullscreen) {
                document.webkitExitFullscreen();
            } else if (document.mozCancelFullScreen) {
                document.mozCancelFullScreen();
            } else if (document.msExitFullscreen) {
                document.msExitFullscreen();
            }
        }

        // Restore cover mode and resume playback when exiting fullscreen
        if (video) {
            video.style.objectFit = 'cover';

            // Resume playback after a short delay to ensure fullscreen has exited
            setTimeout(function() {
                if (video.paused) {
                    video.play().catch(err => {
                        console.log('Auto-play failed after fullscreen exit:', err);
                    });
                }
            }, 300);
        }
    }

    function handleOrientationChange() {
        // Only handle on mobile devices
        if (!isMobileDevice()) return;

        const video = document.getElementById('homepage-video');
        if (!video) return;

        if (isLandscape()) {
            // Phone rotated to landscape - enter fullscreen
            enterFullscreen(video);
        } else {
            // Phone rotated to portrait - exit fullscreen
            exitFullscreen();
        }
    }

    // Wait for video to be ready
    document.addEventListener('DOMContentLoaded', function() {
        const video = document.getElementById('homepage-video');
        if (!video) return;

        // Listen for orientation changes using modern API
        if ('orientation' in screen) {
            screen.orientation.addEventListener('change', handleOrientationChange);
        } else {
            // Fallback to legacy orientationchange event
            window.addEventListener('orientationchange', handleOrientationChange);
        }

        // Also listen for resize events (some devices fire this instead)
        let resizeTimeout;
        window.addEventListener('resize', function() {
            clearTimeout(resizeTimeout);
            resizeTimeout = setTimeout(handleOrientationChange, 200);
        });

        // Handle video errors
        video.addEventListener('error', function() {
            console.log('Video failed to load, showing fallback image');
            const fallbackImg = document.getElementById('video-fallback-image');
            if (fallbackImg) {
                fallbackImg.style.display = 'block';
            }
            video.style.display = 'none';
        });

        // iOS fullscreen events
        video.addEventListener('webkitbeginfullscreen', function() {
            console.log('Entered iOS native fullscreen');
        });

        video.addEventListener('webkitendfullscreen', function() {
            console.log('Exited iOS native fullscreen');

            // Restore cover mode and resume playback for iOS
            video.style.objectFit = 'cover';

            // Resume playback after exiting iOS fullscreen
            setTimeout(function() {
                if (video.paused) {
                    video.play().catch(err => {
                        console.log('Auto-play failed after iOS fullscreen exit:', err);
                    });
                }
            }, 300);
        });
    });
})();



// Video Continuous Loop Handler with Fallback - Mobile Only
// DISABLED: Now using MP4 video on mobile instead of YouTube iframe
(function() {
    'use strict';

    // Disabled - mobile now uses MP4 video, no YouTube iframe needed
    return;

    // Only run on mobile devices to prevent YouTube API cross-origin errors on desktop
    if (window.innerWidth > 860) return;

    let player;
    let videoFailed = false;
    let checkInterval;

    // Load YouTube IFrame API for mobile
    const tag = document.createElement('script');
    tag.src = "https://www.youtube.com/iframe_api";
    const firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    // This function creates an iframe player after the API code downloads
    window.onYouTubeIframeAPIReady = function() {
        const iframe = document.getElementById('homepage-video-iframe');
        if (!iframe) return;

        player = new YT.Player('homepage-video-iframe', {
            events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange,
                'onError': onPlayerError
            }
        });
    };

    function onPlayerReady(event) {
        // Start monitoring the video
        checkInterval = setInterval(checkVideoState, 3000);
    }

    function onPlayerStateChange(event) {
        // YT.PlayerState.ENDED = 0
        // YT.PlayerState.PLAYING = 1
        // YT.PlayerState.PAUSED = 2
        // YT.PlayerState.BUFFERING = 3

        if (event.data === YT.PlayerState.ENDED && !videoFailed) {
            // Video ended unexpectedly - show fallback
            showFallback();
        }

        // If video is playing again after fallback, hide fallback
        if (event.data === YT.PlayerState.PLAYING && videoFailed) {
            hideFallback();
        }
    }

    function onPlayerError(event) {
        // Video error - show fallback
        console.log('YouTube video error:', event.data);
        showFallback();
    }

    function checkVideoState() {
        if (!player || !player.getPlayerState) return;

        const state = player.getPlayerState();

        // If video is not playing and not buffering, try to restart it
        if (state !== YT.PlayerState.PLAYING && state !== YT.PlayerState.BUFFERING && !videoFailed) {
            try {
                player.playVideo();
            } catch (e) {
                // If play fails, show fallback
                showFallback();
            }
        }
    }

    function showFallback() {
        videoFailed = true;
        const fallbackImg = document.getElementById('video-fallback-image');
        const videoIframe = document.getElementById('homepage-video-iframe');

        if (fallbackImg) {
            fallbackImg.style.display = 'block';
        }
        if (videoIframe) {
            videoIframe.style.opacity = '0';
        }
    }

    function hideFallback() {
        videoFailed = false;
        const fallbackImg = document.getElementById('video-fallback-image');
        const videoIframe = document.getElementById('homepage-video-iframe');

        if (fallbackImg) {
            fallbackImg.style.display = 'none';
        }
        if (videoIframe) {
            videoIframe.style.opacity = '1';
        }
    }

    // Click handler for home section to play video in fullscreen
    function playVideoFullscreen() {
        const videoIframe = document.getElementById('homepage-video-iframe');
        if (!videoIframe) return;

        // If showing fallback, hide it and try to play video
        if (videoFailed) {
            hideFallback();
            if (player && player.playVideo) {
                player.playVideo();
            }
        }

        // Create a new iframe with controls for fullscreen playback
        const fullscreenUrl = 'https://www.youtube.com/watch?v=SI3CrHUAGqM';
        window.open(fullscreenUrl, '_blank');
    }

    // Add click handler to home section
    document.addEventListener('DOMContentLoaded', function() {
        const homeSection = document.getElementById('homepage');
        if (homeSection) {
            homeSection.style.cursor = 'pointer';
            homeSection.addEventListener('click', function(e) {
                // Only trigger if clicking the section itself, not interactive elements
                if (e.target === homeSection || e.target.classList.contains('overlay') ||
                    e.target.classList.contains('video-responsive') ||
                    e.target.id === 'video-fallback-image') {
                    playVideoFullscreen();
                }
            });
        }
    });
})();



// GDPR-Compliant Cookie Consent Management System
(function() {
    'use strict';

    const CONSENT_KEY = 'wt_consent';
    const CONSENT_VERSION = 1;
    const CONSENT_EXPIRY_DAYS = 365; // Re-prompt after 1 year

    // Generate cryptographic consent token for 3rd party sharing
    function generateConsentToken(consent) {
        const data = consent + '|' + Date.now();
        return btoa(data).replace(/=/g, '').substring(0, 32);
    }

    // Get consent from cookie
    function getConsent() {
        try {
            const stored = Cookies.get(CONSENT_KEY);
            if (!stored) return null;

            const data = JSON.parse(stored);

            // Check if consent is expired
            if (data.expiry && Date.now() > data.expiry) {
                Cookies.remove(CONSENT_KEY);
                return null;
            }

            return data;
        } catch (e) {
            return null;
        }
    }

    // Save consent to cookie
    function saveConsent(consent) {
        const expiry = Date.now() + (CONSENT_EXPIRY_DAYS * 24 * 60 * 60 * 1000);
        const token = generateConsentToken(consent);

        const data = {
            consent: consent,
            timestamp: new Date().toISOString(),
            version: CONSENT_VERSION,
            expiry: expiry,
            token: token
        };

        try {
            Cookies.set(CONSENT_KEY, JSON.stringify(data), { expires: CONSENT_EXPIRY_DAYS });
            return data;
        } catch (e) {
            // Silently fail
            return null;
        }
    }

    // Load Google Analytics. Only called after explicit consent.
    function loadGoogleAnalytics() {
        if (window.gaLoaded) return; // Prevent double loading

        // Clear any prior ga-disable flags (in case user re-accepted after declining)
        window['ga-disable-G-9MLPXGGNXR'] = false;
        window['ga-disable-GT-K8KGCV74'] = false;

        // Create and append GA script
        const script = document.createElement('script');
        script.async = true;
        script.src = 'https://www.googletagmanager.com/gtag/js?id=G-9MLPXGGNXR';
        document.head.appendChild(script);

        // Initialize gtag
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        window.gtag = gtag;
        gtag('js', new Date());
        gtag('config', 'G-9MLPXGGNXR');
        gtag('config', 'GT-K8KGCV74');

        window.gaLoaded = true;
    }

    // Inject the YouTube (nocookie) trailer iframe. Only called after explicit consent.
    // Replaces the dimmed crew-bg placeholder image with the live iframe.
    function loadTrailerVideo() {
        const container = document.getElementById('homepage-video-container');
        if (!container || container.dataset.videoLoaded === 'true') return;
        const videoId = container.dataset.videoId;
        if (!videoId) return;

        const iframe = document.createElement('iframe');
        iframe.id = 'homepage-video-iframe';
        iframe.setAttribute('frameborder', '0');
        iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture');
        iframe.setAttribute('allowfullscreen', '');
        iframe.setAttribute('title', 'Beast Games trailer');
        iframe.src = 'https://www.youtube-nocookie.com/embed/' + videoId +
            '?autoplay=1&mute=1&loop=1&controls=0&showinfo=0&rel=0&modestbranding=1&playsinline=1&playlist=' +
            videoId + '&enablejsapi=1';
        container.appendChild(iframe);

        // Hide the placeholder image once the iframe is in place
        const placeholder = document.getElementById('video-placeholder-image');
        if (placeholder) placeholder.style.display = 'none';

        container.dataset.videoLoaded = 'true';
    }

    // Remove the trailer iframe from the DOM. Called on revoke/decline.
    // Also tears down any YT.Player instance so YouTube's API can't keep
    // sending tracking pings or holding network sockets open.
    function removeTrailerVideo() {
        // 1. Set src to about:blank first so YouTube tears down the player
        //    and stops any in-flight network activity before removal.
        const iframe = document.getElementById('homepage-video-iframe');
        if (iframe) {
            try { iframe.src = 'about:blank'; } catch (e) {}
            if (iframe.parentNode) iframe.parentNode.removeChild(iframe);
        }
        // 2. Destroy any YT.Player instance held by app scripts
        try { if (window.player && typeof window.player.destroy === 'function') window.player.destroy(); } catch (e) {}
        try { window.player = null; } catch (e) {}
        // 3. Reset the container state and re-show the placeholder
        const container = document.getElementById('homepage-video-container');
        if (container) container.dataset.videoLoaded = 'false';
        const placeholder = document.getElementById('video-placeholder-image');
        if (placeholder) placeholder.style.display = '';
    }

    // Hard-stop all GA/GTM activity in-process. Called on revoke/decline.
    // ga-disable flags neutralize gtag's collection; the script-tag and
    // dataLayer purge prevents any stale state from re-initializing or
    // queued events from flushing if the page lingers without reload.
    function hardStopAnalytics() {
        // 1. Official GA kill switches — gtag respects these even if loaded
        window['ga-disable-G-9MLPXGGNXR'] = true;
        window['ga-disable-GT-K8KGCV74'] = true;
        // 2. Drain the dataLayer and replace gtag with a no-op so any
        //    later calls from app code (registration tracking, etc.) become inert
        try { window.dataLayer = []; } catch (e) {}
        window.gtag = function () {};
        // 3. Remove gtag.js / GTM script tags from the DOM
        const trackingSrcPatterns = [
            'googletagmanager.com',
            'google-analytics.com',
            'doubleclick.net',
            'googleadservices.com',
            '/_vercel/insights'
        ];
        document.querySelectorAll('script[src]').forEach(function (s) {
            const src = s.src || s.getAttribute('src') || '';
            if (trackingSrcPatterns.some(function (p) { return src.indexOf(p) !== -1; })) {
                try { s.parentNode && s.parentNode.removeChild(s); } catch (e) {}
            }
        });
        // 4. Reset the loaded flag so a re-grant in this session would
        //    re-load the script (consent reactivation is allowed)
        window.gaLoaded = false;
    }

    // Clear all known tracking cookies (GA + Vercel) on root path AND parent domain.
    // Used during revoke/decline to make opt-out fully effective.
    function clearTrackingCookies() {
        const trackingPrefixes = ['_ga', '_gid', '_gat', '_gcl', '_vercel'];
        const allCookies = document.cookie.split(';');
        const hostname = location.hostname;
        const parts = hostname.split('.');
        const parentDomain = parts.length >= 2 ? '.' + parts.slice(-2).join('.') : null;

        allCookies.forEach(function(c) {
            const name = c.split('=')[0].trim();
            const matches = trackingPrefixes.some(function(p) { return name.indexOf(p) === 0; });
            if (!matches) return;
            // Clear at multiple paths and domain scopes to defeat lingering copies
            document.cookie = name + '=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT';
            document.cookie = name + '=; path=/; domain=' + hostname + '; expires=Thu, 01 Jan 1970 00:00:00 GMT';
            if (parentDomain) {
                document.cookie = name + '=; path=/; domain=' + parentDomain + '; expires=Thu, 01 Jan 1970 00:00:00 GMT';
            }
        });
    }

    // Safe gtag wrapper - only fires if consent given
    function trackEvent() {
        const consentData = getConsent();
        if (consentData && consentData.consent === true && typeof window.gtag !== 'undefined') {
            window.gtag.apply(null, arguments);
        }
    }

    // Get consent token for 3rd party URLs
    function getConsentToken() {
        const data = getConsent();
        return data ? data.token : null;
    }

    // Add consent token to URL
    function addConsentToUrl(url) {
        const token = getConsentToken();
        if (!token) return url;

        const separator = url.includes('?') ? '&' : '?';
        return url + separator + 'consent_token=' + token;
    }

    // Initialize consent system on page load.
    // If consent was previously granted, replay both effects (analytics + trailer iframe).
    function init() {
        const consentData = getConsent();

        if (consentData && consentData.consent === true) {
            loadGoogleAnalytics();
            loadTrailerVideo();
        }
    }

    // Handle cookie alert buttons
    function setupCookieAlert() {
        const cookieAlert = document.querySelector('.cookies_alert');
        if (!cookieAlert) return;

        const acceptBtn = cookieAlert.querySelector('.accept');
        const declineBtn = cookieAlert.querySelector('.decline');

        if (acceptBtn) {
            acceptBtn.addEventListener('click', function(e) {
                e.preventDefault();

                // Save consent and load analytics + trailer iframe
                saveConsent(true);
                loadGoogleAnalytics();
                loadTrailerVideo();

                // Hide cookie alert
                cookieAlert.classList.remove('show');
                setTimeout(() => {
                    cookieAlert.style.display = 'none';
                }, 400);
            });
        }

        if (declineBtn) {
            declineBtn.addEventListener('click', function(e) {
                e.preventDefault();

                // Persist rejection — getConsent() now returns {consent:false}.
                saveConsent(false);

                // Tear everything down WITHOUT reloading the page.
                // Order matters: stop the iframe first (to halt YouTube pings),
                // then neutralize GA in-memory, then nuke the cookies.
                removeTrailerVideo();
                hardStopAnalytics();
                clearTrackingCookies();

                // Hide cookie alert
                cookieAlert.classList.remove('show');
                setTimeout(() => {
                    cookieAlert.style.display = 'none';
                }, 400);

                // No reload. Tracking stops from this point in the page lifetime.
            });
        }
    }

    // Public API
    window.CookieConsent = {
        getConsent: getConsent,
        saveConsent: saveConsent,
        trackEvent: trackEvent,
        getConsentToken: getConsentToken,
        addConsentToUrl: addConsentToUrl,
        revokeConsent: function(reload) {
            // Persist rejection then tear down the iframe + analytics in-process.
            // Reload defaults to FALSE — calling code that expected a reload should
            // pass `true` explicitly. The teardown is sufficient on its own.
            saveConsent(false);
            removeTrailerVideo();
            hardStopAnalytics();
            clearTrackingCookies();
            if (reload === true) {
                location.reload();
            }
        },
        showPreferences: function() {
            const cookiesAlert = document.querySelector('.cookies_alert');
            if (cookiesAlert) {
                cookiesAlert.style.cssText = 'display: flex !important; position: fixed !important; z-index: 999999 !important; opacity: 1 !important; visibility: visible !important;';
                cookiesAlert.classList.add('show');
            }
        }
    };

    // Initialize on DOM ready
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', function() {
            init();
            setupCookieAlert();
            showCookiePopup();
        });
    } else {
        init();
        setupCookieAlert();
        showCookiePopup();
    }

    // Show cookie popup function - waits for preloader, then forces display
    function showCookiePopup() {
        const cookiesAlert = document.querySelector('.cookies_alert');

        if (!cookiesAlert) {
            return;
        }

        // GPC: browser is signaling opt-out at the user-agent level. Persist the
        // decline and suppress the banner — nagging a GPC user defeats the spec.
        if (navigator.globalPrivacyControl === true) {
            saveConsent(false);
            return;
        }

        // Banner suppression rule: only hide on an explicit ACCEPT (consent === true).
        // A prior DECLINE (consent === false) re-shows the banner each visit so the
        // user can change their mind without digging through settings.
        const existingConsent = getConsent();
        if (existingConsent && existingConsent.consent === true) {
            return;
        }

        // FORCE show the popup with inline styles
        const forceShow = () => {
            cookiesAlert.style.cssText = 'display: flex !important; position: fixed !important; z-index: 999999 !important; opacity: 1 !important; visibility: visible !important;';
            cookiesAlert.classList.add('show');
        };

        // Wait for preloader to finish
        const checkPreloader = setInterval(() => {
            const preloader = document.getElementById('c-loader');
            const isPreloaderHidden = !preloader ||
                                     preloader.classList.contains('loaded') ||
                                     window.getComputedStyle(preloader).opacity === '0' ||
                                     window.getComputedStyle(preloader).display === 'none';

            if (isPreloaderHidden) {
                clearInterval(checkPreloader);
                setTimeout(forceShow, 800);
            }
        }, 100);

        // Failsafe: show after 5 seconds if preloader check fails
        setTimeout(() => {
            clearInterval(checkPreloader);
            if (window.getComputedStyle(cookiesAlert).display === 'none') {
                forceShow();
            }
        }, 5000);
    }
})();

// "Consent" - Cookie Preferences handler
document.addEventListener('DOMContentLoaded', function() {
    const cookiePreferencesLink = document.getElementById('cookie-preferences-link');
    if (cookiePreferencesLink) {
        cookiePreferencesLink.addEventListener('click', function(e) {
            e.preventDefault();

            if (typeof window.CookieConsent !== 'undefined') {
                // Clear current consent without reload and show popup
                window.CookieConsent.revokeConsent(false);
                window.CookieConsent.showPreferences();
            }
        });
    }
});



// Wait for everything to load (images, fonts, videos, etc.)
window.addEventListener('load', function() {

    // Ensure critical images are loaded and positioned
    const logo = document.getElementById('logo');

    function checkImagesLoaded() {
        const logoImg = logo ? logo.querySelector('img') : null;
        const logoReady = !logoImg || (logoImg.complete && logoImg.naturalHeight !== 0);

        if (logoReady) {

            // Give time for positions to be set
            setTimeout(function() {
                // Animate logo to match hero section position before hiding preloader
                const loaderMask = document.querySelector('.c-loader__mask');
                const loaderInner = document.querySelector('.c-loader__inner');
                const loaderLogo = document.querySelector('.c-loader__logo');

                if (loaderMask && loaderInner && loaderLogo) {
                    // Stop pulse animation
                    loaderLogo.style.animation = 'none';
                    loaderLogo.style.transform = 'scale(1)'; // Reset to normal scale

                    // Check if mobile or desktop
                    if (window.innerWidth <= 860) {
                        // MOBILE: Move logo from current position to hero position

                        // Get current logo center position on screen
                        const logoRect = loaderLogo.getBoundingClientRect();
                        const currentCenterY = logoRect.top + (logoRect.height / 2);

                        // Calculate target position (where hero logo will be at top of its element)
                        const targetTopY = (window.innerHeight * 0.33) - 100; // calc(33% - 100px)

                        // Calculate how far to move (negative = upward)
                        const moveDistanceY = targetTopY - currentCenterY;

                        // Apply transform to move the logo
                        loaderInner.style.transition = 'transform 0.3s ease-out';
                        loaderInner.style.transform = `translateY(${moveDistanceY}px)`;

                        // Fade logo quickly during movement
                        loaderLogo.style.transition = 'opacity 0.2s ease-out';
                        loaderLogo.style.opacity = '0';

                        // Fade background simultaneously
                        const cLoader = document.getElementById('c-loader');
                        cLoader.style.transition = 'background-color 0.3s ease-out';
                        cLoader.style.backgroundColor = 'transparent';

                        // After movement completes, remove preloader
                        setTimeout(function() {
                            cLoader.classList.add('loaded');
                        }, 300);
                    } else {
                        // DESKTOP: Move from center (50vh) to hero logo position using transform
                        const isTallScreen = window.innerHeight > 1080;
                        const currentCenterY = window.innerHeight * 0.5; // Logo centered at 50vh
                        // Target position matches hero logo: 30vh - 60px for tall screens, 30vh - 30px for regular
                        const targetTopY = isTallScreen
                            ? (window.innerHeight * 0.30) - 60
                            : (window.innerHeight * 0.30) - 30;
                        const moveDistanceY = targetTopY - currentCenterY; // Negative = upward

                        // Fade duration: 0.5s for tall screens, 0.3s for regular
                        const fadeDuration = isTallScreen ? 0.5 : 0.3;
                        const fadeDurationMs = fadeDuration * 1000;

                        // Apply transform to inner container (keeps flexbox structure)
                        loaderInner.style.transition = `transform ${fadeDuration}s ease-out`;
                        loaderInner.style.transform = `translateY(${moveDistanceY}px)`;

                        // Shrink logo by 5% during movement (but keep visible)
                        loaderLogo.style.transition = `transform ${fadeDuration}s ease-out`;
                        loaderLogo.style.transform = 'scale(0.95)';

                        const cLoader = document.getElementById('c-loader');

                        // Wait for movement to complete, THEN fade
                        setTimeout(function() {
                            // Start fading background after logo reaches position
                            cLoader.style.transition = `background-color 0.3s ease-out`;
                            cLoader.style.backgroundColor = 'transparent';

                            // Fade logo after it reaches position
                            loaderLogo.style.transition = `opacity 0.3s ease-out`;
                            loaderLogo.style.opacity = '0';

                            // Remove preloader after fade completes
                            setTimeout(function() {
                                cLoader.classList.add('loaded');
                            }, 300);
                        }, fadeDurationMs);
                    }
                } else {
                    document.getElementById('c-loader').classList.add('loaded');
                }

                // Update scroll after preloader is hidden and force scroll to top on mobile
                if (window.locomotiveScroll) {
                    setTimeout(() => {
                        window.locomotiveScroll.scrollTo(0, { duration: 0, disableLerp: true });
                        window.locomotiveScroll.update();

                        // Additional update for mobile
                        setTimeout(() => {
                            window.locomotiveScroll.update();
                        }, 500);
                    }, 100);
                }
            }, 300);
        } else {
            // Check again in 50ms
            setTimeout(checkImagesLoaded, 50);
        }
    }

    // Start checking after a brief delay to allow setInitialPositions to run
    setTimeout(checkImagesLoaded, 200);
});

// Wait for page load
window.addEventListener('load', function() {

    // Use the scroller instance from main.js instead of creating a new one
    // Wait a bit for main.js to initialize the scroller
    function waitForScroller() {
        // Check if scroller is available from main.js (exposed as window.scroller)
        if (window.scroller) {
            initHeroParallax(window.scroller);
        } else {
            setTimeout(waitForScroller, 100);
        }
    }

    waitForScroller();
});

function initHeroParallax(scroll) {

    // Get all elements
    // Note: background-new is animated by main.js via CSS custom properties on #hero
    const logo = document.getElementById('logo');
    const persistentLogo = document.getElementById('persistent-logo');
    const money = document.getElementById('money-new');
    // Note: jimmy-new is animated by main.js, not here

    // Get all bills with their bill numbers
    const bills = [];
    for (let i = 1; i <= 13; i++) {
        const bill = document.getElementById('bill' + i);
        if (bill) {
            bill.dataset.billNumber = i; // Store bill number
            bills.push(bill);
        }
    }

    // Get viewport height
    let vh = window.innerHeight;

    // Note: Background scale calculation removed - controlled by main.js

    // Logo settings
    let logoFinalSize = 200; // pixels width (desktop)
    let logoFinalTop = 20; // pixels from top
    let logoFinalLeft = 40; // pixels from left

    // Calculate initial logo width - 50vw for all devices
    let logoInitialWidth = window.innerWidth * 0.50;

    // Track hero section height for scroll calculations - use ACTUAL DOM height
    const heroSection = document.getElementById('hero');
    let heroHeight = heroSection ? heroSection.offsetHeight : vh * 1.5;

    // Set initial positions via JavaScript (called on load and resize)
    function setInitialPositions() {
        // Update vh on each call (for resize events)
        vh = window.innerHeight;

        // Logo: Reset to CSS initial state, adjust size based on height
        if (logo) {
            const isMobile = window.innerWidth <= 860;
            logo.style.position = '';
            logo.style.left = '';
            logo.style.transform = '';
            // Mobile: 18x scale, Desktop: 0.375 (50% reduction test)
            const logoScale = isMobile ? 18 : 0.375;
            const logoWidth = vh * logoScale;
            logo.style.width = logoWidth + 'px';
            logo.style.maxWidth = logoWidth + 'px';
            // Mobile: 30px higher starting position
            if (isMobile) {
                logo.style.top = 'calc(30vh - 30px)';
            } else {
                logo.style.top = '';
            }
        }

        // Note: Money initial position removed - controlled by main.js

        // Bills: spread across all areas
        const billPositions = [
            { top: 0.08, left: 0.05, rotate: 25 },
            { top: 0.10, left: 0.90, rotate: -30 },
            { top: 0.42, left: 0.08, rotate: 18 },
            { top: -10, left: -10, rotate: 0 },
            { top: 0.68, left: 0.88, rotate: 35 },
            { top: -10, left: -10, rotate: 0 },
            { top: 0.35, left: 0.92, rotate: 28 },
            { top: 0.18, left: 0.28, rotate: -35 },
            { top: 0.72, left: 0.10, rotate: 20 },
            { top: 0.02, left: 0.58, rotate: -25 },
            { top: 0.31, left: 0.68, rotate: 32 },
            { top: 0.12, left: 0.38, rotate: -18 },
            { top: 0.75, left: 0.85, rotate: -35 }
        ];

        bills.forEach((bill, index) => {
            const billNum = parseInt(bill.dataset.billNumber) - 1;
            if (billPositions[billNum]) {
                const pos = billPositions[billNum];
                bill.style.top = (vh * pos.top - (billNum === 12 ? 20 : 0)) + 'px';
                bill.style.left = (window.innerWidth * pos.left + (billNum === 10 ? 20 : 0)) + 'px';
                // Bill13 (billNum 12) should not rotate
                bill.style.transform = billNum === 12 ? '' : `rotate(${pos.rotate}deg)`;
            }
        });

    }

    // Call initial positioning
    setInitialPositions();

    // Parallax animation on scroll
    scroll.on('scroll', (args) => {
        try {
            if (!args || !args.scroll) {
                return;
            }

            const scrollY = args.scroll.y;

            if (!heroHeight || heroHeight === 0) {
                return;
            }
            const scrollPercent = Math.min((scrollY / heroHeight) * 100, 100);

        // PERSISTENT LOGO
        if (persistentLogo) {
            if (scrollPercent >= 80) {
                persistentLogo.classList.add('visible');
            } else {
                persistentLogo.classList.remove('visible');
            }

            // Fade hero logo only after persistent logo is fully visible (85% scroll)
            if (scrollPercent >= 85) {
                // Hide hero logo after persistent logo appears
                if (logo) {
                    logo.style.opacity = '0';
                    logo.style.pointerEvents = 'none';
                }
                // Hide mobile logo after persistent logo appears
                const mobileLogo = document.getElementById('mobile-logo');
                if (mobileLogo) {
                    mobileLogo.style.opacity = '0';
                    mobileLogo.style.pointerEvents = 'none';
                }
            } else {
                // Show hero logo when persistent logo is not fully visible
                if (logo) {
                    logo.style.opacity = '1';
                    logo.style.pointerEvents = 'auto';
                }
                // Show mobile logo when persistent logo is not fully visible
                const mobileLogo = document.getElementById('mobile-logo');
                if (mobileLogo) {
                    mobileLogo.style.opacity = '1';
                    mobileLogo.style.pointerEvents = 'auto';
                }
            }
        }

        // 1. OVERLAY: Fades by 20% scroll
        // Note: Overlay and background animations removed - controlled by main.js

        // Note: Money animation removed - controlled by main.js

        // 3. LOGO: Animates from center to top-left
        if (logo) {
            const isMobile = window.innerWidth <= 860;
            const heroFullyScrolled = scrollY >= heroHeight;
            logo.style.position = 'fixed';

            if (scrollPercent === 0) {
                const initialWidth = isMobile ? '90%' : '35.65%'; /* 15% larger than original 31% */
                logo.style.width = initialWidth;
                logo.style.maxWidth = isMobile ? 'none' : '2000px';
                const topPosition = isMobile ? 'calc(30vh - 30px)' :
                                   (window.innerHeight > 1080 ? 'calc(30vh - 60px)' : 'calc(30vh - 30px)');
                logo.style.top = topPosition;
                logo.style.left = '50%';
                logo.style.transform = 'translate(-50%, -50%)';
                logo.style.zIndex = '4';
            } else if (scrollPercent <= (isMobile ? 30 : 50)) {
                const threshold = isMobile ? 30 : 50;
                const progress = scrollPercent / threshold;
                const initialWidthPercent = isMobile ? 90 : 35.65; /* 15% larger than original 31% */
                const finalLogoSize = isMobile ? 140 : 200;
                const finalTop = isMobile ? 15 : 20;
                const finalLeft = isMobile ? 15 : 40;
                const widthPercent = initialWidthPercent - ((initialWidthPercent - ((finalLogoSize / window.innerWidth) * 100)) * progress);
                const topVh = 30 * (1 - progress);
                const topPx = finalTop * progress;
                const initialTopOffset = isMobile ? -30 : (window.innerHeight > 1080 ? -60 : -30);
                const topOffset = initialTopOffset * (1 - progress);
                const leftPercent = 50 * (1 - progress);
                const leftPx = finalLeft * progress;
                const translateX = -50 * (1 - progress);
                const translateY = -50 * (1 - progress);

                logo.style.width = widthPercent + '%';
                logo.style.maxWidth = isMobile ? 'none' : '2000px';
                logo.style.top = `calc(${topVh}vh + ${topPx}px + ${topOffset}px + ${scrollY}px)`;
                logo.style.left = `calc(${leftPercent}% + ${leftPx}px)`;
                logo.style.transform = `translate(${translateX}%, ${translateY}%)`;
                logo.style.zIndex = heroFullyScrolled ? '10002' : '4';
            } else {
                const finalLogoSize = isMobile ? 140 : 200;
                const finalTop = isMobile ? 15 : 20;
                const finalLeft = isMobile ? 15 : 40;
                logo.style.width = finalLogoSize + 'px';
                logo.style.maxWidth = finalLogoSize + 'px';
                logo.style.top = `calc(${finalTop}px + ${scrollY}px)`;
                logo.style.left = finalLeft + 'px';
                logo.style.transform = 'none';
                logo.style.zIndex = heroFullyScrolled ? '10002' : '8';
            }
        }

        // Note: Jimmy animation removed - controlled by main.js line 300-330

        // 4. BILLS: Confetti-like falling motion
        const billAnimations = [
            { speed: 25, rotation: 1.2, sway: 8, initialRotate: 15 },
            { speed: 19, rotation: -2.0, sway: 10, initialRotate: 75 },
            { speed: 28, rotation: 1.6, sway: 6, initialRotate: 25 },
            { speed: 17, rotation: -0.25, sway: 9, initialRotate: -15 },
            { speed: 14, rotation: 0.2, sway: 11, initialRotate: 30 },
            { speed: 19, rotation: -0.35, sway: 7, initialRotate: -25 },
            { speed: 16, rotation: 0.28, sway: 8, initialRotate: 18 },
            { speed: 20, rotation: 0.4, sway: 12, initialRotate: -30 },
            { speed: 25, rotation: 0, sway: 5, initialRotate: 22 },
            { speed: 8, rotation: -2.0, sway: 15, initialRotate: -18 },
            { speed: 25, rotation: -1.5, sway: 4, initialRotate: 110 },
            { speed: 5, rotation: -0.32, sway: 9, initialRotate: -22 },
            { speed: 20, rotation: 2.5, sway: 7, initialRotate: -90 }
        ];

        bills.forEach((bill, index) => {
            const billNum = parseInt(bill.dataset.billNumber) - 1;
            if (billAnimations[billNum]) {
                const anim = billAnimations[billNum];
                const fallDistance = scrollPercent * anim.speed;
                const rotationIncrease = scrollPercent * anim.rotation;

                let swayOffset;
                if (billNum === 1) {
                    swayOffset = scrollPercent * 8;
                } else if (billNum === 2) {
                    swayOffset = scrollPercent * 5;
                } else if (billNum === 8) {
                    swayOffset = scrollPercent * 8;
                } else if (billNum === 9) {
                    swayOffset = scrollPercent * 10;
                } else if (billNum === 10) {
                    swayOffset = scrollPercent * 12;
                } else if (billNum === 11) {
                    swayOffset = scrollPercent * 10;
                } else {
                    swayOffset = Math.sin(scrollPercent * 0.08) * anim.sway;
                }

                const loopedFallDistance = fallDistance % (vh * 2);
                const billProgress = Math.min(scrollPercent / 60, 1);
                let billScale = 0.95 + (0.65 * billProgress);

                if (billNum === 9) {
                    billScale = 0.95 - (0.4 * billProgress);
                }
                if (billNum === 2) {
                    billScale = 0.95 + (0.85 * billProgress);
                }
                if (billNum === 10) {
                    billScale = 0.95 + (0.85 * billProgress);
                }

                // Bill13 (billNum 12) should move very fast to lower right and exit within 70% scroll
                if (billNum === 12) {
                    const bill13Progress = Math.min(scrollPercent / 70, 1); // Exit by 70% scroll
                    const moveRight = bill13Progress * window.innerWidth * 1.5; // Move 150% of screen width
                    const moveDown = bill13Progress * window.innerHeight * 1.5; // Move 150% of screen height
                    bill.style.transform = `translateX(${moveRight}px) translateY(${moveDown}px) scale(${billScale})`;
                } else {
                    bill.style.transform = `translateY(${loopedFallDistance}px) translateX(${swayOffset}px) rotate(${anim.initialRotate + rotationIncrease}deg) scale(${billScale})`;
                }
            }
        });
        } catch (error) {
        }
    });

    // Logo click - scroll to top
    if (logo) {
        logo.addEventListener('click', function() {
            scroll.scrollTo(0);
        });
    }

    // Persistent logo click - scroll to top
    if (persistentLogo) {
        persistentLogo.addEventListener('click', function() {
            scroll.scrollTo(0);
        });
    }

    // Update scroll on resize
    window.addEventListener('resize', function() {
        vh = window.innerHeight;
        heroHeight = heroSection ? heroSection.offsetHeight : vh * 1.5;
        logoInitialWidth = window.innerWidth * 0.50;
        setInitialPositions();
        scroll.update();
    });

    // Force initial update
    setTimeout(function() {
        scroll.update();
    }, 100);
}



// jQuery cookie adapter for js-cookie library
if (typeof Cookies !== 'undefined' && typeof $.cookie === 'undefined') {
    $.cookie = function(name, value, options) {
        if (arguments.length > 1) {
            return Cookies.set(name, value, options);
        }
        return Cookies.get(name);
    };
    $.removeCookie = function(name, options) {
        return Cookies.remove(name, options);
    };
}

// Helper function to clear auth cookies (for testing)
window.clearAuthCookies = function() {
    if (typeof $ !== 'undefined' && $.removeCookie) {
        $.removeCookie('beastGamesAuth', { path: '/' });
        $.removeCookie('beastGamesAuthExpiry', { path: '/' });
        $.removeCookie('beastGamesUserPhone', { path: '/' });
        $.removeCookie('beastGamesUserInstagram', { path: '/' });
    }
};

// Handle vote button click - show auth popup
$(document).ready(function() {
    // Check if user is already authenticated
    function isUserAuthenticated() {
        const authCookie = $.cookie('beastGamesAuth');
        const authExpiry = $.cookie('beastGamesAuthExpiry');


        if (authCookie && authExpiry) {
            // Check if cookie hasn't expired
            const now = new Date().getTime();
            if (now < parseInt(authExpiry)) {
                return true;
            } else {
                // Clear expired cookies
                $.removeCookie('beastGamesAuth', { path: '/' });
                $.removeCookie('beastGamesAuthExpiry', { path: '/' });
                $.removeCookie('beastGamesUserPhone', { path: '/' });
                $.removeCookie('beastGamesUserInstagram', { path: '/' });
                return false;
            }
        }
        return false;
    }

    $("#voteButton").on("click", function(e) {
        e.preventDefault();

        // Track conversion event (consent-aware)
        if (typeof window.CookieConsent !== 'undefined') {
            window.CookieConsent.trackEvent('event', 'click_vote_button', {
                'event_category': 'engagement',
                'event_label': 'Vote Button Clicked',
                'value': 1
            });
        }

        // Check if user is already authenticated
        if (isUserAuthenticated()) {
            // User is authenticated, open voting page in new tab
            window.open("voting.html", "_blank");
        } else {
            // Show auth modal
            $("#authModal").show();
        }
    });

    // Close modal when clicking outside
    $("#authModal").on("click", function(e) {
        if (e.target === this) {
            $(this).hide();
        }
    });

    // Close modal with escape key
    $(document).keyup(function(e) {
        if (e.key === "Escape") {
            $("#authModal").hide();
        }
    });

    // Function to validate form and update button states
    function validateAuthForm() {
        const phone = $("#phoneInput").val().replace(/\D/g, '');
        const termsAccepted = $("#termsCheckbox").is(":checked");

        // Check if phone has 10 digits and terms are accepted
        const isValid = phone.length === 10 && termsAccepted;

        if (isValid) {
            // Enable buttons - remove inline opacity style to use full opacity
            $(".social-btn").removeClass("social-btn-disabled");
            $(".social-btn").attr("style", function(i, style) {
                return style.replace(/opacity:\s*[^;]+;?/gi, 'opacity: 1;');
            });
            $(".social-btn").css("pointer-events", "auto");
            $(".social-btn").css("cursor", "pointer");
        } else {
            // Disable buttons
            $(".social-btn").addClass("social-btn-disabled");
            $(".social-btn").attr("style", function(i, style) {
                return style.replace(/opacity:\s*[^;]+;?/gi, 'opacity: 0.5;');
            });
            $(".social-btn").css("pointer-events", "none");
            $(".social-btn").css("cursor", "not-allowed");
        }
    }

    // Phone number mask for US format
    $("#phoneInput").on("input", function(e) {
        let value = e.target.value.replace(/\D/g, '');
        let formattedValue = '';

        if (value.length > 0) {
            if (value.length <= 3) {
                formattedValue = `(${value}`;
            } else if (value.length <= 6) {
                formattedValue = `(${value.slice(0, 3)}) ${value.slice(3)}`;
            } else if (value.length <= 10) {
                formattedValue = `(${value.slice(0, 3)}) ${value.slice(3, 6)}-${value.slice(6)}`;
            } else {
                formattedValue = `(${value.slice(0, 3)}) ${value.slice(3, 6)}-${value.slice(6, 10)}`;
            }
        }

        e.target.value = formattedValue;
        validateAuthForm(); // Check validation after input
    });

    // Validate form when checkbox changes
    $("#termsCheckbox").on("change", function() {
        validateAuthForm();
    });
});

// Function to clear all auth cookies
function clearAuthCookies() {
    $.removeCookie('beastGamesAuth', { path: '/' });
    $.removeCookie('beastGamesAuthExpiry', { path: '/' });
    $.removeCookie('beastGamesUserPhone', { path: '/' });
    $.removeCookie('beastGamesUserInstagram', { path: '/' });
    $.removeCookie('beastGamesAuthProvider', { path: '/' });
}

// Handle guest access
function handleGuestAccess() {
    // Track conversion event (consent-aware)
    if (typeof window.CookieConsent !== 'undefined') {
        window.CookieConsent.trackEvent('event', 'sign_up', {
            'event_category': 'conversion',
            'event_label': 'Guest Access',
            'method': 'guest'
        });
    }

    // Store guest authentication in cookies (expires in 1 day for guests)
    const expiryTime = new Date().getTime() + (24 * 60 * 60 * 1000); // 1 day
    $.cookie('beastGamesAuth', 'guest', { path: '/', expires: 1 });
    $.cookie('beastGamesAuthExpiry', expiryTime.toString(), { path: '/', expires: 1 });
    $.cookie('beastGamesAuthProvider', 'guest', { path: '/', expires: 1 });

    // Open voting page in new tab
    window.open("voting.html", "_blank");

    // Close the modal
    $("#authModal").hide();
}

// Handle social sign-in
function handleSocialSignIn(provider) {
    const phone = $("#phoneInput").val();
    const instagram = $("#instagramInput").val();
    const termsAccepted = $("#termsCheckbox").is(":checked");

    // Check if terms are accepted
    if (!termsAccepted) {
        alert("Please accept the Terms and Conditions to continue.");
        $("#termsCheckbox").focus();
        return;
    }

    if (!phone) {
        $("#phoneInput").css("border-color", "#ff0000");
        $("#phoneInput").focus();
        return;
    }

    // Track conversion event (consent-aware)
    if (typeof window.CookieConsent !== 'undefined') {
        window.CookieConsent.trackEvent('event', 'sign_up', {
            'event_category': 'conversion',
            'event_label': 'Social Sign-In',
            'method': provider
        });
    }

    // Store authentication in cookies (expires in 7 days)
    const expiryTime = new Date().getTime() + (7 * 24 * 60 * 60 * 1000); // 7 days
    $.cookie('beastGamesAuth', 'true', { path: '/', expires: 7 });
    $.cookie('beastGamesAuthExpiry', expiryTime.toString(), { path: '/', expires: 7 });
    $.cookie('beastGamesUserPhone', phone, { path: '/', expires: 7 });
    $.cookie('beastGamesUserInstagram', instagram, { path: '/', expires: 7 });
    $.cookie('beastGamesAuthProvider', provider, { path: '/', expires: 7 });

    // Also store in localStorage for backward compatibility
    localStorage.setItem("userPhone", phone);
    localStorage.setItem("userInstagram", instagram);
    localStorage.setItem("authProvider", provider);

    // Open voting page in new tab
    window.open("voting.html", "_blank");

    // Close the modal
    $("#authModal").hide();
}



// Mobile parallax override - keep background and money fixed to viewport (1:1 scroll compensation)
(function() {
    if (window.innerWidth <= 860) {
        // Wait for scroller to be initialized
        const waitForScroller = setInterval(function() {
            if (typeof scroller !== 'undefined' && scroller) {
                clearInterval(waitForScroller);

                const moneyLayer = document.getElementById('money-new');
                const heroSection = document.getElementById('hero');
                const logoLayer = document.getElementById('logo');
                const peopleLayer = document.getElementById('people-new');
                if (!moneyLayer || !heroSection) return;

                // MOBILE ONLY: Create brand new logo element (separate from desktop)
                // Hide the desktop logo on mobile
                if (logoLayer) {
                    logoLayer.style.display = 'none';
                }

                // Create new mobile-only logo
                const mobileLogo = document.createElement('div');
                mobileLogo.id = 'mobile-logo';
                mobileLogo.style.position = 'fixed';
                mobileLogo.style.top = 'calc(33% - 100px)'; // 33% - 100px from top of screen
                mobileLogo.style.left = '50%';
                mobileLogo.style.transform = 'translateX(-50%)'; // Only center horizontally
                mobileLogo.style.width = '90%'; // 90% width
                mobileLogo.style.zIndex = '30';
                mobileLogo.style.pointerEvents = 'none';
                mobileLogo.style.filter = 'drop-shadow(0px 0px 20px rgba(40, 15, 60, 1)) drop-shadow(0px 0px 5px rgba(0, 0, 0, 1))'; // Dark purple + black shadow
                mobileLogo.style.transition = 'opacity 0.3s ease'; // Smooth transition when switching to persistent-logo
                mobileLogo.innerHTML = '<img src="images/parallax2/logo.webp?v=20251225" alt="Beast Games" style="width: 100%;">';

                document.body.appendChild(mobileLogo);

                // Update mobile logo with date-based logo switching
                if (typeof updateLogos === 'function') {
                    updateLogos();
                }

                // Force Locomotive Scroll to update
                if (scroller && scroller.update) {
                    scroller.update();
                }


                // Hook into Locomotive Scroll to override main.js animations
                scroller.on('scroll', (obj) => {
                    const scrollY = obj.scroll.y;
                    const heroHeight = heroSection.offsetHeight;
                    const vh = window.innerHeight / 100;

                    // THRESHOLD: 30% scroll - images transition from fixed to moving
                    const threshold30 = heroHeight * 0.3;

                    // CLAMPED COMPENSATION: Lock compensation at threshold, creating smooth transition
                    const compensation = Math.min(scrollY, threshold30);

                    // BACKGROUND: Clamped compensation (fixed until 30%, then moves naturally)
                    const bgPositionY = compensation;

                    // Keep blur and scale animations from main.js
                    const blurScrollPercent = 0.35;
                    const blurScrollProgress = Math.min(scrollY / (heroHeight * blurScrollPercent), 1);
                    const blurAmount = 5 - (blurScrollProgress * 5);

                    const scaleScrollPercent = 0.5;
                    const scaleScrollProgress = Math.min(scrollY / (heroHeight * scaleScrollPercent), 1);
                    const scaleStart = 1.1;
                    const scaleEnd = 1.0;
                    const scaleAmount = scaleStart - (scaleScrollProgress * (scaleStart - scaleEnd));

                    const scaleCompensation = (1 - scaleScrollProgress) * 20;
                    const finalBackgroundY = bgPositionY - scaleCompensation;

                    heroSection.style.setProperty('--bg-position-y', `${finalBackgroundY}px`);
                    heroSection.style.setProperty('--bg-blur', `${blurAmount}px`);
                    heroSection.style.setProperty('--bg-scale', scaleAmount);

                    // MONEY: Animate to bottom of hero section
                    // Scale from 3.45 to 2.5875 at 40% scroll (15% larger than original 3.0 to 2.25)
                    const moneyScrollProgress = Math.min(scrollY / (heroHeight * 0.4), 1);
                    const scale = 3.45 - (moneyScrollProgress * 0.8625);

                    // Animate bottom position from starting position to 0 (bottom of hero section) by 25% scroll
                    const moneyStartBottom = 55 * vh - 135; // Starting position in pixels
                    const moneyEndBottom = 0; // End at bottom of hero section
                    const moneyBottomProgress = Math.min(scrollY / (heroHeight * 0.25), 1);
                    const currentBottom = moneyStartBottom - (moneyBottomProgress * moneyStartBottom);

                    moneyLayer.style.bottom = `${currentBottom}px`;
                    moneyLayer.style.transform = `scale(${scale})`;

                    // PEOPLE: Clamped compensation + 100px upward movement during 0-30%
                    if (peopleLayer) {
                        // Scale: 3.0 → 2.0 over 50% scroll
                        const peopleScaleProgress = Math.min(scrollY / (heroHeight * 0.5), 1);
                        const peopleScale = 3.0 - (peopleScaleProgress * 1.0);

                        // Blur: 1.5px → 0px over 20% scroll
                        const peopleBlurProgress = Math.min(scrollY / (heroHeight * 0.2), 1);
                        const peopleBlur = 1.5 - (peopleBlurProgress * 1.5);

                        // Upward movement: 0 → 100px over 0-30% scroll (50px higher ending than before)
                        const upwardProgress = Math.min(scrollY / threshold30, 1);
                        const upwardMovement = 100 * upwardProgress;

                        peopleLayer.style.bottom = 'calc(60vh + 130px)';
                        peopleLayer.style.transform = `translateY(${compensation - upwardMovement}px) scale(${peopleScale})`;

                        const peopleImg = peopleLayer.querySelector('img');
                        if (peopleImg) {
                            peopleImg.style.filter = `blur(${peopleBlur}px)`;
                        }
                    }

                    // MOBILE LOGO: Animate from center to top-left by 35% scroll
                    if (mobileLogo) {
                        // Animation: 0-35% scroll = complete animation
                        const animationDuration = heroHeight * 0.35;

                        let logoScrollProgress = Math.min(scrollY / animationDuration, 1);

                        // Starting position: top: calc(33% - 100px), left: 50%, width: 90%
                        // Ending position: top: 25px, left: 15px, width: 140px (match persistent-logo)
                        const startTop = (window.innerHeight * 0.33) - 100; // 33% - 100px from top
                        const endTop = 25;
                        const currentTop = startTop + (logoScrollProgress * (endTop - startTop));

                        // Left: from 50% to 15px
                        const startLeft = 50; // 50% in percentage
                        const endLeftPx = 15; // 15px

                        // Top position
                        mobileLogo.style.top = `${currentTop}px`;

                        if (logoScrollProgress < 1) {
                            // Transitioning: interpolate from 50% to 15px
                            const currentLeftPercent = startLeft * (1 - logoScrollProgress);
                            const currentLeftPx = endLeftPx * logoScrollProgress;
                            mobileLogo.style.left = `calc(${currentLeftPercent}% + ${currentLeftPx}px)`;
                        } else {
                            // Fully at top-left
                            mobileLogo.style.left = `${endLeftPx}px`;
                        }

                        // Width: from 90% to 140px
                        if (logoScrollProgress < 1) {
                            const startWidthPercent = 90;
                            const endWidthPx = 140;
                            // Interpolate: start with 90%, end with 140px
                            const currentWidthPercent = startWidthPercent * (1 - logoScrollProgress);
                            const currentWidthPx = endWidthPx * logoScrollProgress;
                            mobileLogo.style.width = `calc(${currentWidthPercent}% + ${currentWidthPx}px)`;
                        } else {
                            mobileLogo.style.width = '140px';
                        }

                        // Center horizontally: translateX(-50%) → 0%
                        const translateX = -50 + (logoScrollProgress * 50); // -50% → 0%
                        mobileLogo.style.transform = `translateX(${translateX}%)`;
                    }
                });

                // Set initial people position and enforce it before scrolling
                if (peopleLayer) {
                    // AGGRESSIVELY enforce initial position on every frame before scrolling
                    let peopleScrollStarted = false;
                    const enforcePeoplePosition = () => {
                        if (!peopleScrollStarted) {
                            // Set every frame regardless - override Locomotive Scroll and main.js
                            peopleLayer.style.bottom = 'calc(60vh + 130px)';
                            requestAnimationFrame(enforcePeoplePosition);
                        }
                    };
                    requestAnimationFrame(enforcePeoplePosition);

                    // Stop enforcing once user scrolls (let existing scroll handler take over)
                    scroller.on('scroll', () => {
                        peopleScrollStarted = true;
                    });
                }
            }
        }, 100);
    }
})();



// Mobile homepage video fullscreen functionality
(function() {
    if (window.innerWidth <= 860) {
        const homepageSection = document.getElementById('homepage');
        const videoIframe = document.getElementById('homepage-video-iframe');

        if (!homepageSection || !videoIframe) return;

        // Add click/touch handler to homepage section
        homepageSection.addEventListener('click', function(e) {
            // Request fullscreen on the iframe
            if (videoIframe.requestFullscreen) {
                videoIframe.requestFullscreen();
            } else if (videoIframe.webkitRequestFullscreen) {
                videoIframe.webkitRequestFullscreen(); // Safari
            } else if (videoIframe.mozRequestFullScreen) {
                videoIframe.mozRequestFullScreen(); // Firefox
            } else if (videoIframe.msRequestFullscreen) {
                videoIframe.msRequestFullscreen(); // IE/Edge
            }
        });

        // Listen for fullscreen changes to enable controls
        document.addEventListener('fullscreenchange', handleFullscreenChange);
        document.addEventListener('webkitfullscreenchange', handleFullscreenChange);
        document.addEventListener('mozfullscreenchange', handleFullscreenChange);
        document.addEventListener('msfullscreenchange', handleFullscreenChange);

        function handleFullscreenChange() {
            const isFullscreen = document.fullscreenElement ||
                                document.webkitFullscreenElement ||
                                document.mozFullScreenElement ||
                                document.msFullscreenElement;

            if (isFullscreen) {
                // Entering fullscreen - enable controls and unmute
                videoIframe.src = videoIframe.src.replace('controls=0', 'controls=1').replace('mute=1', 'mute=0');
            } else {
                // Exiting fullscreen - restore autoplay loop with no controls
                videoIframe.src = videoIframe.src.replace('controls=1', 'controls=0').replace('mute=0', 'mute=1');
            }
        }
    }
})();



// Prevent accidental horizontal swipes on carousel/scroller elements
document.addEventListener('DOMContentLoaded', function() {
    const el = document.querySelector('.carousel, .scroller');

    if (el) {
        el.addEventListener('wheel', (e) => {
            // Only block horizontal swipes
            if (Math.abs(e.deltaX) > Math.abs(e.deltaY)) {
                e.preventDefault();
                el.scrollLeft += e.deltaX;
            }
        }, { passive: false });
    }
});



// Mobile landscape mode: Native fullscreen video player with MP4, no browser UI
// DISABLED: Now using MP4 video on mobile instead of YouTube iframe
(function() {
    // Disabled - mobile now uses MP4 video same as desktop
    return;

    // Only run on mobile devices
    if (window.innerWidth > 860) return;

    const mp4Video = document.getElementById('homepage-video');
    const youtubeIframe = document.getElementById('homepage-video-iframe');
    if (!mp4Video || !youtubeIframe) return;

    let isPlayingFullscreen = false;
    let player = null; // YouTube player instance
    let mp4Preloaded = false;

    // Preload MP4 video immediately in background (non-blocking)
    function preloadMP4() {
        if (mp4Preloaded) return;

        // Set preload attribute to start loading immediately
        mp4Video.preload = 'auto';

        // Start loading the video
        mp4Video.load();

        // Mark as preloaded when ready
        mp4Video.addEventListener('canplaythrough', function() {
            mp4Preloaded = true;
            console.log('MP4 video preloaded and ready');
        }, { once: true });
    }

    // Start preloading MP4 immediately (non-blocking, doesn't hold page preloader)
    preloadMP4();

    // Show clickable overlay on mobile (portrait mode only)
    const clickOverlay = document.getElementById('iframe-click-overlay');
    if (clickOverlay) {
        // Show overlay on mobile in portrait mode
        const isPortrait = window.matchMedia("(orientation: portrait)").matches;
        if (isPortrait) {
            clickOverlay.style.display = 'block';
        }

        // Handle overlay click - open YouTube video in new tab
        clickOverlay.addEventListener('click', function(e) {
            e.preventDefault();
            e.stopPropagation();
            window.open('https://www.youtube.com/watch?v=SI3CrHUAGqM', '_blank');
        });
    }

    // YouTube API is already loaded by the Video Continuous Loop Handler script above
    // No need to load it again here to avoid conflicts

    function handleOrientationChange() {
        const isLandscape = window.matchMedia("(orientation: landscape)").matches;

        if (isLandscape && !isPlayingFullscreen) {
            // Landscape mode: Trigger native video player for MP4

            // Hide click overlay in landscape
            if (clickOverlay) {
                clickOverlay.style.display = 'none';
            }

            // Pause YouTube iframe
            if (player && player.pauseVideo) {
                player.pauseVideo();
            }

            // If MP4 not preloaded yet, trigger load now
            if (!mp4Preloaded) {
                preloadMP4();
            }

            // Set video properties for native player
            mp4Video.muted = false;
            mp4Video.controls = true;
            mp4Video.currentTime = 0; // Start from beginning

            // Use webkitEnterFullscreen for iOS native player (no browser UI)
            if (mp4Video.webkitEnterFullscreen) {
                // iOS Safari - triggers native video player
                mp4Video.play().then(() => {
                    // Only set isPlayingFullscreen AFTER successful play
                    isPlayingFullscreen = true;
                    mp4Video.webkitEnterFullscreen();
                }).catch(err => {
                    console.log('Play failed:', err);
                    // Play failed - restart YouTube iframe immediately
                    if (player && player.playVideo) {
                        player.playVideo();
                    }
                    // Show click overlay again
                    if (clickOverlay) {
                        clickOverlay.style.display = 'block';
                    }
                });
            } else {
                // Android - use standard fullscreen API
                mp4Video.play().then(() => {
                    // Only set isPlayingFullscreen AFTER successful play
                    isPlayingFullscreen = true;
                    if (mp4Video.requestFullscreen) {
                        mp4Video.requestFullscreen();
                    } else if (mp4Video.mozRequestFullScreen) {
                        mp4Video.mozRequestFullScreen();
                    } else if (mp4Video.webkitRequestFullscreen) {
                        mp4Video.webkitRequestFullscreen();
                    }
                }).catch(err => {
                    console.log('Play failed:', err);
                    // Play failed - restart YouTube iframe immediately
                    if (player && player.playVideo) {
                        player.playVideo();
                    }
                    // Show click overlay again
                    if (clickOverlay) {
                        clickOverlay.style.display = 'block';
                    }
                });
            }
        } else if (!isLandscape && isPlayingFullscreen) {
            // Portrait mode: Exit fullscreen and restart YouTube iframe
            isPlayingFullscreen = false;

            // Show click overlay in portrait
            if (clickOverlay) {
                clickOverlay.style.display = 'block';
            }

            // Pause and reset MP4 video
            mp4Video.pause();
            mp4Video.muted = true;
            mp4Video.controls = false;
            mp4Video.currentTime = 0;

            // Exit fullscreen if still active
            if (document.fullscreenElement || document.webkitFullscreenElement ||
                document.mozFullScreenElement || document.msFullscreenElement) {
                if (document.exitFullscreen) {
                    document.exitFullscreen();
                } else if (document.webkitExitFullscreen) {
                    document.webkitExitFullscreen();
                } else if (document.mozCancelFullScreen) {
                    document.mozCancelFullScreen();
                }
            }

            // Restart YouTube iframe playback with a slight delay
            setTimeout(function() {
                if (player && player.playVideo) {
                    player.playVideo();
                } else {
                    // Fallback: reload iframe src to restart playback
                    const currentSrc = youtubeIframe.src;
                    youtubeIframe.src = '';
                    setTimeout(function() {
                        youtubeIframe.src = currentSrc;
                    }, 50);
                }
            }, 300);
        }
    }

    // Listen for fullscreen exit (user manually exits)
    document.addEventListener('webkitfullscreenchange', function() {
        if (!document.webkitFullscreenElement && isPlayingFullscreen) {
            // User manually exited fullscreen - reset state
            isPlayingFullscreen = false;
            mp4Video.pause();
            mp4Video.muted = true;
            mp4Video.controls = false;

            // Restart YouTube iframe
            setTimeout(function() {
                if (player && player.playVideo) {
                    player.playVideo();
                } else {
                    const currentSrc = youtubeIframe.src;
                    youtubeIframe.src = '';
                    setTimeout(function() {
                        youtubeIframe.src = currentSrc;
                    }, 50);
                }
            }, 300);
        }
    });

    document.addEventListener('fullscreenchange', function() {
        if (!document.fullscreenElement && isPlayingFullscreen) {
            isPlayingFullscreen = false;
            mp4Video.pause();
            mp4Video.muted = true;
            mp4Video.controls = false;

            // Restart YouTube iframe
            setTimeout(function() {
                if (player && player.playVideo) {
                    player.playVideo();
                } else {
                    const currentSrc = youtubeIframe.src;
                    youtubeIframe.src = '';
                    setTimeout(function() {
                        youtubeIframe.src = currentSrc;
                    }, 50);
                }
            }, 300);
        }
    });

    // Listen for orientation changes
    window.addEventListener('orientationchange', function() {
        setTimeout(handleOrientationChange, 100);
    });

    // Modern orientation API
    if (screen.orientation && screen.orientation.addEventListener) {
        screen.orientation.addEventListener('change', function() {
            setTimeout(handleOrientationChange, 100);
        });
    }
})();

// Rotation Overlay for Mobile Landscape Detection
// Shows rotate.webp image when mobile device is rotated to landscape
(function() {
    function checkRotationOverlay() {
        const isLandscape = window.matchMedia("(orientation: landscape)").matches;
        const isMobile = window.innerWidth <= 860;
        const overlay = document.getElementById('rotation-overlay');

        if (overlay && isMobile && isLandscape) {
            // Show overlay when mobile is in landscape
            overlay.style.display = 'flex';
        } else if (overlay) {
            // Hide overlay when in portrait or on desktop
            overlay.style.display = 'none';
        }
    }

    // Check on page load
    document.addEventListener('DOMContentLoaded', checkRotationOverlay);

    // Check on orientation change
    window.addEventListener('orientationchange', checkRotationOverlay);

    // Check on resize (some devices use this instead)
    window.addEventListener('resize', checkRotationOverlay);

    // Check using modern orientation API
    if (screen.orientation && screen.orientation.addEventListener) {
        screen.orientation.addEventListener('change', checkRotationOverlay);
    }

    // Initial check
    checkRotationOverlay();
})();

// Mobile Card Swiper Component
(function() {
    function createMobileCardSwiper(section) {
        const sectionId = section.id;
        const newsItems = section.querySelectorAll('.newsItem');

        if (newsItems.length === 0) return;

        // Create mobile card swiper container
        const mobileSwiper = document.createElement('div');
        mobileSwiper.className = 'mobile-card-swiper';

        // Create card track
        const cardTrack = document.createElement('div');
        cardTrack.className = 'mobile-card-track';

        // Extract data from each news item and create mobile cards
        const cardsData = [];
        newsItems.forEach(item => {
            const thumb = item.querySelector('.newsThumbImg');
            const title = item.querySelector('.newsInfoTitle');
            const desc = item.querySelector('.newsInfoDesc');
            const link = item.querySelector('a');

            if (thumb && title && desc) {
                cardsData.push({
                    thumbClass: thumb.className,
                    title: title.textContent,
                    desc: desc.textContent,
                    link: link ? link.href : '#'
                });
            }
        });

        // Create mobile card items
        cardsData.forEach(data => {
            const cardItem = document.createElement('div');
            cardItem.className = 'mobile-card-item';

            const cardContent = document.createElement('a');
            cardContent.href = data.link;
            cardContent.target = '_blank';
            cardContent.className = 'mobile-card-content';
            cardContent.style.textDecoration = 'none';

            const descClass = sectionId === 'news' ? 'mobile-card-desc-news' : 'mobile-card-desc-morebeast';

            cardContent.innerHTML = `
                <div class="mobile-card-thumb ${data.thumbClass}"></div>
                <div class="mobile-card-info">
                    <div class="mobile-card-title">${data.title}</div>
                    <div class="${descClass}">${data.desc}</div>
                </div>
            `;

            cardItem.appendChild(cardContent);
            cardTrack.appendChild(cardItem);
        });

        mobileSwiper.appendChild(cardTrack);

        // Create pagination dots
        const pagination = document.createElement('div');
        pagination.className = 'mobile-card-pagination';

        for (let i = 0; i < cardsData.length; i++) {
            const dot = document.createElement('span');
            dot.className = 'mobile-card-dot' + (i === 0 ? ' active' : '');
            dot.dataset.index = i;
            pagination.appendChild(dot);
        }

        mobileSwiper.appendChild(pagination);

        // Insert mobile swiper after section title
        const sectionTitle = section.querySelector('.section-title');
        if (sectionTitle) {
            sectionTitle.after(mobileSwiper);
        } else {
            section.insertBefore(mobileSwiper, section.firstChild);
        }

        // Touch/Swipe handling
        let currentIndex = 0;
        let startX = 0;
        let currentX = 0;
        let isDragging = false;

        function updatePosition() {
            const offset = -currentIndex * 100;
            cardTrack.style.transform = `translateX(${offset}%)`;

            // Update pagination dots
            pagination.querySelectorAll('.mobile-card-dot').forEach((dot, idx) => {
                dot.classList.toggle('active', idx === currentIndex);
            });
        }

        function handleTouchStart(e) {
            startX = e.touches ? e.touches[0].clientX : e.clientX;
            isDragging = true;
            cardTrack.style.transition = 'none';
        }

        function handleTouchMove(e) {
            if (!isDragging) return;
            currentX = e.touches ? e.touches[0].clientX : e.clientX;
            const diff = currentX - startX;
            const offset = -currentIndex * 100 + (diff / cardTrack.offsetWidth) * 100;
            cardTrack.style.transform = `translateX(${offset}%)`;
        }

        function handleTouchEnd() {
            if (!isDragging) return;
            isDragging = false;
            cardTrack.style.transition = 'transform 0.3s ease-out';

            const diff = currentX - startX;
            const threshold = cardTrack.offsetWidth * 0.2;

            if (diff < -threshold && currentIndex < cardsData.length - 1) {
                currentIndex++;
            } else if (diff > threshold && currentIndex > 0) {
                currentIndex--;
            }

            updatePosition();
        }

        // Add event listeners
        cardTrack.addEventListener('touchstart', handleTouchStart, { passive: true });
        cardTrack.addEventListener('touchmove', handleTouchMove, { passive: true });
        cardTrack.addEventListener('touchend', handleTouchEnd);

        // Mouse events for testing on desktop
        cardTrack.addEventListener('mousedown', handleTouchStart);
        cardTrack.addEventListener('mousemove', handleTouchMove);
        cardTrack.addEventListener('mouseup', handleTouchEnd);
        cardTrack.addEventListener('mouseleave', handleTouchEnd);

        // Pagination dot clicks
        pagination.querySelectorAll('.mobile-card-dot').forEach(dot => {
            dot.addEventListener('click', () => {
                currentIndex = parseInt(dot.dataset.index);
                updatePosition();
            });
        });
    }

    function initMobileCards() {
        // Always remove any existing mobile swipers first
        document.querySelectorAll('.mobile-card-swiper').forEach(el => el.remove());

        // Only create new ones if mobile size
        if (window.innerWidth > 860) return;

        // Create mobile card swipers for both sections
        const newsSection = document.getElementById('news');
        const moreBeastSection = document.getElementById('more-beast');

        if (newsSection) createMobileCardSwiper(newsSection);
        if (moreBeastSection) createMobileCardSwiper(moreBeastSection);
    }

    // Initialize on load
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initMobileCards);
    } else {
        initMobileCards();
    }

    // Reinit on resize
    let resizeTimer;
    window.addEventListener('resize', () => {
        clearTimeout(resizeTimer);
        resizeTimer = setTimeout(initMobileCards, 250);
    });
})();


Requests	IP Address	Location	AS Autonomous System
106	172.67.69.18Cloudflare · WAF	United States	AS13335Cloudflare, Inc.
106	1	-	-

Security Scan Report: www.beastgames.com

Summary

AI Security Verdict

Safe Website

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Page Statistics

Detected Technologies11

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History