Template:Abilities: Difference between revisions

Browse history interactively

VisualWikitext

Latest revision as of 22:48, 21 February 2026

Strength

Dexterity

Constitution

Intelligence

Wisdom

Charisma

Luck

No description.

Template parameters[Edit template data]
Parameter		Description	Type	Status
Str	`Str`	no description	Unknown	optional
Dex	`Dex`	no description	Unknown	optional
Con	`Con`	no description	Unknown	optional
Int	`Int`	no description	Unknown	optional
Wis	`Wis`	no description	Unknown	optional
Lck	`Lck`	no description	Unknown	optional
Cha	`Cha`	no description	Unknown	optional

@@ Line 1: / Line 1: @@
-<div class="" style="display: flex; flex-direction: column; float: right; overflow: hidden; text-align: center; margin-left: auto; margin-right: auto; width: 16.5rem;">
+<div class="" style="display: flex; flex-direction: column; float: right; overflow: hidden; text-align: center; margin-left: auto; margin-right: auto; width: 100%;">
 <div class="" style=" background: var(--color-surface-2); float: right; display: flex;">
-<div class="" style="width: 40%; display: inline-block; font-family: 'ITC Avant Garde Std Book Condensed'; font-size: 0.85em; font-weight: bold;">
+<div class="" style="width: 40%; display: flex; font-family: 'ITC Avant Garde Std Medium Condensed'; font-size: 0.825em; text-transform: uppercase; align-items: center;">
-<p style="margin: 0; padding: 5px 10px;">Force Power</p>
+<p style="width: 100%; margin: 0; padding: 5px 10px;">Strength</p>
 </div>
-<div class="" style="background-color: {{ #ifexpr: {{{For|0}}} < 1 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Str|0}}} < 1 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{For|0}}} < 2 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Str|0}}} < 2 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{For|0}}} < 3 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Str|0}}} < 3 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{For|0}}} < 4 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Str|0}}} < 4 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{For|0}}} < 5 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Str|0}}} < 5 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{For|0}}} < 6 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Str|0}}} < 6 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{For|0}}} < 7 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Str|0}}} < 7 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{For|0}}} < 8 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Str|0}}} < 8 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{For|0}}} < 9 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Str|0}}} < 9 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{For|0}}} < 10 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Str|0}}} < 10 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
 </div>
 <div class="" style=" background: var(--color-surface-2); float: right; display: flex;">
-<div class="" style="width: 40%; display: inline-block; font-family: 'ITC Avant Garde Std Book Condensed'; font-size: 0.85em; font-weight: bold;">
+<div class="" style="width: 40%; display: flex; font-family: 'ITC Avant Garde Std Medium Condensed'; font-size: 0.825em; text-transform: uppercase; align-items: center;">
-<p style="margin: 0; padding: 5px 10px;">Piloting</p>
+<p style="width: 100%; margin: 0; padding: 5px 10px;">Dexterity</p>
 </div>
-<div class="" style="background-color: {{ #ifexpr: {{{Plt|0}}} < 1 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Dex|0}}} < 1 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Plt|0}}} < 2 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Dex|0}}} < 2 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Plt|0}}} < 3 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Dex|0}}} < 3 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Plt|0}}} < 4 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Dex|0}}} < 4 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Plt|0}}} < 5 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Dex|0}}} < 5 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Plt|0}}} < 6 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Dex|0}}} < 6 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Plt|0}}} < 7 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Dex|0}}} < 7 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Plt|0}}} < 8 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Dex|0}}} < 8 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Plt|0}}} < 9 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Dex|0}}} < 9 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Plt|0}}} < 10 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Dex|0}}} < 10 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
 </div>
 <div class="" style=" background: var(--color-surface-2); float: right; display: flex;">
-<div class="" style="width: 40%; display: inline-block; font-family: 'ITC Avant Garde Std Book Condensed'; font-size: 0.85em; font-weight: bold;">
+<div class="" style="width: 40%; display: flex; font-family: 'ITC Avant Garde Std Medium Condensed'; font-size: 0.825em; text-transform: uppercase; align-items: center;">
-<p style="margin: 0; padding: 5px 10px;">Diplomacy</p>
+<p style="width: 100%; margin: 0; padding: 5px 10px;">Constitution</p>
 </div>
-<div class="" style="background-color: {{ #ifexpr: {{{Dip|0}}} < 1 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Con|0}}} < 1 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Dip|0}}} < 2 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Con|0}}} < 2 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Dip|0}}} < 3 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Con|0}}} < 3 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Dip|0}}} < 4 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Con|0}}} < 4 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Dip|0}}} < 5 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Con|0}}} < 5 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Dip|0}}} < 6 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Con|0}}} < 6 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Dip|0}}} < 7 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Con|0}}} < 7 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Dip|0}}} < 8 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Con|0}}} < 8 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Dip|0}}} < 9 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Con|0}}} < 9 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Dip|0}}} < 10 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Con|0}}} < 10 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
 </div>
 <div class="" style=" background: var(--color-surface-2); float: right; display: flex;">
