.demon:not(.noSplatFont) nav,
.demon:not(.noSplatFont) .splatFont,
.demonDialog:not(.noSplatFont) .splatFont,
.demonItem:not(.noSplatFont) .splatFont {
	font-family: "demon", var(--main-font);
}

.demonDialog,
.demon,
.demonItem {
  --main-full-color: var(--main-demon-color);
  --main-mid-color: var(--main-demon-mid-color);
  --main-dim-color: var(--main-demon-dim-color);
  --color-shadow-primary: var(--main-demon-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-sheet-headline: 1.625rem; /* 26px (.sheet-headline) */
  --wod-font-headline-tabs: 1.625rem; /* 26px (.headlineTabs) */
  --wod-font-headline-text: 1rem; /* 16px (.headlineText) */
  --wod-font-headline-group: 0.875rem; /* 14px (.headlineGroup) */
  --wod-font-dialog-headline-group: 1.625rem; /* 26px (dialog .headlineGroup) */
  --wod-font-dialog-headline: 1.25rem; /* 20px (dialog .headline) */
} 

.demon {
    --sheet-background-color: var(--demon-page-background);
}
  
.demon .modern {  
    --main-wod-banner: var(--demon-banner-background);
    --main-wod-banner-small: var(--demon-banner-small-background); 
}

.wod-sheet.demon:not(.minimized) {
    min-height: 950px;
}

.demon:not(.noSplatFont) .sheet-headline {
    font-size: var(--wod-font-sheet-headline);
}

.demon.demon:not(.noSplatFont) .sheet-banner {
    height: 40px;
}

.demon:not(.noSplatFont) .headlineTabs {
    font-size: var(--wod-font-headline-tabs);
    line-height: 26px;
}

.demon:not(.noSplatFont) .headlineText {
    font-size: var(--wod-font-headline-text);
}

.demon:not(.noSplatFont) .headlineGroup {
    font-size: var(--wod-font-headline-group);
}

.demon:not(.noSplatFont) .sheet-banner .sheet-banner-text {
    font-size: var(--wod-font-dialog-headline);
    position: relative;
    top: 16px;
}

.demon.demon:not(.noSplatFont) .sheet-banner-small .sheet-banner-text {
    font-size: var(--wod-font-headline-text);
}

.demonDialog:not(.noSplatFont) .headlineGroup {
    font-size: var(--wod-font-dialog-headline-group);
}

.demonDialog:not(.noSplatFont) .headline {
    font-size: var(--wod-font-dialog-headline);
}

.demon:not(.noSplatFont) .experienceValue {
    font-family: var(--main-font);
}

.demon:not(.noSplatFont) .headlineList,
.demon:not(.noSplatFont) .headlineRow {
    font-family: var(--main-font);
    font-size: var(--wod-font-md);
    font-weight: bold;
}

/* CORE */

.demon .ability-headlineWidth {
	width: 	110px;
}

/* COMBAT */

.demon .combat-armor-itemlist .width-valuebox {
    width: 60px;
}

/* POWER */

.demon .item-row-area.mainpower-row .power-itemlist .width-namebox {
    font-size: var(--wod-font-md);
    width: 260px;
}

.demon .item-row-area.power-row .power-itemlist .width-namebox {
    width: 230px;
}

/* SETTINGS */

.demon .secondHeadlineTabs {
    width: 25%;
}

.demon:not(.noSplatFont) .secondHeadlineTabs {
    font-size: var(--wod-font-headline-text);
} 

@media all and (max-height : 1024px)
{
  .wod-sheet.demon:not(.minimized) {
    min-height: 400px;
    height: 400px;
  }
}