Neo-Tokyo Neon Noir design pour fiches items

- Nouvelle palette : #080c14 fond, accents néon par type (#00d4d4 item, #ff3d5a kungfu, #4a9eff spell, #cc44ff supernatural)
- Nouveaux composants LESS : .cde-neon-header (clip-path angulaire + accent line), .cde-avatar (clip-path), .cde-stat-grid/.cde-stat-cell (style terminal), .cde-badge (parallélogramme), .cde-neon-tabs (underline néon animé), .cde-check-cell
- Fix layout : .cde-sheet width: 100% + height: 100% + overflow: hidden, .cde-tab-body flex: 1 + min-height: 0, .cde-notes-editor flex stretch
- Fix positions : DEFAULT_OPTIONS height explicite pour tous les types (item 620x580, spell 660x680, kungfu 720x680, supernatural 560x520)
- 4 templates items reécrits avec nouvelles classes et structure épurée

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

templates/actor/parts/cde-character-magics.html

@@ -0,0 +1,139 @@
+<div class="tab-sous-titre">{{ localize "CDE.Components2" }}</div>
+<table>
+  <tr>
+    <td style="width: 2.2%" class="image"><img src="systems/fvtt-chroniques-de-l-etrange/images/d10-1.png" alt="Die" /></td>
+    <td class="value" style="width: 25%">
+      <input class="input" type="text" placeholder="{{ localize 'CDE.Component' }}1" name="system.component.one.value" value="{{systemData.component.one.value}}" />
+    </td>
+    <td style="width: 2.2%">&nbsp;</td>
+    <td style="width: 2%" class="image"><img src="systems/fvtt-chroniques-de-l-etrange/images/d10-6.png" alt="Die" /></td>
+    <td class="value" style="width: 25%" ;>
+      <input class="input" type="text" placeholder="{{ localize 'CDE.Component' }}6" name="system.component.six.value" value="{{systemData.component.six.value}}" />
+    </td>
+  </tr>
+  <tr>
+    <td style="width: 2.2%" class="image"><img src="systems/fvtt-chroniques-de-l-etrange/images/d10-2.png" alt="Die" /></td>
+    <td class="value" style="width: 25%">
+      <input class="input" type="text" placeholder="{{ localize 'CDE.Component' }}2" name="system.component.two.value" value="{{systemData.component.two.value}}" />
+    </td>
+    <td style="width: 2.2%">&nbsp;</td>
+    <td style="width: 2%" class="image"><img src="systems/fvtt-chroniques-de-l-etrange/images/d10-7.png" alt="Die" /></td>
+    <td class="value" style="width: 25%" ;>
+      <input class="input" type="text" placeholder="{{ localize 'CDE.Component' }}7" name="system.component.seven.value" value="{{systemData.component.seven.value}}" />
+    </td>
+  </tr>
+  <tr>
+    <td style="width: 2.2%" class="image"><img src="systems/fvtt-chroniques-de-l-etrange/images/d10-3.png" alt="Die" /></td>
+    <td class="value" style="width: 25%">
+      <input class="input" type="text" placeholder="{{ localize 'CDE.Component' }}3" name="system.component.three.value" value="{{systemData.component.three.value}}" />
+    </td>
+    <td style="width: 2.2%">&nbsp;</td>
+    <td style="width: 2%" class="image"><img src="systems/fvtt-chroniques-de-l-etrange/images/d10-8.png" alt="Die" /></td>
+    <td class="value" style="width: 25%" ;>
+      <input class="input" type="text" placeholder="{{ localize 'CDE.Component' }}8" name="system.component.eight.value" value="{{systemData.component.eight.value}}" />
+    </td>
+  </tr>
+  <tr>
+    <td style="width: 2.2%" class="image"><img src="systems/fvtt-chroniques-de-l-etrange/images/d10-4.png" alt="Die" /></td>
+    <td class="value" style="width: 25%">
+      <input class="input" type="text" placeholder="{{ localize 'CDE.Component' }}4" name="system.component.four.value" value="{{systemData.component.four.value}}" />
+    </td>
+    <td style="width: 2.2%">&nbsp;</td>
+    <td style="width: 2%" class="image"><img src="systems/fvtt-chroniques-de-l-etrange/images/d10-9.png" alt="Die" /></td>
+    <td class="value" style="width: 25%" ;>
+      <input class="input" type="text" placeholder="{{ localize 'CDE.Component' }}9" name="system.component.nine.value" value="{{systemData.component.nine.value}}" />
+    </td>
+  </tr>
+  <tr>
+    <td style="width: 2.2%" class="image"><img src="systems/fvtt-chroniques-de-l-etrange/images/d10-5.png" alt="Die" /></td>
+    <td class="value" style="width: 25%">
+      <input class="input" type="text" placeholder="{{ localize 'CDE.Component' }}5" name="system.component.five.value" value="{{systemData.component.five.value}}" />
+    </td>
+    <td style="width: 2.2%">&nbsp;</td>
+    <td style="width: 2%" class="image"><img src="systems/fvtt-chroniques-de-l-etrange/images/d10-0.png" alt="Die" /></td>
+    <td class="value" style="width: 25%" ;>
+      <input class="input" type="text" placeholder="{{ localize 'CDE.Component' }}0" name="system.component.zero.value" value="{{systemData.component.zero.value}}" />
+    </td>
+  </tr>
+</table>
+
+<div class="chancethrow" style="display: flex; justify-content: center; align-items: center" ;>
+  <img
+    style="width: 27px"
+    class="click"
+    data-libel-id="randomize-randomize"
+    src="systems/fvtt-chroniques-de-l-etrange/images/d10-10.png"
+    title="{{ localize 'CDE.Die' }}{{ localize 'CDE.ChanceThrow' }}"
+    alt="Die"
+  />
+  <label class="label"><b>&nbsp;{{ localize "CDE.ChanceThrow" }}</b></label>
+</div>
+
+<div class="tab-sous-titre">{{ localize "CDE.TypesOfMagic" }}</div>
+
+{{#each systemData.magics as |magic key|}}
+    {{log 'magic' key magic}}
+    <table class="{{getMagicBackground key}}">
+    <tr>
+      <td class="check visible">
+        <input
+        type="checkbox"
+        name="system.magics.{{key}}.visible"
+        {{
+        checked
+        magic.visible
+        }}
+        title="{{ localize 'CDE.Visible' }}"
+        />
+    </td>
+    <td class="click" data-libel-id="{{key}}-magic">
+        <img
+            id="system.magics.{{@key}}.click"
+            src="systems/fvtt-chroniques-de-l-etrange/images/d10-10.png"
+            title="{{ localize 'CDE.Die' }}{{getMagicLabel key}}"
+            alt="{{ getMagicAspectLabel key }}"
+        />
+        </td>
+        <td class="label"><b>&nbsp;&nbsp;{{getMagicLabel key}}</b></td>
+        <td class="image">
+        <img id="system.magics.{{@key}}.cercle.value" src="systems/fvtt-chroniques-de-l-etrange/images/cercle.png" title="Circle" alt="Cercle" />
+        <div class="stick">&nbsp;</div>
+        <input class="input" type="number" placeholder="0" name="system.magics.{{@key}}.value" value="{{magic.value}}" />
+        </td>
+        <td class="label"><b>&nbsp;&nbsp;,&nbsp;{{ getMagicAspectLabel key }}</b></td>
+        <td>
+        {{#if magic.visible}}
+        <table>
+            {{#each magic.speciality as |special key2|}}
+            {{log 'speciality' special key key2}}
+            <tr class="clickondie">
+            <td class="check">
+                <input
+                type="checkbox"
+                name="system.magics.{{key}}.speciality.{{key2}}.check"
+                {{
+                checked
+                special.check
+                }}
+                title="{{ localize 'CDE.PracticeSpecialty' }}{{ getMagicSpecialityLabel key key2 }}"
+                />
+            </td>
+            <td class="label"><b>{{ getMagicSpecialityLabel key key2 }}</b></td>
+            <td class="icon-element"><img src="{{getMagicSpecialityElementIcon key key2}}" title="{{ getMagicSpecialityLabelElement key key2 }}" alt="{{getMagicSpecialityLabelElement key key2}}" /></td>
+            <td class="{{getMagicSpecialityClassIcon key key2}}"><img src="{{ getMagicSpecialityIcon key key2 }}" title="{{getMagicSpecialityLabelIcon key key2}}" alt="{{getMagicSpecialityLabelIcon key key2}}" /></td>
+            <td class="click icon-d" data-libel-id="{{key}}-magicspecial-{{key2}}">
+                <img
+                id="{{system.magics.magic.speciality.special.click}}"
+                src="systems/fvtt-chroniques-de-l-etrange/images/d10-10.png"
+                title="{{ localize 'CDE.DieSP' }}{{ getMagicSpecialityLabel key key2 }}"
+                alt="Die"
+                />
+            </td>
+            </tr>
+            {{/each}}
+        </table>
+        {{/if}}
+        </td>
+    </tr>
+    </table>
+{{/each}}