Portraits et corrections sur valeurs des PNJ

styles/roll.less

@@ -977,6 +977,73 @@
   }
 }
 
+.chat-message .cel-portrait-message {
+  border: 1px solid var(--cel-border, #7a5c20);
+  border-radius: 4px;
+  overflow: hidden;
+  background: linear-gradient(180deg, rgba(255,248,232,0.98), rgba(240,229,209,0.95));
+  font-family: var(--cel-font-body, "Palatino Linotype", serif);
+
+  .portrait-message-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 7px 10px;
+    background: var(--cel-green, #0c4c0c);
+    background-image: url("../assets/ui/fond_cadrille.jpg");
+    background-blend-mode: soft-light;
+    border-bottom: 2px solid var(--cel-orange, #e07b00);
+  }
+
+  .portrait-message-mark {
+    color: var(--cel-orange, #e07b00);
+    font-size: 1.05em;
+    line-height: 1;
+  }
+
+  .portrait-message-title {
+    font-family: var(--cel-font-title, "CopaseticNF", serif);
+    color: var(--cel-orange, #e07b00);
+    font-size: 0.98em;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+  }
+
+  .portrait-message-body {
+    padding: 9px 11px 10px;
+    color: #3f3623;
+  }
+
+  .portrait-message-name {
+    margin-bottom: 8px;
+    color: var(--cel-green, #0c4c0c);
+    font-size: 0.84em;
+    font-weight: bold;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    text-align: center;
+  }
+
+  .portrait-message-frame {
+    display: flex;
+    justify-content: center;
+    padding: 6px;
+    border: 1px solid rgba(122,92,32,0.2);
+    border-radius: 4px;
+    background: rgba(255,255,255,0.5);
+  }
+
+  .portrait-message-image {
+    display: block;
+    width: 100%;
+    max-width: 240px;
+    max-height: 420px;
+    aspect-ratio: 2 / 3;
+    object-fit: contain;
+    object-position: top center;
+  }
+}
+
 .application.faction-aspect-dialog {
   width: min(540px, 92vw);
 }