diff --git a/styles.css b/styles.css
index ca9dfc0..d1fb7f3 100644
--- a/styles.css
+++ b/styles.css
@@ -1571,6 +1571,84 @@ textarea:focus {
     grid-template-rows: auto minmax(0, 1fr);
   }
 
+  body[data-page="chrono"] .phase-shell {
+    gap: 0.22rem;
+    padding: 0.22rem 0 0.22rem;
+  }
+
+  body[data-page="chrono"] .phase-header {
+    padding: 0.42rem 0.5rem;
+  }
+
+  body[data-page="chrono"] .phase-title h1 {
+    font-size: 0.94rem;
+  }
+
+  body[data-page="chrono"] .status-strip {
+    gap: 0.22rem;
+  }
+
+  body[data-page="chrono"] .status-card {
+    min-height: 2.55rem;
+    padding: 0.22rem 0.18rem;
+  }
+
+  body[data-page="chrono"] .status-card span {
+    font-size: 0.58rem;
+  }
+
+  body[data-page="chrono"] .status-card strong {
+    font-size: 0.82rem;
+  }
+
+  body[data-page="chrono"] .faceoff-board {
+    gap: 0.22rem;
+  }
+
+  body[data-page="chrono"] .zone-inner {
+    padding: 0.36rem;
+    gap: 0.26rem;
+    border-radius: 18px;
+  }
+
+  body[data-page="chrono"] .zone-head h2 {
+    font-size: 0.84rem;
+  }
+
+  body[data-page="chrono"] .zone-stats strong {
+    font-size: 0.8rem;
+  }
+
+  body[data-page="chrono"] .zone-stats span {
+    font-size: 0.66rem;
+  }
+
+  body[data-page="chrono"] .seat-tag {
+    padding: 0.16rem 0.42rem;
+    font-size: 0.56rem;
+  }
+
+  body[data-page="chrono"] .zone-button {
+    min-height: clamp(68px, 9vh, 92px);
+    padding: 0.55rem;
+    font-size: clamp(1rem, 5.5vw, 1.35rem);
+  }
+
+  body[data-page="chrono"] .phase-spine {
+    gap: 0;
+  }
+
+  body[data-page="chrono"] .phase-spine .spine-card {
+    display: none;
+  }
+
+  body[data-page="chrono"] .spine-button {
+    min-height: 2.3rem;
+    padding: 0.48rem;
+    border-radius: 16px;
+    font-size: 0.82rem;
+  }
+
   .hero-setup h1 {
     font-size: 2.1rem;
   }
@@ -1685,6 +1763,52 @@ textarea:focus {
     font-size: 0.88rem;
   }
 
+  body[data-page="chrono"] .phase-header {
+    padding: 0.36rem 0.42rem;
+  }
+
+  body[data-page="chrono"] .brand-link-icon {
+    width: 1.9rem;
+  }
+
+  body[data-page="chrono"] .phase-title h1 {
+    font-size: 0.88rem;
+  }
+
+  body[data-page="chrono"] .status-card {
+    min-height: 2.3rem;
+  }
+
+  body[data-page="chrono"] .status-card span {
+    font-size: 0.54rem;
+  }
+
+  body[data-page="chrono"] .status-card strong {
+    font-size: 0.76rem;
+  }
+
+  body[data-page="chrono"] .zone-head h2 {
+    font-size: 0.78rem;
+  }
+
+  body[data-page="chrono"] .zone-stats strong {
+    font-size: 0.74rem;
+  }
+
+  body[data-page="chrono"] .zone-stats span {
+    font-size: 0.62rem;
+  }
+
+  body[data-page="chrono"] .zone-button {
+    min-height: clamp(60px, 8.4vh, 82px);
+    font-size: clamp(0.94rem, 5.8vw, 1.2rem);
+  }
+
+  body[data-page="chrono"] .spine-button {
+    min-height: 2.1rem;
+    font-size: 0.78rem;
+  }
+
   .phase-body .phase-header {
     padding: 0.5rem 0.55rem;
   }