/* Backgammon-only bits on top of /arcade/arcade.css (the shared board-game
   chrome): the checker swatches and move-colour words used in How to play. */
.bgm-key { display: inline-block; width: 1em; height: 1em; border-radius: 50%; vertical-align: -.12em; margin: 0 .15em; }
.bgm-key.you { background: #FBF6EC; box-shadow: inset 0 0 0 3px #D83A34, 0 0 0 1px #8C7A5A; }
.bgm-key.rocko { background: #1E1B1A; box-shadow: inset 0 0 0 3px #B8652F; }
.bgm-green { color: #1F8F5A; font-weight: 800; }
.bgm-gold { color: #B07A0E; font-weight: 800; }

/* The page sits in an illustrated scene — a cozy back porch at golden hour (Ron's
   DALL·E backdrop, public/scenes/backgammon-porch.webp) — instead of the purple
   confetti stage: a fixed layer (works on iPhone, where background-attachment:
   fixed doesn't). The board goes on the open deck in the middle. */
body.bgm { background: #B8753E; }
body.bgm::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: url("/scenes/backgammon-porch.webp?v=3bb9f07") center 40% / cover no-repeat; }
/* light footer text needs a backing over the bright scene */
body.bgm .site-foot { background: rgba(24,10,64,.82); }