/* Per-game visual accents — subtle, professional */
.game-row {
  --g-accent: var(--accent-primary);
  --g-bar-bg: transparent;
  --g-radius: 14px;
  position: relative;
  border-radius: var(--g-radius);
}

.game-row[data-game="arknights"] {
  --g-accent: #f0c41a;
}

.game-row[data-game="endfield"] {
  --g-accent: #9ad7c2;
}

.game-row[data-game="bluearchive"] {
  --g-accent: #7eb6ff;
}

.game-row[data-game="genshin"] {
  --g-accent: #6ec8ff;
}

.game-row[data-game="starrail"] {
  --g-accent: #d4a574;
}

.game-row[data-game="zzz"] {
  --g-accent: #e86a6a;
}

.game-row[data-game="wuwa"] {
  --g-accent: #7dd3c0;
}

.game-row[data-game="azurlane"] {
  --g-accent: #5b8def;
}

.game-row[data-game="nikke"] {
  --g-accent: #e879a9;
}

.game-row[data-game="reverse1999"] {
  --g-accent: #c4a1ff;
}

.game-row[data-game="gfl2"] {
  --g-accent: #a8b86c;
}

.game-row[data-game="hearthstone"] {
  --g-accent: #e8a84a;
}

.game-row[data-accent="custom"][data-game^="custom"] {
  --g-accent: #c4b59a;
}

/* Accent color applied to inline elements inside game rows */
.game-row .fill {
  background: linear-gradient(90deg, var(--g-accent), var(--accent-primary)) !important;
}

.game-row .remain.live .metric {
  color: var(--g-accent) !important;
}

.game-row .card .pill.badge-cat {
  background: color-mix(in srgb, var(--g-accent) 20%, rgba(0, 0, 0, 0.4));
}

.card:focus-visible {
  outline-color: var(--g-accent, var(--accent)) !important;
}