body { font-family: Arial, sans-serif; background: #f7f7f7; margin: 0; }
.container { max-width: 400px; margin: 40px auto; background: #fff; border-radius: 10px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); padding: 24px; }
h1 { text-align: center; margin-bottom: 24px; }
#status, #game-status { text-align: center; margin: 12px 0; font-size: 1.1em; padding: 5px; }
.board { 
  display: grid; 
  grid-template-columns: repeat(3, 100px); 
  grid-template-rows: repeat(3, 100px); 
  gap: 0; 
  justify-content: center; 
  margin: 20px 0; 
  position: relative;
}
.cell { 
  width: 100px; 
  height: 100px; 
  background: transparent; 
  border-right: 4px solid #bbb;
  border-bottom: 4px solid #bbb;
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 3em; 
  cursor: pointer; 
  transition: background 0.15s;
  font-weight: bold;
  color: #2c3e50;
  box-sizing: border-box;
}
.cell:nth-child(3),
.cell:nth-child(6),
.cell:nth-child(9) {
  border-right: none;
}
.cell:nth-child(7),
.cell:nth-child(8),
.cell:nth-child(9) {
  border-bottom: none;
}
.cell:hover { 
  background: rgba(208, 234, 255, 0.3); 
}