Как повесить два обработчика клика на один элемент, без конфликтов?
Как грамотно это реализовать?Обработчика достаточно и одного - вам внутри нужно определять тип кружка, по которому кликнули, и исходя из типа запускать ту или иную логику.
Пишите один обработчик нажатия, который делает следующее:
 - если у нажимаемого элемента (event.target) стоит класс "красный", то ничего не делаем;
 - если у нажимаемого элемента нет класса, то помечаем соседние элементы "красными";
 - если у нажимаемого элемента стоит класс "серый", то снимаем класс "серый" с этого элемента и снимаем класс "красный" с соседних элементов".
Еще вопрос: а как брать места рядом, если они автоматом убираются?