MineWarFire Land Defense

Minecraft Mario Jigsaw Puzzle - Mr.Mine<div class="flex justify-between h-16"><div class="flex items-center"><a href="/" class="flex items-center"><img src="/static/images/logo.png" alt="Mr.Mine" class="h-8 w-8 mr-2 transform hover:scale-110 transition-transform"><span class="pixel-title text-xs md:text-xl font-bold text-pixel-gold hover:text-pixel-blue transition-colors"> Mr.Mine</span></a></div><div class="hidden lg:flex items-center space-x-8"><a href="/game/" class="pixel-button pixel-text"> Home</a><a href="/faqs" class="pixel-button pixel-text"> FAQs</a><a href="/blog" class="pixel-button pixel-text"> Blog</a><div class="relative group"><button type="button" class="pixel-button pixel-text focus:outline-none focus:ring-2 focus:ring-[#FFD700] rounded-lg px-3 py-2 transition-colors inline-flex items-center gap-2 group-hover:bg-[#3A3A3A]" id="games-menu-button" aria-expanded="false"> Games<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div id="games-menu" class="hidden absolute right-0 mt-2 w-48 rounded-md shadow-lg bg-[#2A2A2A] ring-1 ring-[#FFD700] ring-opacity-5 py-1 z-50" role="menu" aria-orientation="vertical" aria-labelledby="games-menu-button"><a href="/game/idle-miner" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Idle Miner</a><a href="/game/stickman-idle-clicker-miner--imposter-among-us" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Stickman Idle Clicker Miner: Imposter Among Us</a><a href="/game/miner-block" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Miner Block</a><a href="/game/dungeon-miner---idle-mining-game" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Dungeon Miner - Idle Mining Game</a><a href="/game/idle-miners-adventure" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Idle Miners Adventure</a><a href="/game/jack-the-gold-miner" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Jack The Gold Miner</a><a href="/game/power-rangers-space-miner" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Power Rangers Space Miner</a><a href="/game/miners-adventure" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Miners Adventure</a><a href="/game/meteorite-miner" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Meteorite Miner</a><a href="/game/dig-out-miner-golf" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Dig Out Miner Golf</a><a href="/game/alex-and-steve-miner-two-player" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Alex And Steve Miner Two Player</a><a href="/game/steveminer-home" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Steveminer Home</a><a href="/game/cross-miners" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Cross Miners</a><a href="/game/gold-miner-challenge" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Gold Miner Challenge</a><a href="/game/gold-miner-jack" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Gold Miner Jack</a><a href="/game/miner-dash" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Miner Dash</a><a href="/game/mineraid" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Mineraid</a><a href="/game/miner-gokartcraft---4-player" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Miner Gokartcraft - 4 Player</a><a href="/game/blockminer-run-two-player" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Blockminer Run Two Player</a><a href="/game/stone-miner-online" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"> Stone Miner Online</a></div></div></div><div class="flex items-center space-x-4"><button id="theme-toggle" type="button" class="pixel-button pixel-text focus:outline-none focus:ring-2 focus:ring-[#FFD700] rounded-lg text-sm p-2 transition-colors"><svg id="theme-toggle-dark-icon" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="display:none"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg><svg id="theme-toggle-light-icon" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="display:none"><path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 000 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"></path></svg></button><div class="relative z-50"><button id="language-menu-button" class="pixel-button pixel-text focus:outline-none focus:ring-2 focus:ring-[#FFD700] rounded-lg px-3 py-2 transition-colors inline-flex items-center gap-2 hover:bg-[#3A3A3A]" aria-expanded="false"><span class="hidden md:inline"> English</span><span class="md:hidden"><span class="flag"> 🇺🇸</span> EN</span><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div id="language-menu" class="hidden absolute right-0 mt-2 w-48 rounded-md shadow-lg bg-[#2A2A2A] ring-1 ring-[#FFD700] ring-opacity-5 py-1 z-50" role="menu" aria-orientation="vertical" aria-labelledby="language-menu-button"><a href="/game/minewarfire-land-defense?lang=fr" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2"> 🇫🇷</span><span class="hidden md:inline">Français</span><span class="md:hidden">FR</span></a><a href="/game/minewarfire-land-defense?lang=es" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇪🇸</span><span class="hidden md:inline">Español</span><span class="md:hidden">ES</span></a><a href="/game/minewarfire-land-defense?lang=ko" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇰🇷</span><span class="hidden md:inline">한국어</span><span class="md:hidden">KR</span></a><a href="/game/minewarfire-land-defense?lang=pt" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇵🇹</span><span class="hidden md:inline">Português</span><span class="md:hidden">PT</span></a><a href="/game/minewarfire-land-defense?lang=en" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇺🇸</span><span class="hidden md:inline">English</span><span class="md:hidden">EN</span></a><a href="/game/minewarfire-land-defense?lang=ar" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇸🇦</span><span class="hidden md:inline">العربية</span><span class="md:hidden">AR</span></a><a href="/game/minewarfire-land-defense?lang=zh_tw" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇹🇼</span><span class="hidden md:inline">繁體中文</span><span class="md:hidden">TW</span></a><a href="/game/minewarfire-land-defense?lang=ja" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇯🇵</span><span class="hidden md:inline">日本語</span><span class="md:hidden">JP</span></a><a href="/game/minewarfire-land-defense?lang=de" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇩🇪</span><span class="hidden md:inline">Deutsch</span><span class="md:hidden">DE</span></a><a href="/game/minewarfire-land-defense?lang=zh_cn" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇨🇳</span><span class="hidden md:inline">简体中文</span><span class="md:hidden">CN</span></a></div></div><div class="lg:hidden"><button id="mobile-menu-button" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] focus:outline-none focus:ring-2 focus:ring-[#FFD700] transition-colors" aria-controls="mobile-menu" aria-expanded="false"><span class="sr-only">Open main menu</span><svg class="block h-6 w-6" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg></button></div></div></div><div id="mobile-menu" class="hidden fixed inset-x-0 top-16 bg-[#2A2A2A] shadow-lg transform transition-transform duration-300 ease-in-out lg:hidden"><div class="px-2 pt-2 pb-3 space-y-1"><a href="/game/" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Home</a><a href="/faqs" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> FAQs</a><a href="/blog" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Blog</a><a href="/game/idle-miner" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Idle Miner</a><a href="/game/stickman-idle-clicker-miner--imposter-among-us" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Stickman Idle Clicker Miner: Imposter Among Us</a><a href="/game/miner-block" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Miner Block</a><a href="/game/dungeon-miner---idle-mining-game" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Dungeon Miner - Idle Mining Game</a><a href="/game/idle-miners-adventure" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Idle Miners Adventure</a><a href="/game/jack-the-gold-miner" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Jack The Gold Miner</a><a href="/game/power-rangers-space-miner" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Power Rangers Space Miner</a><a href="/game/miners-adventure" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Miners Adventure</a><a href="/game/meteorite-miner" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Meteorite Miner</a><a href="/game/dig-out-miner-golf" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Dig Out Miner Golf</a><a href="/game/alex-and-steve-miner-two-player" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Alex And Steve Miner Two Player</a><a href="/game/steveminer-home" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Steveminer Home</a><a href="/game/cross-miners" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Cross Miners</a><a href="/game/gold-miner-challenge" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Gold Miner Challenge</a><a href="/game/gold-miner-jack" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Gold Miner Jack</a><a href="/game/miner-dash" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Miner Dash</a><a href="/game/mineraid" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Mineraid</a><a href="/game/miner-gokartcraft---4-player" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Miner Gokartcraft - 4 Player</a><a href="/game/blockminer-run-two-player" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Blockminer Run Two Player</a><a href="/game/stone-miner-online" class="block w-full px-3 py-2 text-sm font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Stone Miner Online</a></div></div></div></nav><div class="space-y-16 bg-[#1A1B4B]"><div class="relative w-full max-w-6xl mx-auto"><div class="relative w-full rounded-lg overflow-hidden"><div id="loading-overlay" class="absolute inset-0 z-20 flex items-center justify-center bg-black/80 rounded-lg hidden"><div class="text-center"><div class="inline-block animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-[#FF69B4] mb-4"></div><p class="text-white text-lg font-medium"> Loading...</p></div></div><iframe id="game-frame" class="w-full min-w-[320px] h-[400px] sm:h-[500px] rounded-lg shadow-[0_0_15px_rgba(255,105,180,0.3)]" width="800" height="700" data-game-url="https://html5.gamemonetize.com/7yrhiicmxtw31c9w4use3ajutf110a2b/" title="MineWarFire Land Defense" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe><div id="start-game-container" class="absolute inset-0 z-10 flex items-center justify-center bg-black/80"><button id="start-game-button" class="px-8 py-4 bg-[#4B0082] hover:bg-[#4B0082]/80 text-white rounded-lg transform hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-xl backdrop-blur-sm"><span class="text-xl font-bold">Start Game</span></button></div></div><div class="w-full text-white text-center text-base mt-4 flex justify-center flex-wrap"><button onclick="ShareManager.shareSocial('facebook')" class="col p-2 flex items-center justify-center bg-[#4B0082] hover:bg-[#4B0082]/80 w-1/6 text-sm lg:text-base rounded-none" aria-label="facebook"><svg class="h-4 w-4 fill-white lg:mr-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg><span class="hidden lg:inline-block">Facebook</span></button><button onclick="ShareManager.shareSocial('twitter')" class="col p-2 flex items-center justify-center bg-[#111111ee] hover:opacity-90 w-1/6 text-sm lg:text-base" aria-label="twitter"><svg class="h-4 w-4 lg:mr-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30"><path fill="white" d="M22.1885 3.75H26.0219L17.6469 13.3229L27.5 26.3469H19.7854L13.7437 18.4469L6.82917 26.3469H2.99375L11.9521 16.1073L2.5 3.75104H10.4104L15.8719 10.9719L22.1885 3.75ZM20.8438 24.0531H22.9677L9.25625 5.92396H6.97708L20.8438 24.0531Z"></path></svg><span class="hidden lg:inline-block">Twitter</span></button><button onclick="ShareManager.shareSocial('linkedin')" class="col p-2 flex items-center justify-center bg-[#0d77b7] hover:opacity-90 w-1/6 text-sm lg:text-base" aria-label="linkedin"><svg class="h-4 w-4 lg:mr-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="white" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg><span class="hidden lg:inline-block">LinkedIn</span></button><a onclick="ShareManager.shareSocial('email')" class="col p-2 flex items-center justify-center bg-[#5f5180] hover:opacity-90 w-1/6 text-sm lg:text-base cursor-pointer" aria-label="email"><svg class="h-4 w-4 lg:mr-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="white" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg><span class="hidden lg:inline-block">E-mail</span></a><button onclick="ShareManager.shareSocial('whatsapp')" class="col p-2 flex items-center justify-center bg-[#58be55] hover:opacity-90 w-1/6 text-sm lg:text-base" aria-label="whatsapp"><svg class="h-4 w-4 lg:mr-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="white" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg><span class="hidden lg:inline-block">WhatsApp</span></button><button onclick="ShareManager.shareSocial('reddit')" class="col p-2 flex items-center justify-center bg-[#e05a31] hover:opacity-90 w-1/6 text-sm lg:text-base" aria-label="reddit"><svg class="h-4 w-4 lg:mr-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="white" d="M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 21.6 0 39.2-17.6 39.2-39.2s-17.6-39.2-39.2-39.2c-15.4 0-28.7 9.3-34.7 22.5l-96.4-21.6c-5.9-1.3-11.9 2.2-13.9 8.1L251 154.7c-54.5.9-103.7 16.9-140.2 42.2-9.7-9.6-22.8-15.7-37.5-15.7-18.1 0-34.3 9.2-43.9 23.2-13.7 20.1-11.9 48.2 4.3 66.3-1.1 5.5-1.7 11.2-1.7 16.9 0 86.2 96.8 156.1 216.3 156.1s216.3-70 216.3-156.1c0-5.7-.6-11.4-1.7-16.9 16.3-18 18.1-46.2 4.3-66.3v-.1c-9.6-14-25.8-23.1-43.9-23.1zm-79.7 249.9c-25.9 8.3-52.2 12.6-79 12.6-26.7 0-53-4.3-78.8-12.6-16.7-5.3-32.8-12.2-47.7-20.6-22.2-12.4-42.1-28.7-58.3-47.3-8.1-9.3-15.2-19.3-21.1-29.8-5.9-10.5-10.5-21.5-13.9-32.8-3.4-11.3-5.1-23-5.1-34.8 0-11.8 1.7-23.5 5.1-34.8 3.4-11.3 8-22.3 13.9-32.8 5.9-10.5 13-20.5 21.1-29.8 16.2-18.6 36.1-34.9 58.3-47.3 14.9-8.4 31-15.3 47.7-20.6 25.8-8.3 52.1-12.6 78.8-12.6 26.9 0 53.2 4.3 79 12.6 16.7 5.3 32.8 12.2 47.7 20.6 22.2 12.4 42.1 28.7 58.3 47.3 8.1 9.3 15.2 19.3 21.1 29.8 5.9 10.5 10.5 21.5 13.9 32.8 3.4 11.3 5.1 23 5.1 34.8 0 11.8-1.7 23.5-5.1 34.8-3.4 11.3-8 22.3-13.9 32.8-5.9 10.5-13 20.5-21.1 29.8-16.2 18.6-36.1 34.9-58.3 47.3-14.9 8.4-31 15.3-47.7 20.6z"></path></svg><span class="hidden lg:inline-block">Reddit</span></button><button id="fullscreen-button" class="col p-2 flex items-center justify-center bg-[#4B0082] hover:bg-[#4B0082]/80 w-1/6 text-sm lg:text-base" aria-label="Enter fullscreen mode"><svg class="h-4 w-4 lg:mr-2 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"/></svg><span class="hidden lg:inline-block">Fullscreen</span></button><button onclick="document.querySelector('#comments-container').scrollIntoView({ behavior: 'smooth' })" class="col p-2 flex items-center justify-center bg-[#4B0082] hover:bg-[#4B0082]/80 w-1/6 text-sm lg:text-base" aria-label="Go to comments section"><svg class="h-4 w-4 lg:mr-2 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"/></svg><span class="hidden lg:inline-block">Comments</span></button></div><div class="w-full text-white mt-8 bg-black/40 backdrop-blur-sm rounded-lg shadow-[0_0_20px_rgba(255,105,180,0.2)] p-4 sm:p-6"><h1 class="text-2xl font-bold mb-6 text-[#FF69B4] flex items-center justify-center"><svg class="w-6 h-6 mr-2" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg> MineWarFire Land Defense Information</h1><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="md:col-span-1"><img src="/static/images/minewarfire-land-defense.webp" alt="MineWarFire Land Defense thumbnail" class="w-full rounded-lg shadow-lg border-2 border-[#FF69B4]/20"></div><div class="md:col-span-2 space-y-4"><div class="flex items-center space-x-2"><svg class="w-6 h-6 text-[#FF69B4] flex-shrink-0" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/></svg><div><h3 class="text-lg font-semibold text-[#FF69B4]"> Category</h3><p class="text-gray-300">Mine</p></div></div><div class="flex items-center space-x-2"><svg class="w-6 h-6 text-[#FF69B4] flex-shrink-0" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg><div><h3 class="text-lg font-semibold text-[#FF69B4]">Status</h3><p class="text-gray-300"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800"> Active</span></p></div></div><div class="space-y-3"><h3 class="text-lg font-semibold text-[#FF69B4] flex items-center"><svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/></svg> Tags</h3><div class="flex flex-wrap gap-2"><a href="/tag/kiz%2010" class="inline-flex items-center px-3 py-1 rounded-full text-sm bg-[#4B0082]/30 hover:bg-[#4B0082]/60 text-gray-300 hover:text-white transition-all duration-300 backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)] hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"><svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/></svg> Kiz 10</a><a href="/tag/minecraft" class="inline-flex items-center px-3 py-1 rounded-full text-sm bg-[#4B0082]/30 hover:bg-[#4B0082]/60 text-gray-300 hover:text-white transition-all duration-300 backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)] hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"><svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/></svg> Minecraft</a><a href="/tag/warrior" class="inline-flex items-center px-3 py-1 rounded-full text-sm bg-[#4B0082]/30 hover:bg-[#4B0082]/60 text-gray-300 hover:text-white transition-all duration-300 backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)] hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"><svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/></svg> Warrior</a><a href="/tag/zombie" class="inline-flex items-center px-3 py-1 rounded-full text-sm bg-[#4B0082]/30 hover:bg-[#4B0082]/60 text-gray-300 hover:text-white transition-all duration-300 backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)] hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"><svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/></svg> Zombie</a></div></div><div class="space-y-2"><div class="flex items-center space-x-2"><svg class="w-6 h-6 text-[#FF69B4] flex-shrink-0" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg><h3 class="text-lg font-semibold text-[#FF69B4]"> Description</h3></div><div class="relative"><div id="description-content" class="text-gray-300 leading-relaxed overflow-hidden transition-all duration-300" style="max-height:100px"><p>Immerse yourself in the thrilling<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/world"> world</a> of MineWarFire Land Defense, an exhilarating free-to-play game where<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/action"> action</a> and<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/strategy"> strategy</a> unite in an epic<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/battle"> battle</a> against relentless minezombies. Your mission is clear: defend your territory from these creepy invaders who seek to conquer your lands and wreak havoc upon your peaceful world. Engage in this heart-pounding gameplay and experience the joy of strategic<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/shooting"> shooting</a> as you protect your domain!</p><p>In MineWarFire Land Defense, you take control of a courageous character equipped with a formidable arsenal. As waves of minezombies march toward your stronghold, you must maneuver expertly to unite your firepower against them. Make every shot count, as the<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/enemies"> enemies</a><a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/grow">grow</a> stronger with each level you conquer. With an array of<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/weapons"> weapons</a> at your disposal, players can upgrade their gear and enhance their arsenal, ensuring they have the upper hand against increasingly tough foes.</p><p>Unleash your shooting prowess and develop a tactical mindset as you progress through the game. Gather resources and improve your weapons to rise to the challenge, and don’t forget to take a respite with other action-packed experiences on the site. Check out<bold> Chop &<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/"> Mine</a> 2</bold> for similar excitement, or browse through a selection of<bold><a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/warrior"> Warrior</a> Games</bold> to find your next<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/adventure"> adventure</a>!</p><p>As the stakes rise and the minezombies become more formidable, strategic<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/upgrades"> upgrades</a> are essential for survival. Plan your upgrades wisely to keep pace with the increasing difficulty and unleash devastating combos that will clear waves of enemies from your path. Master the art of placement and<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/timing"> timing</a>, and show no mercy to the minezombies that threaten your homeland.</p><h3>How to play free MineWarFire Land Defense game online</h3><p>To begin playing MineWarFire Land Defense, use the arrow keys or WASD to move your character around the battlefield. Click the<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/mouse"> mouse</a> to shoot and target incoming minezombies. Keep an eye on your ammunition and health, and use the in-game menu to enhance your weapons and defenses between waves. Good luck!</p></div><div id="description-fade" class="absolute bottom-0 left-0 w-full h-12 bg-gradient-to-t from-black/40 to-transparent pointer-events-none"></div><div class="relative z-10"><button id="description-toggle" class="mt-2 text-[#FF69B4] hover:text-[#FF69B4]/80 text-sm font-medium cursor-pointer"> Show More</button></div></div></div></div></div><div class="w-full rounded-lg overflow-hidden shadow-lg mt-4 mb-4"><div id="gamemonetize-video" class="aspect-video"></div><script type="text/javascript"> window.VIDEO_OPTIONS = { gameid: "7yrhiicmxtw31c9w4use3ajutf110a2b", width: "100%", height: "100%", color: "#3f007e" }; (function(a,b,c){ var d=a.getElementsByTagName(b)[0]; a.getElementById(c)||(a=a.createElement(b),a.id=c,a.src="https://api.gamemonetize.com/video.js?v="+Date.now(),d.parentNode.insertBefore(a,d)) })(document,"script","gamemonetize-video-api"); </script></div></div><div class="mt-8 bg-black/40 backdrop-blur-sm rounded-lg shadow-[0_0_20px_rgba(255,105,180,0.2)] p-4 sm:p-6"><h2 class="text-2xl font-bold mb-6 text-[#FF69B4] flex items-center justify-center"><svg class="w-6 h-6 mr-2" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z"/></svg> Related Games</h2><div class="grid grid-cols-3 md:grid-cols-6 lg:grid-cols-8 gap-2 sm:gap-3 md:gap-4"><a href="/game/stickman-vs-zombies-minecraft" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/stickman-vs-zombies-minecraft.webp" alt="Stickman vs Zombies Minecraft" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Stickman vs Zombies Minecraft</h3></div></a><a href="/game/minewar-soldiers-vs-zombies" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/minewar-soldiers-vs-zombies.webp" alt="MineWar Soldiers vs Zombies" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> MineWar Soldiers vs Zombies</h3></div></a><a href="/game/minecraft-shooter---save-your-world" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/minecraft-shooter---save-your-world.webp" alt="Minecraft Shooter - Save Your World" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Minecraft Shooter - Save Your World</h3></div></a><a href="/game/zombie-shooter-survival" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/zombie-shooter-survival.webp" alt="Zombie Shooter Survival" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Zombie Shooter Survival</h3></div></a><a href="/game/minecraft-shooter---save-your-world" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/minecraft-shooter---save-your-world.webp" alt="Minecraft Shooter - Save Your World" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Minecraft Shooter - Save Your World</h3></div></a><a href="/game/backrooms-survival-shooter" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/backrooms-survival-shooter.webp" alt="Backrooms Survival Shooter" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Backrooms Survival Shooter</h3></div></a><a href="/game/minewar-soldiers-vs-zombies" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/minewar-soldiers-vs-zombies.webp" alt="MineWar Soldiers vs Zombies" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> MineWar Soldiers vs Zombies</h3></div></a><a href="/game/zombie-shooter-survival" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/zombie-shooter-survival.webp" alt="Zombie Shooter Survival" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Zombie Shooter Survival</h3></div></a><a href="/game/backrooms-survival-shooter" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/backrooms-survival-shooter.webp" alt="Backrooms Survival Shooter" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Backrooms Survival Shooter</h3></div></a><a href="/game/minestrike.fun" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/minestrike.fun.webp" alt="MineStrike.fun" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> MineStrike.fun</h3></div></a><a href="/game/brain-iq-test--minecraft-quiz" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/brain-iq-test--minecraft-quiz.webp" alt="Brain IQ test: Minecraft Quiz" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Brain IQ test: Minecraft Quiz</h3></div></a><a href="/game/mine-noob-maze" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/mine-noob-maze.webp" alt="Mine Noob Maze" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Mine Noob Maze</h3></div></a><a href="/game/obby-minecraft-ultimate" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/obby-minecraft-ultimate.webp" alt="Obby Minecraft Ultimate" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Obby Minecraft Ultimate</h3></div></a><a href="/game/minecraft-noob-vs-zombies-3" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/minecraft-noob-vs-zombies-3.webp" alt="Minecraft Noob vs Zombies 3" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Minecraft Noob vs Zombies 3</h3></div></a><a href="/game/mine-craft.io" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/mine-craft.io.webp" alt="Mine-Craft.io" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Mine-Craft.io</h3></div></a><a href="/game/minecraft-wars" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/minecraft-wars.webp" alt="Minecraft Wars" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Minecraft Wars</h3></div></a><a href="/game/minicraft-adventure" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/minicraft-adventure.webp" alt="Minicraft Adventure" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Minicraft Adventure</h3></div></a><a href="/game/space-adventure--noobiks-battle-vs-zombies" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/space-adventure--noobiks-battle-vs-zombies.webp" alt="Space Adventure: Noobiks Battle vs Zombies" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Space Adventure: Noobiks Battle vs Zombies</h3></div></a><a href="/game/topdown-zombie-survival-shooting" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/topdown-zombie-survival-shooting.webp" alt="TopDown Zombie Survival Shooting" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> TopDown Zombie Survival Shooting</h3></div></a><a href="/game/skibidi-warzone-shooting-online" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/skibidi-warzone-shooting-online.webp" alt="Skibidi Warzone Shooting Online" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Skibidi Warzone Shooting Online</h3></div></a><a href="/game/mini-shooter-zombie-survival" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/mini-shooter-zombie-survival.webp" alt="Mini Shooter Zombie Survival" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Mini Shooter Zombie Survival</h3></div></a><a href="/game/impostor-warline-456-survival" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/impostor-warline-456-survival.webp" alt="Impostor Warline 456 Survival" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Impostor Warline 456 Survival</h3></div></a><a href="/game/zombie-defense--war-z-survival" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/zombie-defense--war-z-survival.webp" alt="Zombie defense: War Z Survival" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Zombie defense: War Z Survival</h3></div></a><a href="/game/skibidi-warzone-shooting-online" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/skibidi-warzone-shooting-online.webp" alt="Skibidi Warzone Shooting Online" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Skibidi Warzone Shooting Online</h3></div></a><a href="/game/sniper-mission-war" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sniper-mission-war.webp" alt="Sniper Mission War" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sniper Mission War</h3></div></a><a href="/game/funny-battle---war-simulator" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/funny-battle---war-simulator.webp" alt="Funny Battle - War Simulator" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Funny Battle - War Simulator</h3></div></a><a href="/game/brawl-stars-warfire" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/brawl-stars-warfire.webp" alt="Brawl Stars Warfire" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Brawl Stars Warfire</h3></div></a><a href="/game/advanced-blocky-gangster-warfare" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/advanced-blocky-gangster-warfare.webp" alt="Advanced Blocky Gangster Warfare" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Advanced Blocky Gangster Warfare</h3></div></a><a href="/game/pga6-pixel-gun-warfare-2--zombie-attack" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/pga6-pixel-gun-warfare-2--zombie-attack.webp" alt="PGA6 Pixel gun warfare 2 Zombie Attack" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> PGA6 Pixel gun warfare 2 Zombie Attack</h3></div></a><a href="/game/mini-war-clash-z" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/mini-war-clash-z.webp" alt="Mini War Clash Z" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Mini War Clash Z</h3></div></a><a href="/game/world-war-zombie" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/world-war-zombie.webp" alt="World War Zombie" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> World War Zombie</h3></div></a><a href="/game/minicraft--imposter-war" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/minicraft--imposter-war.webp" alt="Minicraft: Imposter War" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Minicraft: Imposter War</h3></div></a></div></div></div></div><script> document.addEventListener('DOMContentLoaded', function() { // Debug log console.log('Game page initialized'); const gameFrame = document.getElementById('game-frame'); if (gameFrame) { // Ensure no src is set initially gameFrame.removeAttribute('src'); console.log('Game URL:', gameFrame.dataset.gameUrl); } }); </script><script> document.addEventListener('DOMContentLoaded', function() { const content = document.getElementById('description-content'); const fade = document.getElementById('description-fade'); const toggle = document.getElementById('description-toggle'); const originalHeight = content.scrollHeight; // Only show toggle if content is taller than max-height if (originalHeight <= 100) { toggle.style.display = 'none'; fade.style.display = 'none'; } toggle.addEventListener('click', function() { if (content.style.maxHeight === '100px') { content.style.maxHeight = originalHeight + 'px'; fade.style.display = 'none'; toggle.textContent = 'Show Less'; } else { content.style.maxHeight = '100px'; fade.style.display = 'block'; toggle.textContent = 'Show More'; } }); }); </script><section class="bg-white dark:bg-gray-900 py-8"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><h2 class="text-3xl font-bold text-center mb-6 text-gray-800 dark:text-white"> New Game Links</h2><div class="grid grid-cols-3 md:grid-cols-6 lg:grid-cols-8 gap-2 sm:gap-3 md:gap-4 justify-items-center"><a href="https://www.luckydrawonline.com/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.luckydrawonline.com/static/images/random-number-generator.png" alt="Luckydrawonline" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Luckydrawonline</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Lucky Draw online</p></div></a><a href="https://www.incredibox-mildasspring.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.incredibox-mildasspring.org/static/images/logo.png" alt="Incredibox - Mild As Spring" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Incredibox - Mild As Spring</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Incredibox - Mild As Spring</p></div></a><a href="https://www.mrmine.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.mrmine.org/static/images/logo.png" alt="Mr-Mine" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Mr-Mine</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Mr-Mine</p></div></a><a href="https://www.spacesurvivor.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.spacesurvivor.org/static/images/logo.png" alt="Space Survivor" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Space Survivor</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Space Survivor</p></div></a><a href="https://www.sprunki-phase3.net/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.sprunki-phase3.net/static/images/logo.png" alt="Sprunki Phase 3" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Sprunki Phase 3</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Sprunki Phase 3</p></div></a><a href="https://www.sprunki-gameplay.net/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.sprunki-gameplay.net/static/images/logo.png" alt="Sprunki Gameplay" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Sprunki Gameplay</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Sprunki Gameplay</p></div></a><a href="https://www.hoopstars.online/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.hoopstars.online/static/images/logo.png" alt="Hoop Stars" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Hoop Stars</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Hoop Stars</p></div></a><a href="https://www.goblinlauncher.online/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.goblinlauncher.online/static/images/logo.png" alt="Goblin Launcher" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Goblin Launcher</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Goblin Launcher</p></div></a><a href="https://www.doeoriki.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.doeoriki.org/game_screenshot.webp" alt="Doeoriki" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Doeoriki</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Doeoriki</p></div></a><a href="https://www.shootz.online/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="/static/images/shootz.webp" alt="Shootz" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Shootz</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Shootz</p></div></a><a href="https://www.trenchrun.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.trenchrun.org/game_screenshot.webp" alt="X Trench Run" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> X Trench Run</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> XTrench Run</p></div></a><a href="https://www.mymonkeygame.online/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.mymonkeygame.online/static/images/logo.png" alt="My Monkey Game" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> My Monkey Game</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> My Monkey Game</p></div></a><a href="https://www.beatdancer.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.beatdancer.org/static/images/cover.webp" alt="Beat Dancer" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Beat Dancer</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Beat Dancer</p></div></a><a href="https://www.alienkiller.online/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.alienkiller.online/static/images/logo.png" alt="Alien Killer" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Alien Killer</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Alien Killer</p></div></a><a href="https://www.tall-man-run.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"><img src="https://www.tall-man-run.org/static/images/logo.png" alt="Tall Man Run" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent sm:opacity-0 sm:group-hover:opacity-100 opacity-30 active:opacity-100 transition-all duration-300 flex flex-col justify-end p-2"><h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Tall Man Run</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Tall Man Run</p></div></a></div></div></section><section id="comments-container" class="bg-[#1A1B4B] dark:bg-gray-900 py-16 scroll-mt-20"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><h2 class="text-3xl font-bold text-center mb-12 text-white"> Comments</h2><div class="mb-12 bg-white/5 backdrop-blur-sm rounded-xl p-6 shadow-xl"><form id="commentForm" method="POST" action="/comment" class="space-y-6"><input id="page_id" name="page_id" type="hidden" value><input id="csrf_token" name="csrf_token" type="hidden" value="ImM1OTM1MWM2MmRhYzNhOTgxMmMxMDAxOWEzNzdiNjVlM2U4ZGEyZWMi.aGcevQ.TORUfWa2GbzBLAQzQ84Jq6vflZU"><div><label for="email" class="block text-sm font-medium text-gray-300">Email</label><input class="mt-2 block w-full rounded-lg bg-white/10 border-transparent focus:border-[#FFD700] focus:ring-[#FFD700] text-white placeholder-gray-400" id="email" name="email" required type="text" value></div><div><label for="comment" class="block text-sm font-medium text-gray-300">Comment</label><textarea class="mt-2 block w-full rounded-lg bg-white/10 border-transparent focus:border-[#FFD700] focus:ring-[#FFD700] text-white placeholder-gray-400" id="comment" maxlength="500" minlength="1" name="comment" required rows="4"> </textarea></div><div class="text-right"><button type="submit" class="inline-flex justify-center py-2.5 px-6 border border-transparent rounded-lg text-sm font-medium text-white bg-[#FFD700] hover:bg-[#FFA500] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#FFD700] transition-all duration-200 transform hover:scale-105 shadow-lg hover:shadow-xl"> Post Comment</button></div></form></div><div class="space-y-6"><div class="bg-[#FFD700]/10 p-4 mb-6 rounded-lg backdrop-blur-sm"><p class="text-gray-300"> Current Path: /game/minewarfire-land-defense</p><p class="text-gray-300">Total Comments: 0</p></div><div class="text-center py-12"><div class="text-gray-400 text-lg">No comments yet.</div><p class="text-gray-500 mt-2">Be the first to share your thoughts!</p></div></div></div></section><div id="cookie-notice" class="fixed bottom-0 left-0 right-0 bg-pixel-purple/95 dark:bg-pixel-dark/95 pixel-border-t shadow-pixel z-40" style="display:none"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"><div class="flex flex-col sm:flex-row items-center justify-between gap-4"><div class="flex items-center space-x-3 flex-grow"><div class="flex-shrink-0"><svg class="h-5 w-5 text-blue-400" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></div><p class="text-sm font-medium"> This website uses cookies to enhance your experience.</p></div><div class="flex items-center space-x-4"><a href="/cookies" class="text-sm text-blue-400 hover:text-blue-300 transition-colors duration-200 underline"> Learn more</a><button id="accept-cookies" class="px-4 py-2 bg-[#4B0082] text-white rounded-md hover:bg-[#FFD700] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#FFD700] transition-all duration-200 transform hover:scale-105" aria-label="Accept cookies"> Accept</button></div></div></div></div><script> document.addEventListener('DOMContentLoaded', function() { const cookieNotice = document.getElementById('cookie-notice'); const acceptButton = document.getElementById('accept-cookies'); function showCookieNotice() { cookieNotice.style.display = 'block'; // Force reflow cookieNotice.offsetHeight; cookieNotice.classList.add('opacity-100'); cookieNotice.classList.remove('opacity-0', 'translate-y-full'); } function hideCookieNotice() { cookieNotice.classList.add('opacity-0', 'translate-y-full'); cookieNotice.classList.remove('opacity-100'); setTimeout(() => { cookieNotice.style.display = 'none'; }, 300); } if (!localStorage.getItem('cookieConsent')) { // 延迟显示以确保平滑动画 setTimeout(showCookieNotice, 1000); } acceptButton.addEventListener('click', function() { localStorage.setItem('cookieConsent', 'accepted'); hideCookieNotice(); }); }); </script><style>#cookie-notice{opacity:0;transform:translateY(100%);transition:opacity .3s ease-in-out,transform .3s ease-in-out}#cookie-notice.opacity-100{opacity:1;transform:translateY(0)}</style><footer class="bg-pixel-purple dark:bg-pixel-dark text-pixel-gold pixel-border-t"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"><div class="grid grid-cols-1 md:grid-cols-4 gap-8"><div class="flex flex-col space-y-4"><h3 class="text-sm font-bold tracking-wider uppercase text-[#FFD700]"> Mr.Mine</h3><p class="text-sm text-[#B8B8B8]">We are a team of young adults from the 80s generation, passionate about gaming and sharing our love for it with the world.</p></div><div class="flex flex-col space-y-4"><h3 class="text-sm font-bold tracking-wider uppercase text-[#FFD700]">Legal</h3><ul class="space-y-2"><li><a href="/privacy" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Privacy Policy</a></li><li><a href="/terms" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Terms of Service</a></li><li><a href="/cookies" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Cookie Policy</a></li></ul></div><div class="flex flex-col space-y-4"><h3 class="text-sm font-bold tracking-wider uppercase text-[#FFD700]"> Support</h3><ul class="space-y-2"><li><a href="/contact?lang=en" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Contact Us</a></li><li><a href="/faqs" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> FAQ</a></li><li></li><a href="/about" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> About</a></li><li><a href="/blog" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Blog</a></li><li class="text-sm text-[#B8B8B8]"> yigamecms@gmail.coma</li><li class="text-sm text-[#B8B8B8]">Luopu, Panyu, Guangzhou, Guangdong</li></ul></div><div class="flex flex-col space-y-4"><h3 class="text-sm font-bold tracking-wider uppercase text-[#FFD700]">Languages</h3><ul class="grid grid-cols-2 gap-2"><li><a href="/fr/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Français</a></li><li><a href="/es/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Español</a></li><li><a href="/ko/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> 한국어</a></li><li><a href="/pt/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Português</a></li><li><a href="/en/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> English</a></li><li><a href="/ar/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> العربية</a></li><li><a href="/zh_tw/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> 繁體中文</a></li><li><a href="/ja/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> 日本語</a></li><li><a href="/de/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Deutsch</a></li><li><a href="/zh_cn/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> 简体中文</a></li></ul></div></div><div class="mt-8 pt-8 border-t border-[#3A3A3A]"><p class="text-sm text-[#B8B8B8] text-center"> © 2024 Mr.Mine. All rights reserved.</p></div></div></footer><script src="/static/js/main.js"></script><script src="/static/js/game.js" defer></script><script> document.addEventListener('DOMContentLoaded', function() { const languageButton = document.getElementById('language-menu-button'); const languageMenu = document.getElementById('language-menu'); // 换菜单显示 languageButton.addEventListener('click', () => { const isExpanded = languageButton.getAttribute('aria-expanded') === 'true'; languageButton.setAttribute('aria-expanded', !isExpanded); languageMenu.classList.toggle('hidden'); }); // 点击外部闭菜单 document.addEventListener('click', (event) => { if (!languageButton.contains(event.target) && !languageMenu.contains(event.target)) { languageButton.setAttribute('aria-expanded', 'false'); languageMenu.classList.add('hidden'); } }); }); </script><script> // 题切换功能 document.addEventListener('DOMContentLoaded', function() { const themeToggleBtn = document.getElementById('theme-toggle'); const darkIcon = document.getElementById('theme-toggle-dark-icon'); const lightIcon = document.getElementById('theme-toggle-light-icon'); // 初始化图标显示 function updateIcons() { const isDark = document.documentElement.classList.contains('dark'); darkIcon.style.display = isDark ? 'none' : 'block'; lightIcon.style.display = isDark ? 'block' : 'none'; } // 始化时设置图标 updateIcons(); // 切换主题 themeToggleBtn.addEventListener('click', function() { document.documentElement.classList.toggle('dark'); const isDark = document.documentElement.classList.contains('dark'); localStorage.theme = isDark ? 'dark' : 'light'; updateIcons(); }); // 监系统主题变化 window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => { if (!localStorage.theme) { const isDark = e.matches; document.documentElement.classList.toggle('dark', isDark); updateIcons(); } }); }); </script><script> document.addEventListener('DOMContentLoaded', function() { // Existing language menu code... const languageButton = document.getElementById('language-menu-button'); const languageMenu = document.getElementById('language-menu'); // Games menu functionality const gamesMenuButton = document.getElementById('games-menu-button'); const gamesMenu = document.getElementById('games-menu'); // Mobile menu functionality const mobileMenuButton = document.getElementById('mobile-menu-button'); const mobileMenu = document.getElementById('mobile-menu'); // Toggle mobile menu if (mobileMenuButton && mobileMenu) { mobileMenuButton.addEventListener('click', (e) => { e.stopPropagation(); const isExpanded = mobileMenuButton.getAttribute('aria-expanded') === 'true'; mobileMenuButton.setAttribute('aria-expanded', !isExpanded); mobileMenu.classList.toggle('hidden'); }); } // Toggle games menu gamesMenuButton.addEventListener('click', (e) => { e.stopPropagation(); const isExpanded = gamesMenuButton.getAttribute('aria-expanded') === 'true'; gamesMenuButton.setAttribute('aria-expanded', !isExpanded); gamesMenu.classList.toggle('hidden'); }); // Close menus when clicking outside document.addEventListener('click', (event) => { // Language menu if (!languageButton.contains(event.target) && !languageMenu.contains(event.target)) { languageButton.setAttribute('aria-expanded', 'false'); languageMenu.classList.add('hidden'); } // Games menu if (!gamesMenuButton.contains(event.target) && !gamesMenu.contains(event.target)) { gamesMenuButton.setAttribute('aria-expanded', 'false'); gamesMenu.classList.add('hidden'); } // Mobile menu if (mobileMenu && !mobileMenuButton.contains(event.target) && !mobileMenu.contains(event.target)) { mobileMenuButton.setAttribute('aria-expanded', 'false'); mobileMenu.classList.add('hidden'); } }); // Prevent menu from closing when clicking inside gamesMenu.addEventListener('click', (e) => { if (!e.target.closest('a')) { e.stopPropagation(); } }); if (mobileMenu) { mobileMenu.addEventListener('click', (e) => { if (!e.target.closest('a')) { e.stopPropagation(); } }); } }); </script><script> document.getElementById('commentForm').addEventListener('submit', function(e) { e.preventDefault(); const formData = new FormData(this); fetch(this.action, { method: 'POST', body: formData, headers: { 'X-Requested-With': 'XMLHttpRequest' } }) .then(response => response.json()) .then(data => { const flashContainer = document.createElement('div'); flashContainer.className = `rounded-lg p-4 mb-4 backdrop-blur-sm ${data.category === 'error' ? 'bg-red-500/10 text-red-400 border border-red-500/20' : 'bg-[#FFD700]/10 text-[#FFD700] border border-[#FFD700]/20'} transition-all duration-300`; const message = document.createElement('div'); message.className = 'flex items-center'; message.innerHTML = ` <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="${data.category === 'error' ? 'M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z' : 'M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'}"></path> </svg> ${data.message} `; flashContainer.appendChild(message); const form = document.getElementById('commentForm'); form.parentNode.insertBefore(flashContainer, form); if (data.category !== 'error') { form.reset(); } setTimeout(() => { flashContainer.remove(); }, 3000); }) .catch(error => { console.error('Error:', error); }); }); </script></body></html>