Various fixes and add rune support

less/actor-sheet.less

@@ -189,6 +189,25 @@
               &:hover { color: @color-dark; }
             }
           }
+
+          .grit-stepper {
+            display: flex;
+            align-items: center;
+            gap: 1px;
+          }
+          .grit-btn {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            width: 1.2rem;
+            height: 1.4rem;
+            font-size: @font-size-sm;
+            font-weight: bold;
+            color: @color-olive;
+            cursor: pointer;
+            line-height: 1;
+            &:hover { color: @color-dark; }
+          }
         }
 
         .resource-label {

less/item-sheets.less

@@ -134,7 +134,115 @@
     }
   }
 
-  // ── Class proficiency checkboxes ────────────────────────────
+  // ── Rune zone ──────────────────────────────────────────────────
+  .rune-zone {
+    margin-top: 6px;
+    border-color: @color-blue;
+
+    legend {
+      color: @color-blue;
+      i { margin-right: 4px; }
+    }
+
+    .rune-list {
+      list-style: none;
+      margin: 0 0 6px;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    .rune-entry {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 3px 6px;
+      border-radius: 3px;
+      background: rgba(0,0,0,0.06);
+      border: 1px solid @color-olive;
+
+      &.rune-exalted {
+        border-color: @color-blue;
+        background: fade(@color-blue, 8%);
+      }
+
+      .rune-img {
+        width: 24px;
+        height: 24px;
+        border-radius: 3px;
+        border: 1px solid @color-olive;
+        object-fit: cover;
+        flex-shrink: 0;
+      }
+
+      .rune-name {
+        flex: 1;
+        font-family: @font-secondary;
+        font-size: @font-size-base;
+        font-weight: bold;
+        color: @color-dark;
+        min-width: 0;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .rune-badge-exalted {
+        color: @color-blue;
+        font-size: @font-size-sm;
+        font-weight: bold;
+        flex-shrink: 0;
+      }
+
+      .rune-dv {
+        font-family: @font-secondary;
+        font-size: @font-size-xs;
+        color: @color-olive;
+        flex-shrink: 0;
+        white-space: nowrap;
+      }
+
+      .rune-duration {
+        font-family: @font-body;
+        font-size: @font-size-xs;
+        color: @color-dark;
+        opacity: 0.7;
+        flex-shrink: 0;
+        white-space: nowrap;
+      }
+
+      .rune-effect-toggle {
+        color: @color-olive;
+        flex-shrink: 0;
+        &:hover { color: @color-blue; }
+      }
+
+      .rune-remove {
+        color: @color-dark;
+        opacity: 0.4;
+        flex-shrink: 0;
+        margin-left: auto;
+        &:hover { color: #c0392b; opacity: 1; }
+      }
+    }
+
+    .rune-drop-zone {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 6px;
+      padding: 6px 8px;
+      border: 1px dashed @color-olive;
+      border-radius: 3px;
+      color: @color-olive;
+      font-family: @font-secondary;
+      font-size: @font-size-sm;
+      font-style: italic;
+      opacity: 0.7;
+      pointer-events: none;
+    }
+  }
   .proficiency-section {
     display: flex;
     gap: 8px;

less/party-sheet.less

@@ -161,6 +161,21 @@
       font-family: @font-secondary;
       font-size: @font-size-sm;
     }
+    .party-renown-label {
+      font-weight: bold;
+      color: @color-olive;
+      margin-left: 0.8rem;
+      margin-right: 0.3rem;
+      text-transform: uppercase;
+      font-size: @font-size-xs;
+      letter-spacing: 0.04em;
+    }
+    .party-renown-value {
+      width: 3.5rem;
+      text-align: center;
+      font-family: @font-secondary;
+      font-size: @font-size-sm;
+    }
   }
 }