.divine-blessing-page{--db-gold:#d8b65d;--db-text:#eee2c2;--db-muted:#a7a195}
.divine-blessing-hero__emblem strong{font-size:28px;letter-spacing:.08em}
.divine-blessing-heading p{max-width:620px}
.divine-blessing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px}
.divine-blessing-card{--tier-accent:#c69c6d;--tier-border:rgba(198,156,109,.62);--tier-glow:rgba(198,156,109,.22);position:relative;min-height:368px;padding:0;border:1px solid var(--tier-border);background:linear-gradient(180deg,rgba(22,25,22,.99),rgba(7,9,8,.99));overflow:hidden;cursor:pointer;box-shadow:inset 0 2px 0 var(--tier-accent),0 18px 38px rgba(0,0,0,.28);transition:transform .2s,border-color .2s,box-shadow .2s}
.divine-blessing-card.db-tier-advanced{--tier-accent:#c5a27b;--tier-border:rgba(197,162,123,.68);--tier-glow:rgba(197,162,123,.24)}
.divine-blessing-card.db-tier-rare{--tier-accent:#a979e6;--tier-border:rgba(169,121,230,.72);--tier-glow:rgba(145,83,213,.28)}
.divine-blessing-card.db-tier-hero{--tier-accent:#dd625e;--tier-border:rgba(221,98,94,.74);--tier-glow:rgba(207,57,53,.28)}
.divine-blessing-card.db-tier-legendary{--tier-accent:#e1b84f;--tier-border:rgba(225,184,79,.76);--tier-glow:rgba(210,158,35,.3)}
.divine-blessing-card.db-tier-mythic{--tier-accent:#e5d388;--tier-border:rgba(229,211,136,.78);--tier-glow:rgba(222,194,95,.34)}
.divine-blessing-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 22%,var(--tier-glow),transparent 32%);pointer-events:none}
.divine-blessing-card:hover,.divine-blessing-card:focus{transform:translateY(-4px);border-color:var(--tier-accent);box-shadow:inset 0 3px 0 var(--tier-accent),0 24px 52px rgba(0,0,0,.4),0 0 28px var(--tier-glow);outline:none}
.divine-blessing-card__halo{position:absolute;top:40px;left:50%;width:126px;height:126px;transform:translateX(-50%);border:1px solid var(--tier-border);border-radius:50%;box-shadow:0 0 36px var(--tier-glow)}
.divine-blessing-card__art{position:relative;height:188px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.05)}
.divine-blessing-card__art:after{content:"";position:absolute;left:20%;right:20%;bottom:24px;height:16px;background:radial-gradient(ellipse,var(--tier-glow),transparent 68%);filter:blur(3px)}
.divine-blessing-card__art img{position:relative;z-index:1;max-width:108px;max-height:108px;image-rendering:auto;filter:drop-shadow(0 10px 12px rgba(0,0,0,.5));transition:transform .2s}
.divine-blessing-card:hover .divine-blessing-card__art img{transform:translateY(-4px) scale(1.045)}
.divine-blessing-card__copy{position:relative;padding:21px 19px 24px;text-align:center}
.divine-blessing-card__tier{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:5px 10px;margin-bottom:11px;border:1px solid var(--tier-border);color:var(--tier-accent);font-size:14px;font-weight:700;letter-spacing:.12em;background:rgba(0,0,0,.25)}
.divine-blessing-card__copy h3{margin:0 0 16px;color:var(--tier-accent);font:600 20px/1.35 Georgia,"Noto Serif TC",serif;letter-spacing:.03em}
.divine-blessing-card__abilities{display:flex;flex-direction:column;gap:7px;min-height:70px;color:#aaa69a;font-size:15px;line-height:1.5}
.divine-blessing-card__abilities span{display:block}
.divine-blessing-card__abilities strong{color:#e9dfc7;font-weight:700}
.divine-blessing-card__more{color:#837e73!important;font-size:14px!important}
.divine-blessing-card__empty{color:#77736a!important}
.divine-blessing-card__arrow{position:absolute;right:11px;bottom:8px;color:var(--tier-accent);font:28px Georgia,serif;opacity:.65}
.divine-blessing-modal{max-width:900px}
.divine-blessing-detail{--tier-accent:#c69c6d;--tier-border:rgba(198,156,109,.62);--tier-glow:rgba(198,156,109,.22)}
.divine-blessing-detail.db-tier-advanced{--tier-accent:#c5a27b;--tier-border:rgba(197,162,123,.68);--tier-glow:rgba(197,162,123,.24)}
.divine-blessing-detail.db-tier-rare{--tier-accent:#a979e6;--tier-border:rgba(169,121,230,.72);--tier-glow:rgba(145,83,213,.28)}
.divine-blessing-detail.db-tier-hero{--tier-accent:#dd625e;--tier-border:rgba(221,98,94,.74);--tier-glow:rgba(207,57,53,.28)}
.divine-blessing-detail.db-tier-legendary{--tier-accent:#e1b84f;--tier-border:rgba(225,184,79,.76);--tier-glow:rgba(210,158,35,.3)}
.divine-blessing-detail.db-tier-mythic{--tier-accent:#e5d388;--tier-border:rgba(229,211,136,.78);--tier-glow:rgba(222,194,95,.34)}
.divine-blessing-detail__hero{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;align-items:center;padding:28px;border:1px solid var(--tier-border);background:radial-gradient(circle at 12% 50%,var(--tier-glow),transparent 30%),linear-gradient(135deg,rgba(22,25,22,.99),rgba(8,10,9,.99))}
.divine-blessing-detail__art{position:relative;height:170px;display:flex;align-items:center;justify-content:center}
.divine-blessing-detail__ring{position:absolute;width:148px;height:148px;border:1px solid var(--tier-border);border-radius:50%;box-shadow:0 0 38px var(--tier-glow)}
.divine-blessing-detail__art img{position:relative;z-index:1;max-width:112px;max-height:112px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.55))}
.divine-blessing-detail__copy h2{margin:6px 0 12px;color:var(--tier-accent);font:600 32px/1.25 Georgia,"Noto Serif TC",serif}
.divine-blessing-detail__copy p{margin:14px 0 0;color:#a7a195;font-size:16px;line-height:1.8}
.divine-blessing-detail__badge{display:inline-block;padding:6px 12px;border:1px solid var(--tier-border);color:var(--tier-accent);font-size:14px;font-weight:700;background:rgba(0,0,0,.25)}
.divine-blessing-detail__section{margin-top:20px;padding:24px;border:1px solid rgba(209,170,85,.18);background:rgba(7,10,8,.72)}
.divine-blessing-detail__title{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.divine-blessing-detail__title>span{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--tier-border);color:var(--tier-accent);font:700 14px Georgia,serif}
.divine-blessing-detail__title b{display:block;color:#eaddbd;font-size:19px}
.divine-blessing-detail__title small{display:block;margin-top:2px;color:#77736a;font-size:12px;letter-spacing:.12em}
.divine-blessing-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.divine-blessing-stat{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:13px 15px;border:1px solid rgba(209,170,85,.14);background:rgba(255,255,255,.018)}
.divine-blessing-stat span{color:#a9a498;font-size:15px}
.divine-blessing-stat strong{color:var(--tier-accent);font-size:18px}
.divine-blessing-empty{display:flex;flex-direction:column;gap:7px;padding:22px;border:1px dashed rgba(209,170,85,.22);text-align:center;color:#8f8a80}
.divine-blessing-empty strong{color:#c9b98f;font-size:16px}.divine-blessing-empty span{font-size:13px}

@media(max-width:1180px){.divine-blessing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.divine-blessing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.divine-blessing-detail__hero{grid-template-columns:150px minmax(0,1fr);gap:20px}.divine-blessing-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.divine-blessing-grid{grid-template-columns:1fr}.divine-blessing-card{min-height:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center}.divine-blessing-card__halo{left:48px;top:50%;width:78px;height:78px;transform:translate(-50%,-50%)}.divine-blessing-card__art{height:132px;border-bottom:0;border-right:1px solid rgba(255,255,255,.05)}.divine-blessing-card__art img{max-width:72px;max-height:72px}.divine-blessing-card__copy{text-align:left;padding:18px 30px 18px 16px}.divine-blessing-card__copy h3{font-size:19px;margin-bottom:9px}.divine-blessing-card__tier{font-size:13px;margin-bottom:8px}.divine-blessing-card__abilities{min-height:0;font-size:14px}.divine-blessing-detail__hero{grid-template-columns:1fr;text-align:center;padding:20px}.divine-blessing-detail__art{height:140px}.divine-blessing-detail__copy h2{font-size:27px}.divine-blessing-stat-grid{grid-template-columns:1fr}.divine-blessing-detail__section{padding:18px 14px}}

/* NETPC-2-6 Hotfix-3-3 Hotfix-2 | Divine Blessing Detail Visual Consistency
 * Keep tier color as an accent only. Detail readability uses shared Odyssey
 * high-contrast neutrals so darker tier colors (notably Hero red) do not
 * dim the whole information surface.
 */
.divine-blessing-detail__hero{
  background:
    radial-gradient(circle at 12% 50%,var(--tier-glow),transparent 34%),
    linear-gradient(135deg,rgba(26,29,25,.99),rgba(12,15,13,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.divine-blessing-detail__copy h2{
  color:#eee1bd;
  text-shadow:0 0 18px var(--tier-glow);
}
.divine-blessing-detail__badge{
  color:#efe3c5;
  background:rgba(16,18,16,.72);
}
.divine-blessing-detail__copy p{
  color:#b7b1a4;
}
.divine-blessing-detail__section{
  border-color:rgba(209,170,85,.27);
  background:linear-gradient(180deg,rgba(15,18,15,.94),rgba(9,12,10,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.divine-blessing-detail__title>span{
  background:rgba(14,17,14,.8);
}
.divine-blessing-detail__title b{
  color:#efe3c4;
}
.divine-blessing-detail__title small{
  color:#9b968b;
}
.divine-blessing-stat{
  border-color:rgba(209,170,85,.22);
  background:rgba(255,255,255,.035);
}
.divine-blessing-stat span{
  color:#c4beb0;
  font-size:15px;
  font-weight:500;
}
.divine-blessing-stat strong{
  color:#f0dfad;
  font-size:19px;
  font-weight:700;
  text-shadow:0 0 14px var(--tier-glow);
}
/* Tier accent remains visible on the icon ring, small index chip and borders. */
.divine-blessing-detail__ring,
.divine-blessing-detail__title>span{
  border-color:var(--tier-border);
}
.divine-blessing-detail__title>span{
  color:var(--tier-accent);
}


/* NETPC-2-6 Hotfix-3-3 Hotfix-3 | Detail opacity + generic .hero collision fix
 * Root cause: the generic rarity class "hero" collided with global components.css .hero,
 * whose ::before overlay darkened the entire Athena detail. All rarity classes are now
 * namespace-prefixed (db-tier-*) to prevent global component styling from leaking in.
 */
.divine-blessing-detail{position:relative;opacity:1!important;filter:none!important;padding:0!important;overflow:visible!important}
.divine-blessing-detail:before,.divine-blessing-detail:after{content:none!important;display:none!important}
.divine-blessing-detail__hero,.divine-blessing-detail__section{opacity:1!important;filter:none!important}
.divine-blessing-detail__copy h2{color:#f1e3bf!important}
.divine-blessing-detail__copy p{color:#c4bdae!important}
.divine-blessing-detail__title b{color:#f0e2bd!important}
.divine-blessing-detail__title small{color:#aaa397!important}
.divine-blessing-stat{background:rgba(255,255,255,.055)!important;border-color:rgba(209,170,85,.30)!important}
.divine-blessing-stat span{color:#d1cabd!important}
.divine-blessing-stat strong{color:#f3dfa5!important}


/* NETPC-2-6 Hotfix-3-3 Hotfix-4 | Usage Guide + Large Icon Card Redesign */
.divine-blessing-usage{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:center;margin:24px 0 18px;padding:22px 24px;border:1px solid rgba(216,182,93,.32);background:linear-gradient(100deg,rgba(216,182,93,.08),rgba(9,12,10,.94) 34%,rgba(7,9,8,.98));box-shadow:inset 3px 0 0 rgba(216,182,93,.72)}
.divine-blessing-usage__label span{display:block;margin-bottom:5px;color:#b7964d;font-size:12px;letter-spacing:.18em}.divine-blessing-usage__label h3{margin:0;color:#eee2c2;font:600 22px/1.3 Georgia,"Noto Serif TC",serif}.divine-blessing-usage__flow{display:flex;align-items:center;justify-content:flex-end;gap:15px;color:#c9c1af;font-size:15px;line-height:1.6}.divine-blessing-usage__flow i{color:#8e7540;font:24px Georgia,serif}.divine-blessing-usage__flow strong{color:#f0d68e;font-weight:700}
.divine-blessing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.divine-blessing-card{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:224px;align-items:stretch}
.divine-blessing-card__halo{top:50%;left:88px;width:132px;height:132px;transform:translate(-50%,-50%)}
.divine-blessing-card__art{height:auto;min-height:224px;border-bottom:0;border-right:1px solid rgba(255,255,255,.055)}
.divine-blessing-card__art:after{left:22px;right:22px;bottom:34px}
.divine-blessing-card__art img{max-width:132px;max-height:132px}
.divine-blessing-card__copy{display:flex;flex-direction:column;justify-content:center;padding:26px 30px;text-align:left}
.divine-blessing-card__meta{display:flex;align-items:center;gap:12px;margin-bottom:9px}.divine-blessing-card__tier{margin:0}.divine-blessing-card__duration{color:#8e897e;font-size:13px;letter-spacing:.03em}
.divine-blessing-card__copy h3{margin:0 0 13px;font-size:23px}.divine-blessing-card__abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px;min-height:0;font-size:15px}.divine-blessing-card__more{grid-column:1/-1}
.divine-blessing-card__action{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.055);color:#aaa18d;font-size:14px;letter-spacing:.04em}.divine-blessing-card__action span{margin-left:6px;color:var(--tier-accent);font-size:20px}.divine-blessing-card__arrow{display:none}
@media(max-width:980px){.divine-blessing-usage{grid-template-columns:1fr;gap:12px}.divine-blessing-usage__flow{justify-content:flex-start;flex-wrap:wrap}.divine-blessing-grid{grid-template-columns:1fr}}
@media(max-width:560px){.divine-blessing-usage{padding:18px}.divine-blessing-usage__flow{display:grid;grid-template-columns:1fr;gap:4px}.divine-blessing-usage__flow i{display:none}.divine-blessing-card{grid-template-columns:124px minmax(0,1fr);min-height:178px}.divine-blessing-card__halo{left:62px;width:96px;height:96px}.divine-blessing-card__art{height:auto;min-height:178px}.divine-blessing-card__art img{max-width:96px;max-height:96px}.divine-blessing-card__copy{padding:20px 18px}.divine-blessing-card__copy h3{font-size:20px}.divine-blessing-card__meta{align-items:flex-start;flex-direction:column;gap:6px}.divine-blessing-card__abilities{grid-template-columns:1fr;font-size:14px}.divine-blessing-card__action{margin-top:12px}}


/* NETPC-2-6 Hotfix-3-3 Hotfix-5
 * Equipment-style card redesign + terminology alignment.
 * Icon presentation is intentionally sized above the existing
 * equipment-blessing 92px icon treatment to make Divine Blessings
 * read as premium item cards.
 */
.divine-blessing-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.divine-blessing-card{
  display:flex;
  flex-direction:column;
  min-height:430px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(29,34,45,.96),rgba(15,18,25,.97));
}
.divine-blessing-card__halo{
  top:30px;
  left:50%;
  width:184px;
  height:184px;
  transform:translateX(-50%);
}
.divine-blessing-card__art{
  width:184px;
  height:184px;
  min-height:184px;
  margin:28px auto 0;
  border:1px solid var(--tier-border);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,246,211,.13),var(--tier-glow) 46%,rgba(8,10,9,.72) 78%);
  box-shadow:0 16px 34px rgba(0,0,0,.38),inset 0 0 28px var(--tier-glow);
  overflow:hidden;
}
.divine-blessing-card__art:after{
  left:22px;
  right:22px;
  bottom:17px;
}
.divine-blessing-card__art img{
  width:156px;
  height:156px;
  max-width:156px;
  max-height:156px;
  object-fit:contain;
}
.divine-blessing-card__copy{
  display:flex;
  flex:1;
  flex-direction:column;
  justify-content:flex-start;
  padding:24px 24px 22px;
  text-align:center;
}
.divine-blessing-card__meta{
  justify-content:center;
  flex-wrap:wrap;
}
.divine-blessing-card__copy h3{
  font-size:23px;
}
.divine-blessing-card__abilities{
  grid-template-columns:1fr;
  gap:7px;
}
.divine-blessing-card__action{
  margin-top:auto;
}
@media(max-width:980px){
  .divine-blessing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .divine-blessing-grid{grid-template-columns:1fr}
  .divine-blessing-card{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    min-height:210px;
    align-items:center;
  }
  .divine-blessing-card__halo{
    top:50%;
    left:75px;
    width:126px;
    height:126px;
    transform:translate(-50%,-50%);
  }
  .divine-blessing-card__art{
    width:126px;
    height:126px;
    min-height:126px;
    margin:0 auto;
    border-radius:18px;
  }
  .divine-blessing-card__art img{
    width:108px;
    height:108px;
    max-width:108px;
    max-height:108px;
  }
  .divine-blessing-card__copy{
    padding:20px 18px 20px 8px;
    text-align:left;
  }
  .divine-blessing-card__meta{justify-content:flex-start}
  .divine-blessing-card__copy h3{font-size:20px}
}


/* NETPC-2-6 Hotfix-3-3 Hotfix-6 | Divine Blessing Icon Scale Refinement
 * Preserve the approved Hotfix-5 card design; only reduce icon proportions.
 */
.divine-blessing-card__halo{
  width:150px;
  height:150px;
}
.divine-blessing-card__art{
  width:150px;
  height:150px;
  min-height:150px;
}
.divine-blessing-card__art img{
  width:122px;
  height:122px;
  max-width:122px;
  max-height:122px;
}
@media(max-width:640px){
  .divine-blessing-card{
    grid-template-columns:132px minmax(0,1fr);
  }
  .divine-blessing-card__halo{
    left:66px;
    width:112px;
    height:112px;
  }
  .divine-blessing-card__art{
    width:112px;
    height:112px;
    min-height:112px;
  }
  .divine-blessing-card__art img{
    width:92px;
    height:92px;
    max-width:92px;
    max-height:92px;
  }
}


/* NETPC-2-6 Hotfix-3-3 Hotfix-7 | Divine Blessing Icon Hierarchy Refinement
 * Keep the approved 150x150 desktop list-card frame.
 * Reduce only the list-card item image, while enlarging the detail-modal icon.
 */
.divine-blessing-card__art{
  width:150px;
  height:150px;
  min-height:150px;
}
.divine-blessing-card__art img{
  width:108px;
  height:108px;
  max-width:108px;
  max-height:108px;
}

/* Detail view: make the blessing icon more prominent than the list-card icon. */
.divine-blessing-detail__art,
.divine-blessing-detail .divine-blessing-detail__art{
  width:150px;
  height:150px;
  min-width:150px;
  min-height:150px;
}
.divine-blessing-detail__art img,
.divine-blessing-detail .divine-blessing-detail__art img{
  width:128px;
  height:128px;
  max-width:128px;
  max-height:128px;
  object-fit:contain;
}

@media(max-width:640px){
  .divine-blessing-card__art img{
    width:84px;
    height:84px;
    max-width:84px;
    max-height:84px;
  }
  .divine-blessing-detail__art,
  .divine-blessing-detail .divine-blessing-detail__art{
    width:126px;
    height:126px;
    min-width:126px;
    min-height:126px;
  }
  .divine-blessing-detail__art img,
  .divine-blessing-detail .divine-blessing-detail__art img{
    width:108px;
    height:108px;
    max-width:108px;
    max-height:108px;
  }
}


/* NETPC-2-6 Hotfix-3-3 Hotfix-8 | Detail Icon Scale Adjustment
 * User-approved list-card sizing remains unchanged.
 * Only the detail-view actual item icon is reduced to 84x84px.
 */
.divine-blessing-detail__art img,
.divine-blessing-detail .divine-blessing-detail__art img{
  width:84px;
  height:84px;
  max-width:84px;
  max-height:84px;
  object-fit:contain;
}

@media(max-width:640px){
  .divine-blessing-detail__art img,
  .divine-blessing-detail .divine-blessing-detail__art img{
    width:84px;
    height:84px;
    max-width:84px;
    max-height:84px;
  }
}


/* NETPC-2-6 Hotfix-3-3 Hotfix-9 | List Icon Scale Adjustment
 * Keep the approved 150x150px desktop card frame.
 * Reduce the actual list-card item icon to 84x84px.
 */
.divine-blessing-card__art img{
  width:84px;
  height:84px;
  max-width:84px;
  max-height:84px;
}

@media(max-width:640px){
  .divine-blessing-card__art img{
    width:84px;
    height:84px;
    max-width:84px;
    max-height:84px;
  }
}