/* Artwork cropped from the supplied mockup. Layout and existing frames stay intact. */
.skill-id-wordSword { --skill-reference-art: url("assets/skill-icons/wordSword.webp"); }
.skill-id-faithShield { --skill-reference-art: url("assets/skill-icons/faithShield.webp"); }
.skill-id-prayerFlame { --skill-reference-art: url("assets/skill-icons/prayerFlame.webp"); }
.skill-id-truthLight { --skill-reference-art: url("assets/skill-icons/truthLight.webp"); }
.skill-id-healingGrace { --skill-reference-art: url("assets/skill-icons/healingGrace.webp"); }
.skill-id-obedientStep { --skill-reference-art: url("assets/skill-icons/obedientStep.webp"); }
.skill-id-surgingGrace { --skill-reference-art: url("assets/skill-icons/surgingGrace.webp"); }
.skill-id-holySpiritPresence { --skill-reference-art: url("assets/skill-icons/holySpiritPresence.webp"); }
.skill-id-fullArmor { --skill-reference-art: url("assets/skill-icons/fullArmor.webp"); }
.skill-id-divineProtection { --skill-reference-art: url("assets/skill-icons/divineProtection.webp"); }

.skill-card:where(.skill-id-wordSword,.skill-id-faithShield,.skill-id-prayerFlame,.skill-id-truthLight,.skill-id-healingGrace,.skill-id-obedientStep,.skill-id-surgingGrace,.skill-id-holySpiritPresence,.skill-id-fullArmor,.skill-id-divineProtection):not([class*="awakening-id-"]) .card-icon {
  visibility: hidden;
}
.skill-card:where(.skill-id-wordSword,.skill-id-faithShield,.skill-id-prayerFlame,.skill-id-truthLight,.skill-id-healingGrace,.skill-id-obedientStep,.skill-id-surgingGrace,.skill-id-holySpiritPresence,.skill-id-fullArmor,.skill-id-divineProtection):not([class*="awakening-id-"]) .card-icon-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 4px;
  background: var(--skill-reference-art) center / 100% 100% no-repeat;
  pointer-events: none;
}

/* Awakened artwork uses the displayed Korean names, not translations of IDs. */
.awakening-id-judgmentSword { --awakening-reference-art: url("assets/skill-icons/awakened/judgmentSword.webp"); }
.awakening-id-lightningSword { --awakening-reference-art: url("assets/skill-icons/awakened/lightningSword.webp"); }
.awakening-id-fortressShield { --awakening-reference-art: url("assets/skill-icons/awakened/fortressShield.webp"); }
.awakening-id-heavenlyShield { --awakening-reference-art: url("assets/skill-icons/awakened/heavenlyShield.webp"); }
.awakening-id-holySpiritWork { --awakening-reference-art: url("assets/skill-icons/awakened/holySpiritWork.webp"); }
.awakening-id-revivalFlame { --awakening-reference-art: url("assets/skill-icons/awakened/revivalFlame.webp"); }
.awakening-id-dawnRay { --awakening-reference-art: url("assets/skill-icons/awakened/dawnRay.webp"); }
.awakening-id-gloryRadiance { --awakening-reference-art: url("assets/skill-icons/awakened/gloryRadiance.webp"); }
.awakening-id-overflowingGrace { --awakening-reference-art: url("assets/skill-icons/awakened/overflowingGrace.webp"); }
.awakening-id-healingSpring { --awakening-reference-art: url("assets/skill-icons/awakened/healingSpring.webp"); }
.awakening-id-faithBreakthrough { --awakening-reference-art: url("assets/skill-icons/awakened/faithBreakthrough.webp"); }
.awakening-id-holyFootprints { --awakening-reference-art: url("assets/skill-icons/awakened/holyFootprints.webp"); }
.awakening-id-graceExplosion { --awakening-reference-art: url("assets/skill-icons/awakened/graceExplosion.webp"); }
.awakening-id-heavenlyAbsorption { --awakening-reference-art: url("assets/skill-icons/awakened/heavenlyAbsorption.webp"); }
.awakening-id-holySpiritFullness { --awakening-reference-art: url("assets/skill-icons/awakened/holySpiritFullness.webp"); }
.awakening-id-boldFaith { --awakening-reference-art: url("assets/skill-icons/awakened/boldFaith.webp"); }
.awakening-id-lightArmor { --awakening-reference-art: url("assets/skill-icons/awakened/lightArmor.webp"); }
.awakening-id-sturdyArmor { --awakening-reference-art: url("assets/skill-icons/awakened/sturdyArmor.webp"); }
.awakening-id-heavenlyProtection { --awakening-reference-art: url("assets/skill-icons/awakened/heavenlyProtection.webp"); }
.awakening-id-graceReversal { --awakening-reference-art: url("assets/skill-icons/awakened/graceReversal.webp"); }
.skill-card[class*="awakening-id-"]:not(.is-ultimate) .card-icon { visibility: hidden; }
.skill-card[class*="awakening-id-"]:not(.is-ultimate) .card-icon-frame::after {
  all: unset;
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: 4px;
  background: var(--awakening-reference-art) center / 100% 100% no-repeat;
  pointer-events: none;
}

