/* Turnee online: tablou, clasament, banner. Aceeași limbă vizuală ca meniul (mono cu spațiere mare, bară roz). */
.onl-kick { font: 500 11px var(--g-mono, monospace); letter-spacing: .3em; text-transform: uppercase; color: var(--g-pink-hi, #ff3d8f); margin-bottom: 6px; }
.trn-banner { display: grid; grid-template-columns: auto 1fr; gap: 2px 14px; align-items: baseline; padding: 12px 16px; margin: 4px 0 14px; border-left: 4px solid #f9056c; background: rgba(255, 255, 255, .04); }
.trn-banner span { font: 500 11px var(--g-mono, monospace); letter-spacing: .2em; text-transform: uppercase; color: var(--g-dim, #a7a49d); grid-row: 1 / 3; align-self: center; }
.trn-banner b { font: 800 22px var(--g-display, system-ui); letter-spacing: -.02em; }
.trn-banner small { color: var(--g-dim, #a7a49d); font-size: 12.5px; }
.trn-banner.idle { border-left-color: rgba(255, 255, 255, .25); }
.trn-banner.done { border-left-color: #ffc933; } .trn-banner.done b { color: #ffc933; }
.trn-bracket { display: flex; gap: 14px; overflow-x: auto; padding-bottom: 8px; align-items: stretch; }
.trn-col { min-width: 168px; display: flex; flex-direction: column; justify-content: space-around; gap: 10px; }
.trn-col h4 { margin: 0 0 4px; font: 500 10.5px var(--g-mono, monospace); letter-spacing: .18em; text-transform: uppercase; color: var(--g-dim, #a7a49d); }
.trn-match { border: 1px solid var(--g-line, rgba(255, 255, 255, .14)); background: #0c0c0f; padding: 6px 8px; display: grid; gap: 3px; position: relative; }
.trn-match.mine { border-color: #f9056c; }
.trn-match.ready, .trn-match.play { box-shadow: inset 3px 0 0 #ffc933; }
.trn-match small { font: 500 9.5px var(--g-mono, monospace); letter-spacing: .14em; text-transform: uppercase; color: var(--g-dim, #a7a49d); }
.trn-row { display: flex; justify-content: space-between; gap: 8px; font-size: 13.5px; color: var(--g-dim, #a7a49d); }
.trn-row.me span { color: #fff; font-weight: 700; } .trn-row.w span, .trn-row.w b { color: #7be0a0; font-weight: 700; }
.trn-ff { display: flex; gap: 4px; margin-top: 3px; }
.trn-table { width: 100%; border-collapse: collapse; font-size: 13.5px; margin-bottom: 4px; }
.trn-table th { font: 500 10.5px var(--g-mono, monospace); letter-spacing: .14em; text-transform: uppercase; color: var(--g-dim, #a7a49d); text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--g-line, rgba(255, 255, 255, .14)); }
.trn-table td { padding: 7px 8px; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.trn-table tr.me td { color: #fff; font-weight: 700; background: rgba(249, 5, 108, .1); }