/* Hero stat chips (stat-glossary.js): HP, armor ("none" at 0), speed and any innate dodge, damage reduction or lifesteal.
   Each explains itself on hover or keyboard focus from data-tip. Dark surfaces, cyan for the label. */
.stat-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.stat-chip{position:relative;display:inline-flex;align-items:baseline;gap:4px;padding:1px 7px;font:600 11px/1.4 var(--bb-font-body,'Bully Body',sans-serif);color:var(--bb-text,#eef1dc);background:#0c110dd9;border:1px solid #4d5a3a;border-radius:9px;white-space:nowrap;cursor:help}
.stat-chip b{font:10px/1 var(--bb-font-label,'Bully Label',sans-serif);letter-spacing:.06em;color:var(--bb-cyan,#75eced)}
.stat-chip[data-stat=armor]{border-color:#8a9c63}
.stat-chip:focus-visible{outline:2px solid var(--bb-cyan,#75eced);outline-offset:1px}
.stat-chip:is(:hover,:focus)::after{content:attr(data-tip);position:absolute;z-index:50;left:0;top:calc(100% + 6px);width:max-content;max-width:300px;padding:7px 10px;font:500 12.5px/1.4 var(--bb-font-body,'Bully Body',sans-serif);color:#eef1dc;white-space:normal;background:#0b1216f2;border:2px solid var(--bb-cyan,#75eced);border-radius:5px;box-shadow:2px 2px 0 #05080c;pointer-events:none}
/* The stage chyron (every lobby channel) keeps its chips on one row and its tips above it. */
html.broadcast body #menu#menu .bc-chyron .stat-chips{margin-top:6px}
html.broadcast body #menu#menu .bc-chyron .stat-chip:is(:hover,:focus)::after{top:auto;bottom:calc(100% + 6px)}
/* Detail panels: what the stats a perk, fork or ability names actually do. */
:is(.bs-stat-note,.ld-stat-note){margin:3px 0 0;font:500 12px/1.35 var(--bb-font-body,'Bully Body',sans-serif);color:var(--bb-text-soft,#c9d3c4)}
:is(.bs-stat-note,.ld-stat-note) b{margin-right:6px;font:10px/1 var(--bb-font-label,'Bully Label',sans-serif);letter-spacing:.06em;color:var(--bb-cyan,#75eced)}
@media (max-height:520px){.stat-chip{font-size:9.5px;padding:0 5px}.stat-chip b{font-size:8.5px}}