Add mana+AP reset buttons and conditions

2026-03-10 17:56:13 +01:00
parent 7944345c82
commit bf9ad37d24
16 changed files with 668 additions and 2 deletions
@@ -548,3 +548,90 @@
  }
 }
 }
+
+
+// New round message
+.new-round-message {
+  .chat-title .new-round-label {
+    font-size: var(--font-size-11);
+    font-style: italic;
+    color: #8a7a5a;
+    margin-top: 1px;
+  }
+
+  .new-round-actors {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 6px;
+    padding: 6px 0 2px;
+
+    .new-round-restore-btn {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      width: calc(50% - 3px);
+      padding: 4px 8px 4px 6px;
+      border: 1px solid #7a6a45;
+      border-radius: 4px;
+      background: linear-gradient(135deg, #f5e6c8 0%, #e8d5a0 100%);
+      cursor: pointer;
+      font-size: var(--font-size-13);
+      color: #3a2e1a;
+      overflow: hidden;
+
+      span {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        min-width: 0;
+      }
+
+      img {
+        flex-shrink: 0;
+        width: 24px;
+        height: 24px;
+        border: none;
+        border-radius: 3px;
+        object-fit: cover;
+      }
+
+      &:hover:not(:disabled) {
+        background: linear-gradient(135deg, #fdf3dc 0%, #f0e0b0 100%);
+        border-color: #a08040;
+      }
+
+      &:disabled,
+      &.restored {
+        opacity: 0.45;
+        cursor: default;
+      }
+    }
+
+    .new-round-all-btn {
+      width: 100%;
+      background: linear-gradient(135deg, #c8dff5 0%, #a0c0e8 100%);
+      border-color: #4a6a8a;
+      color: #1a2e3a;
+      font-weight: bold;
+
+      &:hover:not(:disabled) {
+        background: linear-gradient(135deg, #dcedfc 0%, #b0d0f0 100%);
+        border-color: #3a5a7a;
+      }
+    }
+  }
+}
+
+// Token HUD — separator between Afflictions and Imbuements
+.palette.status-effects {
+  .status-separator {
+    grid-column: 1 / -1;
+    width: 100%;
+    height: 2px;
+    border: none;
+    border-top: 2px solid rgba(255, 255, 255, 0.35);
+    margin: 5px 0;
+    position: relative;
+  }
+}