#shield-track{height:12px;position:relative;margin:3px 0;background:#101e2a;border:1px solid #688ba16b;border-radius:3px;overflow:hidden}
#shield-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#46778f,#a6d1df);transition:width .16s linear}
#shield-value{position:relative;display:block;text-align:center;font-size:10px;line-height:10px;color:#f0fbff;text-shadow:0 1px 2px #061018}
#target-statuses{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:5px}
.combat-status{display:inline-flex;align-items:center;gap:4px;padding:3px 5px;background:#101b27e8;border:1px solid color-mix(in srgb,var(--status-color) 45%,transparent);border-radius:4px;color:var(--status-color);font-size:11px;line-height:1.2}
.combat-status b{font-size:10px;color:#dbe3eb;font-variant-numeric:tabular-nums;font-weight:500}
.state-symbol{display:block;width:8px;height:8px;border:1px solid currentColor;transform:rotate(45deg)}
.state-burn,.state-ember{border-radius:60% 0 60% 60%;background:currentColor;opacity:.85}
.state-bleed{border-radius:0 60% 60%;background:currentColor}
.state-armor,.state-weak{border-radius:0 0 50% 50%;transform:none;border-top-width:2px}
.state-stun{border-radius:50%;transform:none;box-shadow:0 0 0 2px #d8c79820}
#skills-dialog#skills-dialog .skill-description{white-space:pre-line;line-height:1.6}
#skills-dialog#skills-dialog .trait-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
#skills-dialog#skills-dialog .trait-option{align-items:flex-start}
#skills-dialog#skills-dialog .compact-trait-heading{display:block}
#skills-dialog#skills-dialog .trait-state{display:block;margin-top:2px}
#skills-dialog#skills-dialog .skill-sources{font-size:12px;line-height:1.5;color:#a8bac9}
@media(max-width:700px){#skills-dialog#skills-dialog .trait-list{grid-template-columns:1fr}.combat-status{font-size:10px}#target-statuses{gap:3px}}