/* ============================================
   ④ 連敗シミュレーター 専用CSS (losing-streak.css)
   ============================================ */

/* ===== 診断カード（連敗数） ===== */
.result-streak{
  background:var(--shell);color:#fff;border-radius:12px;padding:20px;text-align:center;margin-bottom:12px;
}
.result-streak .label{font-size:.8rem;font-weight:700;opacity:.85;line-height:1.6}
.result-streak .value{font-family:var(--num);font-size:3rem;font-weight:600;line-height:1.25;color:#8FE0B4}
.result-streak .value small{font-size:1.2rem;color:#fff;font-family:'Zen Kaku Gothic New',sans-serif;font-weight:700;margin-left:4px}
.result-streak .verdict{font-size:.8rem;font-weight:700;opacity:.9;margin-top:4px}

/* ダメージ2連カード */
.dmg-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
@media(max-width:420px){.dmg-row{grid-template-columns:1fr}}
.dmg{
  background:#FFF9EC;border:2.5px solid var(--sand);border-radius:12px;padding:14px 16px;text-align:center;
}
.dmg .k{font-size:.72rem;font-weight:900;color:#8A6410;line-height:1.5}
.dmg .v{font-family:var(--num);font-size:1.6rem;font-weight:600;color:var(--danger);line-height:1.4}
.dmg .s{font-size:.72rem;font-weight:700;color:#8A6410}
.dmg.rec{background:#F2F7F3;border-color:var(--leaf)}
.dmg.rec .k,.dmg.rec .s{color:var(--leaf-dark)}
.dmg.rec .v{color:var(--leaf-dark)}

/* サマリー・ヒント */
.summary-line{
  font-size:.88rem;font-weight:700;background:#F2F7F3;border-radius:10px;padding:12px 14px;margin-bottom:12px;line-height:1.7;
}
.summary-line em{font-style:normal;color:var(--leaf-dark)}
.summary-line em.red{color:var(--danger)}
.hint-line{font-size:.8rem;font-weight:700;color:var(--leaf-dark);line-height:1.7}
.hint-line a{color:var(--leaf-dark)}

/* ===== グラフ ===== */
.tbl-note{font-size:.8rem;color:var(--muted);margin:-6px 0 12px}
.chart-box{position:relative;width:100%;height:340px}
@media(max-width:480px){.chart-box{height:280px}}

/* ===== 連敗表 ===== */
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
#streakTbl{min-width:560px}
#streakTbl td.prob-hi{color:var(--danger)}