fix: remove excessive vertical padding from level value on mobile

- Changed .rpg-level-value padding from clamp(1px, 0.2vh, 2px) 0.375em to 0 0.375em
- Added mobile-specific override to prevent level value from inheriting large touch-friendly padding
- Level value now stays compact and properly aligned on mobile (no min-height, no vertical padding)
- Fixes misalignment and unwanted vertical space below level value

style.css

@@ -744,7 +744,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     font-size: 1em;
     font-weight: 700;
     color: var(--rpg-highlight-color);
-    padding: clamp(1px, 0.2vh, 2px) 0.375em;
+    padding: 0 0.375em;
     background: var(--rpg-accent-color);
     border-radius: clamp(2px, 0.3vh, 3px);
     border: 1px solid var(--rpg-highlight-color);
@@ -4139,6 +4139,13 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
         min-height: 2.75rem;
     }
 
+    /* Exception: Level value should stay compact */
+    .rpg-level-value.rpg-editable {
+        padding: 0 0.375em;
+        min-height: auto;
+        line-height: 1.2;
+    }
+
     /* Larger close buttons */
     .rpg-thought-close {
         min-width: 2.75rem;