/* TK Track: application layout and components. */
html { -webkit-text-size-adjust: auto; text-size-adjust: auto; }
#fight-report { font-family: var(--font-ui); color: var(--color-text); background: var(--color-bg); padding: var(--space-page); font-size: var(--text-body); font-weight:var(--weight-regular); line-height: 1.5; }
#fight-report * { box-sizing: border-box; }
#fight-report .pill { border-radius:var(--radius-pill); }
#fight-report header { display: flex; align-items: center; gap: var(--space-field); flex-wrap: wrap; }
#fight-report .tabs { display: flex; align-items: center; gap: var(--space-field); flex-wrap: wrap; }
#fight-report header { justify-content: space-between; border-bottom: var(--size-1px) solid var(--color-border); padding-bottom: var(--space-section); }
#fight-report .brand { font-weight:var(--weight-bold); letter-spacing: var(--tracking-brand); }
#fight-report .muted { color: var(--color-muted); }
#fight-report .small { font-size: var(--text-small); }
#fight-report h1, #fight-report h2, #fight-report h3, #fight-report strong { font-weight:var(--weight-semibold); }
#fight-report h2 { font-size: var(--text-heading); margin: 0px 0px var(--space-small); }
#fight-report h3 { font-size: var(--text-subheading); margin: 0px 0px var(--space-block); }
#fight-report button { font: inherit; border: var(--size-1px) solid var(--color-border); border-radius: var(--radius-control); background: var(--color-surface); color: var(--color-text); padding: var(--space-control) var(--space-line); min-height: var(--tap-min); }
#fight-report input { font: inherit; font-size: var(--text-control); border: var(--size-1px) solid var(--color-border); border-radius: var(--radius-control); background: var(--color-surface); color: var(--color-text); padding: var(--space-control) var(--space-line); min-height: var(--tap-min); }
#fight-report input { width: var(--size-100px); }
#fight-report .blue { color: var(--color-chong); }
#fight-report .red { color: var(--color-hong); }
#fight-report .right { text-align: right; }
#fight-report .name { font-size: var(--text-heading); font-weight:var(--weight-semibold); }
#fight-report .score { font-size: var(--text-score); font-weight:var(--weight-bold); letter-spacing: var(--tracking-score); text-align: center; line-height: 1.2; }
#fight-report .tabs { margin: var(--space-panel) 0px var(--space-line); }
#fight-report button[aria-pressed="true"] { background: var(--color-text); color: var(--color-surface); }

#fight-report .bar { display: flex; height: var(--size-7px); gap: var(--space-small); margin-top: var(--space-compact); }
#fight-report .bar span:first-child { background: var(--color-chong); border-radius: var(--radius-graph); }
#fight-report .bar span:last-child { background: var(--color-hong); border-radius: var(--radius-graph); }
#fight-report .event { display: grid; padding: var(--space-field) 0px; border-bottom: var(--size-1px) solid var(--color-border); }
#fight-report .event:last-child { border: 0px; }
#fight-report [hidden] { display: none !important; }

/* Shared selection controls; rounds allow a second line for scores. */
#fight-report .segmented { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--space-related); }
#fight-report .segmented button { flex: 1 1 var(--size-60px); min-width: 0; min-height: var(--size-48px); height: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-fine); border-radius: var(--radius-control); padding: var(--size-7px) var(--space-control); font-size: var(--text-compact); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#fight-report .segmented button[aria-pressed="true"] { background: var(--surface-muted); color: var(--color-text); border-color: var(--color-chong); box-shadow: none; }
#fight-report .round-picker button { min-height: var(--size-54px); }
#fight-report .round-picker strong { font-size: var(--text-emphasis); font-weight:var(--weight-semibold); line-height: 1.25; }
#fight-report .win-reason { display: flex; flex-direction: column; align-items: center; gap: var(--space-fine); margin-top: var(--space-control); font-size: var(--text-meta); color: var(--color-muted); }
#fight-report .pill--reason { display: inline-block; padding: var(--space-fine) var(--size-9px); background: var(--color-bg); color: var(--color-text); font-size: var(--text-small); font-weight:var(--weight-medium); }
#fight-report .match-picker summary { display: flex; justify-content: space-between; align-items: center; }
#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(--color-surface); border: var(--size-1px) solid var(--color-border); 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: var(--color-bg); }
#fight-report { max-width: var(--size-1100px); margin: auto; border-radius: 0px; }
#fight-report .status { padding: var(--space-group) 0px; }
#fight-report .unavailable { color: var(--color-muted); padding: var(--space-field) 0px; }
#fight-report .event { font-variant-numeric: tabular-nums; }
#fight-report .event span { overflow-wrap: anywhere; }
#fight-report button { font-size: var(--text-control); }
#fight-report .status:empty { display: none; }
#fight-report .name { overflow-wrap: anywhere; }
#fight-report .scoreboard .small { overflow-wrap: anywhere; }
#fight-report .event { grid-template-columns: var(--size-66px) minmax(0px, 1fr) auto; gap: var(--space-control); }
#fight-report .event-clock { white-space: nowrap; overflow-wrap: normal; }

#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 :is(button, summary) { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
#fight-report button:active:not(:disabled), #fight-report summary:active { opacity: var(--opacity-pressed); }
@media (pointer: coarse) {
  #fight-report button { min-height: var(--size-48px); }
}
#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 label { gap: var(--space-related); color: var(--color-muted); font-size: var(--text-body); }
#fight-report select { color: var(--color-text); font-size: var(--text-control); touch-action: manipulation; }

