<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
      <script>
            if (window.location.hostname.includes(".pages.dev")) {
                  const newUrl =
                        "https://littlemastercricket.net" + window.location.pathname + window.location.search;
                  window.location.replace(newUrl);
            }
      </script>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>Play Little Master Cricket Game and Become a Perfect Batter</title>
      <meta name="description" content="Play Little Master Cricket Online for free! A cricket game where players can master batting skills and become batting pros." />
      <meta property="og:type" content="website" />
      <meta property="og:title" content="Play Little Master Cricket Game and Become a Perfect Batter" />
      <meta property="og:url" content="https://littlemastercricket.net/" />
      <meta property="og:site_name" content="Little Master Cricket" />
      <meta property="og:image" content="https://littlemastercricket.net/little_master_cricket.webp" />
      <meta property="og:description" content="Play Little Master Cricket Online for free! A cricket game where players can master batting skills and become batting pros." />
      <meta property="og:locale" content="en_US" />
      <meta name="twitter:card" content="summary" />
      <meta name="twitter:title" content="Play Little Master Cricket Game and Become a Perfect Batter" />
      <meta name="twitter:description" content="Play Little Master Cricket Online for free! A cricket game where players can master batting skills and become batting pros." />
      <meta name="twitter:creator" content="Little Master Cricket" />
      <meta name="twitter:image" content="https://littlemastercricket.net/little_master_cricket.webp" />
      <link rel="apple-touch-icon" sizes="57x57" href="https://littlemastercricket.net/apple-icon-57x57.png" />
      <link rel="apple-touch-icon" sizes="60x60" href="https://littlemastercricket.net/apple-icon-60x60.png" />
      <link rel="apple-touch-icon" sizes="72x72" href="https://littlemastercricket.net/apple-icon-72x72.png" />
      <link rel="apple-touch-icon" sizes="76x76" href="https://littlemastercricket.net/apple-icon-76x76.png" />
      <link rel="apple-touch-icon" sizes="114x114" href="https://littlemastercricket.net/apple-icon-114x114.png" />
      <link rel="apple-touch-icon" sizes="120x120" href="https://littlemastercricket.net/apple-icon-120x120.png" />
      <link rel="apple-touch-icon" sizes="144x144" href="https://littlemastercricket.net/apple-icon-144x144.png" />
      <link rel="apple-touch-icon" sizes="152x152" href="https://littlemastercricket.net/apple-icon-152x152.png" />
      <link rel="apple-touch-icon" sizes="180x180" href="https://littlemastercricket.net/apple-icon-180x180.png" />
      <link rel="icon" type="image/png" sizes="192x192" href="https://littlemastercricket.net/android-icon-192x192.png" />
      <link rel="icon" type="image/png" sizes="32x32" href="https://littlemastercricket.net/favicon-32x32.png" />
      <link rel="icon" type="image/png" sizes="96x96" href="https://littlemastercricket.net/favicon-96x96.png" />
      <link rel="icon" type="image/png" sizes="16x16" href="https://littlemastercricket.net/favicon-16x16.png" />
      <meta name="msapplication-TileColor" content="#ffffff" />
      <meta name="msapplication-TileImage" content="https://littlemastercricket.net/ms-icon-144x144.png" />
      <meta name="theme-color" content="#ffffff" />
      <link rel="manifest" href="https://littlemastercricket.net/manifest.json" />
      <link rel="preconnect" href="https://fonts.googleapis.com" />
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
      <link href="https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap" rel="stylesheet">
      <noscript>
            <link href="https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap" rel="stylesheet">
      </noscript>
      <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.3/dist/cdn.min.js" defer></script><script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Little Master Cricket",
        "url": "https://littlemastercricket.net",
        "abstract": "Play Little Master Cricket Online for free! A cricket game where players can master batting skills and become batting pros.",
        "copyrightYear": "2025",
        "keywords": "Little Master Cricket, Little Master Cricket Game, Little Master Cricket Download, Little Master Cricket Unblocked, Little Master Cricket High Score, Little Master Cricket Online, Little Master Cricket Free, Little Master Cricket Online Game"
    }
</script>
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": ["VideoGame", "WebApplication"],
        "name": "Little Master Cricket",
        "description": "Play Little Master Cricket Online for free! A cricket game where players can master batting skills and become batting pros.",
        "operatingSystem": "Web Browser",
        "applicationCategory": "GameApplication",
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": 4.6,
            "ratingCount": 11214
        },
        "offers": {
            "@type": "Offer",
            "price": 0,
            "priceCurrency": "USD"
        }
    }
