/* Aforetime, Manu Arcade
   Chrome (masthead, hud, seal, toggles, board-frame, overlay, colophon) comes
   from ../_shared/palette.css. Only game-specific surfaces live here: the dark
   card canvas treatment and the live hint line. No em dashes in on-screen text. */

#board {
  display: block;
  touch-action: manipulation;
  border-radius: 8px;
  max-width: 100%;
  cursor: pointer;
}

/* The card surface is drawn dark, so give the frame a slightly deeper inset
   well than the default parchment panel for contrast. */
.board-frame {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .04)),
    var(--parchment-deep);
}

/* ---- Live hint line ----------------------------------------------------- */
.hint {
  text-align: center;
  color: var(--ink-light);
  font-size: clamp(14px, 2.4vw, 16px);
  padding: 2px 6px 0;
  line-height: 1.5;
  max-width: 540px;
  margin: 2px auto 0;
  min-height: 1.5em;
  transition: opacity .35s var(--ease), color .3s var(--ease);
}
.hint strong { color: var(--oxblood); font-weight: 600; }
.hint.gone { opacity: 0; }

@media (max-width: 460px) {
  #board { border-radius: 6px; }
}