/* styles/views/game-bar.css — extrait de styles.css L194-L226. .game-bar. */

/* ================================== GAME HUD ====================== */
/* ---- Game top bar (single compact row) ---- */
.game-bar{
  display:flex;align-items:center;position:relative;
  padding:0 0 14px;border-bottom:1px solid var(--border);
  font-family:var(--mono);font-size:12px;letter-spacing:.6px;font-weight:500;
  color:var(--fg-dim);
  text-transform:uppercase;
}
.game-bar b{color:var(--fg);font-weight:700}
.game-bar-sep{color:var(--border-strong);font-weight:400;letter-spacing:0;margin:0 6px}
.game-bar-stats{color:var(--fg-dim)}
.game-bar .theme-toggle-bar{margin-left:auto}
.game-bar-center{
  position:absolute;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;white-space:nowrap;
}

.brand-home{
  background:transparent;border:none;padding:4px 10px;cursor:pointer;
  font-family:var(--mono);font-size:12px;letter-spacing:.6px;font-weight:600;
  color:var(--fg);
  border-radius:var(--r-pill);
  transition:color .15s ease, background .15s ease;
  text-transform:uppercase;
}
.brand-home:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent);}

.mode-pill{
  font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--fg-dim);
  text-transform:uppercase;padding:4px 10px;border:1px solid var(--border);border-radius:999px;
}