/* TriFront - Round/Score 色トークン & 汎用カラー適用
   どのDOMでも .p0c / .p1c、または [data-side="p0|p1"] / .owner-p0|.owner-p1 が付けば currentColor で色が乗る設計 */

:root{
  --p0c:#33a3ff;   /* Player0 基本色 */
  --p1c:#ff7a33;   /* Player1 基本色 */
  --rf-glow: rgba(0,0,0,.25);
}

#rf-layer, #scoreOverlay{
  color: inherit;
}

/* 汎用フック(どこに付いても効く) */
.p0c, [data-side="p0"], .owner-p0 { color: var(--p0c) !important; }
.p1c, [data-side="p1"], .owner-p1 { color: var(--p1c) !important; }

/* RoundFX の値/合計。currentColorを徹底させる */
#rf-layer .rf-val,
#rf-layer .rf-sum,
#scoreOverlay .total-val,
#scoreOverlay .p0,
#scoreOverlay .p1,
.rf-val, .rf-sum, .total-val {
  color: currentColor !important;
  font-weight: 700;
  text-shadow:
    0 0 12px var(--rf-glow),
    0 0 6px var(--rf-glow),
    0 1px 0 rgba(0,0,0,.2);
}

/* 見やすさ微調整(必要なら) */
#rf-layer .lane { will-change: contents; }
#scoreOverlay { will-change: contents; }