/* Preset: Default (Gradient Dark) */
body.theme-charcoal.theme-preset-gradient {
  --demo-bg: #000000;
  --demo-panel: rgba(30, 30, 30, 0.36);
  --demo-panel-2: rgba(38, 38, 38, 0.4);
  --demo-border: rgba(71, 71, 71, 0.72);
  --demo-text: #e8e8e8;
  --demo-muted: #aaaaaa;
  --demo-accent: #cccccc;
  --demo-inner-surface: rgba(26, 26, 26, 0.26);
  --demo-inner-surface-2: rgba(34, 34, 34, 0.32);
  --demo-inner-surface-3: rgba(42, 42, 42, 0.38);
  --demo-inner-border: #373737;
  --demo-inner-label: #999999;
  --demo-inner-value: #f0f0f0;
  --demo-inner-highlight: rgba(255, 255, 255, 0.04);
  --demo-inner-shadow: 0 4px 16px rgba(0, 0, 0, 0.7);
  --theme-font-base: "Exo 2", sans-serif;
  --theme-font-accent: "Exo 2", sans-serif;
  --theme-font-nav: var(--theme-font-base);
  --theme-text-primary: var(--demo-text);
  --theme-text-muted: var(--demo-muted);
  --theme-accent: var(--demo-accent);
  --theme-header-bg: #212529;
  --theme-header-border: #2f3338;
  --theme-header-border-strong: #2f3338;
  --theme-header-brand: #ffffff;
  --theme-header-link: #cccccc;
  --theme-header-link-hover-bg: #272727;
  --theme-header-link-hover: #ffffff;
  --theme-header-control-bg: #1a1a1a;
  --theme-header-control-border: #474747;
  --theme-header-control-hover-bg: #272727;
  --theme-header-control-hover-border: #666666;
  --theme-card-bg: var(--demo-panel);
  --theme-card-header-bg: linear-gradient(
    180deg,
    rgba(31, 35, 38, 0.88) 0%,
    rgba(31, 35, 38, 0.84) 5%,
    rgba(31, 35, 38, 0.84) 35%,
    rgba(31, 35, 38, 0.84) 50%
  );
  --theme-card-border: var(--demo-border);
  --theme-card-header-text: #ffffff;
  --theme-card-body-bg: linear-gradient(
    180deg,
    rgba(23, 26, 27, 0.2) 0%,
    rgba(23, 26, 27, 0.4) 100%
  );
  --theme-sidemenu-bg: rgba(24, 24, 24, 0.42);
  --theme-sidemenu-link-bg: linear-gradient(
    180deg,
    rgba(58, 58, 58, 0.28) 0%,
    rgba(20, 20, 20, 0.42) 100%
  );
  --theme-sidemenu-link-border: rgba(71, 71, 71, 0.72);
  --theme-sidemenu-link-text: #dddddd;
  --theme-sidemenu-link-hover-bg: linear-gradient(
    180deg,
    rgba(72, 72, 72, 0.34) 0%,
    rgba(28, 28, 28, 0.5) 100%
  );
  --theme-sidemenu-link-hover-border: rgba(102, 102, 102, 0.78);
  --theme-footer-bg: rgba(24, 24, 24, 0.44);
  --theme-footer-border: rgba(39, 39, 39, 0.72);
  --theme-button-bg: linear-gradient(
    180deg,
    #565656 0%,
    #303030 5%,
    #303030 35%,
    #242424 50%
  );
  --theme-button-border: #2c2c2c;
  --theme-button-text: #ffffff;
  --theme-mobile-nav-bg: rgba(24, 24, 24, 0.48);
  --theme-mobile-nav-text: var(--theme-text-primary);
  --theme-mobile-nav-border: var(--theme-footer-border);
  --theme-identity-strip-bg: linear-gradient(
    180deg,
    rgba(64, 64, 64, 0.28) 0%,
    rgba(18, 18, 18, 0.44) 100%
  );
  --theme-identity-strip-border: #474747;
  --theme-identity-strip-shadow: 0 4px 16px rgba(0, 0, 0, 0.65);
  --theme-identity-copy: #f0f0f0;
  --theme-identity-muted: #999999;
  --theme-surface-compact-bg: rgba(22, 22, 22, 0.3);
  --theme-surface-compact-strong-bg: rgba(34, 34, 34, 0.36);
  --theme-surface-compact-border: #474747;
  --theme-surface-compact-border-strong: #555555;
  --theme-surface-label: #999999;
  --theme-surface-muted: #999999;
  --theme-surface-value: #eeeeee;
  --theme-surface-link: #cccccc;
  --theme-surface-link-hover: #ffffff;
  --theme-meter-border: #373737;
  --theme-meter-bg: rgba(14, 14, 14, 0.44);
  --theme-meter-row-border: #373737;
  --theme-meter-row-bg: rgba(26, 26, 26, 0.3);
  --theme-empty-state-border: #474747;
  --theme-empty-state-bg: rgba(28, 28, 28, 0.28);
  --theme-empty-state-text: #888888;
  --theme-info-card-bg: rgba(24, 24, 24, 0.34);
  --theme-info-card-border: rgba(71, 71, 71, 0.72);
  --theme-info-card-header-bg: linear-gradient(
    180deg,
    rgba(31, 35, 38, 0.88) 0%,
    rgba(31, 35, 38, 0.84) 5%,
    rgba(31, 35, 38, 0.84) 35%,
    rgba(31, 35, 38, 0.84) 50%
  );
  --theme-info-card-row-bg: rgba(32, 32, 32, 0.26);
  --theme-info-card-row-border: rgba(44, 44, 44, 0.72);
  --theme-info-card-label: #999999;
  --theme-info-card-value: #eeeeee;
  --theme-quest-shell-bg: rgba(18, 18, 18, 0.34);
  --theme-quest-shell-border: #474747;
  --theme-quest-card-bg: rgba(26, 26, 26, 0.3);
  --theme-quest-card-border: #474747;
  --theme-quest-card-header-bg: linear-gradient(
    180deg,
    rgba(31, 35, 38, 0.88) 0%,
    rgba(31, 35, 38, 0.84) 5%,
    rgba(31, 35, 38, 0.84) 35%,
    rgba(31, 35, 38, 0.84) 50%
  );
  --theme-quest-card-title: #eeeeee;
  --theme-quest-card-muted: #999999;
  --theme-quest-section-bg: rgba(22, 22, 22, 0.3);
  --theme-quest-chip-bg: rgba(18, 18, 18, 0.44);
  --theme-quest-progress-track: rgba(14, 14, 14, 0.52);
  --theme-quest-progress-fill: linear-gradient(90deg, #007700, #00aa00);
  --theme-quest-progress-fill-ready: linear-gradient(90deg, #007700, #00cc00);
  --theme-modal-backdrop: rgba(0, 0, 0, 0.8);
  --theme-gradient-soft-body: linear-gradient(
    180deg,
    rgba(23, 26, 27, 0.18) 0%,
    rgba(23, 26, 27, 0.46) 100%
  );
  --theme-gradient-soft-panel: linear-gradient(
    180deg,
    rgba(23, 25, 27, 0.2) 0%,
    rgba(23, 25, 27, 0.52) 100%
  );
  --theme-gradient-soft-panel-strong: linear-gradient(
    180deg,
    rgba(23, 25, 27, 0.24) 0%,
    rgba(23, 25, 27, 0.5) 100%
  );
  --theme-gradient-soft-row: linear-gradient(
    180deg,
    rgba(23, 25, 27, 0.16) 0%,
    rgba(23, 25, 27, 0.38) 100%
  );
  /* Keep bg image+color in one shorthand so image is never reset by later background shorthands. */
  background:
    #000000 linear-gradient(rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.68)),
    url("../../assets/img/bg-main.jpg") top center repeat-y !important;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.68)),
    url("../../assets/img/bg-main.jpg") !important;
  color: var(--theme-text-primary);
}

