/* More colorful background & a bit brighter panels (uses BG vars) */
body{
  background:
    radial-gradient(1100px 680px at 18% 18%, rgba(255, 215, 0, .18), transparent 60%),
    radial-gradient(900px 650px at 78% 70%, rgba(140, 200, 255, .22), transparent 58%),
    radial-gradient(820px 560px at 55% 30%, rgba(255, 120, 170, .16), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg2) 35%, var(--bg3) 70%, var(--bg4));
}
#title-banner,#legend,#panel,.modal-card,#toast{
  background: rgba(28,18,12,.72);
}