body { font-family: system-ui, sans-serif; max-width: 640px; margin: 2rem auto; padding: 0 1rem; }
#board { display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px; background: #333; padding: 4px; width: 480px; height: 480px; margin: 1rem 0; }
.cell { display: flex; align-items: center; justify-content: center; font-size: 2.4rem; cursor: pointer; user-select: none; }
.light { background: #f0d9b5; }
.dark  { background: #b58863; }
.selected { outline: 3px solid #0077ff; }
#status { margin: 0.5rem 0; font-weight: bold; }
input, button { padding: 0.4rem 0.8rem; font-size: 1rem; margin-right: 0.5rem; }