/* Mongil Star Dive — character slug / skill / awakening overrides */
/* ── Shared character slug layout: Mongil + Star Savior (`.mongil-character-page`) ── */
.mongil-character-page .character-info {
  align-items: flex-end;
}

.mongil-character-page .character-summary-icon {
  object-position: center bottom;
}

.mongil-section-title {
  margin: 0 0 0.75rem;
}

.mongil-skill-block .skill-header,
.awakening-panel .potential-card .skill-header {
  position: relative;
  margin-bottom: 0;
  flex-shrink: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  align-items: stretch;
}

.mongil-skill-block .skill-info {
  width: 100%;
  min-width: 0;
  padding-right: 9rem;
  box-sizing: border-box;
}

.awakening-panel .potential-card .skill-info {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding-right: 12px;
}

.awakening-panel .potential-card .skill-info.mongil-header-with-side-badge {
  padding-right: 9rem;
}

.mongil-skill-block .skill-title-row,
.awakening-panel .potential-card .skill-title-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
}

.mongil-skill-block .skill-name,
.awakening-panel .potential-card .skill-name {
  flex: 1;
  min-width: 0;
}

.mongil-skill-block .skill-name {
  font-weight: 600;
  line-height: 1.28;
}

.awakening-panel .potential-card .skill-name {
  line-height: 1.35;
}

.mongil-skill-block .skill-type-badge,
.awakening-panel .potential-card .skill-type-badge {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  width: 9rem;
  box-sizing: border-box;
  color: #fff;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 0 2px 0 0;
  text-align: center;
  letter-spacing: 0.45px;
}

.mongil-skill-block .skill-type-badge {
  background: var(--ty-accent);
}

.awakening-panel .potential-card .skill-type-badge {
  background: var(--ty-accent);
}

.mongil-skill-block .skill-header {
  margin-bottom: 0.5rem;
}

.mongil-skill-block {
  min-width: 0;
}

.mongil-skill-block .mongil-skill-desc {
  flex: 1 1 auto;
  min-height: 0;
}

.mongil-skill-desc {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.65rem 1.1rem 0.85rem;
  box-sizing: border-box;
}

.mongil-skill-desc p {
  font-size: 1rem;
  margin: 0 0 0.5em;
}

.mongil-skill-desc p:last-child {
  margin-bottom: 0;
}

.mongil-skill-desc .mongil-inline-element-dmg__icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  object-fit: contain;
  vertical-align: -0.15em;
  margin-right: 3px;
}

.mongil-skill-desc .mongil-fx-el,
.mongil-awakening-desc .mongil-fx-el {
  display: inline;
  white-space: normal;
}

.mongil-skill-desc .mongil-fx-el__icon,
.mongil-awakening-desc .mongil-fx-el__icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  object-fit: contain;
  vertical-align: -7px;
  margin-right: 4px;
}

.mongil-skill-desc .mongil-fx-el__text,
.mongil-awakening-desc .mongil-fx-el__text {
  font-weight: 600;
}

