From 2dc1631fd2d391f742565db8d8420282102b26c6 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Sat, 6 Dec 2025 22:44:27 +0000
Subject: [PATCH] .

---
 .../templates/cards/_card_inner_design4.html  | 48 +++++++++++++++++--
 1 file changed, 44 insertions(+), 4 deletions(-)

diff --git a/cards/templates/cards/_card_inner_design4.html b/cards/templates/cards/_card_inner_design4.html
index 421baff..4341bce 100644
--- a/cards/templates/cards/_card_inner_design4.html
+++ b/cards/templates/cards/_card_inner_design4.html
@@ -48,10 +48,50 @@
     </div>
     <div style="padding:8px 10px; border-top:1px solid rgba(0,0,0,0.04); background:#fafafa;">
       <div style="display:flex; flex-direction:column; gap:6px;">
-        <div style="display:flex; justify-content:space-between; align-items:center;"><div style="font-size:0.9rem; font-weight:700">Speed</div><div style="font-weight:800">{{ card.speed_display }}</div></div>
-        <div style="display:flex; justify-content:space-between; align-items:center;"><div style="font-size:0.9rem; font-weight:700">Weight</div><div style="font-weight:800">{{ card.weight_display }}</div></div>
-        <div style="display:flex; justify-content:space-between; align-items:center;"><div style="font-size:0.9rem; font-weight:700">Intelligence</div><div style="font-weight:800">{{ card.intelligence_display }}</div></div>
-        <div style="display:flex; justify-content:space-between; align-items:center;"><div style="font-size:0.9rem; font-weight:700">Height</div><div style="font-weight:800">{{ card.height_display }}</div></div>
+        <div style="display:flex; justify-content:space-between; align-items:center;">
+          <div style="font-size:0.9rem; font-weight:700">Speed</div>
+          <div style="display:flex; align-items:center; gap:8px;">
+            <div style="font-weight:800">{{ card.speed_display }}</div>
+            <div aria-hidden="true" style="display:flex; gap:2px;">
+              {% for t in card.speed_star_types %}
+                <span style="font-size:0.95rem; line-height:1; color: {% if t == 'full' %}#1abc9c{% elif t == 'half' %}#1abc9c; opacity:0.55{% else %}#ddd{% endif %};">{% if t == 'empty' %}☆{% else %}★{% endif %}</span>
+              {% endfor %}
+            </div>
+          </div>
+        </div>
+        <div style="display:flex; justify-content:space-between; align-items:center;">
+          <div style="font-size:0.9rem; font-weight:700">Weight</div>
+          <div style="display:flex; align-items:center; gap:8px;">
+            <div style="font-weight:800">{{ card.weight_display }}</div>
+            <div aria-hidden="true" style="display:flex; gap:2px;">
+              {% for t in card.weight_star_types %}
+                <span style="font-size:0.95rem; line-height:1; color: {% if t == 'full' %}#d35400{% elif t == 'half' %}#d35400; opacity:0.55{% else %}#ddd{% endif %};">{% if t == 'empty' %}☆{% else %}★{% endif %}</span>
+              {% endfor %}
+            </div>
+          </div>
+        </div>
+        <div style="display:flex; justify-content:space-between; align-items:center;">
+          <div style="font-size:0.9rem; font-weight:700">Intelligence</div>
+          <div style="display:flex; align-items:center; gap:8px;">
+            <div style="font-weight:800">{{ card.intelligence_display }}</div>
+            <div aria-hidden="true" style="display:flex; gap:2px;">
+              {% for t in card.intelligence_star_types %}
+                <span style="font-size:0.95rem; line-height:1; color: {% if t == 'full' %}#8e44ad{% elif t == 'half' %}#8e44ad; opacity:0.55{% else %}#ddd{% endif %};">{% if t == 'empty' %}☆{% else %}★{% endif %}</span>
+              {% endfor %}
+            </div>
+          </div>
+        </div>
+        <div style="display:flex; justify-content:space-between; align-items:center;">
+          <div style="font-size:0.9rem; font-weight:700">Height</div>
+          <div style="display:flex; align-items:center; gap:8px;">
+            <div style="font-weight:800">{{ card.height_display }}</div>
+            <div aria-hidden="true" style="display:flex; gap:2px;">
+              {% for t in card.height_star_types %}
+                <span style="font-size:0.95rem; line-height:1; color: {% if t == 'full' %}#27ae60{% elif t == 'half' %}#27ae60; opacity:0.55{% else %}#ddd{% endif %};">{% if t == 'empty' %}☆{% else %}★{% endif %}</span>
+              {% endfor %}
+            </div>
+          </div>
+        </div>
         {% if card.facts_list %}
           <div style="margin-top:6px; border-top:1px solid rgba(0,0,0,0.03); padding-top:6px; font-size:0.85rem; color:#333;">
             <strong style="display:block; margin-bottom:4px;">Fun facts</strong>