/* ====================================================================
   Spielzeit-Ansicht: ausschließlich die laufende Spielzeit, groß und
   zentriert. Kein Spielstand, keine Wappen, kein Phasen-Label.
   Gerendert von public/js/views/clock-view.js in #view-root.
   ==================================================================== */
clock-view {
  position: relative;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 1vmin 2vmin;
}

clock-view .match-clock {
  /* Nimmt wie der Spielstand der Standardansicht den Großteil der Fläche ein.
     min() begrenzt gleichzeitig über Breite und Höhe, damit "00:00" weder
     seitlich anstößt noch bei sehr flachen Fenstern oben/unten überläuft. */
  font-size: max(4rem, min(38vw, 68vh));
  white-space: nowrap;
  text-shadow: 0 4px 30px rgba(0,0,0,0.6);
}

/* Nachspielzeit ("45+3  0:42") ist rund doppelt so breit wie "45:00" —
   eigene Größe, damit sie in derselben Zeile Platz findet. */
clock-view.is-stoppage .match-clock {
  font-size: max(3rem, min(20vw, 36vh));
}

/* Hochkant ist die Breite der knappe Faktor, nicht die Höhe. */
@media (orientation: portrait) {
  clock-view .match-clock { font-size: max(4rem, min(38vw, 40vh)); }
  clock-view.is-stoppage .match-clock { font-size: max(3rem, min(20vw, 22vh)); }
}