/* Read-only color clocks remain legible while selection is disabled. */
chess-timer .icon-btn[data-clock-color="w"] { --icon-fg: #302b22; background: #fffaf0; color: #302b22; opacity: 1; cursor: default; }
chess-timer .icon-btn[data-clock-color="b"] { --icon-fg: #fffaf0; background: #302b22; color: #fffaf0; opacity: 1; cursor: default; }
chess-timer .icon-btn[data-clock-color="w"] .rating-badge,
chess-timer .icon-btn[data-clock-color="b"] .rating-badge { font-size: 1.5rem; }