/* =====================================================================
   GAME CHROME — the compact brand (top-left) and the menu button
   (top-right). The old side panel (mode badge, turn box, roll hint, and
   the big menu button) was removed so the board is the sole focus; whose
   turn it is now shows as an arrow pointing at the die (see board.css).
===================================================================== */
.brand{
  position:fixed; top:16px; left:18px; z-index:30;
  font-family:var(--v-sans); font-size:clamp(18px,2.4vw,24px); font-weight:600; letter-spacing:-.02em;
  color:var(--v-ink);
  pointer-events:none; user-select:none;
}
/* the menu button rides the shared .neon-btn look; only its placement/size
   are set here (the rest comes from base.css) */
.menuBtn{
  position:fixed; top:18px; right:72px; z-index:30;   /* left of the sound button */
  padding:9px 14px; font-size:13px; border-radius:10px;
}

/* the brand & menu button only make sense once a game is on screen */
.brand,.menuBtn{display:none;}
body.in-game .brand{display:block;}
body.in-game .menuBtn{display:block;}