Affiche le temps joueur en mode Time

app.js

@@ -139,7 +139,7 @@ function initSetupPage() {
         : "Le gagnant du cube commence la partie suivante, avec double coup V2 possible.";
     const timingText = moveLimitActive
       ? `Temps configures : partie ${formatClock(blockDurationMs)}, coup ${formatClock(moveLimitMs)}.`
-      : `Temps configures : Block ${formatClock(blockDurationMs)}, chrono initial ${formatClock(timeInitialMs)} par joueur.`;
+      : `Temps configures : Block ${formatClock(blockDurationMs)}, temps de chaque joueur ${formatClock(timeInitialMs)}.`;
     const quotaText = moveLimitActive
       ? `Quota actif : ${quota} coups par joueur.`
       : `Quota actif : ${quota} coups par joueur et par Block.`;
@@ -160,6 +160,8 @@ function initSetupPage() {
       timeInitialInput.disabled = moveLimitActive;
     }
 
+    document.body.classList.toggle("time-setup-mode", !moveLimitActive);
+
     if (blockSecondsLabel instanceof HTMLElement) {
       blockSecondsLabel.textContent =
         blockLabel === "Block" ? "Temps du Block (secondes)" : "Temps partie (secondes)";

application.html

@@ -133,7 +133,7 @@
                   />
                 </label>
                 <label class="field" id="timeInitialField" hidden>
-                  <span>Chrono initial par joueur (minutes)</span>
+                  <span>Temps de chaque joueur (minutes)</span>
                   <input
                     name="timeInitialMinutes"
                     type="number"

styles.css

@@ -360,6 +360,10 @@ p {
   gap: 0.45rem;
 }
 
+.field[hidden] {
+  display: none;
+}
+
 .span-2 {
   grid-column: 1 / -1;
 }
@@ -1316,6 +1320,10 @@ body[data-page="cube"] .zone-button.cube-hold-ready::after {
   }
 }
 
+body.time-setup-mode .timing-grid {
+  grid-template-columns: minmax(0, 1fr);
+}
+
 @media (max-width: 640px) {
   body[data-page="setup"] .setup-shell {
     width: min(100% - 0.5rem, 100%);