/* style.css */
.grid-cell {
    border: 1px solid #4A5568; /* Tailwind: border-gray-700 equiv. */
}
.snake-segment {
    background-color: #48BB78; /* Tailwind: bg-green-500 equiv. */
    /* 添加一点圆角和平滑过渡，使其看起来更像“蛇” */
    border-radius: 20%;
    transition: all 0.1s ease-out;
}
.food-item {
    background-color: #F56565; /* Tailwind: bg-red-500 equiv. */
    border-radius: 50%;
    animation: pulse 1s infinite alternate;
}

@keyframes pulse {
    from { transform: scale(0.9); opacity: 0.8; }
    to { transform: scale(1.1); opacity: 1; }
}

/* 响应式调整格子大小 */
@media (max-width: 600px) {
    /* 如果需要，可以在这里调整游戏板的大小或格子大小 */
}