/* =============================================================
 v25.0.6 Ten Pull Gacha
 - 1回ガチャは維持
 - 10連ガチャボタンと10体結果表示を追加
 ============================================================= */

#gachaScreen #gachaActions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:12px 0 12px!important;
}
#gachaScreen #gachaActions .cta{
  margin:0!important;
  min-height:62px!important;
  border-radius:999px!important;
  font-size:clamp(15px,3.8vw,20px)!important;
  font-weight:1000!important;
  touch-action:manipulation!important;
}
#gachaScreen #gachaBtn{
  background:linear-gradient(180deg,#fff18d,#ffbf4e 62%,#ff91bd)!important;
  color:#251739!important;
}
#gachaScreen #gacha10Btn{
  border:0!important;
  background:linear-gradient(180deg,#fff7b5,#ffd453 48%,#ff8ee4)!important;
  color:#251739!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22),0 4px 0 rgba(107,58,0,.22)!important;
}
#gachaScreen #gacha10Btn:disabled,
#gachaScreen #gachaBtn:disabled{
  opacity:.55!important;
  filter:saturate(.7)!important;
}

#gachaScreen .gachaTenResultCard{
  border-radius:28px!important;
  padding:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,244,250,.95))!important;
  border:2px solid rgba(255,221,114,.75)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.20)!important;
  text-align:center!important;
  color:#251944!important;
}
#gachaScreen .gachaTenHeader{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-bottom:10px!important;
  padding:8px 10px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff6cf,#ffe48b)!important;
  color:#3a255e!important;
  font-weight:1000!important;
}
#gachaScreen .gachaTenHeader b{
  font-size:18px!important;
}
#gachaScreen .gachaTenSummary{
  font-size:12px!important;
  font-weight:900!important;
  color:#5d4a78!important;
}
#gachaScreen .gachaTenGrid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
}
#gachaScreen .gachaTenItem{
  position:relative!important;
  min-width:0!important;
  border-radius:18px!important;
  padding:8px 6px 7px!important;
  background:linear-gradient(180deg,#ffffff,#f2f0f6)!important;
  border:1px solid rgba(178,165,194,.58)!important;
  box-shadow:0 7px 16px rgba(0,0,0,.10)!important;
  overflow:hidden!important;
}
#gachaScreen .gachaTenItem.is-new{
  border-color:rgba(255,202,72,.9)!important;
  box-shadow:0 0 18px rgba(255,204,73,.30),0 7px 16px rgba(0,0,0,.10)!important;
}
#gachaScreen .gachaTenItem.rarity-sr,
#gachaScreen .gachaTenItem.rarity-rare{
  background:linear-gradient(180deg,#fffaf0,#fff0fb)!important;
}
#gachaScreen .gachaTenBadge{
  position:absolute!important;
  top:5px!important;
  left:5px!important;
  z-index:2!important;
  min-width:34px!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ff4d75,#c42352)!important;
  color:white!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:1000!important;
  box-shadow:0 3px 8px rgba(0,0,0,.18)!important;
}
#gachaScreen .gachaTenRarity{
  position:absolute!important;
  top:5px!important;
  right:5px!important;
  z-index:2!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.9)!important;
  font-size:12px!important;
  box-shadow:0 3px 8px rgba(0,0,0,.13)!important;
}
#gachaScreen .gachaTenChara{
  width:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)!important;
}
#gachaScreen .gachaTenName{
  margin-top:5px!important;
  min-height:2.4em!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#251944!important;
  font-size:11px!important;
  line-height:1.16!important;
  font-weight:1000!important;
  text-shadow:none!important;
}
#gachaScreen .gachaTenSub{
  margin-top:3px!important;
  color:#65567c!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:900!important;
  text-shadow:none!important;
}
#gachaScreen .gachaTenAgainRow{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:12px!important;
}
#gachaScreen .gachaTenAgainRow button{
  min-height:48px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#fff18d,#ffbf4e 62%,#ff91bd)!important;
  color:#251739!important;
  font-weight:1000!important;
}

@media(max-width:640px){
  #gachaScreen .gachaTenGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #gachaScreen #gachaActions{
    grid-template-columns:1fr!important;
  }
  #gachaScreen .gachaTenName{
    font-size:12px!important;
  }
}