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

.br-src { margin: 0.2rem 0 0.6rem; }
.br-ref .br-teams { font-size: 0.82rem; color: var(--text2); min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.br-ref .br-teams i { color: var(--text3); font-style: normal; margin: 0 0.25rem; }
.br-teams .t0, .rg-team.t0 .nx-h3, .rg-table th.t0, .rg-goals .t0 b { color: #5aa9ff; }
.br-teams .t1, .rg-team.t1 .nx-h3, .rg-table th.t1, .rg-goals .t1 b { color: #ff9a4d; }
.br-tags em { font-style: normal; font-size: 0.72rem; border: 1px solid var(--border); border-radius: 999px; padding: 0.1rem 0.45rem; margin-left: 0.3rem; color: var(--text3); }
.rg-links { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.pg-head h1 small { font-size: 0.9rem; color: var(--text3); font-weight: 500; }
.rg-teams { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; margin: 0.6rem 0 1.2rem; }
.rg-player { border: 1px solid var(--border); border-radius: 8px; background: var(--bg2); padding: 0.6rem 0.8rem; margin-top: 0.5rem; }
.rg-top { display: flex; align-items: center; gap: 0.6rem; }
.rg-top b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rg-top span { font-size: 0.8rem; color: var(--text2); }
.rg-rating { font-weight: 700; font-size: 1rem !important; padding: 0.1rem 0.5rem; border-radius: 6px; }
.rg-good, .rg-bad { font-size: 0.82rem; margin-top: 0.25rem; }
.rg-good { color: var(--green, #3fb950); }
.rg-bad { color: var(--amber, #e3a33b); }
.hi { color: var(--green, #3fb950); } .mid { color: var(--text2); } .lo { color: var(--amber, #e3a33b); }
.rg-rating.hi { background: rgba(63,185,80,0.12); } .rg-rating.lo { background: rgba(227,163,59,0.12); }
.rg-table { width: 100%; border-collapse: collapse; font-size: 0.84rem; }
.rg-table th, .rg-table td { padding: 0.4rem 0.55rem; border-bottom: 1px solid var(--border); text-align: right; white-space: nowrap; }
.rg-table th:first-child, .rg-table td:first-child { text-align: left; white-space: normal; min-width: 150px; }
.rg-table td small { display: block; color: var(--text3); font-size: 0.72rem; }
.rg-pct { font-size: 0.74rem; font-weight: 600; margin-left: 0.2rem; }
.rg-goals { display: flex; flex-wrap: wrap; gap: 0.4rem 1rem; font-size: 0.85rem; color: var(--text2); }
.rg-h1 { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.rg-table th:first-child, .rg-table td:first-child { position: sticky; left: 0; background: var(--bg); z-index: 1; }
.br-row.br-ref { grid-template-columns: 170px 90px 1fr auto; }
.br-ref .br-who b { display: flex; align-items: center; gap: 0.35rem; white-space: nowrap; }
@media (max-width: 720px) {
  .br-row.br-ref { grid-template-columns: 1fr auto; gap: 0.35rem 0.8rem; }
  .br-ref .br-game { grid-column: 2; grid-row: 1; text-align: right; }
  .br-ref .br-teams, .br-ref .br-tags { grid-column: 1 / -1; }
  .br-ref .br-tags:empty { display: none; }
  .br-ref .br-tags em { margin: 0 0.3rem 0 0; }
}
.rg-player.rg-hl { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent), 0 0 18px color-mix(in srgb, var(--accent) 25%, transparent); }
.rg-player.rg-hl .rg-top b::after { content: " · the one to watch"; color: var(--accent); font-weight: 500; font-size: 0.78rem; }
.rg-table th.rg-hlc { background: var(--accent-lo); }
.br-row.br-match .br-sc b { font-size: 1.05rem; color: var(--text); }
.br-row .br-teams { font-weight: 600; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.br-row .br-teams i { color: var(--text3); font-style: normal; font-weight: 400; margin: 0 0.25rem; }
.br-fix { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; }
.br-del { flex: none; font: inherit; font-size: 0.72rem; padding: 0.2rem 0.55rem; border-radius: 6px; border: 1px solid color-mix(in srgb, var(--red) 50%, var(--border)); background: none; color: var(--red); cursor: pointer; }
.br-del:hover { background: color-mix(in srgb, var(--red) 12%, transparent); }
.br-acts { display: flex; gap: 0.35rem; flex: none; }
.br-dl { flex: none; font: inherit; font-size: 0.72rem; padding: 0.2rem 0.55rem; border-radius: 6px; border: 1px solid var(--border2); background: none; color: var(--text2); cursor: pointer; }
.br-dl:hover { color: var(--text); border-color: var(--accent); }
.rg-pd { border: 1px solid var(--border); border-left: 3px solid #5aa9ff; border-radius: 10px; background: var(--bg2); margin-top: 0.6rem; }
.rg-pd.t1 { border-left-color: #ff9a4d; }
.rg-pd > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 0.7rem; padding: 0.7rem 0.9rem; }
.rg-pd > summary::-webkit-details-marker { display: none; }
.rg-pd > summary::before { content: '▸'; color: var(--text3); transition: transform 0.15s; }
.rg-pd[open] > summary::before { transform: rotate(90deg); }
.rg-pd > summary b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rg-pd > summary span { color: var(--text2); font-size: 0.82rem; font-family: var(--mono); }
.rg-pd > summary small { color: var(--text3); font-size: 0.72rem; }
.rg-full { display: grid; grid-template-columns: 150px 1fr; gap: 1rem; padding: 0 0.9rem 0.9rem; }
.rg-heat { width: 100%; max-width: 150px; display: block; }
.rg-heat-cap { color: var(--text3); font-size: 0.66rem; margin-top: 0.3rem; text-align: center; }
.rg-full-r { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0.7rem; align-content: start; }
.rg-grp { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 0.55rem 0.7rem; }
.rg-grp-h { font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text3); margin-bottom: 0.35rem; }
.rg-kv { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 0.7rem; }
.rg-kv div { display: flex; flex-direction: column; min-width: 0; }
.rg-kv small { color: var(--text3); font-size: 0.68rem; }
.rg-kv span { font-family: var(--mono); font-size: 0.86rem; }
.rg-moments { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.8rem; color: var(--text2); }
.rg-moments b { font-family: var(--mono); color: var(--text3); font-weight: 500; margin-right: 0.3rem; }
.rg-tl { position: relative; height: 40px; background: var(--bg2); border: 1px solid var(--border); border-radius: 8px; margin-top: 0.3rem; }
.rg-tl-mid { position: absolute; left: 0; right: 0; top: 50%; border-top: 1px dashed var(--border2); }
.rg-tl-dot { position: absolute; width: 9px; height: 9px; margin-left: -4px; border-radius: 2px; background: #5aa9ff; top: 7px; opacity: 0.85; }
.rg-tl-dot.t1 { background: #ff9a4d; top: auto; bottom: 7px; }
.rg-tl-dot.k-Goal { width: 13px; height: 13px; margin-left: -6px; border-radius: 50%; box-shadow: 0 0 0 2px var(--bg2), 0 0 8px currentColor; opacity: 1; z-index: 1; }
.rg-tl-dot.k-Shot { transform: rotate(45deg); width: 7px; height: 7px; }
.rg-tl-dot.k-Assist { clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.rg-tl-legend { display: flex; flex-wrap: wrap; gap: 0.3rem 0.9rem; color: var(--text3); font-size: 0.72rem; margin: 0.35rem 0 0.6rem; }
.rg-tl-legend .t0 { color: #5aa9ff; } .rg-tl-legend .t1 { color: #ff9a4d; }
@media (max-width: 640px) { .rg-full { grid-template-columns: 1fr; } .rg-heat { margin: 0 auto; } }