From 2fb80ae231a60ca79fd0e6d81d3a144cfdcbd8d3 Mon Sep 17 00:00:00 2001
From: Blaze Sanecki <sanecki.blazej@gmail.com>
Date: Thu, 8 Jan 2026 21:31:10 +0100
Subject: [PATCH] Replace unicode "star" symbols with images

---
 LandOfEem/images/star.png | Bin 0 -> 798 bytes
 LandOfEem/landofeem.css   |  12 ++++++++----
 LandOfEem/landofeem.html  |  18 +++++++++---------
 3 files changed, 17 insertions(+), 13 deletions(-)
 create mode 100644 LandOfEem/images/star.png

diff --git a/LandOfEem/images/star.png b/LandOfEem/images/star.png
new file mode 100644
index 0000000000000000000000000000000000000000..ffd548673a94d69d70dd465cbc2619d13dec131f
GIT binary patch
literal 798
zcmV+(1L6FMP)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F0004jX+uL$b5ch_
zAW20-HZeIiHZ3wPF#rH4k#&*3OF~f;$3I$;lwnXqLxV&$X_!IO(x8+D)nEo$E&BWw
z_~Y@O64Dy93I$P1zlQn?Y7Lr$peTZ9j>e*vlGk}E7?J04&;8u*J?C)mxnK>Ym5ko(
zflM~91p_|kQh3?f`icb`U3lq>D7regFcqSqecns7*sa^F)i~~7Ymdcs1uQn<2}RZN
z!qdXD>v`4W9pP>z6^RL-3A;48pzxikN2~l|a<a<bCTpRfAFQ3i&g3tS{$eGiWrXGB
z^k>oqrFI|lCH8oBaY5ETnZ4))3E;!Y43qd7WtegCqqwC%L$aemzNeBuPfl_b@hU|$
z)<}{fk4w~oRFBJ=5Irs<P0{TC-@fXJ5pT7+-3KkthVecCt=mv88OGO<VU&-d=?N~g
z_59o+jD3h+s%!lR;Mj!otGX85g^Mldc~m1>q#`xRv?dbpb_yL~=(>Tnm1@sw=bSu1
zXhXj08us>KP~sh{Ka(G4`i$zeKL7v#32;bRa{vG?BLDy{BLR4&KXw2B0YgbdK~zYI
zy_UgB12GVWKa2I&2M{myU`4z{>%n-@S7`T1@+5hZt&iYI0>Wa%#e)>YL!UzrX6dpv
zHnZJzU}2ceKVN2&fj|p$R_#eOgBFkpa4FU8O9em%jDSKS5?2&JnY4W(kh5wGOo0h-
z-Wv#*)%<y%pe*8Vwd6iKs}6xxLvx~yU#93K70otmEV(KPXj9T;(4VbyRvqzk=oxSu
zS@sCzz(O1UnGAAP9f!mjaGki}%8CHZwej!2K+dYOka!MU2$RRGte`+S2opXG-$6$Z
zYB`6nxpk+k&t)o1{z5n};7uF<RsGm@8OAl}O=Q^<>&p<GDapV-0C$aWp^d*v(M#qi
zPmJvhy8joDHhu-TTBvN!N++OTdBpD=w21iKg0%4;z%#G}UM1Q#kCPl2)rYZHPz#;h
c+B_h?0b=D(-{zBgfdBvi07*qoM6N<$f@+Cw{{R30

literal 0
HcmV?d00001

diff --git a/LandOfEem/landofeem.css b/LandOfEem/landofeem.css
index 8a87d19a24..de630b2581 100644
--- a/LandOfEem/landofeem.css
+++ b/LandOfEem/landofeem.css
@@ -1063,13 +1063,17 @@ label.small {
 
 /* Sparkle Icon */
 .sparkle {
-    font-size: 11px;
     color: var(--sheet-primary-color);
     display: inline-block;
     vertical-align: middle;
-    width: fit-content;
-    margin-left: -4px;
-    margin-right: -2px;
+    align-self: center;
+    margin: 0 -4px;
+    background-image: url('https: //raw.githubusercontent.com/Roll20/roll20-character-sheets/master/LandOfEem/images/star.png');
+    background-size: 10px 10px;
+    background-repeat: no-repeat;
+    background-position: center;
+    width: 11px;
+    height: 11px;
 }
 
 .note-box .hint,
diff --git a/LandOfEem/landofeem.html b/LandOfEem/landofeem.html
index 8b15c5fc39..949883d645 100644
--- a/LandOfEem/landofeem.html
+++ b/LandOfEem/landofeem.html
@@ -559,7 +559,7 @@
                 <div class="corner-box">
                     <div class="content">
                         <label class="hint" data-i18n="ideals">Ideals</label>
-                        <section class="sparkle">&#x1F7C5;</section>
+                        <section class="sparkle"></section>
                         <section data-i18n="ideals-hint" class="hint">Gain individual XP if you demonstrate your ideals</section>
                         <textarea rows="3" name="attr_ideals"></textarea>
                     </div>
@@ -569,7 +569,7 @@
                 <div class="corner-box">
                     <div class="content">
                         <label class="hint" data-i18n="flaws">Flaws</label>
-                        <section class="sparkle">&#x1F7C5;</section>
+                        <section class="sparkle"></section>
                         <section data-i18n="flaws-hint" class="hint">Gain individual XP if you demonstrate your flaws</section>
                         <textarea rows="3" name="attr_flaws"></textarea>
                     </div>
@@ -579,7 +579,7 @@
             <div class="note-box">
                 <div>
                     <h2 data-i18n="personal-quest" class="hint">Personal Quest</h2>
-                    <section class="sparkle">&#x1F7C5;</section>
+                    <section class="sparkle"></section>
                     <section data-i18n="personal-quest-hint" class="hint">Gain party XP if you pursue your personal quest</section>
                     <textarea rows="5" name="attr_personal_quest"></textarea>
                 </div>
@@ -587,7 +587,7 @@
             <div class="note-box" style="grid-row-end: span 3;">
                 <div>
                     <h2 data-i18n="backstory" class="hint">Backstory</h2>
-                    <section class="sparkle">&#x1F7C5;</section>
+                    <section class="sparkle"></section>
                     <section data-i18n="backstory-hint" class="hint">Gain individual XP if you tell a story about your past</section>
                     <textarea rows="13" name="attr_backstory"></textarea>
                 </div>
@@ -596,7 +596,7 @@
             <div class="note-box">
                 <div>
                     <h2 data-i18n="relationships" class="hint">Relationships</h2>
-                    <section class="sparkle">&#x1F7C5;</section>
+                    <section class="sparkle"></section>
                     <section data-i18n="relationships-hint" class="hint">Gain party XP if you build on a relationship</section>
                     <textarea rows="6" name="attr_relationships"></textarea>
                 </div>
@@ -626,7 +626,7 @@
                     <option type="action" value="npc" data-i18n="npc">NPC</option>
                     <option type="action" value="adversary" data-i18n="adversary">Adversary</option>
                 </select>
-                <section class="sparkle">&#x1F7C5; </section> <span class="hint" data-i18n="hint-sheet-type">Changes the sheet type.
+                <section class="sparkle"> </section> <span class="hint" data-i18n="hint-sheet-type">Changes the sheet type.
                 </span>
             </div>
             <div class="separator"></div>
@@ -634,14 +634,14 @@
                 <label data-i18n="clamp-modifiers">Clamp Attribute/Skills:</label>
                 <input type="radio" name="attr_clamp_modifiers" value="true" checked /><span data-i18n="on">On</span>
                 <input type="radio" name="attr_clamp_modifiers" value="false" /><span data-i18n="off">Off</span>
-                <section class="sparkle">&#x1F7C5; </section> <span class="hint" data-i18n="hint-clamp-modifiers">On: keeps Attribute and Skill values between -3 and +3.</span>
+                <section class="sparkle"> </section> <span class="hint" data-i18n="hint-clamp-modifiers">On: keeps Attribute and Skill values between -3 and +3.</span>
             </div>
             <div class="separator"></div>
             <div class="settings-radio">
                 <label data-i18n="clamp-roll-modifier">Clamp Final Roll Modifier:</label>
                 <input type="radio" name="attr_clamp_roll_modifier" value="true" checked /><span data-i18n="on">On</span>
                 <input type="radio" name="attr_clamp_roll_modifier" value="false" /><span data-i18n="off">Off</span>
-                <section class="sparkle">&#x1F7C5; </section> <span class="hint" data-i18n="hint-clamp-roll-modifier">On: keeps the final sum of roll modifiers between -3 and +3.</span>
+                <section class="sparkle"> </section> <span class="hint" data-i18n="hint-clamp-roll-modifier">On: keeps the final sum of roll modifiers between -3 and +3.</span>
             </div>
             <div class="separator"></div>
         </div>
@@ -1434,4 +1434,4 @@ on("clicked:attack", async () => {
         })
     })
 })
-</script>
+</script>
\ No newline at end of file