Add spells rolls and enhance CSS styling

- Add spell roll functionality to character sheets
- Enhance CSS and LESS styling for better visual presentation
- Update character templates and models
- Remove old backup files (roll-old.mjs, roll.mjs.backup)
- Improve character combat and equipment templates
- Update utility functions and actor documents

Generated by Mistral Vibe.
Co-Authored-By: Mistral Vibe <vibe@mistral.ai>

templates/character-skills.hbs

@@ -11,8 +11,8 @@
       <div class="skill {{#if item.system.isCoreSkill}}is-core-skill{{/if}}"
            data-item-id="{{item.id}}"
            data-item-uuid="{{item.uuid}}">
-        <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
-        <div class="name">
+        <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}\nClick to post to chat" data-action="postItemToChat" />
+        <div class="name" data-tooltip="{{item.system.description}}">
           <a class="rollable" data-roll-type="skill" data-roll-key="{{item.id}}">
             <i class="lf-roll-small fa-duotone fa-solid fa-dice-d10"></i>
             {{item.name}}
@@ -46,7 +46,7 @@
     <div class="racial-abilities">
       {{#each racialAbilities as |item|}}
       <div class="racial-ability " data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
-        <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
+        <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}\nClick to post to chat" data-action="postItemToChat" />
         <div class="name" data-tooltip="{{{item.description}}}<br><br>{{item.path}}" data-tooltip-direction="UP">
           {{item.name}}
         </div>