.mongil-skill-desc .mongil-fx-el--fire .mongil-fx-el__text,
.mongil-awakening-desc .mongil-fx-el--fire .mongil-fx-el__text {
  color: var(--mongil-dungeon-el-fire, #ef5350);
}

.mongil-skill-desc .mongil-fx-el--ice .mongil-fx-el__text,
.mongil-awakening-desc .mongil-fx-el--ice .mongil-fx-el__text {
  color: var(--mongil-dungeon-el-ice, #42a5f6);
}

.mongil-skill-desc .mongil-fx-el--earth .mongil-fx-el__text,
.mongil-awakening-desc .mongil-fx-el--earth .mongil-fx-el__text {
  color: var(--mongil-dungeon-el-earth, #66bb6a);
}

.mongil-skill-desc .mongil-fx-el--wind .mongil-fx-el__text,
.mongil-awakening-desc .mongil-fx-el--wind .mongil-fx-el__text {
  color: var(--mongil-dungeon-el-wind, #26c6da);
}

.mongil-skill-desc .mongil-fx-el--lightning .mongil-fx-el__text,
.mongil-awakening-desc .mongil-fx-el--lightning .mongil-fx-el__text {
  color: var(--mongil-dungeon-el-lightning, #ab47bc);
}

.mongil-skill-desc .mongil-element-badge-img[data-element="fire"],
.mongil-awakening-desc .mongil-element-badge-img[data-element="fire"] {
  filter: brightness(0) saturate(100%) invert(48%) sepia(93%) saturate(4640%) hue-rotate(337deg)
    brightness(99%) contrast(90%);
}

.mongil-skill-desc .mongil-element-badge-img[data-element="ice"],
.mongil-awakening-desc .mongil-element-badge-img[data-element="ice"] {
  filter: brightness(0) saturate(100%) invert(48%) sepia(89%) saturate(1846%) hue-rotate(185deg)
    brightness(98%) contrast(92%);
}

.mongil-skill-desc .mongil-element-badge-img[data-element="earth"],
.mongil-awakening-desc .mongil-element-badge-img[data-element="earth"] {
  filter: brightness(0) saturate(100%) invert(58%) sepia(25%) saturate(854%) hue-rotate(88deg)
    brightness(96%) contrast(89%);
}

.mongil-skill-desc .mongil-element-badge-img[data-element="wind"],
.mongil-awakening-desc .mongil-element-badge-img[data-element="wind"] {
  filter: brightness(0) saturate(100%) invert(52%) sepia(66%) saturate(1106%) hue-rotate(148deg)
    brightness(96%) contrast(92%);
}

.mongil-skill-desc .mongil-element-badge-img[data-element="lightning"],
.mongil-awakening-desc .mongil-element-badge-img[data-element="lightning"] {
  filter: brightness(0) saturate(100%) invert(38%) sepia(72%) saturate(2344%) hue-rotate(247deg)
    brightness(93%) contrast(91%);
}

.mongil-skill-desc .mongil-skill-bracket--support,
.mongil-awakening-desc .mongil-skill-bracket--support {
  color: #fff;
  font-weight: 700;
}

.mongil-skill-desc p.mongil-skill-bracket-line,
.mongil-awakening-desc p.mongil-skill-bracket-line {
  margin: 0.65em 0 0.35em;
}

.mongil-skill-desc .mongil-skill-tag--keyword,
.mongil-awakening-desc .mongil-skill-tag--keyword {
  color: #fb923c;
  font-weight: 600;
}

.mongil-skill-desc .mongil-skill-tag--physical,
.mongil-awakening-desc .mongil-skill-tag--physical {
  color: #9ca3af;
  font-weight: 600;
}

.mongil-skill-desc .mongil-skill-tag--under,
.mongil-awakening-desc .mongil-skill-tag--under {
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 600;
}

.mongil-skill-desc .mongil-skill-tag--under.mongil-skill-tag--ability,
.mongil-awakening-desc .mongil-skill-tag--under.mongil-skill-tag--ability {
  color: #fb923c;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mongil-skill-desc .mongil-skill-tag--el-fire,
.mongil-awakening-desc .mongil-skill-tag--el-fire {
  color: var(--mongil-dungeon-el-fire, #ef5350);
}

.mongil-skill-desc .mongil-skill-tag--el-ice,
.mongil-awakening-desc .mongil-skill-tag--el-ice {
  color: var(--mongil-dungeon-el-ice, #42a5f6);
}

.mongil-skill-desc .mongil-skill-tag--el-earth,
.mongil-awakening-desc .mongil-skill-tag--el-earth {
  color: var(--mongil-dungeon-el-earth, #66bb6a);
}

.mongil-skill-desc .mongil-skill-tag--el-wind,
.mongil-awakening-desc .mongil-skill-tag--el-wind {
  color: var(--mongil-dungeon-el-wind, #26c6da);
}

.mongil-skill-desc .mongil-skill-tag--el-lightning,
.mongil-awakening-desc .mongil-skill-tag--el-lightning {
  color: var(--mongil-dungeon-el-lightning, #ab47bc);
}

.mongil-awakening-desc .mongil-inline-element-dmg__icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  object-fit: contain;
  vertical-align: -0.2em;
  margin-right: 4px;
}

.mongil-awakening-desc {
  font-size: 1rem;
  line-height: 1.55;
}

.mongil-awakening-desc p {
  font-size: 1rem;
  margin: 0 0 0.5em;
}

.mongil-awakening-desc p:last-child {
  margin-bottom: 0;
}

@media (min-width: 1921px) {
  .mongil-skill-desc,
  .mongil-skill-desc p {
    font-size: 1.3rem;
  }
  .mongil-awakening-desc,
  .mongil-awakening-desc p {
    font-size: 1.3rem;
  }
}

.awakening-panel .status-potentials {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.awakening-panel .potential-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
}

.awakening-panel .potential-card .mongil-awakening-desc,
.awakening-panel .potential-card .potential-desc {
  padding: 0.65rem 1.1rem 0.85rem;
  box-sizing: border-box;
}

@media (max-width: 540px) {
  .awakening-panel .status-potentials {
    grid-template-columns: 1fr;
  }
}

.mongil-element-tag {
  text-transform: capitalize;
}