.monitor-game-navigation {
  margin: 0 0 20px;
  padding: 12px;
  border: 1px solid #2a3936;
  border-radius: 6px;
  background: linear-gradient(135deg, #1b2524, #151b1e 70%);
}
.monitor-game-navigation-heading { margin-bottom: 9px; }
.monitor-game-navigation-heading h2 { margin: 0; color: #a8bcb5; font: 10px/1.4 Consolas, monospace; letter-spacing: .8px; text-transform: uppercase; }
.monitor-game-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.game-tab {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  min-height: 44px;
  padding: 7px 11px;
  border: 1px solid #34433f;
  border-radius: 5px;
  background: #1c2527;
  color: #d5e1dc;
  text-align: left;
  cursor: pointer;
  transition: background .15s, border-color .15s;
}
.game-tab:hover { border-color: #62bba3; background: #22332f; }
.game-tab[aria-selected="true"] { border-color: #57d5b3; background: #214238; box-shadow: inset 0 -2px #57d5b3; }
.game-tab:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.game-tab-icon { display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; border: 1px solid #43534e; border-radius: 5px; background: #293633; color: #8ce5cb; font-size: 16px; }
.game-tab[aria-selected="true"] .game-tab-icon { border-color: #58b89d; background: #30604f; color: #bdffe8; }
.game-tab-detail { display: flex; align-items: center; gap: 9px; min-width: 0; }
.game-tab-label { overflow: hidden; color: #edf5ef; font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.game-tab-count { flex: 0 0 auto; color: #a9bdb5; font-size: 10px; white-space: nowrap; }
.game-tab[aria-selected="true"] .game-tab-count { color: #aaf3d9; }
#game-tab-content { min-width: 0; }
@media (max-width: 720px) {
  .monitor-game-navigation { padding: 10px; margin-bottom: 16px; }
  .monitor-game-tabs { gap: 6px; }
  .game-tab { padding: 7px 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .game-tab { transition: none; }
}