body{font-family:Arial,sans-serif;background-color:#f5f5f5;text-align:center;margin:0;padding:20px}h1{margin-bottom:20px;color:#333}#board{display:grid;grid-template-columns:repeat(5,60px);grid-template-rows:repeat(5,60px);gap:5px;justify-content:center;margin-bottom:20px}.cell{width:60px;height:60px;background-color:#fff;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:background-color .3s,border-color .3s}.cell:hover{background-color:#e0f7fa}.cell.active{border-color:#2196f3;background-color:#bbdefb}#status{font-size:18px;margin-bottom:20px;color:#555}.controls{display:inline-block;margin-top:10px}.controls div{margin:5px 0}button{background-color:#2196f3;color:#fff;border:none;padding:10px;font-size:18px;margin:2px;border-radius:5px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#1976d2}button:disabled{background-color:#bbb;cursor:not-allowed}#restart{display:block;margin:20px auto;padding:10px 20px;font-size:18px;background-color:#4caf50}#aiMove{display:block;margin:20px auto;padding:10px 20px;font-size:18px;background-color:#ff9800}#restart:hover{background-color:#388e3c}