.qa-player-filter{min-width:190px}.qa-player-filter select{width:100%;min-width:170px;border:1px solid #2b3548;background:#080c12;color:#fff;border-radius:9px;padding:8px 10px;outline:none}.qa-player-filter select:focus{border-color:#735cff}.qa-usage-section{margin-top:24px}.qa-unknown{margin-top:12px}.report-filter-state:not([hidden]){margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#111722;color:#cbd6e8}.qa-usage-section td,.qa-usage-section th{vertical-align:top;line-height:1.45}
/* Issue #17: keep the hidden player heading as an internal anchor for the usage blocks, but remove the entire redundant single-fight player summary (heading, hint, table and jump target) from the user-facing review. */
.fight-review [data-report-section="players"],.fight-review [data-report-jump="players"],.fight-review .large-table-hint:has(+ .large-table-scroll > table.players.sortable-data-table),.fight-review .large-table-scroll:has(> table.players.sortable-data-table){display:none!important}
.qa-usage-table-wrap{max-height:min(62vh,640px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.qa-selected-fight-usage-table{width:100%;min-width:980px;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.qa-selected-fight-usage-table th,.qa-selected-fight-usage-table td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left}.qa-selected-fight-usage-table thead th{position:sticky;top:0;z-index:3;background:#101722;color:#a9b7cd;box-shadow:0 1px 0 #354158}.qa-selected-fight-usage-table tbody tr:last-child th,.qa-selected-fight-usage-table tbody tr:last-child td{border-bottom:0}.qa-selected-fight-usage-table .qa-usage-player{min-width:170px;color:#eef3ff;background:#0b1119;font-weight:700}.qa-selected-fight-usage-table .qa-usage-count{text-align:center!important;min-width:105px;white-space:nowrap}.qa-selected-fight-usage-table .qa-usage-detail{min-width:240px;text-align:left!important}.qa-selected-fight-usage-table .qa-usage-timeline{min-width:260px;text-align:left!important;font-variant-numeric:tabular-nums}.qa-selected-fight-usage-table tbody tr:hover>th,.qa-selected-fight-usage-table tbody tr:hover>td{background-color:#141d2b}
/* Issue #25: one selected-fight card per mechanic, with player totals first and exact WCL episodes kept as compact drill-down rows. */
.qa-mechanic-group{display:grid;gap:14px}.qa-mechanic-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.qa-mechanic-group-head strong{display:block;font-size:18px}.qa-mechanic-group-head small{display:block;margin-top:3px;color:var(--muted)}.qa-mechanic-group-stats{display:flex;flex-wrap:wrap;gap:8px}.qa-mechanic-group-stats span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#0d131d;font-size:13px;font-variant-numeric:tabular-nums}.qa-mechanic-group-people{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.qa-mechanic-group-people>b{width:100%;color:#cbd6e8}.qa-mechanic-group-people>span{padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#0d131d}.qa-mechanic-episodes{display:grid;gap:8px;padding-top:4px}.qa-mechanic-episodes>b{margin-bottom:2px}.qa-mechanic-episode{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0b1119}.qa-mechanic-episode-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.qa-mechanic-episode-head a{font-weight:700;text-decoration:none}.qa-mechanic-episode-head small{color:var(--muted);text-align:right}.qa-mechanic-episode-details{margin-top:8px}.qa-mechanic-episode-details summary{cursor:pointer;color:#b8c7dc}.qa-mechanic-episode-details p{margin:8px 0}.qa-mechanic-episode-details ul{margin:6px 0 0;padding-left:20px}.qa-mechanic-group .next-pull-action ul{margin:7px 0 0;padding-left:20px}
/* Issue #18: the report toolbar should stick to the viewport on desktop/tablet. The base .workspace overflow:hidden creates a scroll container, so only report workspaces switch to overflow:clip. Mobile keeps the toolbar in normal flow to preserve viewport space. */
@media(min-width:901px){.workspace:has(.report-quick-nav){overflow:clip}.report-quick-nav{position:sticky;top:72px;z-index:170}.report-section-anchor{scroll-margin-top:230px}}
@media(max-width:900px){.report-quick-nav{position:static}.report-section-anchor{scroll-margin-top:84px}}
@media(max-width:850px){.qa-player-filter{min-width:0;width:100%}.qa-player-filter select{min-width:0}.qa-usage-table-wrap{max-height:68vh}.qa-selected-fight-usage-table{min-width:900px;font-size:13px}.qa-selected-fight-usage-table th,.qa-selected-fight-usage-table td{padding:10px}.qa-selected-fight-usage-table .qa-usage-detail{min-width:210px}.qa-selected-fight-usage-table .qa-usage-timeline{min-width:230px}.qa-mechanic-episode-head{align-items:flex-start;flex-direction:column}.qa-mechanic-episode-head small{text-align:left}}