#fight-report .point-bar { height: var(--size-32px); align-items: center; margin-top: 0px; gap: var(--space-small); }
#fight-report .point-bar .point-segment { min-height: var(--size-32px); padding: 0px; border: 0px; background: transparent; display: flex; align-items: center; border-radius: 0px; gap: 0px; overflow: visible; color: var(--color-chong); }
#fight-report .point-bar .point-segment.red { color: var(--color-hong); }
#fight-report .point-bar .point-segment > span { height: var(--size-7px); background: currentcolor; border-radius: var(--radius-graph); flex-shrink: 0; }
#fight-report .point-bar .point-segment > .point-bonus { background: repeating-linear-gradient(135deg,currentColor 0 var(--size-3px),var(--color-surface) var(--size-3px) var(--size-5px)); border-radius: 0px var(--radius-graph) var(--radius-graph) 0px; }
#fight-report .point-detail:empty { display: none; }
#fight-report .bonus-swatch { display: inline-block; width: var(--size-20px); height: var(--size-7px); background: repeating-linear-gradient(135deg,var(--color-muted) 0 var(--size-3px),var(--color-surface) var(--size-3px) var(--size-5px)); }
@media (pointer: coarse) {
  #fight-report .point-bar { height: var(--size-44px); }
  #fight-report .point-bar .point-segment { min-height: var(--tap-min); }
}
#fight-report .match-picker { margin-top: var(--space-panel); }
#fight-report .match-picker summary { border: 0px; border-radius: 0px; background: transparent; min-height: var(--size-64px); padding: var(--surface-padding); gap: var(--space-group); }
#fight-report .match-picker summary:active { background: var(--surface-muted); }
#fight-report .picker-chevron { margin: 0px var(--space-small) 0px 0px; }
#fight-report .match-picker[open] .picker-chevron { transform: rotate(225deg); margin-bottom: 0px; }
#fight-report .picker-fields { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); border: 0px; border-radius: 0px; box-shadow: none; margin: 0px; padding: var(--space-related) var(--surface-padding) var(--surface-padding); gap: var(--space-group); background: transparent; }
#fight-report .match-picker[open] .picker-fields { animation: var(--dur-base) ease-out 0s 1 normal none running picker-unfold; }
#fight-report select { appearance: none; border-radius: var(--radius-control); min-height: var(--size-58px); padding: var(--space-group) var(--size-48px) var(--space-group) var(--space-block); box-shadow: none; background-color: var(--color-surface); background-image: linear-gradient(45deg,transparent 50%,var(--color-muted) 50%),linear-gradient(135deg,var(--color-muted) 50%,transparent 50%); background-position: calc(100% - var(--size-23px)) 50%, calc(100% - var(--size-18px)) 50%; background-size: var(--size-5px) var(--size-5px); background-repeat: no-repeat; }
#fight-report .picker-fields select { background-color: var(--color-bg); }
#fight-report .intro { margin-top: var(--space-intro); }
@keyframes picker-unfold {
  0% { opacity: 0; transform: translateY(var(--size-n8px)); }
  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 var(--dur-base), content-visibility var(--dur-base) allow-discrete; }
  #fight-report .match-picker[open]::details-content { height: auto; }
}
@media (prefers-reduced-motion: reduce) {
  #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 .intro { margin: var(--space-line) 0px var(--space-block); }
#fight-report .match-card-surface { transition: border-color var(--dur-fast), box-shadow var(--dur-fast), background-color var(--dur-fast); }
@media (prefers-reduced-motion: reduce) {
  #fight-report .match-card-surface { transition: none; }
}
#fight-report .match-option-blue { color: var(--color-chong); font-weight:var(--weight-semibold); overflow-wrap: anywhere; }
#fight-report .match-option-red { color: var(--color-hong); font-weight:var(--weight-semibold); overflow-wrap: anywhere; }

#fight-report #result { display: flex; justify-content: center; align-items: center; gap: var(--space-control); letter-spacing: 0px; font-variant-numeric: tabular-nums; }

#fight-report .score-colon { color: var(--color-muted); font-weight:var(--weight-regular); }

#fight-report #match-card[data-winner="blue"] #blue-name { color: var(--color-text); }
#fight-report #match-card[data-winner="red"] #red-name { color: var(--color-text); }
#fight-report .winning-score { color: var(--color-text); }
#fight-report .pill--side { display: inline-flex; align-items: center; min-height: var(--size-28px); padding: var(--space-small) var(--space-control); margin-bottom: var(--space-small); font-size: var(--text-small); font-weight:var(--weight-medium); letter-spacing: var(--tracking-badge); }
#fight-report .pill--blue.winner-badge { background: var(--surface-muted); color: var(--color-chong); }
#fight-report .pill--red.winner-badge { background: var(--surface-muted); color: var(--color-hong); }

#fight-report #result { font-weight:var(--weight-bold); color: var(--color-text); }
#fight-report .match-card-surface .win-reason { margin-top: var(--space-control); }

#fight-report .match-card-meta { text-align: left; overflow-wrap: anywhere; }
#fight-report .match-card-meta { display: flex; align-items: center; gap: var(--space-line); flex-wrap: wrap; letter-spacing: 0px; }
#fight-report .match-number { font-size: var(--text-match-number); font-weight:var(--weight-semibold); color: var(--color-text); font-variant-numeric: tabular-nums; }
#fight-report .match-context { font-size: var(--text-compact); color: var(--color-muted); }
#fight-report #result { font-size: var(--text-result); }


#fight-report .pill--event { display: inline-flex; align-items: center; gap: var(--space-small); margin: var(--space-compact) var(--space-related) 0px 0px; padding: var(--space-fine) var(--space-compact); border-radius: var(--radius-metadata); background: var(--color-bg); color: var(--color-muted); font-size: var(--text-small); white-space: nowrap; }
#fight-report .event-level:first-of-type { clear: both; }
#fight-report .pill--event strong { color: var(--color-text); font-weight:var(--weight-medium); font-variant-numeric: tabular-nums; }


#fight-report .back-to-matches { display: flex; align-items: center; justify-content: center; gap: var(--space-control); width: 100%; min-width: 0px; max-width: 100%; min-height: var(--size-58px); margin: var(--space-group) 0px; padding: var(--space-line) var(--space-block); border-radius: var(--radius-control); font-weight:var(--weight-semibold); cursor: pointer; }
#fight-report .back-to-matches svg { width: var(--size-22px); height: var(--size-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: var(--space-group); width: 100%; }
#fight-report #report{margin:0;padding:0;border:0;border-radius:0;background:transparent;outline:none;touch-action:pan-y}

#fight-report .match-option-club { display: block; margin-top: var(--size-3px); color: var(--color-muted); font-size: var(--text-small); font-weight:var(--weight-regular); line-height: 1.4; overflow-wrap: break-word; }
#fight-report .brand { display: flex; align-items: center; gap: var(--space-field); }
#fight-report .brand-icon { display: block; flex-shrink: 0; border-radius: var(--size-9px); }
.tournament-with-notifications { display: flex; gap: var(--space-related); 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: var(--tap-min); min-height: var(--tap-min); border: var(--size-1px) solid; border-radius: var(--radius-control); background: transparent; color: inherit; cursor: pointer; }
.notification-status:empty { display: none; }
#fight-report .toast { position: fixed; z-index: 1000; left: 50%; bottom: calc(var(--size-18px) + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); width: max-content; max-width: min(var(--size-360px), calc(100% - var(--size-32px))); box-sizing: border-box; padding: var(--toast-padding); border: var(--size-1px) solid var(--color-border); border-radius: var(--radius-card); background: var(--color-surface); color: var(--color-text); box-shadow: var(--shadow-toast); font-size: var(--text-compact); line-height: 1.4; overflow-wrap: anywhere; pointer-events: none; }
#fight-report .toast:not(:empty) { animation: toast-in var(--dur-fast) ease-out; }
@keyframes toast-in { from { opacity: 0; translate: 0 var(--size-6px); } to { opacity: 1; translate: 0 0; } }
@media (prefers-reduced-motion: reduce) { #fight-report .toast { animation: none; } }

#fight-report .notification-change { display: block; font-weight:var(--weight-semibold); color: var(--color-chong); margin-bottom: var(--space-compact); }
#fight-report .picker-context-row { display: flex; align-items: center; gap: var(--size-9px); min-width: 0px; }
#fight-report .picker-notifications { display: inline-flex; flex: 0 0 auto; color: var(--color-muted); }
#fight-report .picker-notifications svg { width: var(--size-18px); height: var(--size-18px); fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#fight-report .picker-notifications.is-enabled { color: var(--color-text); }
#fight-report .picker-notifications.is-enabled .picker-bell-body { fill: currentcolor; }

/* Flat affordances for opening a match. */

#fight-report .match-detail-card { position: relative; }
/* One continuous surface for the expanded match. */
#fight-report #report .round-picker { margin: var(--space-section) 0 var(--space-group); }
#fight-report #report .setup-fields { padding: var(--space-small) 0 var(--space-block); }
#fight-report #report .columns { gap: var(--space-content); }
#fight-report #report .columns > .panel + .panel { border-left: var(--size-1px) solid var(--color-border); padding-left: var(--space-content); }


/* Shared interactive controls for App and Admin. */
#fight-report .primary{background:var(--color-chong);color:var(--color-bg);border-color:var(--color-chong);font-weight:var(--weight-semibold)}
#fight-report button{cursor:pointer}
#fight-report :is(button,input,select):disabled{opacity:var(--opacity-disabled);cursor:default}
#fight-report [aria-busy=true]:is(button,input,select):disabled,
#fight-report [aria-busy=true] :is(button,input,select):disabled{cursor:wait}
#fight-report :focus-visible{outline:var(--focus-width) solid var(--color-chong);outline-offset:var(--focus-offset)}

#fight-report .point-segment.point-unavailable { opacity: .15; }

/* Shared families. Application selectors own content layout, not these visuals. */
#fight-report .surface { background:var(--color-surface); border:var(--size-1px) solid var(--color-border); border-radius:var(--radius-card); min-width:0; }
#fight-report .surface--padded { padding:var(--surface-padding); }
#fight-report .surface--disclosure { overflow:hidden; }
#fight-report .surface--compact { padding:var(--space-control) var(--space-field); }
#fight-report .surface.surface--flat { border:0; border-radius:0; padding:0; background:transparent; }
#fight-report .chevron, #fight-report .chevron-trigger::after { width:var(--chevron-size); height:var(--chevron-size); border-right:var(--chevron-stroke) solid var(--color-muted); border-bottom:var(--chevron-stroke) solid var(--color-muted); transition:transform var(--dur-base) ease; flex-shrink:0; }
#fight-report .chevron { transform:rotate(45deg); }
#fight-report .chevron--up { transform:rotate(225deg); }
#fight-report .chevron--small { width:var(--chevron-size-small); height:var(--chevron-size-small); }
@media(prefers-reduced-motion:reduce) {
 #fight-report .chevron, #fight-report .chevron-trigger::after { transition:none; }
}

/* Hit thresholds are shared equipment assets, independent of athlete color. */
#fight-report .hit-thresholds { display: flex; gap: var(--space-group); flex-shrink: 0; padding-right: var(--space-small); }
#fight-report .hit-threshold { position: relative; display: inline-flex; width: var(--equipment-icon-size); height: var(--tap-min); align-items: center; justify-content: center; }
#fight-report .hit-threshold img { width: var(--equipment-icon-size); height: var(--tap-min); object-fit: contain; filter:var(--equipment-filter); opacity: .8; }
#fight-report .hit-threshold strong { position: absolute; right: calc(-1 * var(--space-small)); bottom: 0; display: flex; align-items: center; justify-content: center; width: var(--space-content); height: var(--space-content); border-radius: var(--radius-pill); border: var(--size-1px) solid var(--color-border); background: var(--color-surface); color: var(--color-text); font-size: var(--text-compact); font-weight: var(--weight-medium); font-variant-numeric: tabular-nums; }


/* Compact Reports list: one target per match, score aligned with each athlete. */
#fight-report #match-options{display:flex;flex-direction:column;padding:0;gap:0;touch-action:pan-y}



#fight-report .report-match-number{display:flex;align-items:center;min-width:0;padding:var(--space-fine);font-size:var(--text-control);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;background:transparent;border-radius:var(--radius-score)}

#fight-report .report-match-meta{display:flex;align-items:center;gap:var(--space-related);min-width:0;grid-column:2}
#fight-report .match-option-number{flex:1;min-width:0;line-height:1.4;overflow-wrap:anywhere}
#fight-report .report-match-meta .match-open-chevron{position:static;flex-shrink:0;margin-right:var(--space-small)}
#fight-report .match-option-card[aria-expanded=true] .match-open-chevron{transform:rotate(225deg)}

#fight-report .report-person{display:block;min-width:0;border-left:var(--space-small) solid currentColor;padding-left:var(--space-related)}
#fight-report .report-person-name{display:block;overflow-wrap:anywhere;font-size:var(--text-subheading);font-weight:var(--weight-semibold);line-height:1.3}
#fight-report .match-option-row .match-option-score{font-size:var(--text-score-small);font-weight:var(--weight-semibold);line-height:1.3;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:inherit}
#fight-report .report-list-item>#report{margin:0 0 var(--space-group)}
#fight-report .match-option-card:active{background:transparent;filter:none}

/* One compact collapse header follows the real page scroll through the full fold. */

#fight-report .report-sticky-header .match-card-meta{display:flex;align-items:center;flex-wrap:nowrap;gap:0;flex:none;min-width:min-content;overflow:visible}
#fight-report .report-sticky-header .match-context{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fight-report .report-sticky-header .hit-thresholds{gap:var(--space-related);padding:0}
#fight-report .report-collapse{display:grid;place-items:center;flex:0 0 var(--tap-min);width:var(--tap-min);min-height:var(--tap-min);padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--color-text)}
#fight-report .report-collapse>.chevron{flex-shrink:0;margin-right:var(--space-small)}

#fight-report .report-collapse:active{opacity:var(--opacity-pressed);filter:none}

#fight-report {
  padding-top: calc(var(--space-group) + env(safe-area-inset-top, 0px));
  padding-left: max(var(--space-group), env(safe-area-inset-left, 0px));
  padding-right: max(var(--space-group), env(safe-area-inset-right, 0px));
  -webkit-overflow-scrolling: touch;
}

/* Report detail and inline stored ratios. */



#fight-report :is(#report-summary,#report-events){scroll-margin-top:calc(env(safe-area-inset-top,0px) + var(--size-96px))}

#fight-report #share-report-status:empty{display:none}


#fight-report .report-match-number::before{content:"#"}
#fight-report .report-match-copy>.notification-change{grid-column:1 / -1}

/* Approved Apple strict 7.5: one component geometry for both color schemes. */
#fight-report .segmented{flex-wrap:nowrap;overflow-x:auto;gap:var(--size-6px);padding:var(--size-4px);border:var(--size-1px) solid var(--color-border);border-radius:var(--radius-selector);background:var(--color-surface);margin:var(--size-12px) 0;scrollbar-width:none}
#fight-report .segmented button{flex:1 0 auto;min-height:var(--tap-min);padding:var(--size-4px) var(--size-14px);border-radius:var(--size-8px);border:0;font-size:var(--text-selector);line-height:var(--size-1p125rem);font-weight:var(--weight-medium);white-space:nowrap;background:var(--color-control);color:var(--color-muted)}
#fight-report .segmented button[aria-pressed=true]{background:var(--color-action);color:var(--color-on-action);font-weight:var(--weight-semibold);border:0}
#fight-report .round-picker strong{font-size:var(--text-meta);line-height:var(--size-1rem);font-weight:var(--weight-medium)}
#fight-report .surface{border-radius:var(--radius-card)}


#fight-report .report-match-number{font-size:var(--text-queue);line-height:var(--size-1p25rem);font-weight:var(--weight-bold);padding:0;align-items:start}
#fight-report .report-match-meta{font-size:var(--text-meta);line-height:var(--size-1rem)}

#fight-report .report-person{border-left:var(--size-3px) solid var(--color-nearest-blue);padding-left:var(--size-8px);color:var(--color-text)}
#fight-report .match-option-red .report-person{border-color:var(--color-nearest-red)}
#fight-report .report-person-name{font-size:var(--text-subheading);line-height:var(--size-1p375rem);font-weight:var(--weight-semibold)}
#fight-report .match-option-club{display:block;font-size:var(--text-meta);line-height:var(--size-1rem);color:var(--color-muted)}
#fight-report .match-option-row .match-option-score{font-size:var(--text-subheading);line-height:var(--size-1p375rem);color:var(--color-text)}


#fight-report .report-sticky-header .match-card-meta{gap:0;font-size:var(--text-meta)}
#fight-report .report-sticky-header .match-number{font-size:var(--text-subheading);line-height:var(--size-1p375rem);white-space:nowrap}
#fight-report .report-sticky-header .hit-thresholds{gap:var(--size-4px);flex-shrink:1}
#fight-report .hit-threshold{position:static;width:auto;height:auto;min-width:0;gap:var(--size-4px);background:var(--color-control);border:var(--size-1px) solid var(--color-border);border-radius:var(--radius-tag);padding:var(--size-4px);font-size:var(--text-meta);white-space:nowrap}
#fight-report .hit-threshold strong{position:static;border:0;border-radius:0;width:auto;height:auto;background:transparent;font:inherit;font-weight:var(--weight-semibold)}

#fight-report #share-report{color:var(--color-share)}
#fight-report :is(.report-collapse,#share-report) svg{width:var(--size-20px);height:var(--size-20px);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#fight-report .report-share{margin-left:auto;position:relative;inset:auto;z-index:auto;padding:0;border:0;display:block;background:transparent;backdrop-filter:none}
#fight-report #share-report-status{position:absolute;right:0;top:100%;min-width:var(--size-180px);max-width:var(--size-260px);background:var(--color-surface);border:var(--size-1px) solid var(--color-border);border-radius:var(--size-12px);padding:var(--size-12px);box-shadow:var(--shadow-toast)}
#fight-report #report{padding:0;margin:0}
#fight-report .report-list-item:has(>#report:not([hidden])){border:0;background:transparent;border-radius:0}
#fight-report .match-detail-card{border:var(--size-1px) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--surface-padding)}
#fight-report .scoreboard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--size-16px) var(--size-8px);
  align-items: center;
}
#fight-report .report-athlete{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 var(--size-8px);border-left:var(--size-3px) solid var(--color-nearest-blue);padding-left:var(--size-10px);color:var(--color-text);text-align:left;grid-column:1;min-width:0}
#fight-report .report-athlete.red{grid-row:3;border-color:var(--color-nearest-red)}
#fight-report .report-athlete .name{grid-column:1;grid-row:1;font-size:var(--text-subheading);line-height:var(--size-1p375rem)}
#fight-report .report-athlete .muted{grid-column:1 / -1;font-size:var(--text-meta);line-height:var(--size-1rem)}
#fight-report .report-athlete .pill--side{grid-column:2;grid-row:1;align-self:center;font-size:var(--text-outcome);line-height:var(--size-p875rem);background:transparent;padding:0;color:var(--color-success)}
#fight-report .scoreboard>span:nth-child(2),#fight-report #result{display:contents}
#fight-report :is(.score-blue,.score-red){grid-column:2;grid-row:1;align-self:center;font-size:var(--size-1p75rem);line-height:var(--size-2rem);letter-spacing:0;color:var(--color-text)}
#fight-report .score-red{grid-row:3}
#fight-report .score-colon{display:none}
#fight-report .win-reason{grid-column:1 / -1;grid-row:2;margin:0;display:flex;flex-direction:row;align-items:center;gap:var(--size-12px);font-size:var(--text-meta)}
#fight-report .win-reason::before,#fight-report .win-reason::after{content:"";height:var(--size-1px);flex:1;background:var(--color-border)}
#fight-report .pill--reason{font-size:var(--text-meta)}

