/* ── GAMING OVERVIEW ─────────────────────────────────── */
.game-list { display: flex; flex-direction: column; gap: 8px; }
.game-item {
  background: var(--bg3); border: 1px solid var(--border); border-radius: 8px;
  padding: 14px 16px; display: flex; align-items: center; gap: 14px;
  cursor: pointer; transition: border-color 0.15s;
}
.game-item:hover { border-color: var(--border2); }
.game-icon {
  width: 44px; height: 44px; border-radius: 8px; background: var(--bg4);
  display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0;
}
.g-title { font-size: 14px; font-weight: 500; }
.g-desc  { font-size: 12px; color: var(--text2); margin-top: 2px; }
.g-tags  { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 5px; }
.g-tag {
  font-size: 10px; padding: 2px 8px; border-radius: 20px;
  background: var(--bg4); color: var(--text2); border: 1px solid var(--border);
}
.g-tag.t-wiki  { background: rgba(139,125,212,0.1); color: var(--accent2); border-color: rgba(139,125,212,0.2); }
.g-tag.t-stats { background: rgba(93,191,160,0.1);  color: var(--accent3); border-color: rgba(93,191,160,0.2); }
.g-tag.t-api   { background: rgba(200,169,110,0.1); color: var(--accent);  border-color: rgba(200,169,110,0.2); }

/* ── PROGRESS BAR ─────────────────────────────────── */
.prog-wrap { width: 110px; flex-shrink: 0; }
.prog-lbl  { font-size: 10px; color: var(--text3); margin-bottom: 4px; }
.prog-bar  { height: 4px; background: var(--bg4); border-radius: 2px; overflow: hidden; }
.prog-fill { height: 100%; border-radius: 2px; }