/* =============================================================
 v25.0.5 Result Visual Refine
 - 透明素材の透過部分に下地を入れてチェッカー感を解消
 - ITEM DROPの横並びバランスを改善
 ============================================================= */

/* 全体のリザルト面を少し詰める */
#resultScreen .pad{
  gap:8px!important;
}
#resultScreen .resultHero{
  padding:10px 12px!important;
  background:rgba(255,255,255,.14)!important;
}

/* 透明フレームの下にやわらかい下地を敷く */
#resultScreen .v2502StatusBanner,
#resultScreen .v2502ScoreCard,
#resultScreen .v2502StarPanel,
#resultScreen .v2502RewardFrame,
#resultScreen .resultDropBox{
  position:relative!important;
  isolation:isolate!important;
}
#resultScreen .v2502StatusBanner::before,
#resultScreen .v2502ScoreCard::before,
#resultScreen .v2502StarPanel::before,
#resultScreen .v2502RewardFrame::before,
#resultScreen .resultDropBox::before{
  content:'';
  position:absolute;
  inset:8px;
  z-index:-1;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,252,248,.96), rgba(255,245,252,.93));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75), 0 6px 18px rgba(120,88,160,.08);
}
#resultScreen .v2502StatusBanner::before{ inset:9px 18px 10px; border-radius:28px; }
#resultScreen .v2502ScoreCard::before{ inset:14px 18px 16px; border-radius:34px; }
#resultScreen .v2502StarPanel::before{ inset:10px 16px 10px; border-radius:22px; }
#resultScreen .v2502RewardFrame::before{ inset:16px 18px; border-radius:26px; }
#resultScreen .resultDropBox::before{ inset:18px 18px 14px; border-radius:26px; }

/* 上部文字の余白を少し整理 */
#resultScreen #rewardText,
#resultScreen #playerExpResult,
#resultScreen #resultHighScore,
#resultScreen #resultRankingMessage{
  position:relative;
  z-index:1;
  margin-top:4px!important;
}
#resultScreen #resultText{
  font-weight:1000!important;
}

/* ITEM DROP：カードの見え方を自然に。下地＋装飾フレーム */
#resultScreen .dropFxGrid{
  gap:12px!important;
}
#resultScreen .dropFxCard{
  min-height:96px!important;
}
#resultScreen .dropFxCard::after{
  content:'';
  position:absolute;
  inset:7px;
  z-index:0;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,251,245,.98), rgba(255,246,239,.96));
  box-shadow:inset 0 0 0 1px rgba(232,214,189,.9);
}
#resultScreen .dropFxCard > *{
  z-index:1!important;
}
#resultScreen .dropItemIcon{
  left:20px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:56px!important;
  height:56px!important;
}
#resultScreen .dropItemName{
  left:88px!important;
  right:68px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  text-align:left!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:1000!important;
  text-shadow:0 1px 0 rgba(255,255,255,.96)!important;
}
#resultScreen .dropItemAmount{
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-width:40px!important;
  height:34px!important;
  padding:0 10px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,244,216,.96))!important;
  border:2px solid rgba(229,190,92,.85)!important;
  color:#4c2e66!important;
}

/* ITEM DROPの説明文も見やすくする */
#resultScreen .resultDropBox .helper,
#resultScreen .dropFxPanel .helper,
#resultScreen .dropFxNote,
#resultScreen .dropFxSummary{
  position:relative;
  z-index:1;
}

@media (max-width:430px){
  #resultScreen .v2502StatusBanner::before{ inset:8px 12px 8px; }
  #resultScreen .v2502ScoreCard::before{ inset:12px 12px 14px; }
  #resultScreen .v2502RewardFrame::before,
  #resultScreen .resultDropBox::before{ inset:14px 12px 12px; }
  #resultScreen .dropFxGrid{ gap:10px!important; }
  #resultScreen .dropFxCard{ min-height:88px!important; }
  #resultScreen .dropFxCard::after{ inset:6px; border-radius:16px; }
  #resultScreen .dropItemIcon{ left:16px!important; width:48px!important; height:48px!important; }
  #resultScreen .dropItemName{ left:74px!important; right:58px!important; font-size:14px!important; }
  #resultScreen .dropItemAmount{ right:12px!important; min-width:34px!important; height:28px!important; font-size:15px!important; }
}