/*! © 2026 Noxx Labs. All rights reserved. Noxx™ and Noxx Labs™ are trademarks of Noxx Labs. Proprietary: no licence is granted to copy, modify, host or redistribute any part of this code. noxxreplays.co.uk · build 6.1.0-f984a20 · 3d818a9198 */

.th-lead { margin: 0.4rem 0 0.8rem; }
.th-lead span { font-size: 0.82rem; line-height: 1.45; }
.th-legend { display: flex; gap: 1rem; font-size: 0.72rem; color: var(--text3); margin-bottom: 0.3rem; align-items: center; }
.th-legend i { display: inline-block; width: 14px; height: 6px; border-radius: 3px; margin-right: 0.3rem; vertical-align: middle; }
.th-legend i.you, .th-bar.you i { background: var(--accent); }
.th-legend i.typ, .th-bar.typ i { background: var(--text3); }
.th-legend-r { margin-left: auto; }
.th-row { display: grid; grid-template-columns: minmax(150px, 1.3fr) minmax(90px, 1fr) 74px; gap: 0.8rem; align-items: center; padding: 0.45rem 0; border-top: 1px solid var(--border); }
.th-name b { display: block; font-size: 0.86rem; }
.th-name small { font-size: 0.74rem; color: var(--text2); }
.th-bars { display: grid; gap: 3px; }
.th-bar { display: block; height: 6px; background: var(--bg3); border-radius: 3px; overflow: hidden; }
.th-bar i { display: block; height: 100%; border-radius: 3px; }
.th-row.more .th-bar.you i { background: var(--amber); }
.th-row.less .th-bar.you i { background: var(--green); }
.th-num { text-align: right; }
.th-num b { display: block; font-variant-numeric: tabular-nums; font-size: 0.9rem; }
.th-row.more .th-num b { color: var(--amber); } .th-row.less .th-num b { color: var(--green); }
.th-num small { font-size: 0.68rem; color: var(--text3); }
.th-styles { display: flex; flex-wrap: wrap; gap: 0.3rem 1.3rem; font-size: 0.82rem; color: var(--text2); }
.th-styles b { color: var(--text); font-weight: 600; }
.th-ranks { margin-top: 0.9rem; }
.th-ranks summary { cursor: pointer; font-size: 0.84rem; color: var(--text2); }
.th-grid { border-collapse: separate; border-spacing: 2px; font-size: 0.7rem; font-variant-numeric: tabular-nums; margin-top: 0.5rem; }
.th-grid th { color: var(--text3); font-weight: 600; padding: 0 0.25rem; text-align: center; white-space: nowrap; }
.th-grid tbody th { text-align: left; color: var(--text2); padding-right: 0.6rem; }
.th-grid td { text-align: center; min-width: 28px; padding: 0.3rem 0.15rem; border-radius: 3px; background: color-mix(in srgb, var(--amber) calc(var(--k) * 70%), var(--bg3)); }
.th-grid td.none { background: var(--bg3); color: var(--text3); }
@media (max-width: 640px) { .th-row { grid-template-columns: 1fr 64px; } .th-bars { grid-column: 1 / -1; order: 3; } }