/* 結果画面の活躍（MVP の絵と数字・「活躍を見る」で開く表）。表そのものは戦闘中の #stats を共有する（js/stats-view.js） */
.result .rs-box { margin: 10px 0 4px; padding: 7px 7px 8px; border: 1px solid #f4f1e633; border-radius: 8px; background: #0d153088; }
.result .rs-head { font-size: 12px; opacity: .8; margin-bottom: 5px; }
.result .rs-cards { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 5px; }
.result .rs-card { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 4px 2px 3px; border-radius: 6px; background: #ffffff12; line-height: 1.25; }
.result .rs-card img { width: 46px; height: 46px; object-fit: contain; }
.result .rs-card small { font-size: 10px; opacity: .75; white-space: nowrap; }
.result .rs-card b { font-weight: normal; font-size: 12px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.result .rs-card b.evo { color: #fff29a; }
.result .rs-card span { font-size: 16px; color: #ffe36b; min-height: 1.2em; }
.result .rs-card[data-k="taken"] span { color: #8fc4ff; }
.result .rs-card[data-k="healed"] span { color: #9affb0; }
.result .rs-card[data-k="kills"] span { color: #fff; }
.result .rs-none { font-size: 13px; opacity: .7; padding: 6px 0; }
.result .rs-open { display: block; width: 100%; margin-top: 7px; padding: 7px 6px; font-size: 14px; }

/* 結果画面から開いたときは結果（10）とスタンプの吹き出し（12）・選ぶ窓（14）の上に重ねる。閉じれば結果へ戻る */
#stats-bg.res { z-index: 15; bottom: 0; background: #000a; }
#stats.res { z-index: 16; left: 8px; right: 8px; top: 50%; bottom: auto; transform: translateY(-50%); height: min(560px, calc(100% - 32px)); max-width: 520px; margin: 0 auto; background: #0d1530f5; }
#stats .st-seg { display: flex; gap: 4px; flex-shrink: 0; overflow-x: auto; overflow-y: hidden; margin-top: 5px; padding-bottom: 3px; touch-action: pan-x; scrollbar-width: thin; }
#stats .st-seg button { flex: none; min-width: 36px; }
#stats.res #st-mode { display: flex; gap: 4px; min-width: 0; }
#stats.res #st-mode button { max-width: 9.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#stats.res .st-head b { flex: none; }
@media (max-width: 480px) {
  #stats.res { left: 6px; right: 6px; height: min(600px, calc(100% - 24px)); }
  #stats .st-seg button, #stats.res #st-mode button { min-height: 32px; }
}
@media (max-width: 340px) {
  .result .rs-card img { width: 38px; height: 38px; }
  .result .rs-card span { font-size: 14px; }
  #stats.res #st-mode button { max-width: 7em; }
}
@media (max-height: 640px) {
  .result .rs-box { margin-top: 6px; padding: 5px; }
  .result .rs-card img { width: 34px; height: 34px; }
  .result .rs-open { padding: 5px 6px; margin-top: 5px; }
}