Fight View is the second stage of the Loupely Lens diagnosis flow. It appears in the popup after you click Diagnose, and it’s where you see the CSS conflict laid out directly.
The name describes what it shows: a CSS fight. Two or more rules are competing to control the same property on the same element. Fight View shows you which rule is currently winning, which tried and lost, why each one lost, and (when possible) the exact CSS rule that will make your intended value win instead.
Fight View runs entirely in your browser using the local rule engine. There’s no additional server call after the session is logged. What you see is produced from the capture data already on your machine.
Clicking “See full detail” from Fight View opens the Triage Page in a new browser tab with the complete picture: ancestor chain, override variants, the developer handoff section, and the feedback form.
See Understanding the Fight View for a full breakdown of each section.