/* Tailwind 配置 */
@layer utilities {
    .game-shadow {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    }
    .pixel-corners {
        clip-path: polygon(
            0% 5px, 5px 5px, 5px 0%, calc(100% - 5px) 0%, calc(100% - 5px) 5px, 
            100% 5px, 100% calc(100% - 5px), calc(100% - 5px) calc(100% - 5px), 
            calc(100% - 5px) 100%, 5px 100%, 5px calc(100% - 5px), 0% calc(100% - 5px)
        );
    }
}

/* 配置Tailwind自定义颜色和字体 */
<script>
    tailwind.config = {
        theme: {
            extend: {
                colors: {
                    snake: {
                        body: '#4CAF50',
                        head: '#2E7D32',
                        food: '#F44336'
                    },
                    game: {
                        bg: '#1A1A1A',
                        border: '#333333'
                    }
                },
                fontFamily: {
                    game: ['"Press Start 2P"', 'cursive', 'sans-serif']
                }
            }
        }
    }
</script>