.round-heading { display: grid; grid-template-columns: minmax(0, 1fr) 220px; align-items: center; gap: 24px; margin: 9px 0; }
.round-heading h1 { margin: 0; }
.round-clock { margin: 0; padding: 7px 10px; border: 1px solid #d6decb; border-radius: 9px; color: #4d6542; background: #eef2e6; transition: color .6s ease, border-color .6s ease; }
.clock-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 10px; line-height: 1.2; }
.clock-row strong { min-width: 46px; text-align: right; font: 650 17px/1.2 var(--sans); font-variant-numeric: tabular-nums; }
.clock-track { height: 3px; border-radius: 4px; margin-top: 5px; background: #d9e1cd; overflow: hidden; }
.clock-track i { width: 100%; height: 100%; display: block; background: #718b53; border-radius: inherit; transition: width .2s linear, background-color .6s ease; }
.clock-warning .clock-row strong { color: #996526; }
.clock-warning .clock-track i { background: #bd9049; }
.clock-critical { border-color: #ccb494; }
.clock-critical .clock-row strong { color: #a34f38; }
.clock-critical .clock-track i { background: #b57252; }
.zoom-actions .round-clock { margin: 0 0 6px; padding: 6px 9px; }
@media (max-width: 850px) { .round-heading { grid-template-columns: minmax(0, 1fr) 190px; gap: 16px; } }
@media (max-width: 600px) {
  .round-heading { display: flex; flex-direction: column; align-items: stretch; gap: 4px; margin: 0 0 5px; }
  .round-heading h1 { margin: 0; }
  .game-heading .round-clock { padding: 5px 9px; }
  .clock-row { font-size: 10px; }
  .clock-row strong { font-size: 16px; }
  .clock-track { height: 3px; margin-top: 3px; }
  .game-heading .trail-hud { padding: 4px 9px; }
  .game-heading .trail-goal { display: none; }
  .game-heading .trail-meter { margin-bottom: 0; }
  .has-result .round-heading { display: none; }
  .has-result .game-heading .trail-goal { display: flex; }
}
@media (prefers-reduced-motion: reduce) { .round-clock, .clock-track i { transition: none; } }