/* ranks.css · rank-specific colour rules for the board table.
   Classes below are assigned by board.js through a FIXED lookup table
   mapping the backend's rank string to one of these known class names,
   with .rank-unknown as the explicit fallback. Class names are never
   concatenated or otherwise derived from API data.
   Higher tier = brighter phosphor. All tiers stay at or above --mid
   brightness so the cells remain legible at 14px. */

td.rank.rank-t5 { color: var(--phosphor); font-weight: bold; text-shadow: 0 0 8px rgba(125,255,102,0.45); }
td.rank.rank-t4 { color: var(--phosphor); }
td.rank.rank-t3 { color: var(--mid); font-weight: bold; }
td.rank.rank-t2 { color: var(--mid); }
td.rank.rank-t1 { color: var(--mid); }
td.rank.rank-t0 { color: var(--mid); }
td.rank.rank-unknown { color: var(--mid); }