/* Stage990 Web: centered wide menus + reliable Daily Rush menu scrolling. */
@media (min-width: 769px){
  #title.trf-web-wide-menu{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    align-items:center !important;
  }

  #title.trf-web-wide-menu #trfTitleFlow{
    width:min(1080px, calc(100vw - 48px)) !important;
    min-width:0 !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    align-self:center !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
  }

  #title.trf-web-wide-menu #titleStepCategory,
  #title.trf-web-wide-menu #titleStepBattle,
  #title.trf-web-wide-menu #titleStepDailyRush,
  #title.trf-web-wide-menu #battleHub,
  #title.trf-web-wide-menu #battlePaneLocal,
  #title.trf-web-wide-menu #battlePaneOnline{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  #title.trf-web-wide-menu #titleStepCategory > .row:first-of-type #btnCatBattle,
  #title.trf-web-wide-menu #titleStepCategory > .row:first-of-type #btnCatDungeon,
  #title.trf-web-wide-menu #titleStepCategory > .row:first-of-type #btnCatTutorial,
  html[data-lang="ja"] #title.trf-web-wide-menu #titleStepCategory > .row:first-of-type #btnCatBattle,
  html[data-lang="ja"] #title.trf-web-wide-menu #titleStepCategory > .row:first-of-type #btnCatDungeon,
  html[data-lang="ja"] #title.trf-web-wide-menu #titleStepCategory > .row:first-of-type #btnCatTutorial,
  html[data-lang="en"] #title.trf-web-wide-menu #titleStepCategory > .row:first-of-type #btnCatBattle,
  html[data-lang="en"] #title.trf-web-wide-menu #titleStepCategory > .row:first-of-type #btnCatDungeon,
  html[data-lang="en"] #title.trf-web-wide-menu #titleStepCategory > .row:first-of-type #btnCatTutorial{
    width:min(520px, calc(100% - 48px)) !important;
    min-width:min(520px, calc(100% - 48px)) !important;
    max-width:520px !important;
  }

  #title.trf-web-wide-menu #battleHub > .row:first-child{
    width:100% !important;
    flex-wrap:nowrap !important;
  }
  #title.trf-web-wide-menu #battleHub > .row:first-child #btnBattleLocalMenu,
  #title.trf-web-wide-menu #battleHub > .row:first-child #btnBattleOnlineMenu{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:240px !important;
    max-width:480px !important;
  }

  #title.trf-web-wide-menu #titleStepDailyRush > .trfDailyRushMenu{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  #title.trf-web-wide-menu #titleStepDailyRush .trfDailyRushBonusPreview{
    width:min(640px, 100%) !important;
    max-width:640px !important;
  }
  #title.trf-web-wide-menu #titleStepDailyRush .trfDailyRushMenuRankingPanel{
    width:min(760px, 100%) !important;
    max-width:760px !important;
  }
  #title.trf-web-wide-menu #titleStepDailyRush .trfDailyRushChallenge{
    width:min(420px, 100%) !important;
    max-width:420px !important;
  }
}

@media (min-width: 769px) and (max-width: 900px){
  #title.trf-web-wide-menu #trfTitleFlow{
    width:calc(100vw - 32px) !important;
  }
  #title.trf-web-wide-menu #battleHub > .row:first-child{
    flex-wrap:wrap !important;
  }
  #title.trf-web-wide-menu #battleHub > .row:first-child #btnBattleLocalMenu,
  #title.trf-web-wide-menu #battleHub > .row:first-child #btnBattleOnlineMenu{
    flex:1 1 280px !important;
    max-width:100% !important;
  }
}

/*
 * The global game shell intentionally fixes body scrolling. Daily Rush is taller
 * than the viewport on many phones, so the title screen itself must own scrolling.
 */
body.trf-web #title.trf-title--menu.trf-web-daily-menu-scroll{
  height:100vh !important;
  height:100dvh !important;
  min-height:100vh !important;
  min-height:100dvh !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  touch-action:pan-y;
  scrollbar-gutter:stable both-edges;
}

body.trf-web #title.trf-title--menu.trf-web-daily-menu-scroll #trfTitleFlow{
  flex:0 0 auto;
  max-height:none !important;
  overflow:visible !important;
  margin-bottom:calc(14px + env(safe-area-inset-bottom)) !important;
}

body.trf-web.trf-banner-on #title.trf-title--menu.trf-web-daily-menu-scroll{
  height:calc(100svh - var(--trf-banner-reserve)) !important;
  min-height:calc(100svh - var(--trf-banner-reserve)) !important;
}

/* Stage990: make the Daily Rush challenge entry visibly brighter on Web. */
body.trf-web #title .trfDailyRushChallenge{
  border-color:rgba(249,220,139,.96) !important;
  background:
    linear-gradient(90deg,rgba(25,19,9,.35),rgba(255,229,151,.08) 52%,rgba(25,19,9,.34)),
    linear-gradient(180deg,rgba(255,241,191,.13),rgba(5,8,13,.22)),
    url("img/daily-rush/challenge.jpeg") center 52% / cover no-repeat !important;
  box-shadow:
    inset 0 1px 0 rgba(255,250,218,.34),
    0 0 22px rgba(231,184,67,.22),
    0 8px 22px rgba(0,0,0,.30) !important;
  color:#fffbed !important;
  text-shadow:0 2px 5px rgba(0,0,0,.94),0 0 12px rgba(255,224,139,.32) !important;
  filter:brightness(1.22) saturate(1.08);
}

body.trf-web #title .trfDailyRushChallenge:not(:disabled):hover{
  filter:brightness(1.30) saturate(1.10) !important;
}

body.trf-web #title .trfDailyRushChallenge:disabled{
  filter:saturate(.55) !important;
  opacity:.58 !important;
  box-shadow:none !important;
}