/* Shared selected and action state contrast for BRITER games and facilitator tools. */
.games-hub .tool-surface button.active,
.games-hub .tool-surface button.secondary.active,
.games-hub .tool-tabs button[aria-selected="true"],
.games-hub .filter-group button[aria-pressed="true"],
.answer.selected:not(.correct):not(.wrong),
.answer.selected.correct,
.answer.selected.wrong {
  background-color:#7e3f8f;
  border-color:#7e3f8f;
  color:#fff;
}
.games-hub .tool-surface button.active,
.games-hub .tool-surface button.secondary.active {background-color:#ad1c6c;border-color:#ad1c6c;color:#fff}
.answer.selected.wrong {background-color:#a82065;border-color:#a82065;color:#fff}
.answer.selected .letter {background:#fff;color:#643274}
/* Keep the existing brand hue while giving white type enough contrast. */
button.gold,button.red,.game:nth-of-type(1) .play {
  color:#fff;
}
button.gold {background-image:linear-gradient(#0006,#0006)}
button.red,.game:nth-of-type(1) .play {background-image:linear-gradient(#0005,#0005)}
button.gold:hover,button.red:hover,.games-hub .tool-surface button.active:hover {filter:brightness(.9)}
button:focus-visible,[role="button"]:focus-visible,.play:focus-visible {
  outline:3px solid #7e3f8f;outline-offset:3px;
}
button:disabled {cursor:not-allowed;opacity:.52}