/* TK Track: application layout and components. */
#fight-report { --bg: light-dark(#f4f6f9,#10151e); --paper: light-dark(#fff,#19212d); --ink: light-dark(#172333,#edf2fa); --sub: light-dark(#526174,#adbbcd); --line: light-dark(#dce3ed,#354154); --b: light-dark(#185cce,#81b0ff); --r: light-dark(#b52d44,#ff91a1); font-family: Inter, system-ui, sans-serif; color: var(--ink); background: var(--bg); padding: 28px; font-size: 14px; line-height: 1.5; }
#fight-report * { box-sizing: border-box; }
#fight-report header { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#fight-report .tabs { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#fight-report header { justify-content: space-between; border-bottom: 1px solid var(--line); padding-bottom: 20px; }
#fight-report .brand { font-weight: 700; letter-spacing: 2px; }
#fight-report .muted { color: var(--sub); }
#fight-report .small { font-size: 12px; }
#fight-report h2 { font-size: 22px; margin: 0px 0px 4px; }
#fight-report h3 { font-size: 15px; margin: 0px 0px 18px; }
#fight-report button { font: inherit; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink); padding: 10px 14px; min-height: 44px; }
#fight-report input { font: inherit; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink); padding: 10px 14px; min-height: 44px; }
#fight-report input { width: 100px; }
#fight-report .panel { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; padding: 22px; }
#fight-report .scoreboard { display: grid; gap: 18px; align-items: center; }
#fight-report .blue { color: var(--b); }
#fight-report .red { color: var(--r); }
#fight-report .right { text-align: right; }
#fight-report .name { font-size: 22px; font-weight: 650; }
#fight-report .score { font-size: 44px; font-weight: 700; letter-spacing: 4px; text-align: center; line-height: 1.2; }
#fight-report .tabs { margin: 22px 0px 14px; }
#fight-report button[aria-pressed="true"] { background: var(--ink); color: var(--paper); }
#fight-report .columns { display: grid; gap: 16px; }
#fight-report .stat { display: grid; grid-template-columns: 36px 1fr 36px; gap: 10px; align-items: center; margin: 14px 0px; text-align: center; }
#fight-report .bar { display: flex; height: 7px; gap: 4px; margin-top: 6px; }
#fight-report .bar span:first-child { background: var(--b); border-radius: 3px; }
#fight-report .bar span:last-child { background: var(--r); border-radius: 3px; }
#fight-report .event { display: grid; padding: 12px 0px; border-bottom: 1px solid var(--line); }
#fight-report .event:last-child { border: 0px; }
#fight-report [hidden] { display: none !important; }
@media (max-width: 600px) {
  #fight-report { padding: 16px; }
  #fight-report .panel { padding: 16px; }
  #fight-report .scoreboard { gap: 8px; }
  #fight-report .name { font-size: 16px; }
  #fight-report .score { font-size: 32px; }
  #fight-report .small { font-size: 12px; }
}
#fight-report .eff-value { font-size: 28px; font-weight: 650; font-variant-numeric: tabular-nums; }
#fight-report .eff-track { height: 8px; border-radius: 4px; background: var(--bg); margin: 8px 0px; }
#fight-report .eff-fill { height: 100%; border-radius: 4px; }
#fight-report .round-picker { gap: 10px; }
#fight-report .round-picker button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border-radius: 10px; padding: 7px 10px; min-width: 0px; font-size: 13px; font-variant-numeric: tabular-nums; }
#fight-report .round-picker strong { font-size: 17px; font-weight: 600; line-height: 1.25; }
#fight-report .round-picker button[aria-pressed="true"] { background: color-mix(in srgb,var(--b) 8%,var(--paper)); color: var(--ink); border-color: var(--b); box-shadow: none; }
#fight-report .round-picker { grid-auto-rows: 1fr; }
#fight-report .round-picker button { min-height: 54px; }
#fight-report #fight-efficiency { display: block; margin-top: 16px; }
#fight-report .eff-compare-header { display: grid; grid-template-columns: 55px minmax(0px, 1fr) minmax(0px, 1fr); gap: 14px; align-items: center; }
#fight-report .eff-compare-row { display: grid; grid-template-columns: 55px minmax(0px, 1fr) minmax(0px, 1fr); gap: 14px; align-items: center; }
#fight-report .eff-compare-header { font-size: 12px; text-align: center; padding-bottom: 4px; }
#fight-report .eff-compare-row { padding: 12px 0px; border-bottom: 1px solid var(--line); }
#fight-report .eff-compare-row > div { text-align: center; min-width: 0px; }
#fight-report .eff-compare-row .eff-value { font-size: 24px; }
#fight-report .eff-key { margin-top: 10px; text-align: right; }
#fight-report .win-reason { display: flex; flex-direction: column; align-items: center; gap: 2px; margin-top: 10px; font-size: 11px; color: var(--sub); }
#fight-report .win-reason strong { display: inline-block; padding: 2px 9px; border-radius: 20px; background: var(--bg); color: var(--ink); font-size: 12px; font-weight: 650; }
#fight-report .match-picker { border-bottom: 1px solid var(--line); padding-bottom: 14px; }
#fight-report .match-picker summary { display: flex; justify-content: space-between; align-items: center; }
#fight-report .picker-fields { display: grid; }
#fight-report select { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background: var(--paper); border: 1px solid var(--line); width: 100%; min-width: 0px; }
#fight-report .picker-fields label { display: flex; flex-direction: column; min-width: 0px; }
:root { color-scheme: light dark; }
body { margin: 0px; background: light-dark(rgb(244, 246, 249), rgb(16, 21, 30)); }
#fight-report { max-width: 1100px; margin: auto; border-radius: 0px; }
#fight-report .status { padding: 16px 0px; }
#fight-report .unavailable { color: var(--sub); padding: 12px 0px; }
#fight-report .event { font-variant-numeric: tabular-nums; }
#fight-report .event span { overflow-wrap: anywhere; }
#fight-report button:disabled { opacity: 0.5; }
#fight-report button { font-size: 16px; }
#fight-report .status:empty { display: none; }
#fight-report .columns { align-items: start; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); }
#fight-report .panel { min-width: 0px; }
#fight-report .scoreboard { grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); }
#fight-report .name { overflow-wrap: anywhere; }
#fight-report .scoreboard .small { overflow-wrap: anywhere; }
#fight-report .event { grid-template-columns: 66px minmax(0px, 1fr) auto; gap: 10px; }
#fight-report .event-clock { white-space: nowrap; overflow-wrap: normal; }
#fight-report .round-picker { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
@media (max-width: 600px) {
  #fight-report .columns { grid-template-columns: 1fr; }
}
@media (max-width: 430px) {
  #fight-report .round-picker { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
#fight-report button { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
#fight-report select { -webkit-tap-highlight-color: transparent; }
#fight-report .match-picker summary { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
#fight-report button { user-select: none; }
#fight-report button:active:not(:disabled) { filter: brightness(0.92); }
#fight-report button:focus-visible { outline: 3px solid var(--b); outline-offset: 3px; }
#fight-report select:focus-visible { outline: 3px solid var(--b); outline-offset: 3px; }
#fight-report summary:focus-visible { outline: 3px solid var(--b); outline-offset: 3px; }
@media (pointer: coarse) {
  #fight-report button { min-height: 48px; }
  #fight-report .round-picker { gap: 12px; }
  #fight-report .round-picker button { min-height: 54px; }
}
#fight-report .match-picker { padding: 0px; }
#fight-report .match-picker summary { list-style: none; user-select: none; }
#fight-report .match-picker summary::-webkit-details-marker { display: none; }
#fight-report #picker-context { min-width: 0px; overflow-wrap: anywhere; }
#fight-report .picker-fields { margin-top: 10px; }
#fight-report .picker-fields label { gap: 8px; color: var(--sub); font-size: 13px; }
#fight-report select { color: var(--ink); font-size: 16px; touch-action: manipulation; }
#fight-report select:disabled { opacity: 0.6; }
#fight-report .round-picker { display: flex; flex-wrap: wrap; align-items: stretch; }
#fight-report .round-picker button { flex: 1 1 0px; height: auto; }
@media (max-width: 350px) {
  #fight-report .round-picker button { flex-basis: calc(50% - 12px); }
}
#fight-report .point-bar { height: 32px; align-items: center; margin-top: 0px; gap: 4px; }
#fight-report .point-bar .point-segment { min-height: 32px; padding: 0px; border: 0px; background: transparent; display: flex; align-items: center; border-radius: 0px; gap: 0px; overflow: visible; color: var(--b); }
#fight-report .point-bar .point-segment.red { color: var(--r); }
#fight-report .point-bar .point-segment > span { height: 7px; background: currentcolor; border-radius: 3px; flex-shrink: 0; }
#fight-report .point-bar .point-segment > .point-bonus { background: repeating-linear-gradient(135deg,currentColor 0 3px,var(--paper) 3px 5px); border-radius: 0px 3px 3px 0px; }
#fight-report .point-detail:empty { display: none; }
#fight-report .bonus-swatch { display: inline-block; width: 20px; height: 7px; background: repeating-linear-gradient(135deg,var(--sub) 0 3px,var(--paper) 3px 5px); }
@media (pointer: coarse) {
  #fight-report .point-bar { height: 44px; }
  #fight-report .point-bar .point-segment { min-height: 44px; }
}
#fight-report .match-picker { background: var(--paper); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; margin-top: 22px; }
#fight-report .match-picker summary { border: 0px; border-radius: 0px; background: transparent; min-height: 64px; padding: 18px 22px; gap: 18px; }
#fight-report .match-picker summary:active { background: color-mix(in srgb,var(--bg) 60%,var(--paper)); }
#fight-report .picker-chevron { width: 10px; height: 10px; border-right: 2px solid var(--sub); border-bottom: 2px solid var(--sub); transform: rotate(-45deg); transition: transform 260ms ease; flex-shrink: 0; margin: 0px 4px 0px 0px; }
#fight-report .match-picker[open] .picker-chevron { transform: rotate(45deg); margin-bottom: 0px; }
#fight-report .picker-fields { border: 0px; border-radius: 0px; box-shadow: none; margin: 0px; padding: 4px 22px 22px; gap: 20px; background: transparent; }
#fight-report .match-picker[open] .picker-fields { animation: 220ms ease-out 0s 1 normal none running picker-unfold; }
#fight-report select { appearance: none; border-radius: 14px; min-height: 58px; padding: 16px 48px 16px 18px; box-shadow: none; background-color: var(--paper); background-image: linear-gradient(45deg,transparent 50%,var(--sub) 50%),linear-gradient(135deg,var(--sub) 50%,transparent 50%); background-position: calc(100% - 23px) 50%, calc(100% - 18px) 50%; background-size: 5px 5px; background-repeat: no-repeat; }
#fight-report .picker-fields select { background-color: var(--bg); }
#fight-report .intro { margin-top: 30px; }
@keyframes picker-unfold {
  0% { opacity: 0; transform: translateY(-8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@supports (interpolate-size:allow-keywords) {
  #fight-report .match-picker { interpolate-size: allow-keywords; }
  #fight-report .match-picker::details-content { height: 0px; overflow: clip; transition: height 240ms, content-visibility 240ms allow-discrete; }
  #fight-report .match-picker[open]::details-content { height: auto; }
}
@media (max-width: 600px) {
  #fight-report .match-picker summary { padding: 18px; }
  #fight-report .picker-fields { padding: 4px 18px 18px; gap: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  #fight-report .picker-chevron { transition: none; }
  #fight-report .match-picker::details-content { transition: none; }
  #fight-report .match-picker[open] .picker-fields { animation: auto ease 0s 1 normal none running none; }
}
#fight-report .match-card-surface { display: block; }
#fight-report .match-card-surface .scoreboard { display: grid; }
#fight-report .match-card-surface .scoreboard > span > span { display: block; }
#fight-report .match-card-surface .score > span { display: block; }
#fight-report .match-options { padding-top: 12px; }
#fight-report .match-options label { display: block; width: 100%; }
#fight-report .intro { margin: 14px 0px 18px; }
#fight-report .match-card-surface { transition: border-color 180ms, box-shadow 180ms, background-color 180ms; }
@media (prefers-reduced-motion: reduce) {
  #fight-report .match-card-surface { transition: none; }
}
#fight-report .match-card-surface { padding-top: 22px; padding-bottom: 58px; }
#fight-report .match-options { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x; padding: 16px 4px 12px; scroll-padding-inline: 4px; overscroll-behavior-x: contain; }
#fight-report .match-option-card { flex: 0 0 clamp(220px, 65vw, 280px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; text-align: left; min-height: 144px; padding: 18px; border-radius: 16px; scroll-snap-align: start; white-space: normal; box-shadow: none; }
#fight-report .match-option-card[aria-pressed="true"] { background: var(--paper); color: var(--ink); border-color: var(--b); box-shadow: inset 0 0 0 1px var(--b); }
#fight-report .match-option-blue { color: var(--b); font-weight: 600; overflow-wrap: anywhere; }
#fight-report .match-option-red { color: var(--r); font-weight: 600; overflow-wrap: anywhere; }
@media (hover: hover) {
  #fight-report .match-option-card:hover { border-color: var(--b); }
}
#fight-report .match-card-surface { padding: 22px; }
#fight-report .match-card-surface .scoreboard > span:nth-child(2) { align-self: center; text-align: center; }
#fight-report #result { display: flex; justify-content: center; align-items: center; gap: 10px; letter-spacing: 0px; font-variant-numeric: tabular-nums; }
#fight-report #result > span { display: inline; }
#fight-report .score-colon { color: var(--sub); font-weight: 400; }
#fight-report #match-card[data-winner="blue"] { --winner-color: var(--b); }
#fight-report #match-card[data-winner="red"] { --winner-color: var(--r); }
#fight-report .match-option-score { font-size: 20px; font-variant-numeric: tabular-nums; color: var(--ink); }
@media (max-width: 600px) {
  #fight-report #result { gap: 6px; }
}
#fight-report .match-option-number { margin-bottom: 8px; }
#fight-report .match-option-row { display: grid; grid-template-columns: minmax(0px, 1fr) 32px; align-items: center; gap: 16px; width: 100%; }
#fight-report .match-option-row > span { min-width: 0px; }
#fight-report .match-option-row .match-option-score { text-align: center; color: inherit; font-size: 24px; font-weight: 500; }
#fight-report .match-option-row .mini-winning-score { font-weight: 700; background: color-mix(in srgb,currentColor 8%,var(--paper)); border-radius: 8px; padding: 2px 0px; }
#fight-report #match-card[data-winner="blue"] { background: var(--paper); }
#fight-report #match-card[data-winner="red"] { background: var(--paper); }
#fight-report #match-card[data-winner="blue"] #blue-name { color: var(--ink); }
#fight-report #match-card[data-winner="red"] #red-name { color: var(--ink); }
#fight-report .winning-score { color: var(--ink); }
#fight-report .match-card-surface #blue-label { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 10px; border-radius: 20px; margin-bottom: 4px; font-size: 12px; font-weight: 500; letter-spacing: 0.2px; }
#fight-report .match-card-surface #red-label { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 10px; border-radius: 20px; margin-bottom: 4px; font-size: 12px; font-weight: 500; letter-spacing: 0.2px; }
#fight-report #blue-label.winner-badge { background: color-mix(in srgb,var(--b) 9%,var(--paper)); color: var(--b); }
#fight-report #red-label.winner-badge { background: color-mix(in srgb,var(--r) 9%,var(--paper)); color: var(--r); }
#fight-report .match-card-surface .scoreboard { grid-template-columns: minmax(0px, 1fr) 112px minmax(0px, 1fr); gap: 18px; align-items: center; }
#fight-report .match-card-surface .name { font-weight: 650; color: var(--ink); }
#fight-report #result { font-weight: 700; color: var(--ink); }
#fight-report .match-card-surface .win-reason { margin-top: 10px; }
@media (max-width: 600px) {
  #fight-report .match-card-surface .scoreboard { grid-template-columns: minmax(0px, 1fr) 68px minmax(0px, 1fr); gap: 8px; }
  #fight-report .match-card-surface #blue-label { font-size: 11px; padding: 4px 7px; letter-spacing: 0px; }
  #fight-report .match-card-surface #red-label { font-size: 11px; padding: 4px 7px; letter-spacing: 0px; }
}
#fight-report .match-card-meta { text-align: left; overflow-wrap: anywhere; }
#fight-report .match-card-meta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; letter-spacing: 0px; }
#fight-report .match-number { font-size: 22px; font-weight: 650; color: var(--ink); font-variant-numeric: tabular-nums; }
#fight-report .match-context { font-size: 13px; color: var(--sub); }
#fight-report #result { font-size: 40px; }
#fight-report .match-card-surface .name { font-size: 20px; }
@media (max-width: 600px) {
  #fight-report .match-number { font-size: 19px; }
  #fight-report .match-context { font-size: 12px; }
  #fight-report .match-card-meta { gap: 8px 12px; }
  #fight-report #result { font-size: 30px; }
  #fight-report .match-card-surface .name { font-size: 16px; }
}
#fight-report .event-level { display: inline-flex; align-items: center; gap: 4px; margin: 6px 8px 0px 0px; padding: 2px 6px; border-radius: 5px; background: var(--bg); color: var(--sub); font-size: 12px; white-space: nowrap; }
#fight-report .event-level:first-of-type { clear: both; }
#fight-report .event-level strong { color: var(--ink); font-weight: 500; font-variant-numeric: tabular-nums; }
#fight-report .setup-disclosure { margin: 0px 0px 16px; background: var(--paper); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
#fight-report .setup-disclosure summary { display: flex; align-items: center; gap: 18px; min-height: 64px; padding: 16px 20px; list-style: none; touch-action: manipulation; }
#fight-report .setup-disclosure summary::-webkit-details-marker { display: none; }
#fight-report .setup-heading { font-weight: 500; white-space: nowrap; }
#fight-report .setup-preview { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; color: var(--sub); font-size: 13px; flex: 1 1 0%; }
#fight-report .setup-preview strong { color: var(--ink); font-weight: 500; font-variant-numeric: tabular-nums; margin-left: 4px; }
#fight-report .setup-chevron { flex-shrink: 0; width: 8px; height: 8px; border-right: 2px solid var(--sub); border-bottom: 2px solid var(--sub); transform: rotate(-45deg); transition: transform 260ms ease; }
#fight-report .setup-disclosure[open] .setup-chevron { transform: rotate(45deg); }
#fight-report .setup-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 18px 24px; margin: 0px; padding: 4px 20px 20px; }
#fight-report .setup-fields dt { color: var(--sub); font-size: 12px; margin-bottom: 4px; }
#fight-report .setup-fields dd { margin: 0px; font-size: 14px; font-variant-numeric: tabular-nums; }
@media (max-width: 430px) {
  #fight-report .setup-disclosure summary { padding: 16px; gap: 12px; flex-wrap: wrap; }
  #fight-report .setup-preview { order: 3; flex-basis: 100%; gap: 16px; }
  #fight-report .setup-chevron { margin-left: auto; }
  #fight-report .setup-fields { grid-template-columns: repeat(2, minmax(0px, 1fr)); padding: 4px 16px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  #fight-report .setup-chevron { transition: none; }
}
#fight-report .picker-fields { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
@media (max-width: 600px) {
  #fight-report .picker-fields { grid-template-columns: 1fr; }
}
#fight-report #match-list { margin-top: 24px; }
#fight-report #match-options { display: flex; flex-direction: column; overflow: visible; scroll-snap-type: none; padding: 0px; gap: 12px; touch-action: pan-y; }
#fight-report #match-options .match-option-card { flex: 0 0 auto; width: 100%; min-width: 0px; min-height: 0px; padding: 20px; gap: 6px; border-radius: 16px; }
#fight-report .match-option-row > span { overflow-wrap: break-word; font-size: 17px; line-height: 1.4; }
#fight-report .match-option-number { line-height: 1.5; }
#fight-report .back-to-matches { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-width: 0px; max-width: 100%; min-height: 58px; margin: 16px 0px; padding: 14px 18px; border-radius: 16px; font-weight: 600; cursor: pointer; }
#fight-report .back-to-matches svg { width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#fight-report .match-detail-card .match-card-surface { display: flex; flex-direction: column; gap: 18px; padding: 22px; width: 100%; }
#fight-report #report { margin-top: 20px; outline: none; touch-action: pan-y; }
@media (max-width: 600px) {
  #fight-report .match-detail-card .scoreboard { grid-template-columns: minmax(0px, 1fr) 68px minmax(0px, 1fr); gap: 10px; }
  #fight-report .match-detail-card .match-card-surface { padding: 18px 16px; }
  #fight-report .match-detail-card .name { overflow-wrap: break-word; }
  #fight-report .match-detail-card .small { overflow-wrap: break-word; }
  #fight-report #match-options .match-option-card { padding: 18px; }
}
#fight-report .match-option-club { display: block; margin-top: 3px; color: var(--sub); font-size: 12px; font-weight: 400; line-height: 1.4; overflow-wrap: break-word; }
#fight-report .brand { display: flex; align-items: center; gap: 12px; }
#fight-report .brand-icon { display: block; flex-shrink: 0; border-radius: 9px; }
.tournament-with-notifications { display: flex; gap: 8px; align-items: center; }
.tournament-with-notifications select { flex: 1 1 0%; min-width: 0px; }
.tournament-with-notifications button { display: flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; border: 1px solid; border-radius: 10px; background: transparent; color: inherit; cursor: pointer; }
.tournament-with-notifications button:disabled { opacity: 0.45; cursor: default; }
.tournament-with-notifications .notifications-enabled { color: rgb(96, 213, 160); background: rgba(96, 213, 160, 0.125); }
.notification-status:empty { display: none; }
#fight-report .notification-change { display: block; font-weight: 600; color: var(--b); margin-bottom: 6px; }
#fight-report .picker-context-row { display: flex; align-items: center; gap: 9px; min-width: 0px; }
#fight-report .picker-notifications { display: inline-flex; flex: 0 0 auto; color: var(--sub); }
#fight-report .picker-notifications svg { width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#fight-report .picker-notifications.is-enabled { color: var(--ink); }
#fight-report .picker-notifications.is-enabled .picker-bell-body { fill: currentcolor; }

/* Flat affordances for opening a match. */
#fight-report #match-options .match-option-card { position: relative; cursor: pointer; transition: background-color 160ms, border-color 160ms; }
#fight-report #match-options .match-option-number { padding-right: 24px; }
#fight-report #match-options .match-option-card .match-open-chevron { position: absolute; top: 25px; right: 22px; width: 7px; height: 7px; border-top: 1.5px solid var(--sub); border-right: 1.5px solid var(--sub); transform: rotate(45deg); }
@media (hover: hover) {
 #fight-report #match-options .match-option-card:hover { background: color-mix(in srgb,var(--b) 4%,var(--paper)); border-color: var(--b); }
}
#fight-report #match-options .match-option-card:active { background: color-mix(in srgb,var(--b) 8%,var(--paper)); filter: none; }
@media (prefers-reduced-motion: reduce) {
 #fight-report #match-options .match-option-card { transition: none; }
}

#fight-report .match-open-chevron { transition: transform 260ms ease; }
#fight-report .match-option-card.is-opening .match-open-chevron { transform: rotate(135deg) !important; }
#fight-report .match-detail-card { position: relative; }
#fight-report .match-detail-card .match-card-meta { padding-right: 30px; }
#fight-report #collapse-match { position: absolute; top: 10px; right: 10px; z-index: 1; display: grid; place-items: center; width: 36px; min-height: 36px; padding: 0; border: 0; background: transparent; cursor: pointer; }
#fight-report #collapse-match span { width: 8px; height: 8px; border-right: 1.5px solid var(--sub); border-bottom: 1.5px solid var(--sub); transform: rotate(45deg); transition: transform 220ms ease; }
#fight-report #collapse-match.is-closing span { transform: rotate(-45deg); }
@media (prefers-reduced-motion: reduce) {
 #fight-report .match-open-chevron, #fight-report #collapse-match span { transition: none; }
}
/* One continuous surface for the expanded match. */
#fight-report #report { background: var(--paper); border: 1px solid var(--line); border-radius: 16px; padding: 22px; }
#fight-report #report .match-card-surface { border: 0; border-radius: 0; padding: 0; background: transparent; }
#fight-report #report #collapse-match { top: -10px; right: -10px; }
#fight-report #report .round-picker { margin: 20px 0 16px; }
#fight-report #report .setup-disclosure { border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; margin: 0 0 20px; background: transparent; }
#fight-report #report .setup-disclosure summary { padding: 16px 12px 16px 0; }
#fight-report #report .setup-fields { padding: 4px 0 18px; }
#fight-report #report .columns > .panel { border: 0; border-radius: 0; padding: 0; background: transparent; }
#fight-report #report .columns { gap: 24px; }
#fight-report #report .columns > .panel + .panel { border-left: 1px solid var(--line); padding-left: 24px; }
@media (max-width: 600px) {
 #fight-report #report { padding: 18px 16px; }
 #fight-report #report .columns > .panel + .panel { border-left: 0; border-top: 1px solid var(--line); padding: 20px 0 0; }
}