/* Arena Teney — Experience r01f backdrop gold pass
 * Presentation-only follow-up to r01e.
 * Recolors the real page backdrop behind the Experience chrome/content by
 * overriding the existing body theme variables. No geometry, safe-area,
 * navigation, state, formulas or Experience data changes.
 */

body[data-screen="experience"] {
  --bg:#090705;
  --bg-start:#0b0906;
  --bg-mid:#120d07;
  --bg-end:#070605;
  --glow:#9f7027;
  --fog-1:rgba(211, 171, 80, .16);
  --fog-2:rgba(176, 126, 42, .13);
  --fog-3:rgba(126, 88, 28, .10);
  background:
    radial-gradient(circle at 50% -10%, rgba(191, 145, 52, .22) 0, transparent 33rem),
    linear-gradient(180deg, var(--bg-start) 0%, var(--bg-mid) 64%, var(--bg-end) 100%) !important;
}

body[data-screen="experience"]::before {
  background:
    radial-gradient(circle at 15% 20%, rgba(211, 171, 80, .16) 0, transparent 24%),
    radial-gradient(circle at 85% 15%, rgba(176, 126, 42, .13) 0, transparent 28%),
    radial-gradient(circle at 50% 85%, rgba(126, 88, 28, .10) 0, transparent 30%) !important;
}

body[data-screen="experience"] .arena-ambience .fog::after {
  background:radial-gradient(circle, rgba(198, 151, 63, .20), transparent 65%) !important;
}

body[data-screen="experience"] .arena-ambience .embers span {
  background:radial-gradient(circle, #f5d98e, rgba(198, 151, 63, .72) 55%, transparent 72%) !important;
  box-shadow:0 0 14px rgba(198, 151, 63, .38) !important;
}