用代码复刻10款童年经典小游戏，包括：五子棋、2048、贪吃蛇、打地鼠、飞机大战等等，需要多长时间？

Claude 3.7 Sonnet 给出的答案是：5分钟。

每个游戏30秒生成时间，足以。

不仅仅是功能满足要求，还兼具一定的美观性，此外，10个游戏均为响应式设计，完美适配电脑和手机浏览器。

下面上成果。复制游戏链接到手机浏览器里就能玩。

1. 五子棋

游戏链接：
https://poe.com/preview/Jp27toYapzH8cRHqzquC

代码链接：
https://poe.com/s/9weNh0OBxPYYCXJih8Xd

这 UI，感觉一下子就来了！

我想让你作为一个前端开发专家，帮我生成一个完整的五子棋小游戏的前端代码，要求如下：

1. **技术栈**：
   - 使用 HTML、CSS 和纯 JavaScript 实现，不依赖任何框架或外部库。
   - 代码结构清晰，注释简洁明了，方便理解。

2. **游戏功能**：
   - 生成一个 15x15 的棋盘网格。
   - 支持双人对战，黑白棋子交替落子（黑棋先手）。
   - 实时检测胜负：任意一方连成五子（横、竖、斜）即胜利，弹出提示并结束游戏。
   - 提供“重置游戏”按钮，点击后清空棋盘重新开始。
   - 显示当前轮到哪方落子（例如“当前轮到：黑棋”）。

3. **样式与交互**：
   - 棋盘使用 CSS Grid 布局，格子边长自适应屏幕大小，保证在小屏幕上也能正常显示。
   - 棋子为圆形，黑棋为黑色填充，白棋为白色填充带黑色边框。
   - 点击棋盘格子落子，手机端支持触摸点击。
   - 界面简洁美观，背景色柔和（如浅灰色），棋盘有边框和格线。

4. **适配性**：
   - 确保游戏在 PC 和手机浏览器上都能流畅运行。
   - 支持响应式设计，棋盘和控件大小随窗口缩放自动调整。
   - 在手机端，触摸事件需与鼠标点击事件等效。

5. **输出要求**：
   - 提供完整的 HTML 文件代码（包含内联的