/* 1025DEX Community v0.31.35 · css/overview.css · ausgelagert aus index.html */
/* ---------- Übersicht ---------- */
.brand.counting #hsub{display:inline-block;animation:countGlow 720ms var(--ease-fluid) both}
.heropanel{position:relative;overflow:hidden}
.pball-wm{position:absolute;right:-26px;top:-26px;width:150px;height:150px;opacity:.07;pointer-events:none;color:var(--ink)}
.hero{position:relative;display:flex;align-items:center;gap:18px}
.ring{position:relative;width:128px;height:128px;flex:0 0 auto}
.ring svg{width:128px;height:128px;display:block}
.ringc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ringnum{font-family:'Archivo Black','Archivo',sans-serif;font-weight:normal;font-size:29px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ringnum.counting{animation:countGlow 720ms var(--ease-fluid) both}
.ringsub{font-size:10px;font-weight:800;color:var(--ink-soft);margin-top:3px;letter-spacing:.04em}
.heroright{flex:1 1 auto;display:flex;flex-direction:column;gap:11px;min-width:0}
.bignum{font-family:'Archivo Black','Archivo',sans-serif;font-weight:normal;font-size:28px;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.herostats{border-top:3px solid var(--panel-2);padding-top:9px;display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700}
.herostats b{font-family:'Archivo Black','Archivo',sans-serif;font-weight:normal;font-size:13px;color:var(--ink)}
/* Fortschritt je Generation - eine Reihe schmaler Saeulen, eine Farbe, direkt beschriftet */
.genbars{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin-top:14px;padding-top:12px;border-top:3px solid var(--panel-2)}
.gcol{text-align:center}
.gtrack{height:40px;border:2.5px solid var(--line);border-radius:7px;background:var(--panel-2);
  display:flex;align-items:flex-end;overflow:hidden}
.gfill{width:100%;background:var(--owned)}
.gfill{transform-origin:center bottom;animation:progressRise 680ms var(--ease-fluid) both;will-change:transform}
.glab{font-size:9px;font-weight:800;color:var(--ink-soft);margin-top:4px}
.people{display:grid;gap:9px}
.person{
  display:flex;align-items:center;gap:12px;
  border:3px solid var(--line);border-radius:14px;padding:9px 12px;background:var(--panel);
  box-shadow:var(--shadow);
}
.person .av{width:38px;height:38px;border-radius:50%;border:3px solid var(--line);display:grid;place-items:center;font-weight:800;font-size:13px;letter-spacing:-.02em;color:#fff;flex:0 0 auto}
.person .val{margin-left:auto;text-align:right;line-height:1.3;flex:0 0 auto}
.person .val b{font-family:'Archivo Black','Archivo',sans-serif;font-weight:normal;font-size:15px;font-variant-numeric:tabular-nums}
.pname-row{display:flex;align-items:center;gap:7px;font-weight:800;font-size:15px}
.pname-row svg{width:15px;height:15px;flex:0 0 auto}
.feed{display:grid;gap:8px;max-height:280px;overflow:auto}
.feed .fdot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;border:2px solid var(--line)}
.feed .ftxt{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed .ftime{font-size:10px;font-weight:700;color:var(--ink-soft);white-space:nowrap}
.bkrow{display:flex;align-items:center;gap:8px;border:2px solid var(--line-soft);border-radius:9px;
  background:var(--panel-2);padding:7px 9px;margin-bottom:6px}
.bkrow b{display:block;font-size:13px;color:var(--ink)}
.bkrow small{display:block;font-size:11px;color:var(--ink-soft)}
.feed div{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;min-width:0}