.fight-log-section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.fight-log-section-head .eyebrow { margin-bottom: 8px; }
.fight-log-section-head h2 { margin: 0; font: 900 italic 40px/1 var(--display); text-transform: uppercase; }
.fight-log-section-head > .status-chip { margin-bottom: 5px; color: var(--muted); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.fight-history-panel { margin-top: 42px; }
.live-fight-list { display: grid; gap: 24px; }
.live-fight-card { overflow: hidden; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 12px 35px rgba(0,0,0,.07); }
.live-fight-card > header { min-height: 64px; display: flex; align-items: center; gap: 20px; padding: 12px 22px; background: var(--chrome); color: #fff; }
.live-fight-card > header .badge { display: flex; align-items: center; gap: 7px; }
.live-fight-card > header > strong { font: 900 italic 31px/1 var(--display); text-transform: uppercase; }
.live-fight-card > header > small { margin-left: auto; color: var(--chrome-muted); text-transform: uppercase; letter-spacing: .1em; }
.live-matchup { display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; }
.live-fighter { display: grid; grid-template-columns: minmax(110px,34%) 1fr; min-height: 250px; }
.live-fighter-b { direction: rtl; }
.live-fighter-b > * { direction: ltr; }
.live-fighter-portrait { min-height: 250px; display: grid; place-items: center; background: var(--cream); overflow: hidden; }
.live-fighter-portrait img { width: 100%; height: 100%; object-fit: cover; }
.live-fighter-portrait span { font: 900 italic 55px var(--display); color: var(--muted); }
.live-fighter-stats { display: grid; align-content: center; gap: 12px; padding: 26px; }
.live-fighter-name { position: relative; margin-bottom: 8px; }
.live-fighter-name > span { color: var(--red); font-size: 8px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.live-fighter-name h2 { margin: 3px 45px 0 0; font: 900 italic 30px/1 var(--display); text-transform: uppercase; }
.live-tier { position: absolute; right: 0; top: 0; padding: 5px 7px; background: var(--table-head); color: var(--muted); font-size: 8px; text-transform: uppercase; }
.live-meter { display: grid; grid-template-columns: 50px 1fr 28px; align-items: center; gap: 8px; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.live-meter-track { height: 10px; overflow: hidden; background: var(--border); }
.live-meter-track i { display: block; height: 100%; transition: width .35s ease; }
.live-meter-track .health { background: linear-gradient(90deg,#9f1816,var(--red)); }
.live-meter-track .stamina { background: linear-gradient(90deg,#176950,#2ab884); }
.live-meter > b { text-align: right; font-size: 9px; }
.live-vs { display: grid; place-items: center; padding: 0 12px; background: var(--table-head); color: var(--red); font: 900 italic 27px var(--display); }
.live-fight-empty { display: grid; gap: 6px; place-items: center; min-height: 190px; padding: 35px; background: var(--surface); border: 1px solid var(--line); color: var(--muted); text-align: center; }
.live-fight-empty strong { color: var(--ink); font: 900 italic 30px var(--display); text-transform: uppercase; }
@media (max-width: 800px) { .live-matchup { grid-template-columns: 1fr; } .live-vs { min-height: 42px; } .live-fighter-b { direction: ltr; } .live-fighter { grid-template-columns: 120px 1fr; min-height: 210px; } .live-fighter-portrait { min-height: 210px; } }
@media (max-width: 480px) { .live-fight-card > header { align-items: flex-start; flex-wrap: wrap; } .live-fight-card > header > small { width: 100%; margin: 0; } .live-fighter { grid-template-columns: 90px 1fr; } .live-fighter-stats { padding: 18px 14px; } .live-fighter-name h2 { font-size: 24px; } .live-meter { grid-template-columns: 45px 1fr 24px; } }
@media (max-width: 480px) { .fight-log-section-head { align-items: flex-start; flex-direction: column; gap: 8px; } .fight-log-section-head > .status-chip { margin: 0; } }