/* ISSUE-004 | 冒険職6タブ配置
   目的：
   - 「冒険者職 / ステータス/能力値 / 装備 / 技 / 技能 / 所持品」を利用可能幅いっぱいに6等分
   - HUD直下位置は共通の ui-layout-master.css が管理する（このファイルでは管理しない）
   - タブ以外の冒険職ロジック・データ・下部ナビには触れない
*/


#adventure.page.active .adventure-category-tabs{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-columns:minmax(0,1fr)!important;
  gap:.28vw!important;
  margin-top:.08vw!important;
  margin-bottom:.32vw!important;
  padding:.22vw!important;
  align-self:stretch!important;
}

#adventure.page.active .adventure-category-tab{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

@media (max-width:900px) and (orientation:landscape){
  #adventure.page.active .adventure-category-tabs{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:2px!important;
    margin-top:1px!important;
    margin-bottom:3px!important;
    padding:2px!important;
  }
  #adventure.page.active .adventure-category-tab{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}