/* v639: Exact main-menu arena background for Classic and Draft pages only.
   Deliberately does not target cards, panels, modals, buttons, or game components. */
html{
  background:#02070b!important;
}
body.game-page,
body.draft-page{
  background:transparent!important;
}
.menu-page-bg,
body.draft-page > .draft-bg{
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(rgba(0,0,0,.36),rgba(0,0,0,.48)),
    url('/mode-arena-bg.png')!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
}
.menu-page-bg::after,
body.draft-page > .draft-bg::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 36%,rgba(0,0,0,.10) 0 40%,rgba(0,0,0,.42) 68%,rgba(0,0,0,.76) 100%),
    linear-gradient(to right,rgba(0,0,0,.84),rgba(0,0,0,.10) 14%,rgba(0,0,0,.10) 86%,rgba(0,0,0,.84)),
    linear-gradient(to bottom,rgba(0,0,0,.18) 0%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.28) 72%,rgba(0,0,0,.44) 100%)!important;
}

/* v643: Draft previously retained its legacy background-layer opacity/filter.
   Remove those Draft-only effects so the shared arena background renders at
   the same strength as the menu and Classic pages. */
body.draft-page > .draft-bg{
  opacity:1!important;
  filter:none!important;
}