add lebenspunkte

src/main.css

@@ -1,6 +1,8 @@
-.DSA41 {
-    font-size: 14px;
+html {
+    font-size: 16px !important;
+}
 
+.DSA41 {
     /* Change from FoundryVTT's default of 'none' to 'auto' to allow checkboxes in the nav bar */
     & .tabs > [data-tab] > * {
         pointer-events: auto;
@@ -180,6 +182,51 @@
         &.die-fernkampf-trefferpunkte { fill: #a2a0ee; }
     }
 
+    
+    & .bar {
+        --bar-percentage: 100%;
+        --bar-color-left:  #951a84;
+        --bar-color-right: #cd22b6;
+
+        position: relative;
+        overflow: hidden;
+
+        margin: 1em;
+
+        border: 1px solid #9f9275;
+        border-radius: 5px;
+        
+        text-align: center;
+
+        &::before {
+            position: absolute;
+            z-index: -1;
+            left:     0;
+            
+            width:  var(--bar-percentage);
+            height: 100%;
+
+            content: "";
+            background: linear-gradient(90deg, var(--bar-color-left) 0%, var(--bar-color-right) 100%);
+        }
+
+        & .editable-input, & span {
+            display: inline-block;
+            width:   4ch;
+
+            & input {
+                background: transparent;
+                padding: 0;
+            }
+        }
+
+        &.hp {
+            --bar-color-left:  #401f25;
+            --bar-color-right: #861212;
+        }
+    }
+
+
     & .tabs {
         padding:       .5rem;
         margin-top:    .5rem;