/* Final lock: gradient preset must always show bg-main.jpg on body. */
body.theme-charcoal.theme-preset-gradient {
  background-color: #000000 !important;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
    url("../../assets/img/bg-main.jpg"),
    url("/themes/default/assets/img/bg-main.jpg") !important;
  background-color: #000000 !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

body.theme-charcoal.theme-preset-gradient main {
  background-color: transparent !important;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("../../assets/img/bg-main.jpg"),
    url("/themes/default/assets/img/bg-main.jpg") !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* Final gradient lock: make loggedin surfaces mimic the old default dark theme. */
body.theme-charcoal.theme-preset-gradient .loggedin-dashboard .loggedin-panel,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-info-card,
body.theme-charcoal.theme-preset-gradient main .card.card-menu,
body.theme-charcoal.theme-preset-gradient
  .mobile-container
  .dropdown-mobile-menu
  .card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-character-stat,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-pet-stat,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-mini-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-overview-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-loadout-slot,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-skill-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-stat-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-identity-strip,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-pet-hero,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-main-grid,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-quest-badge-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-empty-state,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-character-stats
  > .col,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-pet-stats-grid
  > *,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-grid
  > .loggedin-property-mini-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-overview-grid
  > *,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-skills-grid
  > *,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-stats-grid
  > * {
  border: 1px solid rgba(71, 71, 71, 0.82) !important;
  border-style: solid !important;
  background: var(--theme-gradient-soft-panel) !important;
  box-shadow: none !important;
}

body.theme-charcoal.theme-preset-gradient .loggedin-panel-header,
body.theme-charcoal.theme-preset-gradient .loggedin-info-card > .card-header,
body.theme-charcoal.theme-preset-gradient main .card.card-menu > .card-header,
body.theme-charcoal.theme-preset-gradient
  .mobile-container
  .dropdown-mobile-menu
  .card
  > .card-header {
  min-height: 34px;
  padding: 0 0.42rem !important;
  line-height: 34px;
  background: linear-gradient(
    180deg,
    rgba(31, 35, 38, 0.88) 0%,
    rgba(31, 35, 38, 0.84) 5%,
    rgba(31, 35, 38, 0.8) 35%,
    rgba(31, 35, 38, 0.78) 50%
  ) !important;
  border: 1px solid rgba(44, 44, 44, 0.94) !important;
  border-bottom-color: rgba(28, 28, 28, 0.94) !important;
  color: #ffffff !important;
  font-family: var(--theme-font-base) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: capitalize !important;
  box-shadow: none !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-panel-header
  > span:first-child,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-info-card
  > .card-header
  > span:first-child,
body.theme-charcoal.theme-preset-gradient
  main
  .card.card-menu
  > .card-header
  > span:first-child,
body.theme-charcoal.theme-preset-gradient .city-link-title {
  color: #e4c98f !important;
  font-family: var(--theme-font-base) !important;
  letter-spacing: 0.02em !important;
}

body.theme-charcoal.theme-preset-gradient .loggedin-panel-header *,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-info-card
  > .card-header
  *,
body.theme-charcoal.theme-preset-gradient main .card.card-menu > .card-header *,
body.theme-charcoal.theme-preset-gradient
  .mobile-container
  .dropdown-mobile-menu
  .card
  > .card-header
  * {
  color: #ffffff !important;
  text-shadow: none !important;
}

body.theme-charcoal.theme-preset-gradient .loggedin-panel-header .badge,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-info-card
  > .card-header
  .badge,
body.theme-charcoal.theme-preset-gradient
  main
  .card.card-menu
  > .card-header
  .badge,
body.theme-charcoal.theme-preset-gradient
  .mobile-container
  .dropdown-mobile-menu
  .card
  > .card-header
  .badge {
  background: rgba(9, 9, 9, 0.72) !important;
  border: 1px solid rgba(71, 71, 71, 0.82) !important;
  color: #ffffff !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-panel-body,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-info-card
  > .card-body,
body.theme-charcoal.theme-preset-gradient main .card.card-menu > .card-body,
body.theme-charcoal.theme-preset-gradient
  .mobile-container
  .dropdown-mobile-menu
  .card
  > .card-body {
  background: var(--theme-gradient-soft-body) !important;
  border-top: 0 !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-info-card
  > .card-body
  .loggedin-info-list
  > li,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-pet-vitals
  .loggedin-meter-row,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-info-shortcuts
  .loggedin-info-shortcut-link {
  border: 1px solid rgba(71, 71, 71, 0.68) !important;
  background: var(--theme-gradient-soft-row) !important;
  box-shadow: none !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-info-card
  > .card-body
  .loggedin-info-list
  > li {
  padding-top: 0.28rem !important;
  padding-bottom: 0.28rem !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-info-shortcuts
  .loggedin-info-shortcut-link:hover,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-info-shortcuts
  .loggedin-info-shortcut-link:focus {
  background: var(--theme-gradient-soft-panel-strong) !important;
  border-color: rgba(110, 110, 110, 0.78) !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-panel-shell {
  padding: 0.35rem !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-character-shell,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-list,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-quest-badge-list,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-skills-grid,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-battle-stats-wrap,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-loadout-grid,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-pet-shell,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-stats-grid {
  gap: 0.4rem !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-character-stats,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-pet-stats-grid {
  --bs-gutter-x: 0.4rem;
  --bs-gutter-y: 0.4rem;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-character-stat,
body.theme-charcoal.theme-preset-gradient
  body.theme-charcoal.theme-preset-gradient,
body.theme-charcoal.theme-preset-gradient * {
  scrollbar-color: #4a596b #141a20;
}

  body.theme-charcoal.theme-preset-gradient {
    scrollbar-width: thin;
  }

  body.theme-charcoal.theme-preset-gradient::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  body.theme-charcoal.theme-preset-gradient::-webkit-scrollbar-track {
    background: #141a20;
  }

  body.theme-charcoal.theme-preset-gradient::-webkit-scrollbar-thumb {
    background: #4a596b;
    border-radius: 999px;
  }

  body.theme-charcoal.theme-preset-gradient::-webkit-scrollbar-thumb:hover {
    background: #5b6c80;
  }

body.theme-charcoal.theme-preset-gradient ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body.theme-charcoal.theme-preset-gradient ::-webkit-scrollbar-track {
  background: #141a20;
}

body.theme-charcoal.theme-preset-gradient ::-webkit-scrollbar-thumb {
  background: #4a596b;
  border-radius: 999px;
}

body.theme-charcoal.theme-preset-gradient ::-webkit-scrollbar-thumb:hover {
  background: #5b6c80;
}

.loggedin-dashboard .loggedin-pet-stat,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-mini-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-overview-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-loadout-slot,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-skill-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-stat-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-quest-badge-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-main-grid,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-character-stats
  > .col,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-pet-stats-grid
  > *,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-grid
  > .loggedin-property-mini-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-overview-grid
  > *,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-skills-grid
  > *,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-stats-grid
  > * {
  padding: 0.38rem 0.42rem !important;
  border-radius: 4px !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-main-grid,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-quest-badge-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-card,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-character-stats
  > .col,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-pet-stats-grid
  > *,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-overview-grid
  > *,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-skills-grid
  > *,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-stats-grid
  > * {
  background: var(--theme-gradient-soft-panel) !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-card {
  gap: 0.4rem !important;
  padding: 0.38rem 0.42rem !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-character-stat::before,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-pet-stat::before,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-mini-card::before,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-overview-card::before,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-skill-card::before,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-stat-card::before,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-card::before,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-quest-badge-card::before,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-info-card
  > .card-body
  .loggedin-info-list
  > li::before {
  display: none !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-character-meta-item,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-type,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-type-badge {
  border: 1px solid rgba(71, 71, 71, 0.72) !important;
  background: var(--theme-gradient-soft-row) !important;
  color: #e6e6e6 !important;
  box-shadow: none !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-slot-empty,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-empty-state {
  border: 1px solid rgba(71, 71, 71, 0.72) !important;
  background: var(--theme-gradient-soft-row) !important;
  color: #b7b7b7 !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-character-identity,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-pet-identity {
  border: 1px solid rgba(71, 71, 71, 0.72) !important;
  background: var(--theme-gradient-soft-panel) !important;
  box-shadow: none !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-identity-strip,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-pet-hero,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-character-identity {
  background: var(--theme-gradient-soft-panel-strong) !important;
  border-color: rgba(71, 71, 71, 0.72) !important;
  box-shadow: none !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-identity-avatar-wrap {
  border-color: rgba(71, 71, 71, 0.72) !important;
  background: rgba(28, 28, 28, 0.46) !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-stat-row {
  padding: 0.08rem 0 !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-overview-label,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-data-label,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-subline,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-skill-meta,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-stat-row
  span,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-hero-eyebrow {
  color: #b8b8b8 !important;
  letter-spacing: 0.02em !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-overview-value,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-data-value,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-hero-name,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-property-name,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-skill-name,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-stat-total
  strong,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-stat-name {
  color: #f0f0f0 !important;
  text-shadow: none !important;
}

body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-skill-card:hover,
body.theme-charcoal.theme-preset-gradient
  .loggedin-dashboard
  .loggedin-skill-card:focus {
  transform: none !important;
  border-color: rgba(102, 102, 102, 0.78) !important;
  background: linear-gradient(
    180deg,
    rgba(22, 22, 22, 0.8) 0%,
    rgba(12, 12, 12, 0.74) 100%
  ) !important;
}

body.theme-charcoal.theme-preset-gradient .loggedin-dashboard .loggedin-meter,
body.theme-charcoal.theme-preset-gradient .quest-card-progress-track {
  background: rgba(5, 5, 5, 0.82) !important;
  border-color: rgba(55, 55, 55, 0.72) !important;
  box-shadow: none !important;
}

body.theme-charcoal.theme-preset-gradient .game-header-nav,
body.theme-charcoal.theme-preset-gradient .game-auth-header-nav,
body.theme-charcoal.theme-preset-gradient header.game-header-mobile,
body.theme-charcoal.theme-preset-gradient
  main
  > header.d-flex.justify-content-between.d-md-none.sticky-top,
body.theme-charcoal.theme-preset-gradient .main-footer,
body.theme-charcoal.theme-preset-gradient footer,
body.theme-charcoal.theme-preset-gradient .mobile-container {
  background: #212529 !important;
  border-color: #2f3338 !important;
}

body.theme-charcoal.theme-preset-gradient .game-header-nav,
body.theme-charcoal.theme-preset-gradient .game-auth-header-nav,
body.theme-charcoal.theme-preset-gradient header.game-header-mobile,
body.theme-charcoal.theme-preset-gradient
  main
  > header.d-flex.justify-content-between.d-md-none.sticky-top {
  border-bottom: 1px solid #2f3338 !important;
  box-shadow: none !important;
}

body.theme-charcoal.theme-preset-gradient .main-footer,
body.theme-charcoal.theme-preset-gradient footer,
body.theme-charcoal.theme-preset-gradient .mobile-container {
  border-top: 1px solid #2f3338 !important;
  box-shadow: none !important;
}

body.theme-charcoal.theme-preset-gradient .game-header-nav .game-header-brand,
body.theme-charcoal.theme-preset-gradient
  .game-auth-header-nav
  .game-auth-header-brand,
body.theme-charcoal.theme-preset-gradient
  header.game-header-mobile
  .logo
  .text {
  color: #ffffff !important;
  font-family: "Exo 2", sans-serif !important;
}

body.theme-charcoal.theme-preset-gradient
  main
  > header.d-flex.justify-content-between.d-md-none.sticky-top
  .logo
  .text {
  color: #ffffff !important;
  font-family: "Exo 2", sans-serif !important;
}

body.theme-charcoal.theme-preset-gradient
  .mobile-container
  .mobile-menu
  .nav-item.dropup
  > .dropdown-menu,
body.theme-charcoal.theme-preset-gradient
  .mobile-container
  .mobile-menu
  .nav-item.dropup
  > .dropdown-menu.dropdown-menu-dark {
  background: #212529 !important;
  border: 1px solid #4b5258 !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28) !important;
}

body.theme-charcoal.theme-preset-gradient .quest-header-tracker-toggle-text {
  color: #e4c98f !important;
}

body.theme-charcoal.theme-preset-gradient .quest-header-tracker-toggle,
body.theme-charcoal.theme-preset-gradient .quest-header-tracker-toggle:hover,
body.theme-charcoal.theme-preset-gradient .quest-header-tracker-toggle:focus {
  background: #212529 !important;
  border-color: #4b5258 !important;
}

body.theme-charcoal.theme-preset-gradient .quest-header-tracker-body {
  background: rgba(23, 26, 27, 1) !important;
}

body.theme-charcoal.theme-preset-gradient .quest-header-track-card,
body.theme-charcoal.theme-preset-gradient .quest-header-track-card:hover,
body.theme-charcoal.theme-preset-gradient .quest-header-track-card:focus {
  background: rgba(23, 25, 27, 1) !important;
}

body.theme-charcoal.theme-preset-gradient .game-header-nav .game-header-link,
body.theme-charcoal.theme-preset-gradient .game-auth-header-dropdown-link,
body.theme-charcoal.theme-preset-gradient
  .mobile-container
  .mobile-menu
  .nav-item
  .nav-link,
body.theme-charcoal.theme-preset-gradient
  .mobile-container
  .mobile-menu
  .nav-item
  .dropdown-mobile-link,
body.theme-charcoal.theme-preset-gradient .main-footer,
body.theme-charcoal.theme-preset-gradient footer {
  color: #cccccc !important;
}

body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-link:hover,
body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-link.active,
body.theme-charcoal.theme-preset-gradient .game-auth-header-dropdown-link:hover,
body.theme-charcoal.theme-preset-gradient
  .mobile-container
  .mobile-menu
  .nav-item
  .nav-link:hover,
body.theme-charcoal.theme-preset-gradient
  .mobile-container
  .mobile-menu
  .nav-item
  .nav-link:focus,
body.theme-charcoal.theme-preset-gradient
  .mobile-container
  .mobile-menu
  .nav-item
  .dropdown-mobile-link:hover,
body.theme-charcoal.theme-preset-gradient
  .mobile-container
  .mobile-menu
  .nav-item
  .dropdown-mobile-link:focus {
  background: #2b3035 !important;
  border-color: #3b424a !important;
  color: #ffffff !important;
}

body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-search-group,
body.theme-charcoal.theme-preset-gradient
  .game-search-scope
  .game-header-search-group,
body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-icon-link,
body.theme-charcoal.theme-preset-gradient .game-auth-header-icon-link,
body.theme-charcoal.theme-preset-gradient
  header.game-header-mobile
  .game-header-mobile-nav
  .game-header-mobile-icon-link,
body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-dropdown,
body.theme-charcoal.theme-preset-gradient .game-auth-header-dropdown,
body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-logs-dropdown,
body.theme-charcoal.theme-preset-gradient
  .game-header-mobile
  .game-header-mobile-logs-dropdown {
  border-color: #3b424a !important;
  background: #212529 !important;
  color: #cccccc !important;
  box-shadow: none !important;
}

body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-search-group,
body.theme-charcoal.theme-preset-gradient
  .game-search-scope
  .game-header-search-group {
  background: #212529 !important;
}

body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-search-input,
body.theme-charcoal.theme-preset-gradient
  .game-search-scope
  .game-header-search-input {
  background: #212529 !important;
  color: #ffffff !important;
}

body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-search-input::placeholder,
body.theme-charcoal.theme-preset-gradient
  .game-search-scope
  .game-header-search-input::placeholder {
  color: #9a9a9a !important;
}

body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-search-btn,
body.theme-charcoal.theme-preset-gradient
  .game-search-scope
  .game-header-search-btn,
body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-icon-link,
body.theme-charcoal.theme-preset-gradient .game-auth-header-icon-link,
body.theme-charcoal.theme-preset-gradient
  header.game-header-mobile
  .game-header-mobile-nav
  .game-header-mobile-icon-link {
  border-color: #3b424a !important;
  background: #212529 !important;
  color: #cccccc !important;
}

body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-search-btn:hover,
body.theme-charcoal.theme-preset-gradient
  .game-search-scope
  .game-header-search-btn:hover,
body.theme-charcoal.theme-preset-gradient
  .game-search-scope
  .game-header-search-btn:focus,
body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-search-btn:hover,
body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-search-btn:focus,
body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-icon-link:hover,
body.theme-charcoal.theme-preset-gradient
  .game-header-nav
  .game-header-icon-link:focus,
body.theme-charcoal.theme-preset-gradient .game-auth-header-icon-link:hover,
body.theme-charcoal.theme-preset-gradient .game-auth-header-icon-link:focus,
body.theme-charcoal.theme-preset-gradient
  header.game-header-mobile
  .game-header-mobile-nav
  .game-header-mobile-icon-link:hover,
body.theme-charcoal.theme-preset-gradient
  header.game-header-mobile
  .game-header-mobile-nav
  .game-header-mobile-icon-link:focus {
  border-color: #515862 !important;
  background: #2c3238 !important;
  color: #ffffff !important;
}