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

.gc-pick { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.gc-sel { flex: 1 1 280px; max-width: 520px; background: var(--bg2); border: 1px solid var(--border); border-radius: 8px; padding: 0.45rem 0.6rem; color: var(--text); font: inherit; font-size: 0.84rem; }
.gc-heads { display: grid; grid-template-columns: 1fr 40px 1fr; gap: 0.6rem; align-items: stretch; margin-bottom: 1rem; }
.gc-arrow { display: flex; align-items: center; justify-content: center; font-size: 1.4rem; color: var(--text3); }
.gc-side { background: var(--bg2); border: 1px solid var(--border); border-radius: var(--radius2); padding: 0.9rem 1rem; display: flex; flex-direction: column; gap: 0.4rem; }
.gc-tag { font-family: var(--mono); font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text3); }
.gc-score { display: flex; align-items: center; gap: 0.6rem; }
.gc-score b { font-size: 2rem; font-weight: 800; color: var(--text); }
.gc-meta { font-size: 0.82rem; color: var(--text2); line-height: 1.5; }
.gc-meta .w { color: var(--green); } .gc-meta .l { color: var(--amber); }
.gc-open { font-size: 0.78rem; color: var(--text3); }
.gc-fixes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.6rem; margin-bottom: 0.4rem; }
.gc-fx { background: var(--bg2); border: 1px solid var(--border); border-left: 3px solid var(--text3); border-radius: var(--radius2); padding: 0.7rem 0.85rem; display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.84rem; color: var(--text2); }
.gc-fx b { color: var(--text); font-size: 0.8rem; }
.gc-fx.gone { border-left-color: var(--green); } .gc-fx.still { border-left-color: var(--amber); } .gc-fx.new { border-left-color: var(--cyan); }
.gc-table { background: var(--bg2); border: 1px solid var(--border); border-radius: var(--radius2); padding: 0.3rem 1rem; }
.gc-row { display: grid; grid-template-columns: minmax(150px, 1.6fr) 1fr 1fr 1fr; gap: 0.6rem; padding: 0.42rem 0; border-top: 1px solid var(--border); font-size: 0.85rem; align-items: center; }
.gc-row:first-child { border-top: 0; }
.gc-hr { font-family: var(--mono); font-size: 0.66rem; color: var(--text3); text-transform: uppercase; letter-spacing: 0.06em; }
.gc-row > span:not(:first-child) { text-align: right; font-family: var(--mono); }
.gc-d.up { color: var(--green); } .gc-d.down { color: var(--amber); }
@media (max-width: 720px) {
  .gc-heads { grid-template-columns: 1fr; } .gc-arrow { transform: rotate(90deg); height: 20px; }
  .gc-fixes { grid-template-columns: 1fr; }
  .gc-row { grid-template-columns: 1.4fr 1fr 1fr 0.8fr; }
}