/* --------------------------------------------------------------------------
   RESUMEN (ft-resumen.php) — pase de batalla y tabla de stats
   --------------------------------------------------------------------------
   Extraido del <style> inline que tenia la pagina.
   -------------------------------------------------------------------------- */
body { background: var(--bg-dark); min-height: 100vh; }

.player-search-wrap { display: flex; gap: var(--sp-3); margin: 0 0 var(--sp-8); max-width: 700px; }

.player-error {
    background: rgba(255,70,85,.08); border: 1px solid rgba(255,70,85,.3);
    border-radius: var(--radius-md); padding: var(--sp-7) var(--sp-8); color: #ff6b7a; font-size: var(--fs-md); margin-bottom: var(--sp-9);
}

.player-empty { text-align: center; padding: 60px 20px; color: var(--text-muted); }

.ft-r-updated { font-size: var(--fs-xs); color: var(--text-muted); text-align: right; margin: -8px 0 16px; }

.ft-r-note {
    font-size: var(--fs-xs); color: var(--text-muted);
    background: rgba(157,77,255,.06); border: 1px solid rgba(157,77,255,.2);
    border-radius: var(--radius-md); padding: var(--sp-4) var(--sp-6); margin-top: var(--sp-6);
}

.ft-r-card-img { max-width: 260px; width: 100%; border-radius: var(--radius-md); border: 1px solid var(--border); display: block; }

.ft-r-bp-wrap { display: flex; flex-direction: column; align-items: center; gap: var(--sp-2); padding: var(--sp-2) 0 var(--sp-1); }

.ft-r-bp-level { font-size: var(--fs-3xl); font-weight: var(--fw-extrabold); color: var(--brand-accent); }

.ft-r-bp-bar-outer { width: 85%; background: var(--bg-input); border-radius: var(--radius-xs); height: 6px; margin-top: var(--sp-1); }

.ft-r-bp-bar-fill { height: 100%; background: var(--brand-accent); border-radius: var(--radius-xs); transition: width var(--t-slow); }

.ft-r-bp-sub { font-size: var(--fs-xs); color: var(--text-muted); }

.ft-r-table-wrap { overflow-x: auto; }

.ft-r-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); margin-top: var(--sp-2); }

.ft-r-table th, .ft-r-table td { padding: var(--sp-4) var(--sp-6); text-align: center; border-bottom: 1px solid var(--border); white-space: nowrap; }

.ft-r-table th { color: var(--text-muted); font-weight: var(--fw-bold); font-size: var(--fs-2xs); text-transform: uppercase; letter-spacing: .05em; }

.ft-r-table td:first-child, .ft-r-table th:first-child { text-align: left; color: var(--text-gray); font-weight: var(--fw-bold); }

.ft-r-table tbody tr:last-child td { border-bottom: none; }

.ft-r-table td { color: var(--text-white); font-weight: var(--fw-semibold); }