/* Pendule d'échecs */
.hero--chess-clock .tool { gap: clamp(12px, 2.4vh, 26px); }
.cc { display: flex; align-items: stretch; justify-content: center; gap: 14px; width: 100%; max-width: 1180px; }
.cc-side { flex: 1 1 0; min-width: 0; height: min(48vh, 430px); border: 0; border-radius: 28px; background: var(--frame); color: var(--white); display: flex; align-items: center; justify-content: center; padding: 12px; touch-action: manipulation; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; transition: background-color .2s, color .2s; }
.cc-side:hover { background: var(--frame-hi); }
.cc-side.is-active, .cc-side.is-flag { background: var(--white); color: var(--bg); }
.cc-in { display: flex; flex-direction: column; align-items: center; gap: .4em; }
.cc-time { font-family: var(--f-display); font-size: calc(clamp(72px, min(10vw, 17vh), 176px) * var(--cs, 1)); line-height: 1; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cc-meta { min-height: 1.4em; font-size: clamp(14px, 1.4vw, 17px); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.cc-mid { display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.cc-icon { width: 56px; height: 56px; border: 0; border-radius: 16px; background: var(--frame); color: var(--white); display: inline-flex; align-items: center; justify-content: center; transition: background-color .15s; }
.cc-icon:hover:not(:disabled) { background: var(--frame-hi); }
.cc-icon .i-play, .cc-icon.is-paused .i-pause { display: none; }
.cc-icon.is-paused .i-play { display: block; }
.cc-icon.is-paused { background: var(--white); color: var(--bg); }
.cc-sentence { text-wrap: balance; }
.cc[data-state="run"] ~ .cc-sentence .iw, .cc[data-state="pause"] ~ .cc-sentence .iw { pointer-events: none; opacity: .6; }
.hero--chess-clock .cc-sentence { transition: opacity .6s ease; }
.hero--chess-clock.live-idle .cc-sentence { opacity: 0; pointer-events: none; }
.hero.is-fs .cc-sentence { display: none; }
.hero.is-fs .cc-side { height: calc(min(64vh, 560px) * var(--cs, 1)); }
/* Écran en hauteur (téléphone posé entre les joueurs) : une moitié en haut, retournée, l'autre en bas. */
@media (max-aspect-ratio: 1/1) {
  .hero--chess-clock .tool { justify-content: flex-start; padding-top: 10px; }
  .cc { flex-direction: column; flex: 1 1 auto; gap: 10px; }
  .cc-side { height: auto; min-height: max(140px, calc((100svh - 430px) / 2)); }
  .cc-side--a .cc-in { transform: rotate(180deg); }
  .cc-mid { flex-direction: row; justify-content: center; }
  .cc-icon { width: 52px; height: 48px; }
  .cc-time { font-size: calc(clamp(64px, 20vw, 120px) * var(--cs, 1)); }
  .hero.is-fs .cc-side { height: auto; min-height: calc((100svh - 120px) / 2); }
}
@media (max-width: 520px) { .cc-bar .cc-p-1-0, .cc-bar .cc-p-15-10 { display: none; } }