feat: refonte visuelle Art Déco — palette jade/or antique

Remplace le vert saturé rgb(12,76,12) par une palette Art Déco
cohérente avec l'esthétique du jeu (nuit lunaire, Belle Époque 1922).

Palette :
- --cel-green : #1b3828 (jade profond désaturé)
- --cel-orange : #c49a1a (or antique)
- --cel-cream : #f0e8d4 (parchemin chaud)
- --cel-border : #7a5c20 (bordure dorée)
- --cel-cream-dark : #e0d4b8 (rangées alternées)
- --cel-accent : #6b1e28 (bordeaux — échecs)

Changements visuels :
- Header : fond jade sombre + fond_cadrille (soft-light), cadre portrait doré
- Tabs : style Art Déco (border-bottom or, pas de fond orange plein)
- Section headers : couleur or + ::after gradient ornamental
- Stat blocks : jade texturé, valeurs compétences en or, rangées alternées
- Factions table : thead jade texturé, rangées alternées
- Items sheets : header jade, tabs Art Déco, labels or
- Chat : header jade texturé, bannière succès jade+or, échec bordeaux
- Roll dialog : titre et labels en or

Assets copiés depuis celestopol1922 :
- fond_cadrille2.jpg, cercle-vert/jaune-checked/unchecked.png, logo_jeu.png

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

styles/roll.less

@@ -8,12 +8,12 @@
     text-align: center;
     font-family: var(--cel-font-title, "CopaseticNF", serif);
     font-size: 1.1em;
-    color: var(--cel-green, rgb(12,76,12));
+    color: var(--cel-orange, #c49a1a);
     margin-bottom: 10px;
 
     .separator {
       margin: 0 6px;
-      color: var(--cel-orange, #e07b00);
+      color: var(--cel-border, #7a5c20);
     }
   }
 
@@ -28,12 +28,12 @@
       font-size: 0.85em;
       text-transform: uppercase;
       letter-spacing: 0.04em;
-      color: var(--cel-green, rgb(12,76,12));
+      color: var(--cel-orange, #c49a1a);
     }
 
     select, input[type="number"] {
       flex: 1;
-      border: 1px solid var(--cel-border, #8b7355);
+      border: 1px solid var(--cel-border, #7a5c20);
       border-radius: 2px;
       padding: 2px 6px;
       background: rgba(255,255,255,0.7);
@@ -45,14 +45,14 @@
     font-size: 1em;
     margin-top: 10px;
     padding: 6px;
-    background: rgba(12,76,12,0.08);
-    border-radius: 4px;
-    border: 1px solid var(--cel-green, rgb(12,76,12));
+    background: rgba(27,56,40,0.08);
+    border-radius: 3px;
+    border: 1px solid var(--cel-green, #1b3828);
 
     .nb-dice {
       font-family: var(--cel-font-title, "CopaseticNF", serif);
       font-size: 1.5em;
-      color: var(--cel-orange, #e07b00);
+      color: var(--cel-orange, #c49a1a);
       font-weight: bold;
     }
   }
@@ -61,8 +61,8 @@
 // ─── Chat message ─────────────────────────────────────────────────────────────
 
 .celestopol.chat-roll {
-  border: 1px solid var(--cel-border, #8b7355);
-  border-radius: 4px;
+  border: 1px solid var(--cel-border, #7a5c20);
+  border-radius: 3px;
   overflow: hidden;
   font-family: var(--cel-font-body, "Palatino Linotype", serif);
 
@@ -70,15 +70,19 @@
     display: flex;
     align-items: center;
     gap: 8px;
-    background: var(--cel-green, rgb(12,76,12));
+    background-color: var(--cel-green, #1b3828);
+    background-image: url("../assets/ui/fond_cadrille.jpg");
+    background-blend-mode: soft-light;
     padding: 6px 8px;
+    border-bottom: 2px solid var(--cel-orange, #c49a1a);
 
     .actor-img {
       width: 36px;
       height: 36px;
       object-fit: cover;
-      border: 1px solid var(--cel-orange, #e07b00);
+      border: 1px solid var(--cel-orange, #c49a1a);
       border-radius: 2px;
+      box-shadow: inset 0 0 4px rgba(196,154,26,0.3);
     }
 
     .roll-info {
@@ -86,11 +90,12 @@
       flex-direction: column;
       .actor-name {
         font-family: var(--cel-font-title, "CopaseticNF", serif);
-        color: var(--cel-orange, #e07b00);
+        color: var(--cel-orange, #c49a1a);
         font-weight: bold;
+        letter-spacing: 0.05em;
       }
       .skill-info {
-        color: var(--cel-cream, #f5f0e8);
+        color: var(--cel-cream, #f0e8d4);
         font-size: 0.8em;
         font-style: italic;
       }
@@ -99,7 +104,7 @@
 
   .roll-details {
     padding: 8px;
-    background: var(--cel-cream, #f5f0e8);
+    background: var(--cel-cream, #f0e8d4);
 
     .dice-results {
       display: flex;
@@ -113,8 +118,8 @@
         justify-content: center;
         width: 28px;
         height: 28px;
-        border: 2px solid var(--cel-border, #8b7355);
-        border-radius: 4px;
+        border: 2px solid var(--cel-border, #7a5c20);
+        border-radius: 3px;
         background: white;
         font-weight: bold;
         font-size: 1em;
@@ -135,38 +140,49 @@
       gap: 8px;
       margin-top: 6px;
       padding-top: 4px;
-      border-top: 1px solid var(--cel-border, #8b7355);
+      border-top: 1px solid var(--cel-border, #7a5c20);
 
       .total-label {
         text-transform: uppercase;
         font-size: 0.75em;
-        color: var(--cel-green, rgb(12,76,12));
+        color: var(--cel-orange, #c49a1a);
       }
 
       .total-value {
         font-family: var(--cel-font-title, "CopaseticNF", serif);
         font-size: 1.6em;
         font-weight: bold;
-        color: var(--cel-orange, #e07b00);
+        color: var(--cel-orange, #c49a1a);
       }
 
       .vs-difficulty {
         font-size: 0.8em;
-        color: #999;
+        color: #888;
       }
     }
   }
 
   .roll-result-banner {
     text-align: center;
-    padding: 4px 8px;
+    padding: 5px 8px;
     font-family: var(--cel-font-title, "CopaseticNF", serif);
     font-size: 1.1em;
     text-transform: uppercase;
-    letter-spacing: 0.08em;
+    letter-spacing: 0.1em;
 
-    &.success { background: var(--cel-green, rgb(12,76,12)); color: var(--cel-orange, #e07b00); }
-    &.failure { background: #4a1a1a; color: #e0a0a0; }
+    // Success: jade green with gold text — elegant
+    &.success {
+      background-color: var(--cel-green, #1b3828);
+      background-image: url("../assets/ui/fond_cadrille.jpg");
+      background-blend-mode: soft-light;
+      color: var(--cel-orange, #c49a1a);
+    }
+
+    // Failure: deep burgundy — dark and grave
+    &.failure {
+      background: var(--cel-accent, #6b1e28);
+      color: #e8c8c8;
+    }
 
     .critical {
       display: block;