#fight-report .report-jumps button{flex:1;min-width:0}
#fight-report .columns{display:block}

#fight-report .report-section>h3{position:absolute;width:var(--size-1px);height:var(--size-1px);overflow:hidden;clip-path:inset(50%);margin:0}
#fight-report :is(#summary-unit,.efficiency-key){display:none}
#fight-report .stat{display:grid;grid-template-columns:minmax(var(--size-44px),1fr) minmax(0,1.5fr) minmax(var(--size-44px),1fr);gap:var(--size-4px);align-items:center;margin:0;padding:var(--size-4px) 0;font-size:var(--text-meta);line-height:var(--size-1rem);text-align:left}
#fight-report .stat:last-child{padding-bottom:0}
#fight-report .stat>.red{text-align:right}
#fight-report .stat-label{color:var(--color-text);text-align:center}
#fight-report .point-efficiency{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:var(--text-meta);font-weight:var(--weight-regular);font-variant-numeric:tabular-nums;line-height:var(--size-1rem);margin:0;padding-left:var(--size-4px);vertical-align:baseline}
#fight-report .stat>.point-bar{grid-column:1 / -1;width:100%;height:var(--size-7px);margin:var(--size-4px) 0 0;border-radius:var(--size-4px);gap:0;overflow:visible}
#fight-report .stat>.point-detail{grid-column:1 / -1;font-size:var(--text-meta)}
#fight-report .point-detail:empty{display:none}
#fight-report .point-bar .point-segment{position:relative;height:var(--size-7px);min-height:var(--size-7px);border-radius:var(--size-4px);padding:0;border:0}

