/* v644: Mobile parity with desktop background and solid panel treatment.
   Presentation only: no gameplay, data, simulation, leaderboard, or room transport changes. */

@media (max-width: 768px){
  /* Classic Mobile: remove the legacy opaque page/footer colour that hid the
     shared fixed arena layer. The actual game panels remain solid. */
  html{
    background:#02070b!important;
  }
  html body.game-page{
    background:transparent!important;
    background-color:transparent!important;
  }
  body.game-page > .menu-page-bg{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    filter: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;
  }
  html body.game-page .freshFooterV500,
  html body.game-page #mobileGameFooterClearance{
    background:transparent!important;
    background-color:transparent!important;
  }
}

@media (max-width: 760px){
  /* Draft Mobile: use opaque versions of the desktop Draft card colours.
     These selectors cover landing, lobby, live draft, simulation and results. */
  body.draft-page,
  body.draft-theme-fcf{
    background:transparent!important;
    background-color:transparent!important;
  }

  body.draft-theme-fcf .intro-card,
  body.draft-theme-fcf .setup-card,
  body.draft-theme-fcf .lobby-panel,
  body.draft-theme-fcf .rules-panel,
  body.draft-theme-fcf .room-topbar,
  body.draft-theme-fcf .draft-statusbar,
  body.draft-theme-fcf .host-draft-controls,
  body.draft-theme-fcf .pool-panel,
  body.draft-theme-fcf .board-panel,
  body.draft-theme-fcf .order-panel,
  body.draft-theme-fcf .selected-team-panel,
  body.draft-theme-fcf .mobile-classic-team-panel,
  body.draft-theme-fcf .season-spin-card,
  body.draft-theme-fcf .draft-simulation-card,
  body.draft-theme-fcf .champion-card,
  body.draft-theme-fcf .ladder-panel,
  body.draft-theme-fcf .recap-panel,
  body.draft-theme-fcf .rosters-panel,
  body.draft-theme-fcf .final-rosters-panel,
  body.draft-theme-fcf .simplified-lobby-panel,
  body.draft-theme-fcf .draft-landing-intro{
    background:linear-gradient(180deg,#121f34 0%,#091221 100%)!important;
    border-color:rgba(65,95,139,.68)!important;
    box-shadow:0 20px 55px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.04)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  /* Preserve special gold/blue visual hierarchy while removing transparency. */
  body.draft-theme-fcf .champion-card{
    background:linear-gradient(180deg,#17243a 0%,#0a1424 100%)!important;
  }
  body.draft-theme-fcf .season-spin-card,
  body.draft-theme-fcf .draft-simulation-card{
    background:linear-gradient(180deg,#121f34 0%,#07101e 100%)!important;
  }

  /* Inputs and inner rows remain the existing solid blue tones. */
  body.draft-theme-fcf .setup-card input,
  body.draft-theme-fcf .setup-card select,
  body.draft-theme-fcf .pool-toolbar input,
  body.draft-theme-fcf .pool-toolbar select{
    background:#071222!important;
  }
}