/* =============================================================
 v25.0.4 Gacha Result + Drop Layout Fix
 - ITEM DROPのレアリティ文字を非表示
 - 数量を枠右側へ移動
 - ガチャ結果画像をキャラID固定で表示
 ============================================================= */

/* ITEM DROP：NORMAL/RARE等は素材画像に入っているため非表示 */
#resultScreen .dropItemRarity,
#resultScreen .dropFxCard .dropItemRarity{
  display:none!important;
}

/* ITEM DROP：枠の中でアイコン・名前・数量を安定配置 */
#resultScreen .dropFxGrid{
  gap:12px!important;
}
#resultScreen .dropFxCard{
  position:relative!important;
  display:block!important;
  min-height:126px!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#resultScreen .dropFxCard::before{
  content:"";
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background-image:var(--ui216)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
#resultScreen .dropFxCard.rarity-r::before,
#resultScreen .dropFxCard.rarity-sr::before,
#resultScreen .dropFxCard.rarity-ur::before{
  background-image:var(--ui217)!important;
}
#resultScreen .dropFxCard > *{
  position:absolute!important;
  z-index:1!important;
}
#resultScreen .dropFrame{
  display:none!important;
}
#resultScreen .dropItemIcon{
  left:50%!important;
  top:40%!important;
  transform:translate(-50%,-50%)!important;
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  margin:0!important;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.16))!important;
}
#resultScreen .dropItemName{
  left:10px!important;
  right:54px!important;
  bottom:15px!important;
  width:auto!important;
  color:#2b1b54!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:1000!important;
  white-space:normal!important;
  text-shadow:0 1px 0 rgba(255,255,255,.88)!important;
}
#resultScreen .dropItemAmount{
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-width:42px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  border:2px solid rgba(226,185,80,.85)!important;
  color:#2b1b54!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:1000!important;
  box-shadow:0 5px 12px rgba(0,0,0,.16)!important;
  text-shadow:none!important;
}

/* ガチャ結果：画像を枠に収め、キャラごとの画像が分かりやすいサイズへ */
#gachaScreen .gachaResultChara{
  width:156px!important;
  height:156px!important;
  object-fit:cover!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.85)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
#gachaScreen .gachaResultCard .name{
  color:#251944!important;
  font-weight:1000!important;
  text-shadow:none!important;
}

@media(max-width:430px){
  #resultScreen .dropFxGrid{
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }
  #resultScreen .dropFxCard{
    min-height:112px!important;
  }
  #resultScreen .dropItemIcon{
    width:50px!important;
    height:50px!important;
    top:38%!important;
  }
  #resultScreen .dropItemName{
    left:8px!important;
    right:46px!important;
    bottom:13px!important;
    font-size:11px!important;
  }
  #resultScreen .dropItemAmount{
    right:9px!important;
    min-width:36px!important;
    height:30px!important;
    font-size:15px!important;
  }
}