/* u0-activity.css — 2026-11-09 — barra de actividad del perfil como batería.
   Marcado: Themes/underc0de/ActivityBar.template.php (override del mod ActivityBar). */
.u0-act{
  --u0-act-c:#7d8796;--u0-act-c2:#5d6673;
  --u0-act-case:rgba(255,255,255,.34);--u0-act-bg:#0b0c1a;
  display:block;max-width:26rem;margin:.1rem 0;color:var(--txt-2,rgba(255,255,255,.74));
  font:400 .8rem/1.35 var(--f-body,system-ui,sans-serif);cursor:help
}
.u0-act--low {--u0-act-c:#d97d63;--u0-act-c2:#b35f48}
.u0-act--mid {--u0-act-c:#d7b357;--u0-act-c2:#b08c35}
.u0-act--high{--u0-act-c:#5dbb8e;--u0-act-c2:#3f9670}
.u0-act__row{display:flex;align-items:center;gap:.6rem;min-width:0}
/* carcasa + borne */
.u0-act__batt{position:relative;flex:1 1 auto;min-width:0;max-width:15rem;height:1.6rem;margin-right:6px;padding:3px;
  box-sizing:border-box;border:2px solid var(--u0-act-case);border-radius:5px;background:var(--u0-act-bg)}
.u0-act__batt::after{content:"";position:absolute;top:50%;right:-7px;width:4px;height:.7rem;transform:translateY(-50%);
  border-radius:0 2px 2px 0;background:var(--u0-act-case)}
.u0-act__track{position:relative;display:block;height:100%;overflow:hidden;border-radius:2px;background:rgba(33,35,73,.55)}
.u0-act__fill{position:absolute;inset:0 auto 0 0;width:var(--u0-act-p,0%);transform-origin:left center;
  background:linear-gradient(180deg,color-mix(in srgb,var(--u0-act-c) 82%,#fff) 0,var(--u0-act-c) 45%,var(--u0-act-c2) 100%);
  animation:u0act-charge .9s cubic-bezier(.22,.8,.3,1) .15s both}
/* 10 celdas: separadores con el color del fondo de la carcasa */
.u0-act__track::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),var(--u0-act-bg) calc(10% - 2px) 10%)}
.u0-act__pct{flex:none;min-width:3.1em;font:600 1.05rem/1 var(--f-mono,ui-monospace,monospace);color:#fff;
  font-variant-numeric:tabular-nums;text-align:right}
.u0-act__lvl{flex:none;padding:.15rem .45rem;border:1px solid color-mix(in srgb,var(--u0-act-c) 55%,transparent);border-radius:3px;
  color:var(--u0-act-c);font:600 .7rem/1.2 var(--f-ui,system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.u0-act__desc{margin-top:.35rem;color:var(--txt-3,rgba(255,255,255,.55));font-size:.76rem}
.u0-act__max{white-space:nowrap}
.u0-act--none .u0-act__pct{color:var(--txt-3,rgba(255,255,255,.55))}
.u0-act--none .u0-act__batt{border-style:dashed}
@keyframes u0act-charge{from{transform:scaleX(0);opacity:.4}to{transform:scaleX(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.u0-act__fill{animation:none}}
@media (max-width:480px){
  .u0-act{max-width:none}
  .u0-act__row{gap:.55rem}
  .u0-act__batt{max-width:none;height:1.5rem}
}
/* en los temas sigue oculta (u0-type.css ya lo hace por #progress_bar; esto es respaldo) */
.poster .u0-act{display:none !important}