</script>
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebPage",
        "name": "Play Little Master Cricket Game and Become a Perfect Batter",
        "url": "https://littlemastercricket.net",
        "description": "Play Little Master Cricket Online for free! A cricket game where players can master batting skills and become batting pros.",
        "image": {
            "@type": "ImageObject",
            "url": "https://littlemastercricket.net/little_master_cricket.webp",
            "height": 1024,
            "width": 1024
        },
        "datePublished": "2025-06-05T08:56:38Z",
        "dateModified": "2025-06-05T08:56:38Z",
        "publisher": {
            "@type": "Person",
            "name": "Carry Manto"
        }
    }
</script>  <script type="module" crossorigin src="/assets/app.DQ5F1Rl7.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/app.CiQog61Z.css">
</head>
<body><header
    class=" bg-header-background text-header-foreground border-x shadow-2xl border-header-background fixed top-0 left-1/2 -translate-x-1/2 w-full max-w-2xl z-20"
    x-data="{ isMenuOpen: false }" @keydown.escape="isMenuOpen = false">
    <div class="relative">
        <div class="cut-left w-16 h-full absolute top-0 -left-16 bg-header-background"></div>
        <div class="cut-right w-16 h-full absolute top-0 -right-16 bg-header-background"></div>

        <div class=" px-4">
            <div class="flex items-center justify-between py-1.5">
                <a href="/" aria-label="Go to Home Page">
                    <img src="/little_master_cricket_icon.webp" alt="Little Master Cricket" class="logo-image">
                </a>
                <div class="nav-container">
                    <nav class="hidden md:flex gap-6">
                        <a href="/" class="nav-link">
                            Home
                        </a>
                        <a href="/blog/" class="nav-link">
                            Blog
                        </a>
                    </nav>
                    <button @click="isMenuOpen = !isMenuOpen" class="md:hidden rounded-lg" :aria-expanded="isMenuOpen"
                        :aria-label="isMenuOpen ? 'Close Menu' : 'Open Menu'">
                        <svg x-show="!isMenuOpen" xmlns="http://www.w3.org/2000/svg" class="size-10" fill="none"
                            viewBox="0 0 24 24" stroke="currentColor" x-cloak>
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                d="M4 6h16M4 12h16M4 18h16" />
                        </svg>
                        <svg x-show="isMenuOpen" xmlns="http://www.w3.org/2000/svg" class="size-10" fill="none"
                            viewBox="0 0 24 24" stroke="currentColor" x-cloak>
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                d="M6 18L18 6M6 6l12 12" />
                        </svg>
                    </button>
                </div>
            </div>

            <div x-show="isMenuOpen" x-cloak class="md:hidden pb-4" @click.away="isMenuOpen = false">
                <nav class="flex flex-col space-y-3">
                    <a href="/" class="mobile-nav-link" @click="isMenuOpen = false">
                        Home
                    </a>
                    <a href="/blog/" class="mobile-nav-link" @click="isMenuOpen = false">
                        Blog
                    </a>
                </nav>
            </div>
        </div>
    </div>
