html,
body,
.quiz-app,
.motus-app,
.whoami-app,
.petitbac-app {
  background: rgba(0, 0, 0, 0) !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

html,
body {
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

html[data-game-transparent="0"],
html[data-game-transparent="0"] body {
  background: linear-gradient(145deg, var(--game-secondary, #ff9a3c) 0%, var(--game-primary, #f27622) 52%, var(--game-background, #111114) 100%) !important;
  background-color: var(--game-background, #f27622) !important;
}

.quiz-app,
.motus-app,
.whoami-app,
.pb-app {
  --primary: var(--game-primary, #f27622) !important;
  --secondary: var(--game-background, #111114) !important;
  color: var(--game-text, #fff) !important;
}

.quiz-timer-bar,
.motus-timer-bar,
.whoami-timer-bar,
.pb-timer-bar {
  background: linear-gradient(90deg, var(--game-primary, #f27622), var(--game-secondary, #ffad55)) !important;
}

.quiz-question-row,
.quiz-choice,
.quiz-answer-result,
.quiz-answer-explanation,
.quiz-provisional,
.quiz-top-scores,
.motus-word-zone,
.motus-answer-result,
.motus-provisional,
.pb-category-row,
.pb-reveal-result,
.pb-revealed-item,
.pb-provisional,
.whoami-clues-container,
.whoami-answer-word,
.whoami-answer-result,
.whoami-provisional {
  border-color: color-mix(in srgb, var(--game-primary, #f27622) 84%, white 8%) !important;
  background: color-mix(in srgb, var(--game-primary, #f27622) 70%, transparent) !important;
  color: var(--game-text, #fff) !important;
}

.quiz-choice .letter,
.quiz-choice.active,
.quiz-choice.correct {
  border-color: var(--game-secondary, #ffad55) !important;
  background: color-mix(in srgb, var(--game-primary, #f27622) 82%, transparent) !important;
}