/* =====================================================================================
 * relatorio-fim.css — Relatório de fim de partida em sequência (js/relatorio-fim.js), 28/out/2026.
 * Fica dentro de #game-over-stats (janela de fim de partida do game.html).
 * ===================================================================================== */
#game-over-stats .rf-bloco { text-align: left; margin-top: 12px; padding: 12px 14px; border-radius: 12px; background: rgba(6, 10, 18, 0.5); border: 1px solid rgba(148, 163, 184, 0.16); }
#game-over-stats .rf-bloco:first-child { margin-top: 4px; }
#game-over-stats .rf-eu { border-color: rgba(56, 215, 255, 0.55); background: rgba(10, 30, 46, 0.6); }
.rf-tit { margin: 0 0 8px; font: 700 0.72rem var(--hud-mono, "JetBrains Mono", ui-monospace, monospace); letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-cyan, #38d7ff); }
.rf-frase { margin: 0 0 10px; font-size: 0.9rem; line-height: 1.5; color: #e8eef7; }
.rf-cartoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 6px; margin-bottom: 10px; }
.rf-cartao { display: grid; gap: 2px; padding: 8px 10px; border-radius: 8px; background: rgba(148, 163, 184, 0.08); }
.rf-cartao span { font-size: 0.66rem; color: #94a3b8; line-height: 1.2; }
.rf-cartao b { font: 700 1rem var(--hud-mono, "JetBrains Mono", ui-monospace, monospace); color: #fff; }
.rf-sub { font-size: 0.72rem; color: #94a3b8; margin-bottom: 5px; }
.rf-barra { display: flex; height: 10px; border-radius: 5px; overflow: hidden; background: rgba(148, 163, 184, 0.12); }
.rf-barra i { display: block; min-width: 3px; }
.rf-coloc { background: #38bdf8; }
.rf-elim { background: #f87171; }
.rf-terr { background: #34d399; }
.rf-legenda { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 6px; font-size: 0.72rem; color: #cbd5e1; }
.rf-legenda span { display: inline-flex; align-items: center; gap: 5px; }
.rf-legenda i { width: 9px; height: 9px; border-radius: 2px; display: inline-block; }
.rf-legenda b { color: #fff; font-family: var(--hud-mono, "JetBrains Mono", ui-monospace, monospace); }
.rf-dica { margin: 8px 0 0; font-size: 0.72rem; color: #94a3b8; line-height: 1.45; }
.rf-medalhas { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px; }
.rf-medalha { display: flex; gap: 8px; align-items: center; padding: 6px 8px; border-radius: 8px; }
.rf-medalha.rf-minha { background: rgba(56, 215, 255, 0.1); }
.rf-ic { font-size: 1.1rem; line-height: 1; }
.rf-medalha b { display: block; font-size: 0.78rem; color: #fff; }
.rf-medalha small { display: block; font-size: 0.7rem; color: #a8b3c7; }
.rf-nome { color: var(--c, #cbd5e1); font-weight: 600; }
.rf-tabela-rolagem { overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(148, 163, 184, 0.45) transparent; }
.rf-tabela-rolagem::-webkit-scrollbar { height: 6px; }
.rf-tabela-rolagem::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, 0.4); border-radius: 3px; }
.rf-tabela-rolagem::-webkit-scrollbar-track { background: transparent; }
.rf-tabela { width: 100%; border-collapse: collapse; font-size: 0.74rem; }
.rf-tabela th { text-align: left; padding: 4px 6px; color: var(--color-cyan, #38d7ff); font-weight: 600; cursor: help; white-space: nowrap; }
.rf-tabela td { padding: 5px 6px; border-top: 1px solid rgba(56, 75, 112, 0.25); white-space: nowrap; }
.rf-tabela tr.rf-vence td { background: rgba(255, 215, 0, 0.06); }
.rf-tabela tr.rf-eu-linha td { background: rgba(56, 215, 255, 0.12); }
.rf-voce { font-style: normal; font-size: 0.64rem; padding: 1px 6px; border-radius: 999px; background: rgba(56, 215, 255, 0.2); color: #9be8ff; }
.rf-bot, .rf-rend { font-size: 0.64rem; color: #94a3b8; }
.rf-rend { color: #ff8a95; }
.rf-nota { margin: 8px 0 0; font-size: 0.68rem; color: #8592a8; line-height: 1.45; }
.rf-elo { margin: 0 0 6px; font-size: 0.86rem; color: #e8eef7; }
.rf-elo b { font-family: var(--hud-mono, "JetBrains Mono", ui-monospace, monospace); }
.rf-sobe { color: #34d399; font-weight: 700; }
.rf-desce { color: #f87171; font-weight: 700; }
.rf-pat { margin: 0; font-size: 0.8rem; color: #cbd5e1; }
.rf-pat-nome { display: inline-block; margin-right: 6px; padding: 1px 8px; border-radius: 999px; border: 1px solid var(--c, #a1a9b8); color: var(--c, #a1a9b8); font: 700 0.66rem var(--hud-mono, "JetBrains Mono", ui-monospace, monospace); letter-spacing: 0.12em; text-transform: uppercase; }
@media (max-width: 560px) {
    .rf-cartoes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rf-medalhas { grid-template-columns: 1fr; }
}