</header><main class="pb-12">
    <div class="bg-secondary-section-background py-6">
        <section class="relative mt-16">
            <section class="mb-12">
                <div class="text-center space-y-6">
                    <h1 class="page-heading">Play Little Master Cricket Game Online [Free and Unblocked]</h1>
                    <p class="max-w-4xl mx-auto text-xl text-balance">
                        If you are a fan of cricket and want to bat for a long time scoring runs, Little Master Cricket might be the perfect game for you. It is a fast-paced sports gaming experience where you will play cricket as a batter and score as many runs as you can, hitting the balls into striped zones.
                    </p>
                    <p class="text-lg">⭐ Rated 4.6 - 11.2k 🎮 players</p>
                </div>

            </section>

            <section x-data="{
                        currentUrl: 'https://embed.littlemastercricket.net/little-master-cricket/',
                        isFullscreen: false,
                        showConfirmDialog: false,
                        showControlsModal: false,
                        actionType: '',
                        targetUrl: '',
                        isPageLoaded: false,
                        init() {
                            this.showControlsModal = false;
                            this.showConfirmDialog = false;
                            window.addEventListener('load', () => {
                                this.isPageLoaded = true;
                            });
                        },
                        async changeGameUrl(url) {
                            this.showConfirmDialog = true;
                            this.actionType = 'change';
                            this.targetUrl = url;
                        },
                        async reloadGame() {
                            this.showConfirmDialog = true;
                            this.actionType = 'reload';
                        },
                        async confirmAction() {
                            if (this.actionType === 'change') {
                                this.currentUrl = this.targetUrl;
                            } else if (this.actionType === 'reload') {
                                const iframe = document.getElementById('game-iframe');
                                iframe.src = this.currentUrl;
                            }
                            this.showConfirmDialog = false;
                        },
                        goFullscreen() {
                            const iframe = document.getElementById('game-iframe');
                            if (iframe.requestFullscreen) {
                              iframe.requestFullscreen();
                            } else if (iframe.webkitRequestFullscreen) {
                              iframe.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
                            } else if (iframe.msRequestFullscreen) {
                              iframe.msRequestFullscreen();
                            }
                          }
                    }">
                <div class="relative group">
                    <iframe id="game-iframe" :src="isPageLoaded ? currentUrl : ''" loading="lazy"
                            class="game-player relative z-10 " title="Little Master Cricket" allowfullscreen></iframe>
                </div>

                <div class="flex items-center flex-col sm:flex-row justify-between gap-4 mt-6">
                    <div class="flex flex-wrap gap-3 items-center justify-center">
                    </div>
                    <div class="flex flex-wrap gap-3 items-center justify-center">
                        <button @click="showControlsModal = true" class="button-primary">
                            Controls
                        </button>
                        <button @click="reloadGame()" aria-label="Reload Game" class="button-secondary">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                 stroke-width="1.5" stroke="currentColor" class="size-6">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"/>
                            </svg>
                        </button>
                        <button @click="goFullscreen()" aria-label="View Fullscreen" class="button-secondary">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                 stroke-width="1.5" stroke="currentColor" class="size-6">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"/>
                            </svg>
                        </button>
                        <div x-data="{ isSocialShareOpen: false }" class="relative">
                            <button
                                    @click="isSocialShareOpen = !isSocialShareOpen"
                                    class="social-share-button"
                                    aria-label="Share It"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg"
                                     class="size-6"
                                     viewBox="0 0 20 20"
                                     fill="currentColor"
                                >
                                    <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"/>
                                </svg>
                            </button>
                        
                            <div
                                    x-show="isSocialShareOpen"
                                    x-cloak
                                    @click="isSocialShareOpen = false"
                                    class="fixed inset-0 z-50 bg-black bg-opacity-50 transition-opacity"
                                    x-transition:enter="ease-out duration-300"
                                    x-transition:enter-start="opacity-0"
                                    x-transition:enter-end="opacity-100"
                                    x-transition:leave="ease-in duration-200"
                                    x-transition:leave-start="opacity-100"
                                    x-transition:leave-end="opacity-0"
                            ></div>
                        
                            <div
                                    x-show="isSocialShareOpen"
                                    x-cloak
                                    class="fixed inset-0 z-50 flex items-center justify-center p-4"
                                    x-transition:enter="ease-out duration-300"
                                    x-transition:enter-start="opacity-0 scale-95"
                                    x-transition:enter-end="opacity-100 scale-100"
                                    x-transition:leave="ease-in duration-200"
                                    x-transition:leave-start="opacity-100 scale-100"
                                    x-transition:leave-end="opacity-0 scale-95"
                            >
                                <div class="relative w-full max-w-xs p-4 bg-muted text-muted-foreground rounded-md rounded-tr-none shadow-xl">
                                    <button @click="isSocialShareOpen = false"
                                            class="absolute -top-8 right-0 p-1 rounded-md rounded-b-none bg-muted text-muted-foreground focus:outline-none"
                                            aria-label="Close Menu"
                                    >
                                        <svg class="size-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
                                        </svg>
                                    </button>
                        
                                    <div class="grid grid-cols-3 gap-4">
                                        <a
                                                href="https://www.linkedin.com/sharing/share-offsite?mini&#x3D;true&amp;url&#x3D;https%3A%2F%2Flittlemastercricket.net%2F&amp;title&#x3D;Play%20Little%20Master%20Cricket%20Game%20and%20Become%20a%20Perfect%20Batter&amp;summary&#x3D;Play%20Little%20Master%20Cricket%20Game%20and%20Become%20a%20Perfect%20Batter"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#006699] rounded-md hover:bg-[#005580] transition-colors"
                                                title="Share on LinkedIn"
                                        >
                                            <svg class="size-6"
                                                 viewBox="0 0 24 24"
                                                 fill="currentColor"
                                            >
                                                <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://www.facebook.com/sharer/sharer.php?u&#x3D;https%3A%2F%2Flittlemastercricket.net%2F"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#337FFF] rounded-md hover:bg-[#2b6cd9] transition-colors"
                                                title="_shareOnFacebook"
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://x.com/intent/post?text&#x3D;Play%20Little%20Master%20Cricket%20Game%20and%20Become%20a%20Perfect%20Batter&amp;url&#x3D;https%3A%2F%2Flittlemastercricket.net%2F"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-black rounded-md hover:bg-stone-800 transition-colors"
                                                title="_shareOnX"
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://wa.me/?text&#x3D;Play%20Little%20Master%20Cricket%20Game%20and%20Become%20a%20Perfect%20Batter%20https%3A%2F%2Flittlemastercricket.net%2F"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#00D95F] rounded-md hover:bg-[#00c055] transition-colors"
                                                title=""
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://t.me/share/url?url&#x3D;https%3A%2F%2Flittlemastercricket.net%2F&amp;text&#x3D;Play%20Little%20Master%20Cricket%20Game%20and%20Become%20a%20Perfect%20Batter"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#34AADF] rounded-md hover:bg-[#2d95c2] transition-colors"
                                                title="Share on Telegram"
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.563 8.994l-1.791 8.425c-.127.585-.456.732-.925.456l-2.555-1.883-1.233 1.188c-.136.136-.255.255-.511.255l.361-2.29 4.735-4.275c.19-.181-.042-.282-.293-.101l-5.85 3.69-2.52-.789c-.546-.17-.556-.546.121-.82l9.684-3.73c.456-.17.855.101.711.82z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://www.reddit.com/submit?url&#x3D;https%3A%2F%2Flittlemastercricket.net%2F&amp;title&#x3D;Play%20Little%20Master%20Cricket%20Game%20and%20Become%20a%20Perfect%20Batter"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#FF4500] rounded-md hover:bg-[#e63e00] transition-colors"
                                                title="Share on Reddit"
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://pinterest.com/pin/create/button/?url&#x3D;https%3A%2F%2Flittlemastercricket.net%2F&amp;description&#x3D;Play%20Little%20Master%20Cricket%20Game%20and%20Become%20a%20Perfect%20Batter"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#E60023] rounded-md hover:bg-[#cc001f] transition-colors"
                                                title="Share on Pinterest"
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://www.tumblr.com/widgets/share/tool?canonicalUrl&#x3D;https%3A%2F%2Flittlemastercricket.net%2F&amp;title&#x3D;Play%20Little%20Master%20Cricket%20Game%20and%20Become%20a%20Perfect%20Batter"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#001935] rounded-md hover:bg-[#00152b] transition-colors"
                                                title="_shareOnTumblr"
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M19.3 16.8c.6 1.8 1.3 3.3 2.3 4.5 1 .9 2.1 1.7 3.4 2.3-.3.2-.6.3-.9.5-.3.1-.6.2-.9.3-.3 0-.6.1-1 .1-.3 0-.6 0-.9-.1-.3 0-.6-.1-.9-.2-.3-.1-.6-.2-.8-.4-.2-.2-.4-.4-.6-.6-.2-.2-.3-.5-.4-.8-.1-.3-.2-.6-.2-1v-7.1h4.7v-3.2h-4.7V0h-3.2c-.2.3-.4.6-.5.9-.1.3-.2.6-.3.9 0 .3-.1.6-.1.9v2.7h-3.2v3.2h3.2v8.1c0 .6.1 1.2.2 1.7.1.6.3 1.1.5 1.7.2.5.5 1 .8 1.4.3.4.7.8 1.1 1.1.4.3.9.6 1.4.8.5.2 1.1.4 1.7.5.6.1 1.2.2 1.8.2.5 0 1 0 1.5-.1.5-.1.9-.2 1.4-.3.4-.2.8-.3 1.2-.5.4-.2.7-.4 1-.6z"/>
                                            </svg>
                                        </a>
                        
                                        <a href="/cdn-cgi/l/email-protection#704f0305121a15130456530843344b201c11095542403c1904041c155542403d1103041502554240330219131b150455424037111d15554240111e145542403215131f1d15554240115542402015021615130455424032110404150256111d004b121f140956530843344b18040400035543315542365542361c1904041c151d1103041502130219131b15045e1e1504554236" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center p-3 text-white bg-stone-600 rounded-md hover:bg-stone-700 transition-colors" title="_shareOnEmail">
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M0 3v18h24v-18h-24zm21.518 2l-9.518 7.713-9.518-7.713h19.036zm-19.518 14v-11.817l10 8.104 10-8.104v11.817h-20z"/>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div x-show="showConfirmDialog" x-cloak
                     class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
                    <div class="dialog-card max-w-md w-full mx-4 shadow-2xl">
                        <strong class="block text-2xl font-bold mb-4">
                            Confirm Action
                        </strong>
                        <p class="mb-6" x-text="actionType === 'change' ? 'Are you sure you want to change the game?' : 'Are you sure you want to reload the game?'">
                        </p>
                        <div class="flex justify-end space-x-4">
                            <button @click="showConfirmDialog = false" class="button-muted">
                                Cancel
                            </button>
                            <button @click="confirmAction()" class="button-secondary">
                                Confirm
                            </button>
                        </div>
                    </div>
                </div>

                <div x-show="showControlsModal" x-cloak
                     class="fixed inset-0 bg-black/90 bg-opacity-50 flex items-center justify-center z-50"
                     x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0"
                     x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200"
                     x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0">
                    <div class="dialog-card shadow-2xl max-w-4xl w-full mx-4 max-h-[90vh] overflow-y-auto"
                         x-show="showControlsModal" x-cloak x-transition:enter="transition ease-out duration-300"
                         x-transition:enter-start="opacity-0 transform scale-95"
                         x-transition:enter-end="opacity-100 transform scale-100"
                         x-transition:leave="transition ease-in duration-200"
                         x-transition:leave-start="opacity-100 transform scale-100"
                         x-transition:leave-end="opacity-0 transform scale-95"
                         @click.away="showControlsModal = false">
                        <div class="flex items-end justify-end">
                            <button @click="showControlsModal = false"
                                    class="bg-primary text-primary-foreground rounded-md">
                                <svg xmlns="http://www.w3.org/2000/svg" class="size-8" fill="none"
                                     viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                          d="M6 18L18 6M6 6l12 12"/>
                                </svg>
                            </button>
                        </div>
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                            <div>
                                <strong class="block text-2xl font-semibold mb-6">
                                    Desktop
                                </strong>
                                <ul class="space-y-4">
                                    <li class="space-y-2 about-card">
                                        <strong class="block font-bold shrink-0">
                                            Mouse Control
                                        </strong>
                                        <span class="block">
                                                Use the mouse to control player position and scoring highest runs.
                                            </span>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <strong class="block text-2xl font-semibold mb-6">
                                    Mobile
                                </strong>
                                <ul class="space-y-4">
                                    <li class="space-y-2 about-card">
                                        <strong class="block font-bold">
                                            Touch Control
                                        </strong>
                                        <span class="block">Tap on the mobile screen for hitting and scoring highest score</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            
        </section>
    </div>

    <section class="my-12">
        <div class="w-full overflow-x-auto">
            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
                <div class="games-card p-0 relative ">
                    <img src="https://doodlecricket.net/doodle_cricket_icon.webp" alt="Play Doodle Cricket"
                         class="object-cover absolute top-0 left-0 w-full h-full"/>
                    <div class="space-y-2.5 p-2.5 min-h-64 flex flex-col justify-end relative z-5 card-overlay">
                        <p class="text-xl font-bold ">Play Doodle Cricket</p>
                        <div class="flex justify-end">
                            <a class="button-primary w-fit block text-center" href="https://doodlecricket.net/"
                               target="_blank">
                                Play Now
                            </a>
                        </div>
                    </div>
                </div>
                <div class="games-card p-0 relative ">
                    <img src="https://poopclicker.net/poop_clicker_icon.webp" alt="Play Poop Clicker"
                         class="object-cover absolute top-0 left-0 w-full h-full"/>
                    <div class="space-y-2.5 p-2.5 min-h-64 flex flex-col justify-end relative z-5 card-overlay">
                        <p class="text-xl font-bold ">Play Poop Clicker</p>
                        <div class="flex justify-end">
                            <a class="button-primary w-fit block text-center" href="https://poopclicker.net/"
                               target="_blank">
                                Play Now
                            </a>
                        </div>
                    </div>
                </div>
                <div class="games-card p-0 relative ">
                    <img src="https://geometryrash.com/geometry_rash_icon.webp" alt="Play Geometry Rash"
                         class="object-cover absolute top-0 left-0 w-full h-full"/>
                    <div class="space-y-2.5 p-2.5 min-h-64 flex flex-col justify-end relative z-5 card-overlay">
                        <p class="text-xl font-bold ">Play Geometry Rash</p>
                        <div class="flex justify-end">
                            <a class="button-primary w-fit block text-center" href="https://geometryrash.com/"
                               target="_blank">
                                Play Now
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="mb-12">
        <div class="info-card space-y-4" style="clip-path: none;">
            <p class="text-xl">It is a simple but tough game with balls coming one after another. You need to be attentive all the time and hit the ball nicely, as a mis-hit can result in you getting out. As a player, you need to avoid the yellow and block zones while hitting the ball.</p>
        </div>
    </section>

    <div class="bg-secondary-section-background py-12 ">
        <section>
            <div class="space-y-6">
                <h2 class="section-heading text-left">
                    Game Information
                </h2>

                <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4">
                    <div class="info-card space-y-2 relative">

                        <div>
                            <h3 class="line-clamp-1 text-xl font-bold !mt-0">Category</h3>
                            <p class="font-normal text-base line-clamp-1">
                                Sports
                            </p>
                        </div>
                    </div>
                    <div class="info-card space-y-2 relative">

                        <div>
                            <h3 class="line-clamp-1 text-xl font-bold !mt-0">Developer</h3>
                            <p class="font-normal text-base line-clamp-1">
                                Bennett Foddy
                            </p>
                        </div>
                    </div>
                    <div class="info-card space-y-2 relative">

                        <div>
                            <h3 class="line-clamp-1 text-xl font-bold !mt-0">Technology</h3>
                            <p class="font-normal text-base line-clamp-1">
                                HTML5
                            </p>
                        </div>
                    </div>
                    <div class="info-card space-y-2 relative">

                        <div>
                            <h3 class="line-clamp-1 text-xl font-bold !mt-0">Platform</h3>
                            <p class="font-normal text-base line-clamp-1">
                                Web Browser
                            </p>
                        </div>
                    </div>
                    <div class="info-card space-y-2 relative">

                        <div>
                            <h3 class="line-clamp-1 text-xl font-bold !mt-0">Supported Devices</h3>
                            <p class="font-normal text-base line-clamp-1">
                                Web Browser (desktop, tablet, mobile)
                            </p>
                        </div>
                    </div>
                    <div class="info-card space-y-2 relative">

                        <div>
                            <h3 class="line-clamp-1 text-xl font-bold !mt-0">Release Date</h3>
                            <p class="font-normal text-base line-clamp-1">
                                2008
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <div class="bg-secondary-section-background ">
        <section class="w-full flex justify-center items-center mb-20 p-4 relative top-12">
            <div class="w-fit md:max-w-5xl grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-4">
                <a href="#about" class="button-secondary text-center text-2xl">
                    About
                </a>
                <a href="#features" class="button-secondary text-center text-2xl">
                    Features
                </a>
                <a href="#howto" class="button-secondary text-center text-2xl">
                    How to Play
                </a>
                <a href="#faqs" class="button-secondary text-center text-2xl">
                    FAQs
                </a>
                <a href="#conclusion" class="button-secondary text-center text-2xl">
                    Conclusion
                </a>
            </div>
        </section>
    </div>

    <section id="about" class="mb-12">
        <div class="space-y-6">
            <h2 class="card-section-heading">Little Master Cricket Game Overview</h2>
            <div class="space-y-4 text-xl text-center">
                <p class="text-xl">Developed by Bennett Foddy, it offers an exciting cricketing adventure for lovers of this sport. As a player, you will only be batting in this game and aiming to score big. The mechanics are easy to understand as you are required to use a bat swing to hit the ball into the stripped zones to earn runs.</p>
                <p class="text-xl">The game environment consists of a square background, which is divided into two zones. First, the stripped zone consists of numbers 1, 2, 4, and 6. When you hit these numbers, you will earn runs. The second is the black and yellow zone. As a player, you need to avoid this zone because if you hit it, you will be out.</p>
            </div>
        </div>
    </section>

    <div class="bg-secondary-section-background py-12 mb-12">
        <section id="features">
            <h2 class="section-heading">Game Features</h2>
            <p class="mt-2 desc-before">The game has plenty of fun things for players, and we are going to share some of its best features here!</p>
            <div class="grid relative overflow-hidden mt-6 gap-6">
                <div class="flex items-center flex-col md:flex-row gap-10">
                    <div class="bg-secondary w-20 h-20 flex items-center cut-pattern justify-center"><span
                            class="text-3xl font-semibold text-secondary-foreground">1</span></div>
                    <div class="feature-card space-y-4 flex-1">
                        <div class="space-y-2">
                            <h3 class="text-2xl text-secondary font-semibold">
                                Free &amp; Easy Accessibility
                            </h3>
                            <p class="text-card-foreground text-xl">The game is completely free and easily accessible online using multiple platforms. If you have a web browser and a PC/Mobile, you can enjoy the game without needing to download or register.</p>
                        </div>
                    </div>
                </div>
                <div class="flex items-center flex-col md:flex-row gap-10">
                    <div class="bg-secondary w-20 h-20 flex items-center cut-pattern justify-center"><span
                            class="text-3xl font-semibold text-secondary-foreground">2</span></div>
                    <div class="feature-card space-y-4 flex-1">
                        <div class="space-y-2">
                            <h3 class="text-2xl text-secondary font-semibold">
                                Rapid-Paced &amp; Unique Gameplay
                            </h3>
                            <p class="text-card-foreground text-xl">The gameplay mechanics are a bit challenging and addictive at the same time. Its fast-paced action and zoned distribution system make the game more enjoyable. The balls keep coming to the batter, and a player needs to hit them to the strip zones to avoid getting out.</p>
                        </div>
                    </div>
                </div>
                <div class="flex items-center flex-col md:flex-row gap-10">
                    <div class="bg-secondary w-20 h-20 flex items-center cut-pattern justify-center"><span
                            class="text-3xl font-semibold text-secondary-foreground">3</span></div>
                    <div class="feature-card space-y-4 flex-1">
                        <div class="space-y-2">
                            <h3 class="text-2xl text-secondary font-semibold">
                                Decent Looking Graphics
                            </h3>
                            <p class="text-card-foreground text-xl">The game environment doesn’t change, and it will remain the same no matter how many runs you score. The graphics are vibrant and colorful, which makes the game more appealing.</p>
                        </div>
                    </div>
                </div>
                <div class="flex items-center flex-col md:flex-row gap-10">
                    <div class="bg-secondary w-20 h-20 flex items-center cut-pattern justify-center"><span
                            class="text-3xl font-semibold text-secondary-foreground">4</span></div>
                    <div class="feature-card space-y-4 flex-1">
                        <div class="space-y-2">
                            <h3 class="text-2xl text-secondary font-semibold">
                                Score-Based Progression
                            </h3>
                            <p class="text-card-foreground text-xl">Players earn rewards by scoring more runs. The better you perform, the higher your score, with the main goal of becoming the Little Master. As you keep playing, the game gets tougher, challenging your focus and accuracy.</p>
                        </div>
                    </div>
                </div>
                <div class="flex items-center flex-col md:flex-row gap-10">
                    <div class="bg-secondary w-20 h-20 flex items-center cut-pattern justify-center"><span
                            class="text-3xl font-semibold text-secondary-foreground">5</span></div>
                    <div class="feature-card space-y-4 flex-1">
                        <div class="space-y-2">
                            <h3 class="text-2xl text-secondary font-semibold">
                                Multiple Zones &amp; Bowled System
                            </h3>
                            <p class="text-card-foreground text-xl">As a player, you get bowled out when you miss the ball, and you get caught out when you hit the ball into the black and yellow zone. So, use the bat swing correctly to not miss the ball and avoid getting caught. The objective is to hit the ball into the stripped zone with different numbers to score runs.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <section class="mb-12" id="howto">
        <div>
            <h2 class="card-section-heading">How to Play Little Master Cricket Online?</h2>
            <div class="mb-6 mt-3 space-y-3 text-center">
                <p class="desc-before">To play the cricketing experience online for free, all you need is a web browser and a stable internet connection. Afterwards, follow these instructions to start playing the game.</p>
            </div>
            <ol class="space-y-3 text-center text-xl">
                <li>Firstly, click/tap the Play Now button to get started.</li>
                <li>Just wait for a few seconds until the game loads up.</li>
                <li>Click/tap in the pitch area to begin the batting adventure.</li>
                <li>Drag the mouse or tap the screen on your phone to control the bat swing.</li>
            </ol>
        </div>
    </section>

    <div class="bg-secondary-section-background py-12 mb-12">
        <section>
            <div class="space-y-6">
                <h2 class="card-section-heading">Game Controls</h2>
                <div class="max-w-none text-center">
                    <p class="text-xl">The controls are designed to control only the swing of the bat. It&#x27;s not that complicated, you can just do it all with a single swipe.</p>
                    <ul class="text-xl">
                        <li>On PC: Mouse – drag your mouse or swipe on the touchpad of your laptop to control the swing of the bat. It is important to time to swing correctly to not get bowled or hit into the black &amp; yellow zone</li>
                        <li>On Mobile: Touch Input - To swing the bat, just tap on the screen at the right time to hit the ball. How hard and where the ball goes depends on how quickly you click or tap.</li>
                    </ul>
                </div>
            </div>
        </section>
    </div>

    <section id="faqs" class="mb-12">
        <div class="space-y-6" itemscope itemtype="http://schema.org/FAQPage">
            <h2 class="section-heading">Frequently Asked Questions</h2>
            <div class="grid gap-6">
                <div class="faq-card" itemprop="mainEntity" itemscope itemtype="http://schema.org/Question"
                     id="faq-item">
                    <button class="w-full text-left" id="faq-trigger">
                        <strong class="block text-lg font-semibold" itemprop="name">
                            Is Little Master Cricket online free? 
                        </strong>
                    </button>
                    <div itemprop="acceptedAnswer"
                         class="max-h-0 h-full overflow-hidden transition-all duration-400" itemscope
                         itemtype="http://schema.org/Answer" id="faq-answer">
                        <p itemprop="text" class="mt-4">Yes, it is free to play online game.</p>
                    </div>
                </div>
                <div class="faq-card" itemprop="mainEntity" itemscope itemtype="http://schema.org/Question"
                     id="faq-item">
                    <button class="w-full text-left" id="faq-trigger">
                        <strong class="block text-lg font-semibold" itemprop="name">
                            How do I play Little Master Cricket?
                        </strong>
                    </button>
                    <div itemprop="acceptedAnswer"
                         class="max-h-0 h-full overflow-hidden transition-all duration-400" itemscope
                         itemtype="http://schema.org/Answer" id="faq-answer">
                        <p itemprop="text" class="mt-4">As a player, you are required to control the swing of the bat using the mouse/touchpad or touch input on mobile screens. Drag the mouse to swing on PC or tap the screen on mobile to hit the ball.</p>
                    </div>
                </div>
                <div class="faq-card" itemprop="mainEntity" itemscope itemtype="http://schema.org/Question"
                     id="faq-item">
                    <button class="w-full text-left" id="faq-trigger">
                        <strong class="block text-lg font-semibold" itemprop="name">
                            How can I get the Little Master title in-game?
                        </strong>
                    </button>
                    <div itemprop="acceptedAnswer"
                         class="max-h-0 h-full overflow-hidden transition-all duration-400" itemscope
                         itemtype="http://schema.org/Answer" id="faq-answer">
                        <p itemprop="text" class="mt-4">By scoring as many runs as possible in one go, you can acquire the title. Just hit the ball to the strip zones to earn runs.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="conclusion">
        <div class="space-y-6">
            <h2 class="card-section-heading">Conclusion</h2>
            <div class="space-y-4">
                <p class="text-xl text-center">Little Master Cricket is a fun and fast-paced cricket game. Time your swings just right to earn the title of Little Master and show your skills. Challenge your friends, compete for the highest score, and be careful to avoid the yellow-and-black danger zones. Also, don’t miss the ball as you will be bowled.</p>
            </div>
        </div>
    </section>
