/* CoreDump — Stats page (builds on log.css). */

.stats-main { max-width: 980px; margin: 0 auto; padding: 32px 16px 64px; }
.stats-hero { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 22px; }
.stats-hero h1 { margin: 0 0 8px; font-size: clamp(26px, 4vw, 40px); color: #e8fbff; text-shadow: 0 0 18px rgba(0, 229, 255, 0.35); }
.stats-hero .lede { margin: 0; }

.player-search label { display: block; font-size: 10px; letter-spacing: 0.2em; color: var(--blue-dim); margin-bottom: 6px; }
.player-search div { display: flex; gap: 6px; }
.player-search .lb-input { width: 170px; }

.stats-main .stats { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }

.panel-box { background: var(--panel-2); border: 1px solid var(--line); padding: 16px 18px; margin: 18px 0; position: relative; }
.panel-box::before { content: ''; position: absolute; top: -1px; left: -1px; width: 12px; height: 12px; border-top: 2px solid var(--blue); border-left: 2px solid var(--blue); }
.panel-box h2 { margin: 0 0 10px; font-size: 11px; letter-spacing: 0.25em; color: var(--blue-dim); }

.dim { color: var(--blue-dim); font-size: 11px; }
.num { color: var(--amber); font-weight: 800; font-variant-numeric: tabular-nums; }
.who-link { color: var(--text); text-decoration: none; font-weight: 600; }
.who-link:hover { color: var(--blue); text-decoration: underline; }
.watch { font-size: 11px; color: var(--amber); text-decoration: none; white-space: nowrap; }
.watch:hover { text-decoration: underline; }

.bar-row { display: grid; grid-template-columns: 140px 1fr auto; gap: 10px; align-items: center; margin: 6px 0; font-size: 12px; }
.bar-label { color: var(--blue); font-weight: 600; }
.bar { height: 10px; background: rgba(0, 229, 255, 0.08); border: 1px solid var(--line); }
.bar i { display: block; height: 100%; background: linear-gradient(90deg, #0088a8, var(--blue)); box-shadow: 0 0 8px rgba(0, 229, 255, 0.5); }
.bar-val { color: var(--text-dim); font-size: 11px; }

.feed { list-style: none; margin: 0; padding: 0; }
.feed li { display: grid; grid-template-columns: 130px 1fr auto auto auto; gap: 12px; align-items: baseline; padding: 6px 0; border-bottom: 1px solid rgba(0, 229, 255, 0.08); font-size: 12.5px; }
.feed-mode { color: var(--blue); font-size: 11px; font-weight: 600; letter-spacing: 0.06em; }
.loading { color: var(--blue-dim); letter-spacing: 0.15em; }
.loading.red { color: var(--red); }

@media (max-width: 600px) {
  .bar-row { grid-template-columns: 1fr; gap: 4px; }
  .feed li { grid-template-columns: 1fr auto; }
  .feed li .dim { display: none; }
}