/*! © 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 */

.tv-lead { color: var(--text2, #9ca3af); font-size: 0.84rem; margin: 0 0 0.7rem; }
.tv-big { font-family: var(--mono, monospace); }
.mp-tile b.up, .tv-lobby b.up, .tv-zones em.up { color: var(--green, #22c55e); }
.mp-tile b.down, .tv-lobby b.down, .tv-zones em.down { color: var(--red, #ef4444); }
.tv-zones { display: flex; gap: 0.45rem; font-family: var(--mono, monospace); font-size: 1rem !important; line-height: 1.9 !important; }
.tv-zones em { font-style: normal; }
.tv-lobby { background: var(--bg2, #111113); border: 1px solid var(--border, #26262A); border-radius: var(--radius2, 6px); padding: 0.55rem 0.7rem; margin-bottom: 0.8rem; display: grid; gap: 0.3rem; }
.tv-row { display: grid; grid-template-columns: minmax(0, 9rem) 1fr 3.4rem; gap: 0.6rem; align-items: center; font-size: 0.8rem; }
.tv-row.me .tv-name { color: var(--accent, #E1FF3C); font-weight: 600; }
.tv-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text2, #9ca3af); }
.tv-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 0.4rem; vertical-align: middle; }
.tv-dot.blue { background: var(--blue, #4D9FFF); } .tv-dot.orange { background: var(--orange, #FF9A3C); }
.tv-bar { position: relative; height: 10px; background: var(--surface, #1C1C1F); border-radius: 3px; }
.tv-bar::after { content: ''; position: absolute; left: 50%; top: -2px; bottom: -2px; width: 1px; background: var(--text3, #6E6E76); }
.tv-bar i { position: absolute; top: 0; bottom: 0; border-radius: 3px; }
.tv-bar i.pos { background: var(--green, #22c55e); } .tv-bar i.neg { background: var(--red, #ef4444); }
.tv-row.me .tv-bar i.pos { background: var(--accent, #E1FF3C); }
.tv-lobby b { font-family: var(--mono, monospace); font-weight: 500; text-align: right; }
.tv-foot { font-size: 0.72rem; color: var(--text3, #9ca3af); margin-top: 0.2rem; }
.tv-lists { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
.tv-sub { font-size: 0.72rem; color: var(--text3, #9ca3af); margin-bottom: 0.3rem; }
.tv-touch { display: grid; grid-template-columns: 2.8rem 1fr auto; gap: 0.5rem; align-items: center; background: var(--bg2, #111113); border: 1px solid var(--border, #26262A); border-left: 3px solid var(--text3, #6E6E76); border-radius: var(--radius, 4px); padding: 0.4rem 0.6rem; font-size: 0.8rem; margin-bottom: 0.3rem; }
.tv-touch.up { border-left-color: var(--green, #22c55e); } .tv-touch.down { border-left-color: var(--red, #ef4444); }
.tv-touch[onclick] { cursor: pointer; } .tv-touch[onclick]:hover { border-color: var(--accent, #E1FF3C); }
.tv-t { font-family: var(--mono, monospace); color: var(--accent, #E1FF3C); }
.tv-k { color: var(--text2, #9ca3af); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tv-touch b { font-family: var(--mono, monospace); font-weight: 500; }
.tv-touch.up b { color: var(--green, #22c55e); } .tv-touch.down b { color: var(--red, #ef4444); }
@media (max-width: 720px) { .tv-lists { grid-template-columns: 1fr; } .tv-row { grid-template-columns: minmax(0, 6.5rem) 1fr 3rem; gap: 0.4rem; } }
.tv-zones em + em::before { content: " · "; color: #6b7280; font-weight: 400 }