/* UI 017.3B/C C.7.3C — Character equipped durability presentation. */
#i173a-character-layer .i173b73c-condition{
  min-width:0;
}

#i173a-character-layer .i173b73c-card{
  display:grid;
  gap:9px;
  min-width:0;
  padding:12px 13px;
  border:1px solid rgba(163,177,205,.16);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(18,24,36,.82),rgba(9,13,22,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

#i173a-character-layer .i173b73c-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}

#i173a-character-layer .i173b73c-top>div{
  display:grid;
  gap:2px;
  min-width:0;
}

#i173a-character-layer .i173b73c-top span{
  color:rgba(236,241,251,.94);
  font-size:13px;
  font-weight:760;
  line-height:1.2;
}

#i173a-character-layer .i173b73c-top small{
  color:rgba(181,191,211,.74);
  font-size:11px;
  line-height:1.25;
}

#i173a-character-layer .i173b73c-top strong{
  flex:0 0 auto;
  color:#eef3ff;
  font-size:14px;
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}

#i173a-character-layer .i173b73c-bar{
  position:relative;
  display:block;
  width:100%;
  height:6px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28);
}

#i173a-character-layer .i173b73c-bar>i{
  display:block;
  width:var(--i173b73c-condition,0%);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#9b7850,#d7b070);
  transition:width .22s ease;
}

#i173a-character-layer .i173b73c-condition[data-state="excellent"] .i173b73c-bar>i{
  background:linear-gradient(90deg,#5d9f7a,#85c99f);
}

#i173a-character-layer .i173b73c-condition[data-state="good"] .i173b73c-bar>i{
  background:linear-gradient(90deg,#9a8d58,#c9b96d);
}

#i173a-character-layer .i173b73c-condition[data-state="worn"] .i173b73c-bar>i{
  background:linear-gradient(90deg,#aa744d,#d59b61);
}

#i173a-character-layer .i173b73c-condition[data-state="critical"] .i173b73c-bar>i{
  background:linear-gradient(90deg,#a45458,#d47678);
}

#i173a-character-layer .i173b73c-fatigue,
#i173a-character-layer .i173b73c-warning{
  margin:0;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.065);
  color:rgba(196,203,218,.8);
  font-size:11px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

#i173a-character-layer .i173b73c-warning{
  color:rgba(229,168,168,.88);
}

@media (max-width:340px){
  #i173a-character-layer .i173b73c-card{padding:11px 12px}
  #i173a-character-layer .i173b73c-top{gap:10px}
  #i173a-character-layer .i173b73c-top strong{font-size:13px}
}

#i173a-character-layer.is-cool .i173b73c-bar>i{
  transition:none;
}

@media (prefers-reduced-motion:reduce){
  #i173a-character-layer .i173b73c-bar>i{transition:none}
}