/* Chess Academy — сайт сервера. Стили экрана «Смотреть»: только раскладка, цвета — переменные темы справки. */

/* Список: группы по видам игры; карточка — размером с topic-card, на месте иконки — маленькая доска. */
.watch-list { display: flex; flex-direction: column; gap: 18px; }
.watch-list:empty { display: none; }
.watch-group { display: flex; flex-direction: column; gap: 10px; }
.watch-group .card-grid { margin: 0; }
.watch-card { color: var(--text); text-decoration: none; }
.watch-card .board-box { grid-column: 1; grid-row: 1; width: 100%; align-self: start; }
.watch-card .ca-board { pointer-events: none; } /* нажатие — по всей карточке, ходов нет */
.watch-info { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.watch-card.ca-noicon .watch-info { grid-column: 1; }
.watch-pl { display: flex; align-items: center; gap: 8px; min-width: 0; }
.watch-kind { color: var(--muted); font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Зрительский экран: раскладка экрана партии (.game в site.css); в шапке — вид игры и контроль. */
.watch-game .g-head .watch-kind { min-width: 0; }
.watch-game .moves .mv:not(button) { cursor: default; }