/* 08-badges.css — Прогресс-бары и бейджи
   Выделено из style.css: правила и их порядок не менялись. */

.pw{background:var(--bg5);height:7px;overflow:hidden;margin:4px 0;}
.pb-bar{height:100%;transition:width .4s;}
.pb-bar.gold{background:linear-gradient(90deg,var(--gold),var(--gold2));}
.pb-bar.green{background:linear-gradient(90deg,#00c896,#34d399);}
.pb-bar.blue{background:linear-gradient(90deg,var(--blue),var(--cyan));}
.pb-bar.red{background:linear-gradient(90deg,var(--red),#f87171);}
.badge{display:inline-block;padding:2px 7px;font-size:9px;font-family:var(--mono);letter-spacing:1px;}
.badge.green{background:rgba(0,200,150,0.15);color:var(--green);border:1px solid rgba(0,200,150,0.3);}
.badge.red{background:var(--crit-bg);color:var(--red);border:1px solid var(--crit-bdr);}
.badge.gold{background:rgba(251,188,4,0.15);color:var(--gold);border:1px solid rgba(251,188,4,0.3);}
.badge.blue{background:var(--imp-bg);color:var(--blue);border:1px solid var(--imp-bdr);}
.badge.grey{background:var(--rtn-bg);color:var(--text3);border:1px solid var(--rtn-bdr);}