<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
    <link rel="icon" type="image/png" href="/favicon.png" />
    <link rel="apple-touch-icon" href="/favicon.png" />
    
    <!-- Default SEO Meta Tags -->
    <title>Monster Puzzles - Free Daily Puzzles Online</title>
    <meta name="description" content="Play free puzzles online at Monster Puzzles. Enjoy daily crosswords, sudoku, word games, and more. Multiple difficulty levels and competitive leaderboards." />
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Monster Puzzles - Free Daily Puzzles Online" />
    <meta property="og:description" content="Play free puzzles online at Monster Puzzles. Enjoy daily crosswords, sudoku, word games, and more. Multiple difficulty levels and competitive leaderboards." />
    <meta property="og:site_name" content="Monster Puzzles" />
    
    <!-- Twitter -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="Monster Puzzles - Free Daily Puzzles Online" />
    <meta name="twitter:description" content="Play free puzzles online at Monster Puzzles. Enjoy daily crosswords, sudoku, word games, and more. Multiple difficulty levels and competitive leaderboards." />
    
    <!-- Additional SEO -->
    <meta name="keywords" content="puzzles, free puzzles, daily crossword, sudoku, word games, online puzzles, brain teasers, puzzle games" />
    <!-- Canonical URL dynamically added by SEO component on each page -->
    
    <!-- Critical CSS for above-the-fold rendering -->
    <style>
      /* Critical above-the-fold Tailwind utilities to prevent FOUC */
      *,::before,::after{box-sizing:border-box;border-width:0;border-style:solid}
      html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}
      body{margin:0;line-height:inherit;background-color:#1a2e4f;color:#fff}
      #root{margin:0}
      /* Background colors */
      .bg-\[\#152238\]{background-color:#152238}
      .bg-\[\#1a2e4f\]{background-color:#1a2e4f}
      .bg-\[\#ff6b35\]{background-color:#ff6b35}
      .bg-gray-600{background-color:rgb(75 85 99)}
      .bg-gray-800{background-color:rgb(31 41 55)}
      /* Text colors */
      .text-white{color:rgb(255 255 255)}
      .text-gray-300{color:rgb(209 213 219)}
      .text-blue-400{color:rgb(96 165 250)}
      /* Spacing */
      .px-3{padding-left:.75rem;padding-right:.75rem}
      .py-3{padding-top:.75rem;padding-bottom:.75rem}
      .py-2{padding-top:.5rem;padding-bottom:.5rem}
      .px-6{padding-left:1.5rem;padding-right:1.5rem}
      .pt-4{padding-top:1rem}
      .pb-0{padding-bottom:0}
      .mb-4{margin-bottom:1rem}
      .mb-3{margin-bottom:.75rem}
      /* Layout */
      .flex{display:flex}
      .flex-col{flex-direction:column}
      .flex-row{flex-direction:row}
      .justify-center{justify-content:center}
      .justify-between{justify-content:space-between}
      .items-center{align-items:center}
      .space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem}
      .space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}
      .gap-2{gap:.5rem}
      .max-w-7xl{max-width:80rem}
      .max-w-2xl{max-width:42rem}
      .mx-auto{margin-left:auto;margin-right:auto}
      /* Typography */
      .text-base{font-size:1rem;line-height:1.5rem}
      .text-sm{font-size:.875rem;line-height:1.25rem}
      .text-lg{font-size:1.125rem;line-height:1.75rem}
      .text-xl{font-size:1.25rem;line-height:1.75rem}
      .text-4xl{font-size:2.25rem;line-height:2.5rem}
      .font-bold{font-weight:700}
      .font-medium{font-weight:500}
      .font-semibold{font-weight:600}
      .leading-relaxed{line-height:1.625}
      .text-center{text-align:center}
      /* Borders */
      .border-b{border-bottom-width:1px}
      .border-gray-600{border-color:rgb(75 85 99)}
      .rounded{border-radius:.25rem}
      /* Display */
      .block{display:block}
      .inline-block{display:inline-block}
      .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
      /* Sizing */
      .w-6{width:1.5rem}
      .h-6{height:1.5rem}
      .w-16{width:4rem}
      .h-16{height:4rem}
      .w-full{width:100%}
      /* Flexbox responsive */
      @media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:justify-between{justify-content:space-between}.sm\:items-center{align-items:center}.sm\:space-y-0>:not([hidden])~:not([hidden]){margin-top:0}.sm\:space-x-3>:not([hidden])~:not([hidden]){margin-left:.75rem}.sm\:flex{display:flex}.sm\:inline-block{display:inline-block}.sm\:w-auto{width:auto}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:w-20{width:5rem}.sm\:h-20{height:5rem}}
      @media(min-width:768px){.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}}
    </style>
    
    <!-- Domain-aware Google Analytics -->
    <script>
      (function() {
        var h = window.location.hostname;
        var gaId = (h === 'wordmonsterpuzzles.com' || h === 'www.wordmonsterpuzzles.com')
          ? 'G-V4EVLGW5BF' : 'G-0P4K0RD5EX';
        var s = document.createElement('script');
        s.async = true;
        s.src = 'https://www.googletagmanager.com/gtag/js?id=' + gaId;
        document.head.appendChild(s);
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        window.gtag = gtag;
        gtag('js', new Date());
        gtag('config', gaId);
      })();
    </script>

    <!-- Mouseflow - wordmonsterpuzzles.com only -->
    <script>
      (function() {
        var h = window.location.hostname;
        if (h === 'wordmonsterpuzzles.com' || h === 'www.wordmonsterpuzzles.com') {
          window._mfq = window._mfq || [];
          var mf = document.createElement("script");
          mf.type = "text/javascript"; mf.defer = true;
          mf.src = "//cdn.mouseflow.com/projects/4e9e6a6d-e36e-4ef1-ba5d-64dfccc3620a.js";
          document.getElementsByTagName("head")[0].appendChild(mf);
        }
      })();
    </script>
    <script type="module" crossorigin src="/assets/index-NGM80MBd.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DZD2PbXk.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>