/* TriFront - Score Colors Only
   SPEC: 2025-10-13d sha=9fd2a1b
   File: trf-score-colors.396be301.css
   Purpose: 点数表示の色だけ復活。見た目以外は一切触らない。 */

:root{
  --trf-score-pos:  #2dbf7a;  /* 加点・プラス */
  --trf-score-neg:  #e53935;  /* 減点・マイナス */
  --trf-score-zero: #9aa0a6;  /* 変化なし */
  --trf-score-win:  #ffd54f;  /* 勝ちの強調(合計)*/
  --trf-score-lose: #9aa0a6;  /* 負けのトーンダウン */
  --trf-score-draw: #bdbdbd;  /* 引き分け */
}

/* スコアっぽい要素の色だけを対象にする。レイアウトは触らない */
#rf-layer .rf-score,
#rf-layer [data-score],
#scoreOverlay .score,
#scoreOverlay .total,
.zoneScore,
.laneScore{
  transition: color .18s linear;
}

/* 符号ベースの色付け(既存クラス想定) */
.pos, [data-sign="pos"]   { color: var(--trf-score-pos)  !important; }
.neg, [data-sign="neg"]   { color: var(--trf-score-neg)  !important; }
.zero,[data-sign="zero"]  { color: var(--trf-score-zero) !important; }

/* レーン勝敗や合計の状態クラス(既存クラス想定) */
.rf-lane.win .rf-score,
.rf-lane.win [data-score],
#scoreOverlay .total.win   { color: var(--trf-score-win)  !important; }

.rf-lane.lose .rf-score,
.rf-lane.lose [data-score],
#scoreOverlay .total.lose  { color: var(--trf-score-lose) !important; }

.rf-lane.draw .rf-score,
.rf-lane.draw [data-score],
#scoreOverlay .total.draw  { color: var(--trf-score-draw) !important; }

/* 上下矢印系の補助(あれば) */
.scoreUp::after  { content: "▲"; margin-left: .2em; }
.scoreDown::after{ content: "▼"; margin-left: .2em; }
.scoreUp         { color: var(--trf-score-pos) !important; }
.scoreDown       { color: var(--trf-score-neg) !important; }

/* 明るい背景でも読めるように軽い縁取りだけ付与 */
#rf-layer .rf-score,
#scoreOverlay .score,
#scoreOverlay .total{
  text-shadow:
    0 0 2px rgba(0,0,0,.35),
    0 0 6px rgba(0,0,0,.25);
}