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

.wl-key { display: flex; gap: 1rem; margin: 0.6rem 0 0.2rem; font-size: 0.74rem; color: var(--text3, #8a8f99); }
.wl-key span::before { content: ''; display: inline-block; width: 0.7rem; height: 0.45rem; border-radius: 2px; margin-right: 0.35rem; vertical-align: middle; }
.wl-key .w::before { background: #34d399; } .wl-key .l::before { background: #f87171; }
.wl-list { display: flex; flex-direction: column; gap: 0.55rem; margin: 0.4rem 0 0.6rem; }
.wl-row { display: grid; grid-template-columns: minmax(0, 15rem) minmax(0, 1fr); gap: 0.8rem; align-items: center; }
.wl-name b { display: block; font-size: 0.86rem; color: var(--text, #f2f3f5); font-weight: 600; }
.wl-name small { font-size: 0.74rem; color: var(--text3, #8a8f99); }
.wl-name small.bad { color: #fca5a5; }
.wl-bars { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.wl-bar { position: relative; height: 1.05rem; border-radius: 5px; background: rgba(255, 255, 255, 0.04); overflow: hidden; }
.wl-bar i { position: absolute; inset: 0 auto 0 0; border-radius: 5px; }
.wl-bar.w i { background: rgba(52, 211, 153, 0.5); } .wl-bar.l i { background: rgba(248, 113, 113, 0.5); }
.wl-bar span { position: relative; padding-left: 0.45rem; font-size: 0.74rem; line-height: 1.05rem; color: var(--text, #f2f3f5); font-variant-numeric: tabular-nums; }
@media (max-width: 560px) { .wl-row { grid-template-columns: 1fr; gap: 0.3rem; } }