body { font-family: Arial, sans-serif; max-width: 800px; margin: auto; padding: 20px; }
#grid { display: grid; grid-template-columns: repeat(10, 40px); gap: 5px; margin-bottom: 15px; }
.cell { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
        background: #f5f5f5; border: 1px solid #ccc; cursor: pointer; user-select: none; }
.cell.selected { background: #f39323; color: #fff; }
.controls { margin-bottom: 10px; }
#status { margin-bottom: 20px; }
.caixa { background: #fff; border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; }
.acertou { background: #209869; color: #fff; }
.errou { color: #000; }