/* Connect Four Two Player - Main Styles */
.connect-four-2p { max-width: 600px; margin: 20px auto; font-family: 'Segoe UI', Tahoma, sans-serif; }

/* Board Styles */
#board { display: grid; grid-template-columns: repeat(7, 60px); gap: 2px; background: #34495e; padding: 10px; margin: 20px auto; }

.cell { width: 60px; height: 60px; border-radius: 6px; transition: background 0.1s; cursor: pointer; }

.cell:hover { opacity: 0.9; }

/* Piece Colors */
.cell[data-value="1"] { background: #e74c3c; box-shadow: 0 0 5px #c0392b; }

.cell[data-value="2"] { background: #f1c40f; box-shadow: 0 0 5px #d4ac0d; }

.cell[data-value="0"] { background: #95a5a6; }

/* Controls */
.controls { text-align: center; margin: 20px 0; }

.btn { padding: 10px 20px; font-size: 16px; cursor: background: #3498db; color: white; border: none; border-radius: 5px; margin: 5px; }

.btn:hover { background: #2980b9; }

/* Score */
#score { font-size: 18px; color: #ecf0f1; margin: 10px 0; }