/* =====================================================================
   ORBO v5.5: menos texto, mais símbolo.
   "i" ao lado dos títulos (toque mostra a explicação), rótulos em ícone no fim de fase
   e selos curtos de estrela na ficha da fase.
   ===================================================================== */

.lean-i { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-left: 5px; border-radius: 50%; vertical-align: -3px; color: var(--muted); background: rgba(255,255,255,0.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12); }
.lean-i .i { width: 11px; height: 11px; }
.lean-i:active { color: var(--text); background: rgba(255,255,255,0.16); }

/* fim de fase: o ícone no lugar do rótulo */
.stat-row.lean-row { align-items: center; }
.stat-row .lean-ic { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; color: var(--muted); background: rgba(255,255,255,0.07); }
.stat-row .lean-ic .i { width: 15px; height: 15px; }
.stat-row.lean-row:nth-child(4) .lean-ic { color: var(--gold); background: rgba(255,207,74,0.14); }
.stat-row.lean-row:nth-child(2) .lean-ic { color: var(--accent); background: rgba(76,240,255,0.12); }
.stat-row.lean-row:nth-child(3) .lean-ic { color: #ff8aa0; background: rgba(255,94,126,0.12); }

/* ficha da fase: três selos curtos */
.lean-crit { display: flex; gap: 6px; }
.lean-crit-item { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 9px 4px 8px; border-radius: 14px; background: rgba(255,255,255,0.04); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08); }
.lean-crit-item.on { background: rgba(255,207,74,0.1); box-shadow: inset 0 0 0 1px rgba(255,207,74,0.4); }
.lean-crit-star .i { width: 15px; height: 15px; color: rgba(255,255,255,0.22); }
.lean-crit-item.on .lean-crit-star .i { color: var(--gold); filter: drop-shadow(0 0 6px rgba(255,207,74,0.6)); }
.lean-crit-ic .i { width: 17px; height: 17px; color: var(--muted); }
.lean-crit-item.on .lean-crit-ic .i { color: #ffe9b0; }
.lean-crit-item b { font-family: var(--display); font-size: 11px; font-weight: 600; line-height: 1.15; text-align: center; color: var(--muted); }
.lean-crit-item.on b { color: var(--text); }