/* 0.50: pantalla de Logros (logros.js), con el estilo de las pantallas de dentro (doble pantalla): arriba, cuántos llevas y tu título;
   debajo, cada grupo con sus placas blancas. La que se puede reclamar, con el borde amarillo y el botón; la conseguida, más apagada */
.lg-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 10px}
.lg-count{margin:0;font-size:15px;color:#fff}
.lg-count b{font-size:22px;color:var(--vr-yel,#ffd23c)}
.lg-title{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}
.lg-title label{font-size:13px;color:#dbe6ff;white-space:nowrap}
.lg-title select{min-height:44px;max-width:220px;min-width:0}
.lg-head .note{flex-basis:100%;margin:0}
.lg-list{display:flex;flex-direction:column;gap:14px}
.lg-group{display:flex;flex-direction:column;gap:6px}
.lg-group h3{margin:0;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--vr-yel,#ffd23c)}
.lg-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;
  background:var(--vr-plate,#f5f8ff);color:var(--vr-ink,#0a1d4f);box-shadow:2px 3px 0 rgba(0,0,0,.35);border:2px solid transparent}
.lg-row.ready{border-color:var(--vr-yel,#ffd23c);box-shadow:0 0 0 2px #0a1d5c,2px 3px 0 rgba(0,0,0,.35)}
.lg-row.got{background:#d9e3f7;opacity:.85}
.lg-ic .pxi{width:28px;height:28px}
.lg-row:not(.ready):not(.got) .lg-ic{filter:grayscale(1);opacity:.4}
.lg-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
#screenBody .lg-tx b{font-size:15px;line-height:1.2;color:var(--vr-ink,#0a1d4f)}
.lg-tx small{font-size:12px;line-height:1.3;color:var(--vr-sub,#4a5b8c)}
.lg-bar{display:block;height:8px;margin-top:3px;border-radius:4px;background:#c5d2ee;overflow:hidden}
.lg-bar i{display:block;height:100%;background:linear-gradient(90deg,#2f8f3a,#4fd27a)}
.lg-n{font-size:11px;color:var(--vr-sub,#4a5b8c)}
.lg-pz{font-size:12px;color:var(--vr-ink,#0a1d4f)}
.lg-pz .pxi{width:14px;height:14px;vertical-align:-2px}
.lg-go{min-height:44px;padding:0 14px;font-size:14px;white-space:nowrap}
.lg-ok{font-size:12px;color:#2f8f3a;white-space:nowrap}
@media (max-width:420px){.lg-title{margin-left:0;width:100%}.lg-title select{flex:1;max-width:none}}