#fight-report .event{grid-template-columns:var(--size-48px) minmax(0,1fr) auto;gap:var(--size-8px);padding:var(--size-10px) 0;font-size:var(--text-meta);line-height:var(--size-1rem)}
#fight-report .event-clock{font-size:var(--text-meta)}
#fight-report .event-level{display:inline;background:transparent;padding:0 0 0 var(--size-4px);font-size:var(--text-meta)}

#fight-report .match-option-row.is-selected-team{background:var(--color-team-highlight);border-radius:var(--size-4px)}

#fight-report .point-bar .point-segment.blue{color:var(--color-nearest-blue)}
#fight-report .point-bar .point-segment.red{color:var(--color-nearest-red)}

#fight-report .point-bar .point-segment>.point-base{background:currentColor}

#fight-report .sr-only{position:absolute;width:var(--size-1px);height:var(--size-1px);padding:0;margin:var(--size-n1px);overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#fight-report .stat-value{min-width:var(--size-44px);min-height:var(--size-44px);padding:0;border:0;border-radius:var(--size-4px);background:transparent;color:var(--color-chong);font-size:var(--text-meta);line-height:var(--size-1rem);text-align:left;overflow-wrap:anywhere}
#fight-report .stat-value.red{color:var(--color-hong);text-align:right}
#fight-report .stat-value.point-unavailable{opacity:.65}
#fight-report .stat-value:active{background:var(--color-control)}

