/* ── Track row tints ── */
tr.row-adventurer td { background: rgba(60,130,90,0.14); }
tr.row-veteran    td { background: rgba(60,80,130,0.18); }
tr.row-champion   td { background: rgba(120,50,160,0.18); }
tr.row-hero       td { background: rgba(160,100,20,0.18); }
tr.row-myth       td { background: rgba(180,40,20,0.18); }
tr.row-voidshard  td { background: rgba(160,30,200,0.22); }
tr.row-sporefused td { background: rgba(72,141,87,0.18); }

/* ── Track badges ── */
.track-adventurer { background: rgba(60,180,120,0.2);  color: #7dbf9e; border: 1px solid rgba(60,180,120,0.4); }
.track-veteran    { background: rgba(100,140,220,0.2); color: #88aaee; border: 1px solid rgba(100,140,220,0.4); }
.track-champion   { background: rgba(170,80,220,0.2);  color: #cc88ff; border: 1px solid rgba(170,80,220,0.4); }
.track-hero       { background: rgba(220,140,40,0.2);  color: #f0a840; border: 1px solid rgba(220,140,40,0.4); }
.track-myth       { background: rgba(230,60,30,0.2);   color: #ff7755; border: 1px solid rgba(230,60,30,0.4); }
.track-voidshard  { background: rgba(200,80,255,0.2);  color: #e06aff; border: 1px solid rgba(200,80,255,0.5); }
.track-sporefused { background: rgba(72,141,87,0.2);   color: #72c487; border: 1px solid rgba(72,141,87,0.4); }

/* ── Track letter colours ── */
.tletter-a { color: #7dbf9e; }
.tletter-v { color: #88aaee; }
.tletter-c { color: #cc88ff; }
.tletter-h { color: #f0a840; }
.tletter-m { color: #ff7755; }