/* The same heaven artwork is shared by choices, shop, guide and equipment. */
.heaven-icon-permanentHeaven { --heaven-reference-art: url("assets/skill-icons/heaven/permanentHeaven.webp"); }
.heaven-icon-graceLonging { --heaven-reference-art: url("assets/skill-icons/heaven/graceLonging.webp"); }
.heaven-icon-wordMeditation { --heaven-reference-art: url("assets/skill-icons/heaven/wordMeditation.webp"); }
.heaven-icon-firmFaith { --heaven-reference-art: url("assets/skill-icons/heaven/firmFaith.webp"); }
.heaven-icon-healingBottle { --heaven-reference-art: url("assets/skill-icons/heaven/healingBottle.webp"); }
.heaven-icon-shieldScroll { --heaven-reference-art: url("assets/skill-icons/heaven/shieldScroll.webp"); }
.heaven-icon-discernmentLight { --heaven-reference-art: url("assets/skill-icons/heaven/discernmentLight.webp"); }
.heaven-icon-intercessionPower { --heaven-reference-art: url("assets/skill-icons/heaven/intercessionPower.webp"); }
.heaven-icon-regenerationGrace { --heaven-reference-art: url("assets/skill-icons/heaven/regenerationGrace.webp"); }
.heaven-icon-holyOfHolies { --heaven-reference-art: url("assets/skill-icons/heaven/holyOfHolies.webp"); }
.heaven-icon-multiplicationBlessing { --heaven-reference-art: url("assets/skill-icons/heaven/multiplicationBlessing.webp"); }
.heaven-icon-fireArrowGuard { --heaven-reference-art: url("assets/skill-icons/heaven/fireArrowGuard.webp"); }
.heaven-icon-holyMark { --heaven-reference-art: url("assets/skill-icons/heaven/holyMark.webp"); }
.heaven-icon-judgmentTrumpet { --heaven-reference-art: url("assets/skill-icons/heaven/judgmentTrumpet.webp"); }
.heaven-icon-heavenGlory { --heaven-reference-art: url("assets/skill-icons/heaven/heavenGlory.webp"); }
.heaven-icon-heavenlyHosts { --heaven-reference-art: url("assets/skill-icons/heaven/heavenlyHosts.webp"); }
.heaven-icon-redemptionCross { --heaven-reference-art: url("assets/skill-icons/heaven/redemptionCross.webp"); }

.heaven-item-icon[class*="heaven-icon-"] .heaven-icon-glyph { visibility: hidden; }
.heaven-item-icon[class*="heaven-icon-"]::after {
  all: unset;
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  border-radius: inherit;
  background: var(--heaven-reference-art) center / 100% 100% no-repeat;
  pointer-events: none;
}
/* Keep the original HUD icon box and level label; replace its artwork only. */
.skill-badge[class*="skill-id-"]:not(.is-ultimate) .skill-badge-icon { visibility: hidden; }
.skill-badge[class*="skill-id-"]:not(.is-ultimate) .skill-badge-icon { position: relative; }
.skill-badge[class*="skill-id-"]:not(.is-ultimate) .skill-badge-icon::after {
  all: unset;
  content: "";
  position: absolute;
  inset: 0;
  visibility: visible;
  border-radius: 2px;
  background: var(--awakening-reference-art, var(--skill-reference-art)) center / contain no-repeat;
  pointer-events: none;
}