feat: fiche PNJ (profil + niveaux) et passage du véhicule en acteur

less/actor/npc.less

@@ -30,77 +30,70 @@
     }
   }
 
-  .skills-container {
-    display: flex;
-    flex-direction: column;
-    gap: 15px;
-  }
-
-  .skill-category {
-    .card-style();
-    padding: 10px;
-
-    h4 {
-      font-family: "DistressBlack", sans-serif;
-      font-size: @font-size-14;
-      text-transform: uppercase;
-      margin-top: 0;
-      margin-bottom: 8px;
-      background: 50% 0% / cover no-repeat url("@{ui-path}/scotch.webp");
-    }
-  }
-
-  .skill-item {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 5px;
-    border-bottom: 1px solid @color-border-dark-3;
-
-    &:last-child { border-bottom: none; }
-
-    label {
-      flex: 1;
+  .npc-trait-list {
+    li {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 4px 0;
+      border-bottom: 1px solid @color-border-dark-3;
       font-size: @font-size-12;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
+
+      &:last-child { border-bottom: none; }
+
+      strong { flex: 1; }
     }
 
+    .trait-value {
+      min-width: 30px;
+      text-align: center;
+      font-weight: bold;
+      white-space: nowrap;
+    }
+  }
+
+  .npc-roll-btn {
+    color: @color-text-light-primary;
+    opacity: 0.7;
+    transition: opacity 0.15s ease;
+
     &:hover {
-      box-shadow: 0 0 10px @theme-color-highlight inset;
+      opacity: 1;
+      color: @color-text-light-1;
+      text-shadow: 0 0 6px @theme-color-highlight;
     }
   }
 
-  .skill-control {
-    display: flex;
-    align-items: center;
-    gap: 5px;
+  .npc-wounds {
+    flex-wrap: wrap;
+
+    .wound-cat {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-weight: bold;
+    }
+
+    .wound-boxes {
+      display: inline-flex;
+      gap: 2px;
+
+      i {
+        font-size: 8px;
+        color: @color-border-dark-2;
+      }
+    }
   }
 
-  .skill-value {
-    min-width: 25px;
-    text-align: center;
-    font-weight: bold;
-  }
+  .npc-free-skills {
+    margin-top: 15px;
+    .form-group-style();
 
-  .rarity-badge {
-    display: inline-block;
-    padding: 1px 4px;
-    border-radius: 3px;
-    font-size: 10px;
-    font-weight: bold;
-    margin-left: 5px;
-
-    &.rarity-0 { .rarity-badge(@rarity-0-bg, @rarity-0-text); }
-    &.rarity-1 { .rarity-badge(@rarity-1-bg, @rarity-1-text); }
-    &.rarity-2 { .rarity-badge(@rarity-2-bg, @rarity-2-text); }
-    &.rarity-3 { .rarity-badge(@rarity-3-bg, @rarity-3-text); }
-  }
-
-  .skill-category-selector {
-    margin-bottom: 15px;
-    .card-style();
+    label {
+      font-size: @font-size-12;
+      font-weight: bold;
+      white-space: nowrap;
+    }
   }
 
   .wounds-card {
@@ -133,39 +126,6 @@
     }
   }
 
-  .ability-section {
-    .card-style();
-  }
-
-  .ability-category-header {
-    font-family: "DistressBlack", sans-serif;
-    font-size: @font-size-14;
-    text-transform: uppercase;
-    margin-top: 0;
-    margin-bottom: 8px;
-    border-bottom: 1px solid @color-border-dark-3;
-    padding-bottom: 5px;
-  }
-
-  .ability-item {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 5px 0;
-
-    label {
-      flex: 1;
-      font-size: @font-size-12;
-      white-space: nowrap;
-    }
-  }
-
-  .ability-control {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
-
   .tab {
     padding: 10px;
     overflow-y: auto;
@@ -213,6 +173,17 @@
       padding: 3px 5px;
       min-width: 100px;
     }
+
+    input[type="text"] {
+      font-size: @font-size-12;
+      padding: 3px 5px;
+      min-width: 0;
+      width: 100%;
+    }
+  }
+
+  .npc-profile-grid {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 
   .editor {