#fight-report .win-reason:empty{display:none}

/* Apple strict 7.5: shared geometry, semantic colors only. */
#fight-report.apple-strict{max-width:none;margin:0;min-height:100svh;padding-top:calc(var(--space-group) + env(safe-area-inset-top,0px))}
#fight-report.apple-strict.has-bottom-navigation{max-width:none;margin:0}
#fight-report .match-options{display:flex;flex-direction:column;gap:0;border:var(--size-1px) solid var(--card-border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow)}
#fight-report .match-options:empty{display:none}
#fight-report .report-list-item{position:relative;overflow:visible;border:0;border-radius:0;background:transparent}
#fight-report .report-list-item:not(:last-child)::after{content:"";position:absolute;left:var(--card-padding);right:0;bottom:0;height:var(--size-1px);background:var(--hairline)}

#fight-report .match-option-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-related);padding:var(--space-related);background:var(--surface-muted);border-radius:var(--radius-control);min-width:0}
#fight-report .match-option-card .match-option-row{grid-column:1 / -1}

#fight-report .report-winner{display:inline-block;margin-left:var(--space-related);padding:var(--space-fine) var(--space-compact);border-radius:var(--radius-pill);color:var(--win-text);background:var(--win-bg);font-size:var(--text-outcome);white-space:nowrap}
#fight-report .report-collapse,#fight-report #share-report{display:grid;place-items:center;width:var(--tap-min);min-height:var(--tap-min);flex:none;padding:var(--space-control);background:transparent;border:0;border-radius:0;color:var(--brand-icon)}
#fight-report .report-sticky-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:var(--layer-sticky);display:flex;flex-wrap:nowrap;gap:var(--space-related);min-height:var(--header-height);margin:0 0 var(--space-field);padding:var(--space-small) 0;border-bottom:var(--size-1px) solid var(--header-border);background:var(--header-bg);backdrop-filter:blur(var(--navigation-blur))}
#fight-report .report-jumps button[aria-pressed=true]{background:var(--surface);color:var(--text-1);box-shadow:var(--shadow)}
#fight-report .report-jumps{display:flex;gap:var(--space-small);margin:var(--space-field) 0;padding:var(--space-small);border:0;border-radius:var(--radius-selector);background:var(--surface-muted)}
#fight-report .report-section{padding:var(--card-padding);background:var(--surface);border:var(--size-1px) solid var(--card-border);border-radius:var(--radius-card);margin:var(--space-field) 0;box-shadow:var(--shadow)}

