:root {
  --bg: #f5efe6;
  --ink: #1e2a2f;
  --accent: #2b7a78;
  --grid: #5c6b73;
  --water: #b7d5d4;
  --hit: #d1495b;
  --miss: #8896a5;
}

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Georgia", "Times New Roman", serif;
  height: 100%;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
}

canvas {
  border: 2px solid var(--ink);
  background: var(--water);
  box-shadow: 0 18px 40px rgba(0,0,0,0.18);
}