/* V1.28Beta-battle-skill-profession-color2: make in-battle skill plates read as the character's profession color. */
html body:not(.maintenance-mode) #appRoot.app.battle-app #battle.battle:not([hidden]) :is(.role-card, .seat-fighter, .team-skill-label) {
  --battle-skill-profession: var(--character-profession-color, var(--battle-title-color, var(--card-title-ink, #d7b66c)));
}

html body:not(.maintenance-mode) #battleCharacterDialog #battleCharacterPreview {
  --battle-skill-profession: var(--character-profession-color, var(--battle-title-color, var(--preview-title-color, #d7b66c)));
}

html body:not(.maintenance-mode)
#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.battle-app
#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle.battle:not([hidden])
:is(.role-card.role-card.role-card.role-card, .team-skill-label.team-skill-label.team-skill-label.team-skill-label)
:is(.inline-skill-action.inline-skill-action.inline-skill-action,
.inline-skill-name.inline-skill-name.inline-skill-name,
.passive-skill-label.passive-skill-label.passive-skill-label),
html body:not(.maintenance-mode)
#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.battle-app
#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle.battle:not([hidden])
.seat-fighter.seat-fighter.seat-fighter .team-skill-label.team-skill-label
:is(.inline-skill-action.inline-skill-action.inline-skill-action,
.inline-skill-name.inline-skill-name.inline-skill-name,
.passive-skill-label.passive-skill-label.passive-skill-label),
html body:not(.maintenance-mode)
#battleCharacterDialog#battleCharacterDialog #battleCharacterPreview#battleCharacterPreview
#battlePreviewSkill#battlePreviewSkill {
  border-color: color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 76%, #ffffff 24%) !important;
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 56%, transparent) 0, transparent 58%),
    linear-gradient(180deg,
      color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 64%, #263346 36%) 0%,
      color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 36%, #050913 64%) 100%) !important;
  box-shadow:
    0 8px 18px color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 32%, rgba(0, 0, 0, 0.56) 68%),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    inset 0 0 0 1px color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 46%, transparent) !important;
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.82),
    0 0 8px color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 52%, transparent) !important;
}

html body:not(.maintenance-mode)
#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.battle-app
#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle.battle:not([hidden])
:is(.role-card.role-card.role-card.role-card, .seat-fighter.seat-fighter.seat-fighter)
:is(.skill-label.skill-label.skill-label, .team-skill-label.team-skill-label.team-skill-label) {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body:not(.maintenance-mode)
#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.battle-app
#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle.battle:not([hidden])
:is(.role-card.role-card.role-card, .team-skill-label.team-skill-label, .seat-fighter.seat-fighter .team-skill-label.team-skill-label)
button.inline-skill-action.inline-skill-action:not(:disabled):is(:hover, :focus-visible),
html body:not(.maintenance-mode)
#battleCharacterDialog#battleCharacterDialog #battleCharacterPreview#battleCharacterPreview
#battlePreviewSkill#battlePreviewSkill:is(:hover, :focus-visible) {
  border-color: color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 86%, #ffffff 14%) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 72%, transparent),
    0 0 18px color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 52%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
  filter: brightness(1.08) saturate(1.12) !important;
}

html body:not(.maintenance-mode)
#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.battle-app
#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle.battle:not([hidden])
:is(.role-card.role-card.role-card, .team-skill-label.team-skill-label, .seat-fighter.seat-fighter .team-skill-label.team-skill-label)
:is(.inline-skill-action.inline-skill-action, .inline-skill-name.inline-skill-name, .passive-skill-label.passive-skill-label):disabled {
  opacity: 0.82 !important;
  filter: saturate(0.88) brightness(0.86) !important;
}

html body:not(.maintenance-mode)
#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.battle-app
#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle.battle:not([hidden])
:is(.role-card.role-card.role-card, .team-skill-label.team-skill-label, .seat-fighter.seat-fighter .team-skill-label.team-skill-label)
:is(.inline-skill-action.inline-skill-action, .inline-skill-name.inline-skill-name, .passive-skill-label.passive-skill-label)
.skill-inline-icon.skill-inline-icon,
html body:not(.maintenance-mode)
#battleCharacterDialog#battleCharacterDialog #battleCharacterPreview#battleCharacterPreview
#battlePreviewSkill#battlePreviewSkill .skill-inline-icon.skill-inline-icon {
  filter:
    drop-shadow(0 1px 2px rgba(0, 0, 0, 0.62))
    drop-shadow(0 0 5px color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 58%, transparent)) !important;
}

html body:not(.maintenance-mode)
#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.battle-app
#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle.battle:not([hidden])
:is(.role-card.role-card.role-card, .team-skill-label.team-skill-label, .seat-fighter.seat-fighter .team-skill-label.team-skill-label)
:is(.inline-skill-action.inline-skill-action, .inline-skill-name.inline-skill-name, .passive-skill-label.passive-skill-label)
.skill-inline-text.skill-inline-text,
html body:not(.maintenance-mode)
#battleCharacterDialog#battleCharacterDialog #battleCharacterPreview#battleCharacterPreview
#battlePreviewSkill#battlePreviewSkill .skill-inline-text.skill-inline-text {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}

html body:not(.maintenance-mode)
#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.battle-app
#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle.battle:not([hidden])
:is(.role-card.role-card.role-card, .team-skill-label.team-skill-label, .seat-fighter.seat-fighter .team-skill-label.team-skill-label)
.inline-skill-cooldown.inline-skill-cooldown {
  border-color: color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 62%, rgba(255, 255, 255, 0.22) 38%) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 34%, rgba(8, 10, 16, 0.86) 66%),
      rgba(5, 7, 12, 0.82)) !important;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  color: #fff4d8 !important;
  -webkit-text-fill-color: #fff4d8 !important;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.86),
    0 0 6px color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 42%, transparent) !important;
}

html body:not(.maintenance-mode)
#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.battle-app
#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle.battle:not([hidden])
:is(.role-card.role-card.role-card, .team-skill-label.team-skill-label, .seat-fighter.seat-fighter .team-skill-label.team-skill-label)
.skill-inline-passive-tag.skill-inline-passive-tag {
  border-color: color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 54%, rgba(255, 255, 255, 0.2) 46%) !important;
  background: color-mix(in srgb, var(--battle-skill-profession, #d7b66c) 26%, rgba(5, 8, 13, 0.8) 74%) !important;
  color: #fff6e6 !important;
  -webkit-text-fill-color: #fff6e6 !important;
}