:root {
  --paper: #FFF4BD;
  --surface: #7FC8C0;
  --line: #598C86;
  --ink-2: var(--ink);
  --ink-3: var(--ink);
  --signal: #12CDEB;
  --signal-ink: #0D90A5;
  --signal-soft: #FFF4BD;
  --e1: none;
}
.bg-game { user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; touch-action:none; }
.bg-overlay { background:#12CDEB; }
.bg-modal { border:2px solid #999271; }
.bg-modal__title { font-size:38px; }
.bg-modal__stat { border:2px solid var(--line); }
.bg-btn--primary { border:2px solid #0D90A5; box-shadow:none; }
.bg-btn--primary:active { box-shadow:none; }
.bg-btn--secondary { border:2px solid var(--line); box-shadow:none; }
.bg-btn--ghost { background:#FFF4BD; border:2px solid #999271; }
.bg-kbd, .bg-btn--primary .bg-kbd { background:#7FC8C0; color:var(--ink); }
.bg-ctl { --ctl-fill:#FFF4BD; --ctl-edge:#999271; }
.bg-ob { --ob-ink:#999271; }
.bg-go__stamp { border-color:#999271; }

/* Results follow the house hierarchy (as Twinfix, #180): orange Play again. */
.bg-modal .res-again,
.bg-modal .res-again:active {
  background: #FF5A1F;
  border-color: #B33F16;
  color: #17171C; /* 5.7:1 on #FF5A1F; the game ink is too light on orange */
  box-shadow: none;
}