.creatureDialog,
.creature,
.creatureItem {
  --main-full-color: var(--main-creature-color);
  --main-mid-color: var(--main-creature-mid-color);
  --main-dim-color: var(--main-creature-dim-color);
  --color-shadow-primary: var(--main-creature-color);

  /* Splat-specific font-size defaults (tweak per splat if needed) */
  --wod-font-xxs: 0.4375rem;   /* 7px */
  --wod-font-xs: 0.625rem;     /* 10px */
  --wod-font-sm: 0.75rem;      /* 12px */
  --wod-font-md: 0.875rem;     /* 14px */
  --wod-font-base: 1rem;       /* 16px */
  --wod-font-lg: 1.125rem;     /* 18px */
  --wod-font-xl: 1.25rem;      /* 20px */
  --wod-font-xxl: 1.5rem;      /* 24px */

  /* Overrides to preserve current hard-coded sizes in this splat */
  --wod-font-headline-text: 1.125rem; /* 18px (.headlineText) */
  --wod-font-second-headline-tabs: 0.875rem; /* 14px (.secondHeadlineTabs) */
  --wod-font-headline: 0.875rem; /* 14px (dialog .headline) */
  --wod-font-xl: 0.875rem; /* 14px (.secondHeadlineTabs uses xl normally) */
} 

.creature:not(.noSplatFont) nav,
.creature:not(.noSplatFont) .splatFont {
	font-family: "werewolf", var(--main-font);
}

.creature:not(.noSplatFont) .headlineText {
	font-size: var(--wod-font-headline-text);
}

.creature .headlineRow {
  display: flex;
  height: 23px;
  line-height: 23px;
  margin-top: 25px;
  margin-bottom: 5px;
} 

/* CORE */

.creature .attribute-headlineWidth {
	width: 25%;
}

.creature.langDE .attribute-headlineWidth,
.creature.langPT .attribute-headlineWidth,
.creature.langES .attribute-headlineWidth,
.creature.langIT .attribute-headlineWidth {
  width: 35%;
}

/* POWER */

.creature-row {
    display: flex;
    height: 23px;
    line-height: 23px;
    margin-left: 13px;
  }
  
  .creature-rollablerow {
    display: flex;
    height: 23px;
    line-height: 23px;
    margin-left: 13px;
  }
  
  .creature-row .gift-iconbox {
    margin-left: 273px;
  }
  
  .creature-rollablerow .gift-iconbox {
    margin-left: 23px;
  }

/* SETTING */

.creature:not(.noSplatFont) .secondHeadlineTabs {
  font-size: var(--wod-font-second-headline-tabs);
}

.creature .secondHeadlineTabs {
  width: 20%;
}

.creature nav.spirit .secondHeadlineTabs {
  width: 33%;
}

/* DIALOG */

.creatureDialog:not(.noSplatFont) .headline {
    font-size: var(--wod-font-headline);
}