#fight-report #share-report svg{fill:currentColor;stroke:none}

#fight-report #report-category-context{padding-bottom:var(--space-field);margin-bottom:var(--space-group);border-bottom:var(--size-1px) solid var(--hairline);font-size:var(--text-meta);color:var(--text-2);overflow-wrap:anywhere}
#fight-report #report-category-context:empty{display:none}
#fight-report .threshold-label{font-size:var(--text-outcome);color:var(--text-2)}
#fight-report .hit-threshold strong{font-size:var(--size-12px)}

/* Canonical report detail: source order and one geometry for both themes. */
#fight-report #match-options:has(#report:not([hidden])){border:0;border-radius:0;background:transparent;box-shadow:none}
#fight-report #match-options:has(#report:not([hidden]))>.report-list-item:not(:has(#report:not([hidden]))){display:none}
#fight-report .report-list-item:has(#report:not([hidden]))::after{content:none}
#fight-report #report{background:var(--canvas);border:0;border-radius:0;padding:0;margin:0;min-width:0}
#fight-report #report .report-sticky-header{width:calc(100% + 2 * var(--page-gutter));margin-inline:calc(-1 * var(--page-gutter));margin-bottom:var(--space-field);padding:var(--space-small) var(--page-gutter);min-height:var(--header-height);gap:var(--space-related);align-items:center;justify-content:flex-start;flex-wrap:nowrap;background:var(--header-bg);border-bottom:var(--size-1px) solid var(--header-border)}
#fight-report #report #category{flex:0 0 auto;min-width:0;max-width:100%;overflow:visible;gap:0}
#fight-report #report .match-number{white-space:nowrap;overflow-wrap:normal;font-size:var(--text-subheading);font-weight:var(--weight-bold);line-height:var(--size-1p375rem)}
#fight-report #report .hit-thresholds{gap:var(--space-small);padding:0;flex:0 1 auto;min-width:0}
#fight-report #report .hit-threshold{display:inline-flex;align-items:center;min-width:0;gap:var(--space-small);padding:var(--space-small) var(--space-related);height:var(--size-28px);width:auto;border:0;border-radius:var(--radius-control);background:var(--pill-bg);font-size:var(--text-meta)}
#fight-report #report .threshold-label{font-size:var(--text-outcome);font-weight:var(--weight-medium);color:var(--text-2)}
#fight-report #report .hit-threshold strong{font-size:var(--text-meta);font-weight:var(--weight-semibold);color:var(--text-1);white-space:nowrap}
#fight-report #report .report-collapse{width:var(--tap-min);min-height:var(--tap-min);padding:var(--space-control);flex:none;border:0;border-radius:var(--radius-pill);background:var(--pill-bg);color:var(--text-1)}
#fight-report #report .report-share{margin-left:auto;flex:none}
#fight-report #report #share-report{width:var(--tap-min);min-height:var(--tap-min);padding:var(--space-control);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--brand-icon)}
#fight-report #report .match-detail-card{padding:var(--card-padding);border:var(--size-1px) solid var(--card-border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow)}
#fight-report #report #report-category-context{padding:0 0 var(--space-related);margin:0 0 var(--space-field);border-bottom:var(--size-1px) solid var(--hairline);font-size:var(--text-meta);font-weight:var(--weight-medium);line-height:1.4;color:var(--text-2)}
#fight-report #report #match-card{display:block}
#fight-report #report .scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-field);align-items:center}
#fight-report #report .report-athlete{position:relative;display:block;grid-column:1;grid-row:1;min-width:0;min-height:var(--size-40px);padding:0 0 0 var(--space-group);border:0;background:transparent;color:var(--text-1);text-align:left}
#fight-report #report .report-athlete.red{grid-row:3}
#fight-report #report .report-athlete::before{content:"";position:absolute;left:0;top:0;width:var(--space-compact);height:var(--size-40px);border-radius:var(--radius-pill);background:var(--corner-blue-fill)}
#fight-report #report .report-athlete.red::before{background:var(--corner-red-fill)}
#fight-report #report .report-athlete-copy{min-width:0}
#fight-report #report .report-athlete-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-compact);min-width:0}
#fight-report #report .report-athlete .name{font-size:var(--text-subheading);font-weight:var(--weight-semibold);line-height:var(--size-1p375rem);overflow-wrap:anywhere}
#fight-report #report .report-athlete .muted{display:block;font-size:var(--text-meta);font-weight:var(--weight-medium);line-height:1.4;margin-top:var(--space-fine);color:var(--text-2);overflow-wrap:anywhere}
#fight-report #report .report-athlete .pill--side{display:inline-flex;align-items:center;flex:none;min-height:0;margin:0;padding:var(--space-fine) var(--space-compact);border:0;border-radius:var(--radius-tag);font-size:var(--text-nav);font-weight:var(--weight-bold);line-height:1.2;letter-spacing:var(--tracking-badge);background:var(--win-bg);color:var(--win-text)}
#fight-report #report .report-athlete .pill--side[data-outcome=lost]{background:var(--loss-bg);color:var(--loss-text)}
#fight-report #report #result{display:contents}
#fight-report #report .score-blue,#fight-report #report .score-red{grid-column:2;grid-row:1;align-self:center;font-size:var(--text-display);font-weight:var(--weight-bold);line-height:1.2;letter-spacing:0;color:var(--text-1);font-variant-numeric:tabular-nums}
#fight-report #report .score-red{grid-row:3;color:var(--text-2)}
#fight-report #report .score-colon{display:none}
#fight-report #report .win-reason{grid-column:1 / -1;grid-row:2;display:flex;justify-content:center;align-items:center;gap:0;margin:0;padding:0;border:0}
#fight-report #report .win-reason::before,#fight-report #report .win-reason::after{content:none}
#fight-report #report .pill--reason{display:inline-flex;align-items:center;min-height:var(--space-content);padding:var(--space-fine) var(--space-field);border-radius:var(--radius-pill);font-size:var(--text-meta);font-weight:var(--weight-semibold);line-height:1.3;background:var(--surface-muted);color:var(--text-2)}
#fight-report #report #rounds{display:flex;align-items:stretch;gap:var(--chip-gap);margin:var(--space-field) 0;padding:0;border:0;border-radius:0;background:transparent;overflow-x:auto;scrollbar-width:none}
#fight-report #report #rounds button{display:flex;flex:1 0 0;flex-direction:column;justify-content:center;gap:var(--space-fine);min-width:var(--tap-min);min-height:var(--tap-min);height:auto;padding:var(--space-small);border:var(--size-1px) solid var(--chip-border);border-radius:var(--radius-selector);background:var(--chip-bg);color:var(--chip-text);font-size:var(--text-meta);font-weight:var(--weight-medium);line-height:1.1;box-shadow:var(--shadow)}
#fight-report #report #rounds button[aria-pressed=true]{border-color:var(--brand-fill);background:var(--brand-fill);color:var(--on-brand);font-weight:var(--weight-semibold)}
#fight-report #report #rounds strong{font-size:var(--text-outcome);font-weight:var(--weight-semibold);line-height:1.1;color:var(--text-2)}
#fight-report #report #rounds button[aria-pressed=true] strong{color:var(--on-brand)}
#fight-report #report .report-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-small);margin:var(--space-field) 0;padding:var(--space-small);border:var(--size-1px) solid var(--card-border);border-radius:var(--radius-selector);background:var(--surface-muted);overflow:visible}
#fight-report #report .report-jumps button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-compact);min-width:0;min-height:var(--tap-min);padding:var(--space-small);border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-2);font-size:var(--text-meta);font-weight:var(--weight-medium);line-height:1.25;white-space:normal}
#fight-report #report .report-jumps button[aria-pressed=true]{background:var(--surface);color:var(--text-1);font-weight:var(--weight-semibold);box-shadow:var(--shadow)}
#fight-report #report .report-jumps svg{flex:none;width:var(--space-block);height:var(--space-block);fill:currentColor;stroke:none}
#fight-report #report .report-jumps button[aria-pressed=true] svg{color:var(--brand-icon)}
#fight-report #report .report-section{margin:0;padding:var(--card-padding);border:var(--size-1px) solid var(--card-border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
#fight-report #report #point-summary{display:flex;flex-direction:column;gap:0}
#fight-report #report .stat{display:grid;grid-template-columns:minmax(var(--tap-min),1fr) minmax(0,auto) minmax(var(--tap-min),1fr);align-items:center;gap:var(--space-compact);padding:0 0 var(--space-related);margin:0 0 var(--space-related);border-bottom:var(--size-1px) solid var(--hairline);font-size:var(--text-meta);line-height:1.3}
#fight-report #report .stat:first-child{padding-top:0}
#fight-report #report .stat:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
#fight-report #report .stat-label{min-width:0;max-width:100%;text-align:center;font-size:var(--text-meta);font-weight:var(--weight-semibold);color:var(--text-1);overflow-wrap:anywhere}
#fight-report #report .stat-value{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-fine);min-width:var(--tap-min);min-height:var(--tap-min);max-width:100%;padding:0;border:0;border-radius:var(--radius-track);background:transparent;font-size:var(--text-meta);font-weight:var(--weight-bold);line-height:1.3;color:var(--corner-blue-text);font-variant-numeric:tabular-nums;text-align:left;overflow-wrap:anywhere}
#fight-report #report .stat-value.red{align-items:flex-end;color:var(--corner-red-text);text-align:right}
#fight-report #report .point-total{white-space:normal}
#fight-report #report .stat-value.point-unavailable{color:var(--text-2);opacity:.65}
#fight-report #report .point-efficiency{display:block;min-width:0;max-width:100%;box-sizing:border-box;padding:0;margin:0;font-size:var(--text-outcome);font-weight:var(--weight-regular);line-height:1.3;white-space:normal;overflow-wrap:anywhere;color:var(--text-2)}
#fight-report #report .stat>.point-bar{grid-column:1 / -1;display:flex;width:100%;height:var(--space-related);margin:0;border-radius:var(--radius-pill);background:var(--surface-muted);gap:0;overflow:hidden}
#fight-report #report .point-bar .point-segment{height:var(--space-related);min-height:0;display:flex;border:0;border-radius:0;padding:0;background:transparent;color:var(--corner-blue-fill)}
#fight-report #report .point-bar .point-segment.red{color:var(--corner-red-fill)}
#fight-report #report .point-bar .point-base,#fight-report #report .point-bar .point-bonus{height:100%}
#fight-report #report .point-detail{grid-column:1 / -1;font-size:var(--text-meta);line-height:1.4;overflow-wrap:anywhere}
#fight-report #report #bonus-legend{margin-top:var(--space-group);font-size:var(--text-outcome)}
#fight-report #report .report-section[data-report-section=report-events]{padding:0}
#fight-report #report .event{position:relative;display:grid;grid-template-columns:auto var(--space-compact) minmax(0,1fr) auto;gap:var(--space-control);align-items:center;padding:var(--space-line);border:0;font-size:var(--text-meta);line-height:1.3}
#fight-report #report .event:not(:last-child)::after{content:"";position:absolute;bottom:0;left:var(--page-gutter);right:0;height:var(--size-1px);background:var(--hairline)}
#fight-report #report .event-clock{display:flex;flex-direction:column;gap:var(--space-fine);font-size:var(--text-meta);font-weight:var(--weight-bold);line-height:1.3;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}
#fight-report #report .event-round{font-size:var(--text-outcome);font-weight:var(--weight-medium)}
#fight-report #report .event-stripe{display:block;width:var(--space-compact);height:var(--space-content);border-radius:var(--radius-pill);background:var(--hairline)}
#fight-report #report .event-stripe.blue{background:var(--corner-blue-fill)}
#fight-report #report .event-stripe.red{background:var(--corner-red-fill)}
#fight-report #report .event-copy{display:flex;flex-direction:column;gap:var(--space-fine);min-width:0}
#fight-report #report .event-title{font-size:var(--text-small);font-weight:var(--weight-semibold);line-height:1.4;color:var(--text-1);overflow-wrap:anywhere}
#fight-report #report .event-details{display:block;font-size:var(--text-meta);font-weight:var(--weight-medium);line-height:1.4;color:var(--text-2);overflow-wrap:anywhere}
#fight-report #report .event-level{display:inline;padding:0;border:0;background:transparent;font:inherit;color:inherit}
#fight-report #report .event-level strong{font-weight:inherit}
#fight-report #report .event-score{font-size:var(--text-meta);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1.3;white-space:nowrap;color:var(--text-1)}
#fight-report.apple-strict:has(#report:not([hidden])){padding-top:env(safe-area-inset-top,0px)}
#fight-report #match-list:has(#report:not([hidden])){margin-top:0}
#fight-report #report .stat-value{flex-direction:row;flex-wrap:nowrap;align-self:stretch;align-items:center;justify-content:flex-start}
#fight-report #report .point-total{min-width:0}
#fight-report #report .stat-value.red{align-items:center;justify-content:flex-end}
#fight-report #report .stat-value.red .point-efficiency{order:-1}

