Ajuste le viewport iOS de la page chrono

styles.css

@@ -1993,6 +1993,12 @@ textarea:focus {
 }
 
 @media (max-width: 900px) {
+  body[data-page="chrono"].phase-body {
+    overflow-y: auto;
+    overflow-x: hidden;
+    overscroll-behavior-y: none;
+  }
+
   body[data-page="chrono"] .phase-header {
     grid-template-columns: minmax(0, 1fr) auto;
     gap: 0.35rem;
@@ -2011,6 +2017,9 @@ textarea:focus {
   }
 
   body[data-page="chrono"] .phase-shell {
+    min-height: 100svh;
+    height: auto;
+    max-height: none;
     gap: 0.35rem;
     padding:
       calc(var(--phase-top-offset) + 0.55rem)
@@ -2089,6 +2098,18 @@ textarea:focus {
   }
 }
 
+@supports (-webkit-touch-callout: none) {
+  @media (max-width: 900px) {
+    body[data-page="chrono"].phase-body {
+      min-height: -webkit-fill-available;
+    }
+
+    body[data-page="chrono"] .phase-shell {
+      min-height: -webkit-fill-available;
+    }
+  }
+}
+
 @media (max-width: 420px) {
   body[data-page="chrono"] .phase-header {
     grid-template-columns: minmax(0, 1fr) auto;