/* Выбор поля относится только к новой партии. */
.board-mode-choice { margin: 20px 0; padding: 0; border: 0; text-align: left; }
.board-mode-choice legend { margin-bottom: 10px; font-weight: 800; }
.board-mode-option { display: flex; align-items: flex-start; gap: 10px; margin: 8px 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; background: #fffcf5; cursor: pointer; }
.board-mode-option:has(input:checked) { border-color: var(--green); background: #eaf2e9; box-shadow: 0 0 0 1px var(--green); }
.board-mode-option input { width: 18px; height: 18px; margin: 3px 0 0; flex-shrink: 0; accent-color: var(--green); }
.board-mode-option strong, .board-mode-option small { display: block; }
.board-mode-option small { margin-top: 4px; font-size: 13px; line-height: 1.4; color: var(--muted); }
#confirm-layer .modal { max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; }
.special-legend { margin: 7px 0 13px; font-size: 12px; line-height: 1.5; color: var(--muted); }
.special-halo { opacity: 0; }
.special-cell.effect-flash .special-halo { animation: special-glow 1.4s ease-out; }
@keyframes special-glow { 0%, 45% { opacity: .95; } 100% { opacity: 0; } }
#board-mode-label { color: var(--green-dark); }
#rating-hint { min-height: 1.5em; }
@media (max-height: 650px) {
    #confirm-layer .modal { padding: 16px 22px; }
    #confirm-layer .modal-icon { display: none; }
    #confirm-layer .board-mode-choice { margin: 12px 0; }
}
@media (prefers-reduced-motion: reduce) {
    .special-cell.effect-flash .special-halo { animation: none; opacity: .6; }
}