:root {
  color-scheme: dark;
}

html,
body,
#app,
#game,
#bg {
  background-color: #000 !important;
  color: #f2f2f2 !important;
}

.film {
  background: #000 !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

.en,
.t2,
.desc,
.foot {
  color: rgba(255, 255, 255, .56) !important;
}

.desc b {
  color: #f2f2f2 !important;
}

.btn {
  border: 1px solid rgba(255, 212, 121, .5) !important;
  background: #000 !important;
  color: #ffd479 !important;
}

.btn.sub {
  border-color: rgba(255, 255, 255, .22) !important;
  background: #000 !important;
  color: rgba(255, 255, 255, .65) !important;
}

#bg[class*="bg-"],
#bioPuzzle,
#actorPuzzle,
#schedule,
#report,
.puzzle-screen,
.full-screen,
.result-screen,
.stage-screen {
  background-color: #000 !important;
  background-image: none !important;
}

/* Panels keep only a faint information layer over the black canvas. */
#advBox,
.ch,
.ov-body,
.bp-r-card,
.rp-row,
.set-r,
.fl-c,
.vd-hot {
  background-color: rgba(255, 255, 255, .025) !important;
}