/* Canonical Reports overview: one full-width header above each pair of athletes. */
#fight-report #match-list{margin-top:var(--space-group)}
#fight-report .match-option-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-field);width:100%;padding:var(--card-padding);border:0;border-radius:0;background:transparent;text-align:left}
#fight-report .report-match-header{display:flex;align-items:center;gap:var(--space-related);min-width:0;width:100%}
#fight-report .report-match-header .report-match-number{display:block;flex:none;padding:0;font-size:var(--text-subheading);font-weight:var(--weight-bold);line-height:1.3;color:var(--text-1);font-variant-numeric:tabular-nums;white-space:nowrap}
#fight-report .report-match-header .report-match-meta{display:flex;align-items:center;gap:var(--space-small);flex:1;min-width:0;font-size:var(--text-meta);line-height:1.3;color:var(--text-2);overflow-wrap:anywhere}
#fight-report .report-match-header .report-match-meta::before{content:"·";flex:none}
#fight-report .report-match-header .match-option-number{font-size:var(--text-meta);font-weight:var(--weight-medium);line-height:1.3;color:var(--text-2)}
#fight-report .match-option-card .match-open-chevron{display:block;position:static;flex:none;margin:0 var(--space-small) 0 var(--space-related);transform:rotate(-45deg);border-color:var(--icon-muted)}
#fight-report .report-match-copy{display:flex;flex-direction:column;gap:var(--space-related);min-width:0;width:100%}
#fight-report .match-option-card .match-option-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-related);min-width:0;width:100%;padding:var(--space-control);border-radius:var(--radius-selector);background:var(--surface-muted)}
#fight-report .match-option-card .report-person{position:relative;display:block;flex:1;min-width:0;padding-left:var(--space-field);border:0;color:var(--text-1)}
#fight-report .match-option-card .report-person::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--space-small);height:var(--space-section);border-radius:var(--radius-pill);background:var(--corner-blue-fill)}
#fight-report .match-option-card .match-option-red .report-person::before{background:var(--corner-red-fill)}
#fight-report .match-option-card .report-person-name{display:block;min-width:0;font-size:var(--text-subheading);font-weight:var(--weight-semibold);line-height:1.3;color:var(--text-1);overflow-wrap:anywhere}
#fight-report .match-option-card .match-option-club{display:block;font-size:var(--text-meta);font-weight:var(--weight-medium);line-height:1.3;color:var(--text-2);overflow-wrap:anywhere}
#fight-report .report-result{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-related);flex:none;font-variant-numeric:tabular-nums}
#fight-report .report-outcome{display:inline-flex;align-items:center;flex:none;padding:var(--space-fine) var(--space-compact);border-radius:var(--radius-tag);font-size:var(--text-outcome);font-weight:var(--weight-bold);line-height:1.3;letter-spacing:var(--tracking-badge);background:var(--win-bg);color:var(--win-text)}
#fight-report .report-outcome[data-outcome=lost]{background:var(--loss-bg);color:var(--loss-text)}
#fight-report .match-option-card .match-option-score{font-size:var(--size-18px);font-weight:var(--weight-bold);line-height:1.3;color:var(--text-1);font-variant-numeric:tabular-nums;white-space:nowrap}
#fight-report .match-option-card .match-option-score[data-outcome=lost]{color:var(--text-2)}

#fight-report .picker-notifications svg{fill:currentColor;stroke:none}
#fight-report .picker-notifications{color:var(--icon-muted)}
#fight-report .picker-notifications.is-enabled{color:var(--brand-icon)}