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

.rz-tip { font-size: 0.8rem; line-height: 1.45; color: var(--text2, #a6a6ad); background: var(--bg2, #111113); border: 1px solid var(--border, #26262a); border-left: 3px solid var(--accent, #E1FF3C); border-radius: 6px; padding: 0.45rem 0.7rem; margin: 0 0 0.8rem; }
.rz-table { width: 100%; max-width: 600px; border-collapse: collapse; font-size: 0.82rem; margin-bottom: 0.3rem; }
.rz-table th, .rz-table td { padding: 0.38rem 0.5rem; border-bottom: 1px solid var(--border, #26262a); text-align: right; white-space: nowrap; }
.rz-table td { font-family: var(--mono, monospace); color: var(--text, #f2f2f0); }
.rz-table td.warn { color: var(--amber, #FFB020); font-weight: 600; }
.rz-table tbody th { text-align: left; font-weight: 500; color: var(--text2, #a6a6ad); }
.rz-table th small { display: block; font-size: 0.66rem; font-weight: 400; color: var(--text3, #9ca3af); }
.rz-table thead th { font-size: 0.76rem; font-weight: 600; color: var(--text, #f2f2f0); white-space: normal; vertical-align: bottom; }
.rz-table thead th small { font-family: var(--mono, monospace); }
.rz-table .rz-short { display: none; }
.rz-table td i.rz-u { font-style: normal; }
.rz-table thead th.rz-conceded { color: #ef4444; }
.rz-table thead th.rz-scored { color: #22c55e; }
.rz-note { font-size: 0.72rem; color: var(--text3, #9ca3af); margin: 0.1rem 0 0.7rem; line-height: 1.45; }
.rz-line { font-size: 0.82rem; color: var(--text2, #a6a6ad); margin: 0 0 0.45rem; padding-left: 0.6rem; border-left: 2px solid #E1FF3C; line-height: 1.45; }
.rz-line b { color: var(--text, #f2f2f0); font-weight: 600; }
.rz-mh { font-size: 0.72rem; color: var(--text3, #9ca3af); text-transform: uppercase; letter-spacing: 0.05em; margin: 0.9rem 0 0.2rem; }
.rz-mh small { text-transform: none; letter-spacing: 0; }
.rz-goals { display: grid; gap: 0.4rem; }
.rz-goal { display: grid; grid-template-columns: 4.2rem minmax(0, 8rem) minmax(0, 1fr); gap: 0.2rem 0.6rem; align-items: center; background: var(--bg2, #111113); border: 1px solid var(--border, #26262a); border-radius: 8px; padding: 0.4rem 0.6rem; font-size: 0.76rem; color: var(--text2, #a6a6ad); }
.rz-goal.bad { border-color: rgba(239, 68, 68, 0.55); }
.rz-goal[onclick] { cursor: pointer; }
.rz-goal[onclick]:hover, .rz-goal[onclick]:focus { border-color: #E1FF3C; outline: none; }
.rz-gt b { display: block; font-family: var(--mono, monospace); font-weight: 600; color: var(--text, #f2f2f0); }
.rz-gt small { font-size: 0.66rem; color: var(--text3, #9ca3af); }
.rz-gbar { height: 10px; border-radius: 5px; background: var(--surface, #1c1c1f); overflow: hidden; }
.rz-gbar i { display: block; height: 100%; background: var(--accent, #E1FF3C); opacity: 0.85; }
.rz-goal.bad .rz-gbar i { background: #ef4444; }
.rz-gx b { font-family: var(--mono, monospace); color: var(--text, #f2f2f0); }
.rz-tags { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: 0.3rem; }
.rz-tags em { font-style: normal; font-size: 0.68rem; color: var(--text3, #9ca3af); border: 1px solid var(--border2, #36363c); border-radius: 4px; padding: 0 0.35rem; }
.rz-tags em.bad { color: #ef4444; border-color: rgba(239, 68, 68, 0.5); }
@media (max-width: 420px) {
  .rz-table { font-size: 0.74rem; }
  .rz-table th, .rz-table td { padding: 0.32rem 0.3rem; }
  .rz-table tbody th small { display: none; }
  .rz-table .rz-long { display: none; }
  .rz-table .rz-short { display: inline; }
  .rz-goal { grid-template-columns: 3.4rem minmax(0, 1fr); }
  .rz-gx, .rz-tags { grid-column: 1 / -1; }
}