From f0d724d533ac9f1df6f605ba0125862f055d2852 Mon Sep 17 00:00:00 2001
From: solace <julia.nguyen.do@gmail.com>
Date: Wed, 30 Sep 2026 10:28:29 -0400
Subject: [PATCH] added stardance deadline reminder & change damage percentage
 formatting

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../components/_buku_x3_status.scss           | 20 +++++++++++++++++++
 .../buku_x3_status_component.html.erb         |  3 ++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/components/_buku_x3_status.scss b/app/assets/stylesheets/components/_buku_x3_status.scss
index 9fef34a39..5e51608dd 100644
--- a/app/assets/stylesheets/components/_buku_x3_status.scss
+++ b/app/assets/stylesheets/components/_buku_x3_status.scss
@@ -139,6 +139,26 @@
   }
 
   &__label {
+    // Sit just above the rope, clearing the midpoint's dashed overhang.
+    position: absolute;
+    left: calc(var(--character-width) * 0.93);
+    right: calc(var(--character-width) * 0.93);
+    top: calc(var(--character-width) * 0.405 - var(--space-s));
+    z-index: 1;
+    text-align: center;
+    transform: translateY(-100%);
+  }
+
+  &__deadline {
+    // Mirror the label just below the rope.
+    position: absolute;
+    left: calc(var(--character-width) * 0.93);
+    right: calc(var(--character-width) * 0.93);
+    top: calc(var(--character-width) * 0.619 + var(--space-s));
+    z-index: 1;
+    margin: 0;
+    font-size: var(--font-size-s);
+    font-style: italic;
     text-align: center;
   }
 
diff --git a/app/components/buku_x3_status_component.html.erb b/app/components/buku_x3_status_component.html.erb
index 4e3b8dcee..83da5a1f6 100644
--- a/app/components/buku_x3_status_component.html.erb
+++ b/app/components/buku_x3_status_component.html.erb
@@ -17,8 +17,8 @@
   </div>
   <% unless compact? %>
     <div class="buku-x3-status__damage">
-      <p class="buku-x3-status__label"><strong data-buku-x3-status-target="amount"><%= display_percent %>% damaged</strong></p>
       <div class="buku-x3-status__tug">
+        <p class="buku-x3-status__label" data-buku-x3-status-target="amount"><%= display_percent %>% damaged</p>
         <div class="buku-x3-status__team buku-x3-status__team--buku">
           <div class="buku-x3-status__character-frame">
             <%= image_tag "events/bukux3/buku-pulling.png", class: "buku-x3-status__character", alt: "", width: 2752, height: 2064 %>
@@ -40,6 +40,7 @@
           <span>beans</span>
           <small class="buku-x3-status__hours"><span data-buku-x3-status-target="beanHours"><%= display_hours(:bean) %></span> h shipped</small>
         </div>
+        <p class="buku-x3-status__deadline">stardance ends october 31st!</p>
       </div>
     </div>
   <% end %>