diff --git a/less/actor-styles.less b/less/actor-styles.less
index c9f6c46..25ae5aa 100644
--- a/less/actor-styles.less
+++ b/less/actor-styles.less
@@ -29,199 +29,253 @@
   // SURCHARGE: simple-converted.less définit flex: 0 0 210px
   .sheet-header {
     background: url("../assets/ui/pc_sheet_bg.webp") repeat;
-    padding: 0.5rem;
+    padding: 0.4rem 0.5rem;
     margin: 0;
-    flex: 0 0 auto !important; // Override simple-converted
-    overflow: visible !important; // Override simple-converted
+    flex: 0 0 auto !important;
+    overflow: visible !important;
 
-    .background-sheet-header {
-      background: transparent;
-    }
-
-    .header-main-content {
-      flex: 1;
+    // ── Bannière : image + nom + toggle ──────────────────────────────
+    .header-banner {
       display: flex;
-      flex-direction: column;
-      gap: 0.5rem;
-    }
-
-    .header-stats-grid {
-      display: grid;
-      grid-template-columns: 2fr 1fr 1fr;
-      gap: 0.75rem;
-      padding: 0.5rem;
-      background: rgba(0, 0, 0, 0.15);
-      border: 2px solid rgba(139, 69, 19, 0.5);
-      border-radius: 4px;
-    }
-
-    .stat-group {
-      display: flex;
-      flex-direction: column;
-      gap: 0.3rem;
-      padding: 0.35rem 0.6rem;
-      background: rgba(0, 0, 0, 0.2);
-      border: 1px solid rgba(139, 69, 19, 0.4);
-      border-radius: 3px;
-
-      &.stat-group-health {
-        border-left: 3px solid rgba(200, 0, 0, 0.6);
-        background: rgba(40, 0, 0, 0.15);
-      }
-    }
-
-    .stat-title {
-      font-size: 0.75rem;
-      font-weight: bold;
-      color: #f5e6d3;
-      margin: 0;
-      padding: 0 0 0.3rem 0;
-      border-bottom: 1px solid rgba(139, 69, 19, 0.5);
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-      font-family: "CentaurMT", serif;
-      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
-    }
-
-    .stat-values {
-      display: flex;
-      flex-direction: row;
-      gap: 0.5rem;
-      flex-wrap: wrap;
-      justify-content: center;
-    }
-
-    .stat-item {
-      display: flex;
-      flex-direction: column;
-      gap: 0.2rem;
       align-items: center;
-      flex: 1;
-      min-width: 0;
-    }
+      gap: 0.75rem;
+      margin-bottom: 0.4rem;
 
-    .stat-label {
-      font-size: 0.7rem;
-      color: #d4c5b0;
-      margin: 0;
-      font-weight: 600;
-      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
-    }
+      .profile-img {
+        flex: 0 0 90px;
+        width: 90px;
+        height: 90px;
+        object-fit: cover;
+        object-position: 50% 0;
+        border: 2px solid rgba(180, 130, 30, 0.8);
+        border-radius: 4px;
+        box-shadow: 2px 2px 8px rgba(0,0,0,0.6), inset 0 0 4px rgba(180,130,30,0.2);
+        cursor: pointer;
+        transition: border-color 0.2s, box-shadow 0.2s;
 
-    .stat-value {
-      font-size: 0.85rem;
-      font-weight: bold;
-      color: #fff;
-      padding: 0.25rem 0.5rem;
-      background: rgba(0, 0, 0, 0.4);
-      border: 1px solid rgba(139, 69, 19, 0.6);
-      border-radius: 3px;
-      min-width: 2.5rem;
-      text-align: center;
-      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
-      width: 100%;
-    }
-
-    .stat-input {
-      font-size: 0.8rem;
-      font-weight: 600;
-      padding: 0.25rem 0.4rem;
-      background: rgba(40, 30, 20, 0.7);
-      border: 1px solid rgba(139, 69, 19, 0.7);
-      color: #fff;
-      border-radius: 3px;
-      text-align: center;
-      min-width: 2.5rem;
-      max-width: 100%;
-      width: 100%;
-      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
-      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
-
-      &.stat-input-single {
-        min-width: 3.5rem;
-      }
-
-      &.stat-input-damage {
-        border-color: rgba(200, 0, 0, 0.8);
-        background: rgba(80, 0, 0, 0.5);
-      }
-
-      &:hover {
-        background: rgba(60, 45, 30, 0.8);
-        border-color: rgba(255, 102, 0, 0.6);
-      }
-
-      &:focus {
-        outline: none;
-        border-color: rgba(255, 102, 0, 1);
-        box-shadow: 0 0 6px rgba(255, 102, 0, 0.5), inset 0 1px 3px rgba(0, 0, 0, 0.3);
-        background: rgba(70, 50, 35, 0.9);
-      }
-    }
-
-    .header-fields {
-      // Force single-line stat rows — prevent Foundry's .flexrow wrap and h4 margins from breaking layout
-      .item.flexrow {
-        flex-wrap: nowrap !important;
-        align-items: center !important;
-
-        h4 {
-          margin: 0 !important;
-          padding-top: 0 !important;
+        &:hover {
+          border-color: #ffd700;
+          box-shadow: 2px 2px 12px rgba(0,0,0,0.7), 0 0 6px rgba(255,215,0,0.4);
         }
       }
 
-      h4.item-name-label.competence-name,
-      .item-name-label.competence-name,
-      label.item-name-label.competence-name {
-        color: #1a1008 !important;
-        text-shadow: none !important;
-        font-weight: bold !important;
-        background: none !important;
+      .charname {
+        flex: 1;
+        margin: 0;
+        padding: 0;
+        font-family: "CentaurMT", "Charlemagne Std", serif;
+        font-size: 1.8rem;
+        line-height: 1;
+
+        input[type="text"] {
+          font-family: inherit;
+          font-size: inherit;
+          font-weight: bold;
+          color: #f5e0c0;
+          background: transparent;
+          border: none;
+          border-bottom: 1px solid rgba(180,130,30,0.4);
+          width: 100%;
+          padding: 0 0 2px 0;
+          text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
+          letter-spacing: 1px;
+
+          &:focus {
+            outline: none;
+            border-bottom-color: #ffd700;
+          }
+        }
       }
 
-      h4.item-name-label.competence-name {
-        font-size: 0.75rem;
-        padding-top: 3px;
-      }
+      .sheet-mode-toggle {
+        flex: 0 0 auto;
+        background: rgba(0,0,0,0.3);
+        border: 1px solid rgba(180,130,30,0.5);
+        border-radius: 3px;
+        color: rgba(245,224,192,0.7);
+        padding: 4px 8px;
+        cursor: pointer;
+        font-size: 0.9rem;
+        line-height: 1;
+        transition: all 0.2s ease;
 
-      .item-name-label.competence-name {
-        font-size: 0.75rem;
-      }
-
-      label.item-name-label.competence-name {
-        font-size: 0.7rem;
-      }
-
-      .item-field-label-short {
-        font-size: 0.8rem;
-      }
-
-      .status-small-label {
-        font-size: 0.8rem;
+        &:hover {
+          color: #ffd700;
+          border-color: #ffd700;
+          box-shadow: 0 0 6px rgba(255,215,0,0.4);
+        }
       }
     }
 
-    .sheet-mode-toggle {
-      background: transparent;
-      border: none;
-      color: #fff;
-      padding: 2px 6px;
-      cursor: pointer;
-      font-size: 0.75rem;
-      transition: all 0.2s ease;
-      margin-left: 8px;
-      height: auto;
-      line-height: 1.2;
-      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
+    // ── Cartes de statistiques ────────────────────────────────────────
+    .header-stat-cards {
+      display: flex;
+      flex-direction: row;
+      gap: 5px;
 
-      &:hover {
-        color: #ffd700;
-        text-shadow: 0 0 8px rgba(255, 215, 0, 0.8);
+      .stat-card {
+        flex: 1;
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+        background: rgba(8, 4, 0, 0.55);
+        border: 1px solid rgba(120, 75, 20, 0.5);
+        border-top: 3px solid rgba(120, 75, 20, 0.7);
+        border-radius: 3px;
+        overflow: visible;
+        transition: box-shadow 0.2s;
+
+        &.dominant {
+          box-shadow: 0 0 10px rgba(255,200,30,0.35);
+        }
+
+        // Titres colorés par type
+        &.card-loi {
+          border-top-color: #b89020;
+          .stat-card-title { background: rgba(90,65,0,0.6); color: #ffe090; }
+          &.dominant { border-top-color: #ffd700; box-shadow: 0 0 12px rgba(255,215,0,0.4); }
+        }
+        &.card-chaos {
+          border-top-color: #8b1010;
+          .stat-card-title { background: rgba(70,0,0,0.6); color: #ffb0b0; }
+          &.dominant { border-top-color: #cc2020; box-shadow: 0 0 12px rgba(200,30,30,0.4); }
+        }
+        &.card-ba {
+          border-top-color: #2a7a2a;
+          .stat-card-title { background: rgba(0,45,0,0.6); color: #a0e8a0; }
+        }
+        &.card-vigueur {
+          border-top-color: #7a2222;
+          .stat-card-title { background: rgba(50,10,10,0.6); color: #ffb8b8; }
+        }
+        &.card-ame {
+          border-top-color: #224480;
+          .stat-card-title { background: rgba(10,20,55,0.6); color: #a0c0ff; }
+        }
+
+        .stat-card-title {
+          font-size: 0.68rem;
+          font-weight: bold;
+          text-transform: uppercase;
+          letter-spacing: 0.5px;
+          padding: 3px 5px;
+          text-align: center;
+          text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
+          border-bottom: 1px solid rgba(255,255,255,0.08);
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+
+          .stat-sub {
+            font-size: 0.6rem;
+            opacity: 0.75;
+            font-style: italic;
+            text-transform: none;
+            letter-spacing: 0;
+          }
+        }
+
+        .stat-card-content {
+          display: flex;
+          flex-direction: column;
+          gap: 2px;
+          padding: 4px 4px 3px;
+          flex: 1;
+        }
+
+        // Ligne label + champ
+        .stat-field {
+          display: flex;
+          align-items: center;
+          gap: 3px;
+          min-height: 20px;
+
+          label {
+            font-size: 0.6rem;
+            font-weight: 700;
+            color: #b0a090;
+            text-transform: uppercase;
+            white-space: nowrap;
+            min-width: 26px;
+            margin: 0;
+            padding: 0;
+            line-height: 1;
+          }
+
+          input[type="text"],
+          select {
+            flex: 1;
+            min-width: 0;
+            height: 20px;
+            font-size: 0.72rem;
+            font-weight: 600;
+            padding: 0 3px;
+            background: rgba(35, 20, 5, 0.85);
+            border: 1px solid rgba(120,75,20,0.55);
+            border-radius: 2px;
+            color: #f0dfc0;
+            text-align: center;
+            text-shadow: none;
+
+            &:hover {
+              border-color: rgba(200,150,40,0.7);
+              background: rgba(50,30,10,0.9);
+            }
+            &:focus {
+              outline: none;
+              border-color: #ffd700;
+              box-shadow: 0 0 4px rgba(255,215,0,0.3);
+            }
+            &:disabled {
+              opacity: 0.6;
+              cursor: default;
+            }
+          }
+
+          select {
+            appearance: none;
+            -webkit-appearance: none;
+            padding-right: 14px;
+            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23b09060' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E");
+            background-repeat: no-repeat;
+            background-position: right 3px center;
+          }
+
+          // Valeur centrale (Vigueur)
+          &.stat-field-center {
+            justify-content: center;
+          }
+        }
+
+        // Valeur numérique large (ex: score de Vigueur)
+        .stat-big-value {
+          display: block;
+          font-size: 1.6rem;
+          font-weight: 900;
+          font-family: "Signika", "Arial Narrow", "Arial", sans-serif;
+          font-variant-numeric: lining-nums tabular-nums;
+          color: #f5e0c0;
+          text-shadow: 1px 1px 4px rgba(0,0,0,0.9);
+          text-align: center;
+          line-height: 1.1;
+          letter-spacing: 2px;
+        }
+
+        // Valeur dérivée (Aspect, Marge)
+        .stat-derived {
+          font-size: 0.62rem;
+          color: #a09070;
+          text-align: center;
+          font-style: italic;
+          padding: 1px 0 0;
+          border-top: 1px solid rgba(255,255,255,0.06);
+          margin-top: 1px;
+        }
       }
     }
   }
 
+
   // Sheet navigation tabs
   // SURCHARGE: simple-converted.less définit flex: 0
   .sheet-tabs {
diff --git a/less/simple-converted.less b/less/simple-converted.less
index 511ad68..a80fa98 100644
--- a/less/simple-converted.less
+++ b/less/simple-converted.less
@@ -265,12 +265,11 @@
   }
 
   .fvtt-mournblade-cyd-2-0 .sheet-header .profile-img {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 80px;
-    flex: 0 0 80px;
-    height: 80px;
-    width: 80px;
-    margin-right: 10px;
+    /* Overridden by actor-styles.less .header-banner .profile-img (90px) */
+    flex: 0 0 90px;
+    height: 90px;
+    width: 90px;
+    margin-right: 0;
     object-fit: cover;
     object-position: 50% 0;
     cursor: pointer;
diff --git a/styles/mournblade-cyd2.css b/styles/mournblade-cyd2.css
index e44349a..8f9e37b 100644
--- a/styles/mournblade-cyd2.css
+++ b/styles/mournblade-cyd2.css
@@ -222,12 +222,11 @@ table {
   margin-bottom: 10px;
 }
 .fvtt-mournblade-cyd-2-0 .sheet-header .profile-img {
-  -webkit-box-flex: 0;
-  -ms-flex: 0 0 80px;
-  flex: 0 0 80px;
-  height: 80px;
-  width: 80px;
-  margin-right: 10px;
+  /* Overridden by actor-styles.less .header-banner .profile-img (90px) */
+  flex: 0 0 90px;
+  height: 90px;
+  width: 90px;
+  margin-right: 0;
   object-fit: cover;
   object-position: 50% 0;
   cursor: pointer;
@@ -2407,169 +2406,244 @@ li {
 }
 .fvtt-mournblade-cyd-2-0.actor .sheet-header {
   background: url("../assets/ui/pc_sheet_bg.webp") repeat;
-  padding: 0.5rem;
+  padding: 0.4rem 0.5rem;
   margin: 0;
   flex: 0 0 auto !important;
   overflow: visible !important;
 }
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .background-sheet-header {
-  background: transparent;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-main-content {
-  flex: 1;
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-banner {
   display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stats-grid {
-  display: grid;
-  grid-template-columns: 2fr 1fr 1fr;
-  gap: 0.75rem;
-  padding: 0.5rem;
-  background: rgba(0, 0, 0, 0.15);
-  border: 2px solid rgba(139, 69, 19, 0.5);
-  border-radius: 4px;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .stat-group {
-  display: flex;
-  flex-direction: column;
-  gap: 0.3rem;
-  padding: 0.35rem 0.6rem;
-  background: rgba(0, 0, 0, 0.2);
-  border: 1px solid rgba(139, 69, 19, 0.4);
-  border-radius: 3px;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .stat-group.stat-group-health {
-  border-left: 3px solid rgba(200, 0, 0, 0.6);
-  background: rgba(40, 0, 0, 0.15);
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .stat-title {
-  font-size: 0.75rem;
-  font-weight: bold;
-  color: #f5e6d3;
-  margin: 0;
-  padding: 0 0 0.3rem 0;
-  border-bottom: 1px solid rgba(139, 69, 19, 0.5);
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  font-family: "CentaurMT", serif;
-  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .stat-values {
-  display: flex;
-  flex-direction: row;
-  gap: 0.5rem;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .stat-item {
-  display: flex;
-  flex-direction: column;
-  gap: 0.2rem;
   align-items: center;
+  gap: 0.75rem;
+  margin-bottom: 0.4rem;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-banner .profile-img {
+  flex: 0 0 90px;
+  width: 90px;
+  height: 90px;
+  object-fit: cover;
+  object-position: 50% 0;
+  border: 2px solid rgba(180, 130, 30, 0.8);
+  border-radius: 4px;
+  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6), inset 0 0 4px rgba(180, 130, 30, 0.2);
+  cursor: pointer;
+  transition: border-color 0.2s, box-shadow 0.2s;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-banner .profile-img:hover {
+  border-color: #ffd700;
+  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.7), 0 0 6px rgba(255, 215, 0, 0.4);
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-banner .charname {
   flex: 1;
-  min-width: 0;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .stat-label {
-  font-size: 0.7rem;
-  color: #d4c5b0;
   margin: 0;
-  font-weight: 600;
-  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
+  padding: 0;
+  font-family: "CentaurMT", "Charlemagne Std", serif;
+  font-size: 1.8rem;
+  line-height: 1;
 }
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .stat-value {
-  font-size: 0.85rem;
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-banner .charname input[type="text"] {
+  font-family: inherit;
+  font-size: inherit;
   font-weight: bold;
-  color: #fff;
-  padding: 0.25rem 0.5rem;
-  background: rgba(0, 0, 0, 0.4);
-  border: 1px solid rgba(139, 69, 19, 0.6);
-  border-radius: 3px;
-  min-width: 2.5rem;
-  text-align: center;
-  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
-  width: 100%;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .stat-input {
-  font-size: 0.8rem;
-  font-weight: 600;
-  padding: 0.25rem 0.4rem;
-  background: rgba(40, 30, 20, 0.7);
-  border: 1px solid rgba(139, 69, 19, 0.7);
-  color: #fff;
-  border-radius: 3px;
-  text-align: center;
-  min-width: 2.5rem;
-  max-width: 100%;
-  width: 100%;
-  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .stat-input.stat-input-single {
-  min-width: 3.5rem;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .stat-input.stat-input-damage {
-  border-color: rgba(200, 0, 0, 0.8);
-  background: rgba(80, 0, 0, 0.5);
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .stat-input:hover {
-  background: rgba(60, 45, 30, 0.8);
-  border-color: rgba(255, 102, 0, 0.6);
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .stat-input:focus {
-  outline: none;
-  border-color: #ff6600;
-  box-shadow: 0 0 6px rgba(255, 102, 0, 0.5), inset 0 1px 3px rgba(0, 0, 0, 0.3);
-  background: rgba(70, 50, 35, 0.9);
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-fields .item.flexrow {
-  flex-wrap: nowrap !important;
-  align-items: center !important;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-fields .item.flexrow h4 {
-  margin: 0 !important;
-  padding-top: 0 !important;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-fields h4.item-name-label.competence-name,
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-fields .item-name-label.competence-name,
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-fields label.item-name-label.competence-name {
-  color: #1a1008 !important;
-  text-shadow: none !important;
-  font-weight: bold !important;
-  background: none !important;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-fields h4.item-name-label.competence-name {
-  font-size: 0.75rem;
-  padding-top: 3px;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-fields .item-name-label.competence-name {
-  font-size: 0.75rem;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-fields label.item-name-label.competence-name {
-  font-size: 0.7rem;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-fields .item-field-label-short {
-  font-size: 0.8rem;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-fields .status-small-label {
-  font-size: 0.8rem;
-}
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .sheet-mode-toggle {
+  color: #f5e0c0;
   background: transparent;
   border: none;
-  color: #fff;
-  padding: 2px 6px;
-  cursor: pointer;
-  font-size: 0.75rem;
-  transition: all 0.2s ease;
-  margin-left: 8px;
-  height: auto;
-  line-height: 1.2;
-  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
+  border-bottom: 1px solid rgba(180, 130, 30, 0.4);
+  width: 100%;
+  padding: 0 0 2px 0;
+  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
+  letter-spacing: 1px;
 }
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .sheet-mode-toggle:hover {
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-banner .charname input[type="text"]:focus {
+  outline: none;
+  border-bottom-color: #ffd700;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-banner .sheet-mode-toggle {
+  flex: 0 0 auto;
+  background: rgba(0, 0, 0, 0.3);
+  border: 1px solid rgba(180, 130, 30, 0.5);
+  border-radius: 3px;
+  color: rgba(245, 224, 192, 0.7);
+  padding: 4px 8px;
+  cursor: pointer;
+  font-size: 0.9rem;
+  line-height: 1;
+  transition: all 0.2s ease;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-banner .sheet-mode-toggle:hover {
   color: #ffd700;
-  text-shadow: 0 0 8px rgba(255, 215, 0, 0.8);
+  border-color: #ffd700;
+  box-shadow: 0 0 6px rgba(255, 215, 0, 0.4);
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards {
+  display: flex;
+  flex-direction: row;
+  gap: 5px;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  background: rgba(8, 4, 0, 0.55);
+  border: 1px solid rgba(120, 75, 20, 0.5);
+  border-top: 3px solid rgba(120, 75, 20, 0.7);
+  border-radius: 3px;
+  overflow: visible;
+  transition: box-shadow 0.2s;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card.dominant {
+  box-shadow: 0 0 10px rgba(255, 200, 30, 0.35);
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card.card-loi {
+  border-top-color: #b89020;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card.card-loi .stat-card-title {
+  background: rgba(90, 65, 0, 0.6);
+  color: #ffe090;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card.card-loi.dominant {
+  border-top-color: #ffd700;
+  box-shadow: 0 0 12px rgba(255, 215, 0, 0.4);
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card.card-chaos {
+  border-top-color: #8b1010;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card.card-chaos .stat-card-title {
+  background: rgba(70, 0, 0, 0.6);
+  color: #ffb0b0;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card.card-chaos.dominant {
+  border-top-color: #cc2020;
+  box-shadow: 0 0 12px rgba(200, 30, 30, 0.4);
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card.card-ba {
+  border-top-color: #2a7a2a;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card.card-ba .stat-card-title {
+  background: rgba(0, 45, 0, 0.6);
+  color: #a0e8a0;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card.card-vigueur {
+  border-top-color: #7a2222;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card.card-vigueur .stat-card-title {
+  background: rgba(50, 10, 10, 0.6);
+  color: #ffb8b8;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card.card-ame {
+  border-top-color: #224480;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card.card-ame .stat-card-title {
+  background: rgba(10, 20, 55, 0.6);
+  color: #a0c0ff;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-card-title {
+  font-size: 0.68rem;
+  font-weight: bold;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  padding: 3px 5px;
+  text-align: center;
+  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-card-title .stat-sub {
+  font-size: 0.6rem;
+  opacity: 0.75;
+  font-style: italic;
+  text-transform: none;
+  letter-spacing: 0;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-card-content {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 4px 4px 3px;
+  flex: 1;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  min-height: 20px;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field label {
+  font-size: 0.6rem;
+  font-weight: 700;
+  color: #b0a090;
+  text-transform: uppercase;
+  white-space: nowrap;
+  min-width: 26px;
+  margin: 0;
+  padding: 0;
+  line-height: 1;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"],
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select {
+  flex: 1;
+  min-width: 0;
+  height: 20px;
+  font-size: 0.72rem;
+  font-weight: 600;
+  padding: 0 3px;
+  background: rgba(35, 20, 5, 0.85);
+  border: 1px solid rgba(120, 75, 20, 0.55);
+  border-radius: 2px;
+  color: #f0dfc0;
+  text-align: center;
+  text-shadow: none;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:hover,
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:hover {
+  border-color: rgba(200, 150, 40, 0.7);
+  background: rgba(50, 30, 10, 0.9);
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:focus,
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:focus {
+  outline: none;
+  border-color: #ffd700;
+  box-shadow: 0 0 4px rgba(255, 215, 0, 0.3);
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:disabled,
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:disabled {
+  opacity: 0.6;
+  cursor: default;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select {
+  appearance: none;
+  -webkit-appearance: none;
+  padding-right: 14px;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23b09060' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 3px center;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field.stat-field-center {
+  justify-content: center;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-big-value {
+  display: block;
+  font-size: 1.6rem;
+  font-weight: 900;
+  font-family: "Signika", "Arial Narrow", "Arial", sans-serif;
+  font-variant-numeric: lining-nums tabular-nums;
+  color: #f5e0c0;
+  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9);
+  text-align: center;
+  line-height: 1.1;
+  letter-spacing: 2px;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-derived {
+  font-size: 0.62rem;
+  color: #a09070;
+  text-align: center;
+  font-style: italic;
+  padding: 1px 0 0;
+  border-top: 1px solid rgba(255, 255, 255, 0.06);
+  margin-top: 1px;
 }
 .fvtt-mournblade-cyd-2-0.actor .sheet-tabs {
   margin: 0;
diff --git a/templates/actor-sheet.hbs b/templates/actor-sheet.hbs
index a8bed8d..05cd603 100644
--- a/templates/actor-sheet.hbs
+++ b/templates/actor-sheet.hbs
@@ -2,88 +2,112 @@
 
   {{!-- Sheet Header --}}
   <header class="sheet-header">
-    <div class="header-fields background-sheet-header">
-      <div class="flexrow">
-        <img class="profile-img" src="{{actor.img}}" data-action="editImage" title="{{actor.name}}" />
-        <div class="flexcol">
-          <h1 class="charname"><input name="name" type="text" value="{{actor.name}}" placeholder="Name" /></h1>
-          <div class="flexrow">
 
-            <ul class="item-list alternate-list">
+    {{!-- Bannière : image + nom + bouton --}}
+    <div class="header-banner">
+      <img class="profile-img" src="{{actor.img}}" data-action="editImage" title="{{actor.name}}" />
+      <h1 class="charname"><input name="name" type="text" value="{{actor.name}}" placeholder="Nom du personnage" /></h1>
+      <button type="button" class="sheet-mode-toggle" data-action="toggleSheet"
+        data-tooltip="{{#if isEditMode}}Mode Visualisation{{else}}Mode Édition{{/if}}">
+        <i class="{{#if isEditMode}}fas fa-eye{{else}}fas fa-edit{{/if}}"></i>
+      </button>
+    </div>
 
-              <li class="item flexrow ">
-                <h4 class="item-name-label competence-name item-field-label-short" {{#if (gt system.balance.loi system.balance.chaos)}}style="color: red;"{{/if}}>Loi</h4>
-                <label class="item-name-label competence-name item-field-label-short">Niveau</label>
-                <input type="text" class="padd-right status-small-label color-class-common item-field-label-short"
-                  name="system.balance.loi" value="{{system.balance.loi}}" data-dtype="Number" />
-                <label class="item-name-label competence-name item-field-label-short">Points</label>
-                <select class="status-small-label color-class-common item-field-label-short" type="text"
-                  name="system.balance.pointsloi" value="{{system.balance.pointsloi}}" data-dtype="Number">
-                  {{selectOptions config.listeNiveauSkill selected=system.balance.pointsloi}}
-                </select>
-                <label class="item-name-label competence-name item-field-label-medium">Aspect {{system.balance.aspect}}</label>
-              </li>
+    {{!-- Cartes de statistiques --}}
+    <div class="header-stat-cards">
 
-              <li class="item flexrow ">
-                <h4 class="item-name-label competence-name item-field-label-short" {{#if (gt system.balance.chaos system.balance.loi)}}style="color: red;"{{/if}}>Chaos</h4>
-                <label class="item-name-label competence-name item-field-label-short">Niveau</label>
-                <input type="text" class="padd-right status-small-label color-class-common item-field-label-short"
-                  name="system.balance.chaos" value="{{system.balance.chaos}}" data-dtype="Number" />
-                <label class="item-name-label competence-name item-field-label-short">Points</label>
-                <select class="status-small-label color-class-common item-field-label-short" type="text"
-                  name="system.balance.pointschaos" value="{{system.balance.pointschaos}}" data-dtype="Number">
-                  {{selectOptions config.listeNiveauSkill selected=system.balance.pointschaos}}
-                </select>
-                <label class="item-name-label competence-name item-field-label-medium">Marge {{system.balance.marge}}</label>
-              </li>
+      {{!-- LOI --}}
+      <div class="stat-card card-loi{{#if (gt system.balance.loi system.balance.chaos)}} dominant{{/if}}">
+        <div class="stat-card-title">⚖ Loi</div>
+        <div class="stat-card-content">
+          <div class="stat-field">
+            <label>Niv.</label>
+            <input type="text" name="system.balance.loi" value="{{system.balance.loi}}" data-dtype="Number" />
+          </div>
+          <div class="stat-field">
+            <label>Pts</label>
+            <select name="system.balance.pointsloi">
+              {{selectOptions config.listeNiveauSkill selected=system.balance.pointsloi}}
+            </select>
+          </div>
+          <div class="stat-derived">Aspect : {{system.balance.aspect}}</div>
+        </div>
+      </div>
 
-              <li class="item flexrow ">
-                <h4 class="item-name-label competence-name item-field-label-short" data-tooltip="Bonne Aventure">BA</h4>
-                <label class="item-name-label competence-name item-field-label-short">Base</label>
-                <input type="text" class="padd-right status-small-label color-class-common item-field-label-short"
-                  name="system.bonneaventure.base" value="{{system.bonneaventure.base}}" data-dtype="Number" />
-                <label class="item-name-label competence-name item-field-label-short">Actuelle</label>
-                <input type="text" class="padd-right status-small-label color-class-common item-field-label-short"
-                  name="system.bonneaventure.actuelle" value="{{system.bonneaventure.actuelle}}" data-dtype="Number" />
-                  <h4 class="item-name-label competence-name item-field-label-short">Eclat</h4>
-                <input type="text" class="padd-right status-small-label color-class-common item-field-label-short"
-                  name="system.eclat.value" value="{{system.eclat.value}}" data-dtype="Number" />
-              </li>
+      {{!-- CHAOS --}}
+      <div class="stat-card card-chaos{{#if (gt system.balance.chaos system.balance.loi)}} dominant{{/if}}">
+        <div class="stat-card-title">☯ Chaos</div>
+        <div class="stat-card-content">
+          <div class="stat-field">
+            <label>Niv.</label>
+            <input type="text" name="system.balance.chaos" value="{{system.balance.chaos}}" data-dtype="Number" />
+          </div>
+          <div class="stat-field">
+            <label>Pts</label>
+            <select name="system.balance.pointschaos">
+              {{selectOptions config.listeNiveauSkill selected=system.balance.pointschaos}}
+            </select>
+          </div>
+          <div class="stat-derived">Marge : {{system.balance.marge}}</div>
+        </div>
+      </div>
 
-                <li class="item flexrow">
-                  <h4 class="item-name-label competence-name item-field-label-short">Vigueur</h4>
-                  <input disabled class="padd-right status-small-label color-class-common item-field-label-short"
-                    type="text" name="system.sante.vigueur" value="{{system.sante.vigueur}}" data-dtype="Number" />
-                  <h4 class="item-name-label competence-name item-field-label-short">Etat</h4>
-                  <select class="liste-etat status-small-label color-class-common item-field-label-medium" type="text" name="system.sante.etat"
-                    value="{{system.sante.etat}}" data-dtype="Number">
-                    {{selectOptions combativiteList selected=system.sante.etat valueAttr="value" nameAttr="value" labelAttr="label"}}
-                  </select>
-                </li>
-
-                <li class="item flexrow">
-                  <h4 class="item-name-label competence-name item-field-label-short" data-tooltip="Seuil de Pouvoir">Pouvoir</h4>
-                  <input disabled class="padd-right status-small-label color-class-common item-field-label-short"
-                    type="text" name="system.ame.seuilpouvoir" value="{{system.ame.seuilpouvoir}}" data-dtype="Number" />
-                  <h4 class="item-name-label competence-name item-field-label-short">Âme</h4>
-                  <select class="liste-etat status-small-label color-class-common item-field-label-medium" type="text" name="system.ame.etat"
-                    value="{{system.ame.etat}}" data-dtype="Number">
-                    {{selectOptions ameList selected=system.ame.etat valueAttr="value" nameAttr="value" labelAttr="label"}}
-                  </select>
-                  <h4 class="item-name-label competence-name item-field-label-short">Max</h4>
-                  <select class="liste-etat status-small-label color-class-common item-field-label-short" type="text" name="system.ame.max"
-                    value="{{system.ame.max}}" data-dtype="Number">
-                    {{selectOptions ameMaxList selected=system.ame.max valueAttr="value" nameAttr="value" labelAttr="label"}}
-                  </select>
-                  <button type="button" class="sheet-mode-toggle" data-action="toggleSheet" data-tooltip="{{#if isEditMode}}Mode Visualisation{{else}}Mode Édition{{/if}}">
-                    <i class="{{#if isEditMode}}fas fa-eye{{else}}fas fa-edit{{/if}}"></i>
-                  </button>
-                </li>
-
-            </ul>
+      {{!-- BONNE AVENTURE --}}
+      <div class="stat-card card-ba">
+        <div class="stat-card-title">★ Bonne Aventure</div>
+        <div class="stat-card-content">
+          <div class="stat-field">
+            <label>Base</label>
+            <input type="text" name="system.bonneaventure.base" value="{{system.bonneaventure.base}}" data-dtype="Number" />
+          </div>
+          <div class="stat-field">
+            <label>Act.</label>
+            <input type="text" name="system.bonneaventure.actuelle" value="{{system.bonneaventure.actuelle}}" data-dtype="Number" />
+          </div>
+          <div class="stat-field">
+            <label>Éclat</label>
+            <input type="text" name="system.eclat.value" value="{{system.eclat.value}}" data-dtype="Number" />
           </div>
         </div>
       </div>
+
+      {{!-- VIGUEUR --}}
+      <div class="stat-card card-vigueur">
+        <div class="stat-card-title">♥ Vigueur</div>
+        <div class="stat-card-content">
+          <div class="stat-field stat-field-center">
+            <span class="stat-big-value">{{system.sante.vigueur}}</span>
+          </div>
+          <div class="stat-field">
+            <label>État</label>
+            <select name="system.sante.etat">
+              {{selectOptions combativiteList selected=system.sante.etat valueAttr="value" nameAttr="value" labelAttr="label"}}
+            </select>
+          </div>
+        </div>
+      </div>
+
+      {{!-- ÂME --}}
+      <div class="stat-card card-ame">
+        <div class="stat-card-title">✦ Âme <span class="stat-sub">(Seuil {{system.ame.seuilpouvoir}})</span></div>
+        <div class="stat-card-content">
+          <div class="stat-field">
+            <label>État</label>
+            <select name="system.ame.etat">
+              {{selectOptions ameList selected=system.ame.etat valueAttr="value" nameAttr="value" labelAttr="label"}}
+            </select>
+          </div>
+          <div class="stat-field">
+            <label>Max</label>
+            <select name="system.ame.max">
+              {{selectOptions ameMaxList selected=system.ame.max valueAttr="value" nameAttr="value" labelAttr="label"}}
+            </select>
+          </div>
+        </div>
+      </div>
+
+    </div>
+
   </header>
 
   {{!-- Sheet Tab Navigation --}}