<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Connect 4</title>
<style>
body { font-family: Arial, sans-serif; }
.board { display: grid; grid-template-columns: repeat(7, 50px); grid-template-rows: repeat(6, 50px); gap: 5px; justify-content: center; margin-top: 20px; }
.cell { width: 50px; height: 50px; border-radius: 50%; border: 1px solid black; }
.cell[data-player="1"] { background-color: red; }
.cell