fix(historial): use SS/SPS/BSS abbreviations for shot types

- Replace broken chained replace() with tipoShort() helper
- SS = Soulshot, SPS = Spiritshot, BSS = Blessed Spiritshot
- Add tooltip (:title) on chips for full name on hover
- CSS: add cursor:help, font-weight:600, letter-spacing

src/main/resources/templates/PageResource/historial.html

@@ -180,7 +180,7 @@
                   <template x-if="r.tiposUsados && r.tiposUsados.length > 0">
                     <div class="flex-row gap-1 mt-1">
                       <template x-for="tipo in r.tiposUsados" :key="tipo">
-                        <span class="tipo-chip" x-text="tipo.replace('Spiritshot','SS').replace('Blessed Spiritshot','BSS').replace('Soulshot','SS')"></span>
+                        <span class="tipo-chip" :title="tipo" x-text="tipoShort(tipo)"></span>
                       </template>
                     </div>
                   </template>
@@ -333,7 +333,7 @@
                       <div class="snapshot-grid" style="font-size:0.7rem">
                         <template x-for="[key, precio] in Object.entries(snapshotVenta())" :key="key">
                           <div class="snapshot-row">
-                            <span class="text-xs text-muted" x-text="key.replace('Soulshot','SS ').replace('Spiritshot','SS ').replace('Blessed Spiritshot','BSS ') + key.split('-')[1]"></span>
+                            <span class="text-xs text-muted" x-text="tipoShort(key.split('-')[0]) + ' ' + key.split('-')[1]"></span>
                             <span class="text-mono text-xs" x-text="fmtAdena(precio)"></span>
                             <template x-if="currentVenta(key) !== null">
                               <span class="diff-badge" :class="currentVenta(key) > precio ? 'diff-up' : currentVenta(key) < precio ? 'diff-down' : 'diff-same'"
@@ -561,6 +561,10 @@
           return window.fmt.number(n);
         },
 
+        tipoShort(tipo) {
+          return { 'Soulshot': 'SS', 'Spiritshot': 'SPS', 'Blessed Spiritshot': 'BSS' }[tipo] || tipo;
+        },
+
         fmtPct(pct) {
           return window.fmt.percent(pct);
         },