/* Recommendation role colours: descriptive functions, not stat ratings. */
.troop-role-legend{display:flex;flex-wrap:wrap;gap:12px;padding:14px;border:1px solid #454a53;border-radius:12px;margin:16px 0}
.troop-role-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0}
.troop-role-tag{display:inline-flex;align-items:center;gap:6px;color:#f2f2f2;background:#101418;border:1px solid #454a53;border-radius:8px;padding:6px 8px;font-size:.85rem;line-height:1.2}
.troop-role-tag::before{content:'';display:inline-block;width:11px;height:11px;flex-shrink:0;background:var(--role-colour);border-radius:3px}
.troop-role-tag[data-role="Attack"]{--role-colour:#e55346}
.troop-role-tag[data-role="Defence"]{--role-colour:#4384d3}
.troop-role-tag[data-role="Support / Health"]{--role-colour:#3fa460}
.troop-role-tag[data-role="Role under review"]{--role-colour:#808892}
img.troop-role-image{border-width:5px!important;border-style:solid!important}