:root {
  color-scheme: dark;
}

html,
body,
#root {
  background: #120e0a !important;
}

body {
  background: #120e0a !important;
}

.aurora-shell {
  background:
    linear-gradient(180deg, rgba(22, 14, 8, 0.42) 0%, rgba(10, 8, 6, 0.72) 100%),
    url("./gfx/pitch.jpg") center top / cover no-repeat !important;
}

.aurora-mesh,
.aurora-orb,
.game-stage-mesh,
.game-stage-orb {
  opacity: 0 !important;
  animation: none !important;
}

.game-stage-shell {
  background:
    linear-gradient(180deg, rgba(18, 12, 8, 0.08), rgba(8, 6, 4, 0.18)),
    rgba(20, 12, 6, 0.22) !important;
  border-color: rgba(196, 149, 64, 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 170, 0.12),
    0 28px 70px rgba(0, 0, 0, 0.45) !important;
}

.mobile-ui-card,
.desktop-app-sidebar-inner section,
.desktop-app-sidebar .mobile-ui-card {
  background: rgba(24, 18, 12, 0.92) !important;
  border-color: rgba(212, 160, 64, 0.22) !important;
}

.intro-loader {
  background:
    linear-gradient(180deg, rgba(16, 10, 6, 0.55), rgba(8, 6, 4, 0.78)),
    url("./gfx/pitch.jpg") center / cover no-repeat !important;
}

.intro-loader__title {
  height: 4.2rem;
  background: url("./gfx/logo-wide.png") center / contain no-repeat;
  color: transparent !important;
  text-shadow: none !important;
}

.intro-loader__progress-bar {
  background: linear-gradient(90deg, #f0c040, #7cbf3a) !important;
}

.play-cta-button {
  background: linear-gradient(180deg, #8fd14a, #4ea31f) !important;
  border-color: rgba(190, 255, 120, 0.35) !important;
}