1  .combat-progress {
 2      width: 100%;
 3      height: 0.75rem;
 4      overflow: hidden;
 5      border-radius: 999px;
 6      background: rgba(255, 255, 255, 0.12);
 7      border: 1px solid rgba(255, 255, 255, 0.14);
 8      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
 9  }
10  
11  .combat-progress__fill {
12      height: 100%;
13      min-width: 0;
14      border-radius: inherit;
15      transition: width 0.2s ease-out;
16  }
17  
18  .combat-progress__fill--health {
19      background: linear-gradient(90deg, #df4c4c 0%, #f87171 100%);
20  }
21  
22  .combat-progress__fill--stamina {
23      background: linear-gradient(90deg, #2eb872 0%, #6ee7b7 100%);
24  }
25  
26  .combat-progress__fill--ammo {
27      background: linear-gradient(90deg, #d9911b 0%, #fbbf24 100%);
28  }
29  
30  .combat-progress__fill--enemy {
31      background: linear-gradient(90deg, #8b5cf6 0%, #c084fc 100%);
32  }