/* Records page: active-player highlighting and the record chase (distribution columns). */
.rec-active { color: var(--good); font-size: 9px; margin-left: 4px; vertical-align: 2px; }
.rec-key-active { width: 9px; height: 9px; border-radius: 50%; background: var(--good); display: inline-block; box-shadow: 0 0 0 3px color-mix(in srgb, var(--good) 18%, transparent); }
.rec-legend { margin: 0 0 8px; }
table.data tr.rec-row-active td { background: color-mix(in srgb, var(--good) 9%, transparent); }
table.data tr.rec-row-active td:first-child { box-shadow: inset 3px 0 0 var(--good); }
.rec-list li.rec-li-active { background: color-mix(in srgb, var(--good) 9%, transparent); box-shadow: inset 3px 0 0 var(--good); border-radius: 3px; padding-left: 6px; padding-right: 4px; }
.rec-break-active { stroke: var(--good); stroke-width: 2.5; }

.rec-chase-controls { align-items: center; }
.rec-chase-label { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.rec-chase-select { max-width: 100%; }
.rec-loading { padding: 18px 0; }
.rec-fin { display: inline-flex; flex-direction: column; align-items: flex-end; line-height: 1.15; }
.rec-range { font-size: 10px; color: var(--dim); white-space: nowrap; }
.rec-pct { display: inline-block; min-width: 36px; padding: 0 4px; border-radius: 3px; text-align: right;
	background: color-mix(in srgb, var(--accent) calc(var(--p, 0) * 35%), transparent); }
.rec-chase-range { position: absolute; top: 2px; bottom: 2px; background: var(--accent); opacity: .28; border-radius: 2px; }
.rec-chase-med { position: absolute; top: -2px; bottom: -2px; width: 2px; margin-left: -1px; background: var(--text); opacity: .75; }
.rec-key-range { width: 14px; height: 6px; border-radius: 2px; background: var(--accent); opacity: .28; display: inline-block; }
.rec-key-med { width: 2px; height: 12px; background: var(--text); opacity: .75; display: inline-block; }
.rec-method-list { margin: 6px 0 8px; padding-left: 18px; }
.rec-method-list li { margin: 3px 0; }
@media (max-width: 640px) {
	.rec-chase { width: 90px; }
}