</main><footer class="bg-footer-background text-footer-foreground">
    <div class="container mx-auto px-4 py-16">
        <div class="grid grid-cols-1 gap-12">
            <div class="space-y-4">
                <div class="flex items-center space-x-3">
                    <div>
                        <img src="/little_master_cricket_icon.webp"
                             alt="Little Master Cricket"
                             class="logo-image"
                        >
                    </div>
                    <strong class="block text-xl font-bold">Little Master Cricket</strong>
                </div>
                <p class="leading-relaxed">Play Little Master Cricket Online for free! A cricket game where players can master batting skills and become batting pros.</p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
                <div>
                    <strong class="block text-xl font-bold mb-6 text-footer-foreground">Quick Links</strong>
                    <ul class="space-y-3">
                        <li>
                            <a href="/about/"
                               target="_self"
                               class="text-footer-link transition-all hover:text-white duration-300 flex items-center">
                                About Us
                            </a>
                        </li>
                        <li>
                            <a href="/contact/"
                               target="_self"
                               class="text-footer-link transition-all hover:text-white duration-300 flex items-center">
                                Contact Us
                            </a>
                        </li>
                        <li>
                            <a href="/privacy-policy/"
                               target="_self"
                               class="text-footer-link transition-all hover:text-white duration-300 flex items-center">
                                Privacy Policy
                            </a>
                        </li>
                        <li>
                            <a href="/terms/"
                               target="_self"
                               class="text-footer-link transition-all hover:text-white duration-300 flex items-center">
                                Terms &amp; Conditions
                            </a>
                        </li>
                    </ul>
                </div>

                <div>
                    <strong class="block text-xl font-bold mb-6 text-footer-foreground">Follow Us</strong>
                    <div class="flex gap-4 flex-wrap">
                        <a href="#"
                           target="_blank"
                           aria-label="Join our Facebook community"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Facebook
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Follow us on X for updates"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            X
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join TikTok"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            TikTok
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Watch gameplay videos and tutorials"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Youtube
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join discussions on Reddit"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Reddit
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="View game screenshots and art"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Instagram
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join Threads"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Threads
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join Tumblr"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Tumblr
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join Pinterest"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Pinterest
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="border-t border-footer-foreground mt-16 pt-8">
            <p class="text-footer-foreground text-sm">Copyright &copy; 2024 - 2025. All rights reserved.</p>
        </div>
    </div>
</footer>
<button id="back-to-top"
        onclick="window.scrollTo({ top: 0, left: 0, behavior: 'smooth' })"
        title="Back to Top"
>
    <svg xmlns="http://www.w3.org/2000/svg"
         fill="none"
         viewBox="0 0 24 24"
         stroke-width="1.5"
         stroke="currentColor"
         class="size-5"
    >
        <path stroke-linecap="round"
              stroke-linejoin="round"
              d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"/>
    </svg>
</button><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
    document.addEventListener("DOMContentLoaded", () => {
        document.querySelectorAll("#faq-item").forEach((faqItem) => {
            let faqTrigger = faqItem.querySelector("#faq-trigger");
            let faqAnswer = faqItem.querySelector("#faq-answer");

            faqTrigger.addEventListener("click", () => {
                if (faqAnswer.classList.contains("active")) {
                    faqAnswer.classList.remove("max-h-screen");
                    faqAnswer.classList.remove("active");
                } else {
                    faqAnswer.classList.add("max-h-screen");
                    faqAnswer.classList.add("active");
                }
            });
        });
    });
</script></body>
</html>