<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chicken Game</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
        body {
            font-family: 'Poppins', sans-serif;
            background: radial-gradient(circle, #2d2d2d, #1a1a1a);
            color: white;
        }
        .blurred img {
            filter: blur(10px);
        }
    </style>
</head>
<body class="flex items-center justify-center h-screen">
    <div class="fixed inset-0 bg-black bg-opacity-80 flex items-center justify-center" id="popup">
        <div class="bg-gray-800 p-6 rounded-lg shadow-lg text-center max-w-md w-full">
            <h2 class="text-2xl font-bold text-yellow-400 mb-4">Access Restricted</h2>
            <p class="mb-4">You need to link your account to see the real positions of the chicken.</p>
            <a 
                href="https://t.me/mystake_manager" 
                class="bg-yellow-500 text-black py-2 px-4 rounded-lg hover:bg-yellow-600">
                Contact Manager
            </a>
        </div>
    </div>

    <div class="grid grid-cols-5 gap-4 p-4" id="gameBoard">
        <!-- JavaScript will populate this -->
    </div>

    <script>
        // Generate the 5x5 grid dynamically
        const gameBoard = document.getElementById('gameBoard');

        for (let i = 0; i < 25; i++) {
            const cell = document.createElement('div');
            cell.className = 'w-20 h-20 bg-gray-700 rounded-lg flex items-center justify-center blurred';
            cell.innerHTML = '<img src="poulet.png" alt="Poulet" class="w-16 h-16">';
            gameBoard.appendChild(cell);
        }

        // Show popup on load
        window.onload = () => {
            const popup = document.getElementById('popup');
            popup.style.display = 'flex';
        };
    </script>
</body>
</html>