-<div class="" style="width: 40%; display: inline-block; font-family: 'ITC Avant Garde Std Book Condensed'; font-size: 0.85em; font-weight: bold;">
+<div class="" style="width: 40%; display: flex; font-family: 'ITC Avant Garde Std Medium Condensed'; font-size: 0.825em; text-transform: uppercase; align-items: center;">
-<p style="margin: 0; padding: 5px 10px;">Technical</p>
+<p style="width: 100%; margin: 0; padding: 5px 10px;">Intelligence</p>
 </div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tec|0}}} < 1 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Int|0}}} < 1 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tec|0}}} < 2 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Int|0}}} < 2 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tec|0}}} < 3 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Int|0}}} < 3 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tec|0}}} < 4 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Int|0}}} < 4 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tec|0}}} < 5 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Int|0}}} < 5 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tec|0}}} < 6 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Int|0}}} < 6 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tec|0}}} < 7 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Int|0}}} < 7 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tec|0}}} < 8 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Int|0}}} < 8 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tec|0}}} < 9 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Int|0}}} < 9 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tec|0}}} < 10 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Int|0}}} < 10 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
 </div>
 <div class="" style=" background: var(--color-surface-2); float: right; display: flex;">
-<div class="" style="width: 40%; display: inline-block; font-family: 'ITC Avant Garde Std Book Condensed'; font-size: 0.85em; font-weight: bold;">
+<div class="" style="width: 40%; display: flex; font-family: 'ITC Avant Garde Std Medium Condensed'; font-size: 0.825em; text-transform: uppercase; align-items: center;">
-<p style="margin: 0; padding: 5px 10px;">Tactics</p>
+<p style="width: 100%; margin: 0; padding: 5px 10px;">Wisdom</p>
 </div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tac|0}}} < 1 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Wis|0}}} < 1 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tac|0}}} < 2 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Wis|0}}} < 2 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tac|0}}} < 3 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Wis|0}}} < 3 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tac|0}}} < 4 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Wis|0}}} < 4 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tac|0}}} < 5 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Wis|0}}} < 5 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tac|0}}} < 6 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Wis|0}}} < 6 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tac|0}}} < 7 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Wis|0}}} < 7 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tac|0}}} < 8 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Wis|0}}} < 8 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tac|0}}} < 9 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Wis|0}}} < 9 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Tac|0}}} < 10 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Wis|0}}} < 10 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
 </div>
 <div class="" style=" background: var(--color-surface-2); float: right; display: flex;">
-<div class="" style="width: 40%; display: inline-block; font-family: 'ITC Avant Garde Std Book Condensed'; font-size: 0.85em; font-weight: bold;">
+<div class="" style="width: 40%; display: flex; font-family: 'ITC Avant Garde Std Medium Condensed'; font-size: 0.825em; text-transform: uppercase; align-items: center;">
-<p style="margin: 0; padding: 5px 10px;">Fighting</p>
+<p style="width: 100%; margin: 0; padding: 5px 10px;">Charisma</p>
 </div>
-<div class="" style="background-color: {{ #ifexpr: {{{Fgt|0}}} < 1 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Cha|0}}} < 1 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Fgt|0}}} < 2 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Cha|0}}} < 2 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Fgt|0}}} < 3 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Cha|0}}} < 3 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Fgt|0}}} < 4 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Cha|0}}} < 4 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Fgt|0}}} < 5 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Cha|0}}} < 5 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Fgt|0}}} < 6 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Cha|0}}} < 6 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Fgt|0}}} < 7 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Cha|0}}} < 7 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Fgt|0}}} < 8 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Cha|0}}} < 8 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Fgt|0}}} < 9 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Cha|0}}} < 9 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
-<div class="" style="background-color: {{ #ifexpr: {{{Fgt|0}}} < 10 | var(--color-surface-1) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Cha|0}}} < 10 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+</div>
+<div class="" style=" background: var(--color-surface-2); float: right; display: flex;">
+<div class="" style="width: 40%; display: flex; font-family: 'ITC Avant Garde Std Medium Condensed'; font-size: 0.825em; text-transform: uppercase; align-items: center;">
+<p style="width: 100%; margin: 0; padding: 5px 10px;">Luck</p>
+</div>
+<div class="" style="background-color: {{ #ifexpr: {{{Lck|0}}} < 1 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Lck|0}}} < 2 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Lck|0}}} < 3 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Lck|0}}} < 4 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Lck|0}}} < 5 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Lck|0}}} < 6 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Lck|0}}} < 7 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Lck|0}}} < 8 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Lck|0}}} < 9 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
+<div class="" style="background-color: {{ #ifexpr: {{{Lck|0}}} < 10 | var(--color-surface-0) | var(--color-surface-4)}};  width: 4%; display: inline-block; min-height: 40px; margin: 1%; border-radius: 8px;"></div>
 </div>
 </div>
+<noinclude>
+<templatedata>
+{
+	"params": {
+		"Str": {},
+		"Dex": {},
+		"Con": {},
+		"Int": {},
+		"Wis": {},
+		"Lck": {},
+		"Cha": {}
+	}
+}
+</templatedata>
+</noinclude>