From abbcd75382c62bf030a412b224027b9c67478879 Mon Sep 17 00:00:00 2001
From: Cal Corum <calcorum@users.noreply.github.com>
Date: Tue, 7 Apr 2026 08:40:56 -0500
Subject: [PATCH] fix: improve diamond tier indicator visibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add silver backing div behind diamond so the X gap lines pop
- Darken unfilled quads for better contrast with filled tier color
- Make diamond grid background transparent (backing shows through gaps)

NOTE: These are volume-mounted template files, NOT baked into the
Docker image. After merging, manually deploy to each server:

  scp storage/templates/tier_style.html <host>:<container-data>/storage/templates/
  scp storage/templates/player_card.html <host>:<container-data>/storage/templates/

Hosts:
  Dev:  ssh pd-database → /home/cal/container-data/dev-pd-database/
  Prod: ssh akamai → /root/container-data/paper-dynasty/

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 storage/templates/player_card.html |  1 +
 storage/templates/tier_style.html  | 17 +++++++++++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/storage/templates/player_card.html b/storage/templates/player_card.html
index 89f43d5..b9c7f79 100644
--- a/storage/templates/player_card.html
+++ b/storage/templates/player_card.html
@@ -15,6 +15,7 @@
         } -%}
         {%- set dc = diamond_colors[refractor_tier] -%}
         {%- set filled_bg = 'linear-gradient(135deg, ' ~ dc.highlight ~ ' 0%, ' ~ dc.color ~ ' 50%, ' ~ dc.color ~ ' 100%)' -%}
+        <div class="tier-diamond-backing"></div>
         <div class="tier-diamond{% if refractor_tier == 4 %} diamond-glow{% endif %}">
             <div class="diamond-quad{% if refractor_tier >= 2 %} filled{% endif %}" {% if refractor_tier >= 2 %}style="background: {{ filled_bg }};"{% endif %}></div>
             <div class="diamond-quad{% if refractor_tier >= 1 %} filled{% endif %}" {% if refractor_tier >= 1 %}style="background: {{ filled_bg }};"{% endif %}></div>
diff --git a/storage/templates/tier_style.html b/storage/templates/tier_style.html
index 510f6ad..4c6b054 100644
--- a/storage/templates/tier_style.html
+++ b/storage/templates/tier_style.html
@@ -6,6 +6,19 @@
 </style>
 {% if refractor_tier is defined and refractor_tier > 0 %}
 <style>
+    .tier-diamond-backing {
+        position: absolute;
+        left: 597px;
+        top: 78.5px;
+        width: 44px;
+        height: 44px;
+        transform: translate(-50%, -50%) rotate(45deg);
+        background: rgba(200,210,220,0.9);
+        border-radius: 2px;
+        z-index: 19;
+        pointer-events: none;
+    }
+
     .tier-diamond {
         position: absolute;
         left: 597px;
@@ -16,7 +29,7 @@
         gap: 2px;
         z-index: 20;
         pointer-events: none;
-        background: rgba(0,0,0,0.75);
+        background: transparent;
         border-radius: 2px;
         box-shadow: 0 0 0 1.5px rgba(0,0,0,0.7), 0 2px 5px rgba(0,0,0,0.5);
     }
@@ -24,7 +37,7 @@
     .diamond-quad {
         width: 19px;
         height: 19px;
-        background: rgba(0,0,0,0.3);
+        background: rgba(0,0,0,0.55);
     }
 
     .diamond-quad.filled {