1.9.3

Updated scope temperature arc to gradient
Fix banner scaling
Add Pulldown to scope

assets/css/ui.css

@@ -285,8 +285,8 @@
 /* ── EVENT BANNER — mobile fixes ────────────────────────────────────── */
 @media (max-width: 640px) {
   .event-banner-wrap {
-    margin-top: 8px;             /* push banner clear of the fixed nav bar */
-    margin-bottom: 0;            /* no gap between banner and header on mobile */
+    margin-top: 0;               /* JS pins the banner's top to the nav's bottom edge */
+    margin-bottom: 0;
   }
 
   .event-banner {
@@ -442,6 +442,11 @@
 .cs-vent.grp-felt.on:hover    { background: rgba(213,233,226,0.80); color: #0c7d4e; border-color: #0c7d4e; }
 .cs-vent.grp-surface.on:hover { background: rgba(211,224,238,0.80); color: #1e5aa0; border-color: #1e5aa0; }
 
+/* Hover overlay — invisible by default, only activated in specific contexts */
+.cs-btn-overlay {
+  display: none;
+}
+
 /* The chevron arrow inside the button */
 .cs-arrow {
   display: inline-block;
@@ -832,6 +837,20 @@
 
 }
 
+/* At ≤640px the top nav becomes position:fixed (72px tall, see base.css),
+   so the app needs 96px of top padding to clear it. This must come AFTER the
+   max-width:800px rule above — which sets padding-top:52px for the tablet
+   range where the nav is NOT fixed — so it wins the cascade on true mobile. */
+@media (max-width: 640px) {
+  .utci-app {
+    padding-top: 96px;
+  }
+
+  .utci-fetch-time {
+    text-align: center;   /* override the default left-align on mobile */
+  }
+}
+
 
 
 /* -- CUSTOM SELECT BUTTON - mobile label clipping ----------------------