/* =============================================================
 v25.0.0 UI Pack 191-210 Implementation
 - 新規共通/出撃準備UI素材の導入
 - 既存セーブ/ゲームロジックは変更しない
 ============================================================= */
:root{
  --ui191:url('./assets/ui_191_210/191_common_back_button.webp');
  --ui192:url('./assets/ui_191_210/192_common_home_button.webp');
  --ui193:url('./assets/ui_191_210/193_common_close_button.webp');
  --ui194:url('./assets/ui_191_210/194_common_confirm_button_bg.webp');
  --ui195:url('./assets/ui_191_210/195_common_cancel_button_bg.webp');
  --ui196:url('./assets/ui_191_210/196_common_claim_button_bg.webp');
  --ui197:url('./assets/ui_191_210/197_common_warning_icon.webp');
  --ui198:url('./assets/ui_191_210/198_common_loading_icon.webp');
  --ui199:url('./assets/ui_191_210/199_common_notice_badge.webp');
  --ui200:url('./assets/ui_191_210/200_mobile_header_bg.webp');
  --ui201:url('./assets/ui_191_210/201_sortie_start_button.webp');
  --ui202:url('./assets/ui_191_210/202_difficulty_card_bg.webp');
  --ui203:url('./assets/ui_191_210/203_selected_difficulty_frame.webp');
  --ui204:url('./assets/ui_191_210/204_stage_info_panel.webp');
  --ui205:url('./assets/ui_191_210/205_formation_confirm_panel.webp');
  --ui206:url('./assets/ui_191_210/206_boss_info_panel.webp');
  --ui207:url('./assets/ui_191_210/207_boss_support_slot.webp');
  --ui208:url('./assets/ui_191_210/208_item_bring_slot.webp');
  --ui209:url('./assets/ui_191_210/209_sortie_caution_panel.webp');
  --ui210:url('./assets/ui_191_210/210_ready_banner.webp');
}

/* Utility classes for future use */
.ui191-back{background-image:var(--ui191)!important;}
.ui192-home{background-image:var(--ui192)!important;}
.ui193-close{background-image:var(--ui193)!important;}
.ui194-confirm{background-image:var(--ui194)!important;}
.ui195-cancel{background-image:var(--ui195)!important;}
.ui196-claim{background-image:var(--ui196)!important;}
.ui197-warning{background-image:var(--ui197)!important;}
.ui198-loading{background-image:var(--ui198)!important;}
.ui199-badge{background-image:var(--ui199)!important;}

/* Smartphone header treatment */
.homeTopbar,
.mapTopbar,
#prepScreen .topbar,
#gameScreen .topbar,
#resultScreen .topbar,
#gachaScreen .topbar,
#collectionScreen .topbar,
#bossScreen .topbar,
#profileScreen .topbar,
#highScoreScreen .topbar,
#missionScreen .topbar,
#loginBonusScreen .topbar,
#presentBoxScreen .topbar,
#ratingHelpScreen .topbar,
#awakenScreen .topbar,
#itemScreen .topbar,
#trainingScreen .topbar,
#trainingScreenV24 .topbar{
  background-image:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)),var(--ui200)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.12)!important;
  padding:14px 16px!important;
}

/* Common mobile buttons */
#prepBack,#mapBackHome,#ratingBack,#collectionBack,#bossBack,#profileBack,#highScoreBack,#missionBack,#loginBonusBack,#presentBoxBack,#awakenBack,#itemBack,#trainingBack,
.toTitle{
  background:transparent!important;
  background-image:var(--ui191)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  color:#2c2162!important;
  border:0!important;
  min-width:136px!important;
  min-height:54px!important;
  padding:0 18px!important;
  box-shadow:none!important;
}
#prepToHome,#homeBackBtn,.toHome,
#titleHomeBtn{
  background:transparent!important;
  background-image:var(--ui192)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  color:#2c2162!important;
  border:0!important;
  min-width:136px!important;
  min-height:54px!important;
  padding:0 18px!important;
  box-shadow:none!important;
}
#mapHelpBtn,.closeBtn,.modalCloseBtn,[data-close="1"]{
  background:transparent!important;
  background-image:var(--ui193)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  color:#2c2162!important;
  border:0!important;
  min-width:54px!important;
  min-height:54px!important;
  box-shadow:none!important;
}

/* Fixed actions use the new images */
#v2494PrepStartBtn,
#v2493PrepStartBtn,
#v2489FixedStart,
#startGame{
  background:transparent!important;
  background-image:var(--ui201)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
  color:#251739!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
}
#v2494LoginClaimBtn,
#v2494MissionClaimBtn,
#v2493LoginClaimBtn,
#v2493MissionClaimBtn{
  background:transparent!important;
  background-image:var(--ui196)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
  color:#251739!important;
}
#v2494TrainingChangeBtn,
#v2493TrainingChangeBtn{
  background:transparent!important;
  background-image:var(--ui194)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
  color:#251739!important;
}

/* Prep screen main visuals */
#prepScreen .prepStageSummary{
  background:transparent!important;
  background-image:var(--ui204)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
  box-shadow:none!important;
  padding:18px 18px 16px!important;
}
body.v2494-prep-active #prepScreen .section:has(#leaderList),
body.v2494-prep-active #prepScreen .section:has(#rosterList){
  background:transparent!important;
  background-image:var(--ui205)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
}
body.v2494-prep-active #prepScreen .section:has(#bossSupportList){
  background:transparent!important;
  background-image:var(--ui206)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
}
body.v2494-prep-active #prepScreen .section:has(#selectedItemsText){
  background:transparent!important;
  background-image:var(--ui208)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
}
#prepScreen .difficultyGrid{
  gap:10px!important;
}
#prepScreen .difficultyBtn{
  background:transparent!important;
  background-image:var(--ui202)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
  box-shadow:none!important;
  min-height:88px!important;
}
#prepScreen .difficultyBtn.active{
  background-image:var(--ui203),var(--ui202)!important;
  background-size:100% 100%,100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
}
#prepScreen .bossSupportCard{
  background:transparent!important;
  background-image:var(--ui207)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
}
#prepScreen .v2500ReadyBanner{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:2px auto 8px!important;
  width:min(100%,560px)!important;
  min-height:48px!important;
  background-image:var(--ui210)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  color:#4a285a!important;
  font-weight:1000!important;
  font-size:18px!important;
  letter-spacing:.04em!important;
}
#prepScreen .v2500CautionPanel{
  background:transparent!important;
  background-image:var(--ui209)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
  padding:12px 14px!important;
  color:#47365d!important;
}

/* Common action buttons where suitable */
button[data-role="confirm"], .btn.confirmBtn, .cta.confirmBtn{
  background:transparent!important;
  background-image:var(--ui194)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
}
button[data-role="cancel"], .btn.cancelBtn, .cta.cancelBtn{
  background:transparent!important;
  background-image:var(--ui195)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
}
button[data-role="claim"], .btn.claimBtn, .cta.claimBtn{
  background:transparent!important;
  background-image:var(--ui196)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
}

/* Notification / loading hooks for future screens */
.v2500NoticeBadge{
  display:inline-block!important;
  width:24px!important;
  height:24px!important;
  background-image:var(--ui199)!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
.v2500LoadingIcon{
  display:inline-block!important;
  width:30px!important;
  height:30px!important;
  background-image:var(--ui198)!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}

@media (max-width: 640px){
  #prepScreen .prepStageSummary{padding:16px 14px 14px!important;}
  #prepBack,#prepToHome,#mapBackHome,.toTitle{min-width:118px!important;min-height:50px!important;}
}