/* Muncher Lab -- the new game being built out of Cookie Muncher.
 *
 * Almost everything is arcade.css: the bar, its buttons, the stage, the
 * dialog and full screen. This is only what an arcade screen needs on top.
 *
 * The board is drawn black on every theme. It is an arcade cabinet's screen,
 * and the neon walls are only neon against black. arcade/stage.js letterboxes
 * the board into the stage, so the stage behind it is black too -- otherwise
 * a wide window shows two strips of the theme's ground either side of it.
 */

.muncher-lab-page .ar-stage {
  background: #000;
}

/* The cast is a page, so it is a link -- dressed as the buttons beside it,
   which is arcade.css's .ar-bar button rule over again for an <a>. */
.ml-cast {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 2.6rem;
  padding: 0 0.85rem;
  border: 1px solid var(--rule-strong);
  border-radius: 8px;
  background: var(--button-bg, var(--surface));
  color: var(--button-ink, var(--ink));
  font-size: 1rem;
  text-decoration: none;
}

.ml-cast:hover {
  background: var(--button-hover-bg, var(--accent-soft));
  border-color: var(--accent);
}