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

.pv-bar { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; background: var(--bg2); border: 1px solid var(--border); border-radius: var(--radius); padding: 0.5rem 0.8rem; margin-bottom: 1rem; font-size: 0.82rem; color: var(--text2); }
.pv-bar span { flex: 1; min-width: 200px; } .pv-bar b { color: var(--text); margin-right: 0.4rem; }
.pv-pub { color: var(--green) !important; } .pv-priv { color: var(--text) !important; }
.pv-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-size: 0.85rem; }
.pv-row select { background: var(--bg2); border: 1px solid var(--border); border-radius: 6px; padding: 0.3rem 0.5rem; color: var(--text); font-size: 0.8rem; }
.pv-note { font-size: 0.78rem; color: var(--text3); margin-top: 0.5rem; } .pv-note a { color: var(--accent); }
.pv-up { margin-top: 1rem; font-size: 0.8rem; color: var(--text3); } .pv-up b { color: var(--text2); } .pv-up a { color: var(--accent); }
.br-intro { color: var(--text2); margin-bottom: 1rem; max-width: 720px; }
.br-filters { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1rem; }
.br-filters input, .br-filters select { background: var(--bg2); border: 1px solid var(--border2); border-radius: var(--radius); color: var(--text); padding: 0.45rem 0.6rem; font: inherit; font-size: 0.85rem; }
.br-list { display: grid; gap: 0.35rem; }
.br-row { display: grid; grid-template-columns: 64px 1.2fr 1.2fr 1.6fr; gap: 0.8rem; align-items: center; background: var(--bg2); border: 1px solid var(--border); border-radius: var(--radius); padding: 0.55rem 0.8rem; color: var(--text); text-decoration: none; font-size: 0.85rem; }
.br-row:hover { border-color: var(--accent); }
.br-score { display: grid; justify-items: center; border-right: 1px solid var(--border); } .br-score b { font-family: var(--display); font-size: 1.5rem; color: var(--c); line-height: 1; } .br-score small { font-size: 0.66rem; color: var(--text3); }
.br-who, .br-game { display: grid; } .br-who small, .br-game small { color: var(--text3); font-size: 0.74rem; display: flex; align-items: center; gap: 0.3rem; }
.br-fix { color: var(--text2); font-size: 0.8rem; }
.br-pages { display: flex; gap: 0.8rem; align-items: center; justify-content: center; margin: 1rem 0; font-size: 0.8rem; color: var(--text3); }
@media (max-width: 720px) { .br-row { grid-template-columns: 56px 1fr; } .br-game, .br-fix { grid-column: 2; } }
.br-teams .lost { opacity: 0.55; }
.br-fix b { font-weight: 600; } .br-fix b.t0 { color: #6AB0FF; } .br-fix b.t1 { color: #FF9A3C; }
.br-fix { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; }
.br-acts { display: inline-flex; gap: 0.35rem; }
.br-dl, .br-del { font: inherit; font-size: 0.74rem; padding: 0.25rem 0.55rem; border-radius: 6px; cursor: pointer; background: transparent; border: 1px solid var(--border2); color: var(--text2); }
.br-dl:hover { color: var(--text); border-color: var(--text3); }
.br-del { color: var(--red); border-color: rgba(255,82,82,0.3); }
@media (hover: hover) { .br-del { opacity: 0; transition: opacity 0.15s; } .br-row:hover .br-del { opacity: 1; } }