@charset "UTF-8";
/* Reuse the result badge's tone so row and badge colours cannot diverge. */
#table-wrap[data-view="records"] tbody tr:has(.outcome-badge.outcome-tone-win) { --record-background: var(--outcome-win-soft); --record-hover: var(--outcome-win-hover); }
#table-wrap[data-view="records"] tbody tr:has(.outcome-badge.outcome-tone-loss) { --record-background: var(--outcome-loss-soft); --record-hover: var(--outcome-loss-hover); }
#table-wrap[data-view="records"] tbody tr:has(.outcome-badge.outcome-tone-abandoned) { --record-background: var(--outcome-abandoned-soft); --record-hover: var(--outcome-abandoned-hover); }
#table-wrap[data-view="records"] tbody tr:has(.outcome-badge.outcome-tone-neutral) { --record-background: #f3f4f6; --record-hover: #e7eaee; }
#table-wrap[data-view="records"] tbody tr { --muted: #4b5563; background-color: var(--record-background, transparent); }
#table-wrap[data-view="records"] tbody tr td { background-color: var(--record-background, transparent); }
#table-wrap[data-view="records"] tbody tr:is(:hover, :focus-visible),
#table-wrap[data-view="records"] tbody tr:is(:hover, :focus-visible) td { background-color: var(--record-hover, var(--record-background, transparent)); }
.record-received { display: grid; gap: 3px; line-height: 1.35; }
.record-received-language { color: var(--record-language-color, var(--muted)); font-size: 11px; font-weight: 700; }
.record-ingress-badge { white-space: nowrap; font-size: 11px; }
.record-ingress-badge[data-route="worker"] { color: #78521d; background: #fff2dd; border-color: #e4c493; }
.record-ingress-badge[data-route="direct"] { color: #375e80; background: #eaf2f8; border-color: #b8d0e1; }
.record-ingress-badge[data-route="unknown"] { color: #606970; background: #f1f3f4; border-color: #d0d6db; }
.record-deck-axes { width: 310px; display: grid; gap: 7px; }
.record-deck-axis-empty { color: #697581; font-size: 12px; }
.record-deck-axis-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 21px; color: #56616d; font-size: 12px; font-weight: 750; }
.record-deck-axis-summary small { font-size: 10px; font-weight: 500; }
.record-deck-axis-primary { border-left: 4px solid hsl(var(--axis-hue) 65% 46%); border-radius: 3px; padding: 2px 7px; color: hsl(var(--axis-hue) 70% 24%); background: hsl(var(--axis-hue) 70% 94%); font-size: 13px; }
.record-deck-axis-meters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 12px; }
.record-deck-axis { min-width: 0; color: #8a929b; }
.record-deck-axis[data-active="true"] { color: #293746; }
.record-deck-axis-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 4px; font-size: 10px; line-height: 1.25; white-space: nowrap; }
.record-deck-axis-heading strong { font-size: 11px; font-variant-numeric: tabular-nums; }
.record-deck-axis-track { height: 5px; margin-top: 3px; overflow: hidden; border-radius: 2px; background: #e9edf1; }
.record-deck-axis-fill { display: block; height: 100%; background: hsl(var(--axis-hue) 65% 46%); }
.record-list-badge { display: inline-block; min-width: 46px; box-sizing: border-box; padding: 3px 8px; border: 1px solid transparent; border-radius: 999px; text-align: center; font-weight: 750; font-variant-numeric: tabular-nums; }
.record-version-main { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
.record-build-version { display: inline-block; padding: 4px 8px; border: 3px var(--build-edge, solid) var(--build-border, #142b80); border-radius: 5px; color: var(--build-text, #ffffff); background: var(--build-background, #1e40af); box-shadow: 0 1px 2px rgb(0 0 0 / 16%); font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.record-version-releases { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-top: 5px; }
.record-version-releases .record-other-mod-badge { margin-top: 0; }
.record-mod-release-badge { font-size: 11px; white-space: nowrap; }
.record-mod-release-badge[data-channel="unknown"] { color: #646e78; background: #f0f2f4; border-color: #d3d9df; }
.record-game-channel-badge { min-width: 58px; font-size: 11px; white-space: nowrap; }
.record-game-channel-badge[data-channel="stable"] { color: #236344; background: #e5f3e9; border-color: #add2b9; }
.record-game-channel-badge[data-channel="beta"] { color: #345a92; background: #e8f0fb; border-color: #b7cbea; }
.record-game-channel-badge[data-channel="unknown"] { color: #646e78; background: #f0f2f4; border-color: #d3d9df; }
.record-party-badge[data-size="1"] { color: #285b88; background: #e8f2fb; border-color: #b8d4e9; }
.record-party-badge[data-size="2"] { color: #2f6743; background: #e9f5ed; border-color: #b8d9c2; }
.record-party-badge[data-size="3"] { color: #866014; background: #fff5d9; border-color: #ead292; }
.record-party-badge[data-size="4"] { color: #694288; background: #f3eafa; border-color: #d2b9e4; }
.record-party-badge[data-size="other"] { color: #535e66; background: #eef1f3; border-color: #cbd2d7; }
.record-modifier-badge[data-enabled="false"] { color: #59656d; background: #f0f2f3; border-color: #d3d8dc; }
.record-modifier-badge[data-enabled="true"] { color: #765315; background: #fff4d4; border-color: #e5ca7b; }
.record-other-mod-badge { display: table; min-width: 74px; margin-top: 5px; font-size: 11px; }
.record-other-mod-badge[data-enabled="false"] { color: #2f6743; background: #e9f5ed; border-color: #b8d9c2; }
.record-other-mod-badge[data-enabled="true"] { color: #8a451a; background: #fff0e2; border-color: #e8bb8f; }
.record-floor-badge[data-tone="0"] { --floor-hue: 210; color: #5e676d; background: #eff1f2; border-color: #d2d6d9; }
.record-floor-badge[data-tone="1"] { --floor-hue: 210; }
.record-floor-badge[data-tone="2"] { --floor-hue: 187; }
.record-floor-badge[data-tone="3"] { --floor-hue: 163; }
.record-floor-badge[data-tone="4"] { --floor-hue: 140; }
.record-floor-badge[data-tone="5"] { --floor-hue: 117; }
.record-floor-badge[data-tone="6"] { --floor-hue: 93; }
.record-floor-badge[data-tone="7"] { --floor-hue: 70; }
.record-floor-badge[data-tone="8"] { --floor-hue: 47; }
.record-floor-badge[data-tone="9"] { --floor-hue: 23; }
.record-floor-badge[data-tone="10"] { --floor-hue: 0; }
.record-floor-badge:not([data-tone="0"]) { color: hsl(var(--floor-hue) 62% 29%); background: hsl(var(--floor-hue) 78% 93%); border-color: hsl(var(--floor-hue) 48% 72%); }