/* Community review. Shared by the review desk, direct reports, and evidence pages; the public site keeps its layout. */
.review-workspace { --rw-accent: var(--a); max-width: 1180px; margin: 0 auto; padding: 0 0 24px; }
body:has(.review-workspace) .top { view-transition-name: none; }
body:has([data-review-workspace]) main { padding-top: 12px; }
.review-workspace [hidden] { display: none !important; }
.review-workspace a, .review-workspace a:hover, .review-workspace a:focus { text-decoration: none; }
.review-workspace :focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.rw-heading { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin: 4px 0 20px; }
.rw-eyebrow { color: var(--muted); font-size: 11px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; margin: 0 0 6px; }
.rw-heading h1 { font-size: clamp(25px, 2.6vw, 32px); line-height: 1.2; letter-spacing: -.035em; margin: 0 0 12px; }
.rw-lede { font-size: 16px; color: var(--muted); max-width: 68ch; margin: 0; }
.rw-access { display: flex; gap: 8px; align-items: center; font-size: 12px; color: var(--muted); white-space: nowrap; }
.rw-access > span { width: 6px; height: 6px; border-radius: 50%; background: var(--ok); }
.rw-welcome { display: grid; grid-template-columns: 1.1fr 1fr; background: var(--panel); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; margin-bottom: 20px; }
.rw-start { padding: 22px; background: linear-gradient(130deg, color-mix(in srgb, var(--rw-accent) 7%, var(--panel)), var(--panel)); }
.rw-start h2 { font-size: 25px; letter-spacing: -.025em; margin: 0 0 12px; line-height: 1.3; overflow-wrap: anywhere; }
.rw-start p:not(.rw-eyebrow) { color: var(--muted); max-width: 44ch; margin-bottom: 24px; }
.rw-start > .rw-subtle { display: block; margin-top: 12px; font-size: 12px; }
.rw-button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; font: inherit; font-weight: 600; line-height: 1.3; padding: 12px 18px; min-height: 44px; border: 1px solid transparent; border-radius: 8px; cursor: pointer; text-decoration: none; white-space: normal; }
.rw-button:hover { text-decoration: none; filter: brightness(.97); }
.rw-primary { background: var(--orange); color: #fff; border-color: var(--orange); }
.rw-secondary { background: var(--panel); color: var(--ink); border-color: var(--line); }
.rw-button:disabled, fieldset:disabled .rw-button { opacity: .45; cursor: not-allowed; }
.rw-how { display: grid; align-content: center; gap: 14px; list-style: none; margin: 0; padding: 22px; border-left: 1px solid var(--line); }
.rw-how li { display: flex; gap: 16px; align-items: flex-start; }
.rw-how li > span { color: var(--rw-accent); font: 12px/24px ui-monospace, monospace; }
.rw-how strong { font-size: 14px; }.rw-how p { margin: 3px 0 0; color: var(--muted); font-size: 13px; }
.rw-guidance { padding: 12px 16px; border: 1px solid var(--line); border-radius: 10px; margin: 20px 0; background: var(--panel); }
.rw-guidance summary { font-size: 13px; font-weight: 600; cursor: pointer; }
.rw-guidance p { color: var(--muted); font-size: 13px; max-width: 95ch; margin: 12px 0 0; line-height: 1.7; }
.rw-section-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin: 18px 0 12px; }
.rw-section-head h2, .rw-decision h2 { margin: 0; font-size: 23px; letter-spacing: -.025em; line-height: 1.25; }
.rw-section-head h2 > span { font: 12px ui-monospace, monospace; color: var(--muted); padding: 3px 8px; border-radius: 5px; background: var(--line); vertical-align: middle; }
.rw-section-head .rw-eyebrow { margin-bottom: 6px; }.rw-section-head p.rw-subtle { margin: 8px 0 0; }
.rw-filters { display: flex; gap: 3px; flex-wrap: wrap; padding: 3px; border: 1px solid var(--line); border-radius: 8px; font-size: 12px; }
.rw-filters a { padding: 7px 11px; border-radius: 5px; color: var(--muted); white-space: nowrap; }
.rw-filters a[aria-current] { color: var(--ink); background: var(--panel); box-shadow: 0 1px 4px rgb(0 0 0 / .08); font-weight: 600; }
.review-home { overflow-anchor: none; }.rw-queue { display: block; min-height: calc(100vh - 32px); scroll-margin-top: 16px; }.rw-queue[aria-busy=true] .rw-case-list { opacity: .55; }
.rw-case-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.rw-case-card { display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); color: var(--ink); }
.rw-case-card:hover { border-color: var(--rw-accent); text-decoration: none; }
.rw-case-meta { display: flex; gap: 8px; justify-content: space-between; font-size: 10px; color: var(--muted); }
.rw-case-meta > span:first-child { letter-spacing: .07em; }
.rw-avatars { display: flex; gap: 6px; margin: 22px 0 14px; }
.rw-avatars span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid currentColor; border-radius: 50%; font-size: 11px; font-weight: 650; }
.rw-case-card h3 { margin: 0 0 6px; font-size: 17px; letter-spacing: -.02em; overflow-wrap: anywhere; }
.rw-case-card > p { margin: 0 0 22px; font-size: 12px; color: var(--muted); }
.rw-case-bottom { display: flex; justify-content: space-between; gap: 8px; padding-top: 16px; border-top: 1px solid var(--line); margin-top: auto; font-size: 11px; color: var(--muted); }
.rw-case-bottom strong { color: var(--ink); }
.rw-history-row { display: flex; gap: 16px; justify-content: space-between; align-items: center; padding: 16px 0; border-top: 1px solid var(--line); font-size: 13px; }
.rw-history-row small { display: block; color: var(--muted); margin-top: 3px; font-size: 11px; }
.rw-history-row > span { color: var(--muted); }.rw-history-row a { color: var(--ink); font-weight: 600; }
.rw-receipt { display: flex; justify-content: space-between; align-items: center; gap: 20px; border: 1px solid color-mix(in srgb, var(--ok) 40%, var(--line)); border-left: 3px solid var(--ok); background: var(--panel); border-radius: 8px; padding: 18px 22px; margin-bottom: 24px; }
.rw-receipt p { margin: 4px 0 0; font-size: 13px; color: var(--muted); }
.rw-breadcrumb { display: flex; align-items: center; gap: 16px; margin-bottom: 6px; color: var(--muted); font-size: 11px; }
.rw-breadcrumb a { color: var(--muted); }.rw-breadcrumb .rw-leave { margin-left: auto; }
.rw-heading.rw-case-heading { margin: 0 0 6px; }.rw-case-heading h1 { font-size: 20px; display: flex; gap: 4px 18px; flex-wrap: wrap; margin: 0; overflow-wrap: anywhere; }
.rw-plus { color: var(--muted); font-weight: 400; }.rw-text-link { font-size: 12px; color: var(--muted); white-space: nowrap; }
.rw-pairings { display: flex; gap: 8px; overflow-x: auto; margin: 8px 0 12px; padding: 2px; }
.rw-pairings a { padding: 9px 14px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); font-size: 12px; flex-shrink: 0; }
.rw-pairings small { display: block; color: var(--muted); font-size: 10px; margin-top: 3px; }
.rw-pairings a[aria-current] { border-color: var(--rw-accent); background: var(--panel); }
.rw-steps { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); gap: 24px; }
.rw-steps a { display: flex; gap: 10px; align-items: center; color: var(--muted); padding: 10px 0; border-bottom: 2px solid transparent; font-weight: 600; font-size: 13px; }
.rw-steps a[aria-current] { color: var(--ink); border-bottom-color: var(--rw-accent); }
.rw-steps a > span { font: 11px ui-monospace, monospace; opacity: .7; }.rw-steps a[aria-current] > span { color: var(--rw-accent); opacity: 1; }
.rw-overview-tools { display: flex; justify-content: space-between; align-items: center; gap: 6px 18px; flex-wrap: wrap; margin: 8px 0; }
.rw-metrics { display: flex; flex-wrap: wrap; gap: 4px 18px; align-items: center; }
.rw-metrics > div { display: flex; gap: 6px; align-items: baseline; }
.rw-metrics strong { font-size: 15px; font-weight: 650; white-space: nowrap; }.rw-metrics strong small { font-weight: 400; font-size: 12px; color: var(--muted); }
.rw-metrics span { font-size: 11px; color: var(--muted); }
.rw-compact { margin: 16px 0 10px; }.rw-legend { display: flex; gap: 22px; font-size: 12px; font-weight: 600; flex-wrap: wrap; }
.rw-legend span { display: flex; gap: 7px; align-items: center; min-width: 0; }.rw-legend span::before { content: ""; flex-shrink: 0; width: 7px; height: 7px; background: currentColor; border-radius: 50%; }
.rw-range { font-size: 10px; color: var(--muted); margin: 0 0 8px; }
.rw-spawn-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.rw-spawn-card { border: 1px solid var(--line); background: var(--panel); border-radius: 9px; overflow: hidden; }
.rw-spawn-top { display: flex; align-items: center; gap: 6px; padding: 7px 8px 5px; font-size: 11px; }.rw-spawn-top > div { flex: 1; min-width: 0; }.rw-spawn-top strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rw-spawn-top > div > span { color: var(--muted); font-size: 9px; }
.rw-spawn-card .map { width: 100% !important; height: 142px; display: block; border-radius: 0; border-width: 1px 0; object-fit: contain; }
.rw-spawn-caption { display: flex; align-items: center; justify-content: space-between; gap: 5px; padding: 6px 8px; font-size: 10px; }
.rw-spawn-caption > span { font-weight: 600; }.rw-spawn-caption small { display: block; font-size: 9px; color: var(--muted); font-weight: 400; margin-top: 2px; }
.rw-nearby .rw-spawn-caption > span { color: var(--rw-accent); }.rw-spawn-caption a { color: var(--ink); }
.rw-spawn-link { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; margin-left: auto; }
.rw-bottom-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); margin-top: 16px; padding: 14px 0 0; }
.rw-bottom-bar p { margin: 0; font-size: 13px; color: var(--muted); }.rw-bottom-bar strong, .rw-bottom-bar b { color: var(--ink); }
.rw-actions { display: flex; gap: 8px; flex-wrap: wrap; }.rw-subtle { font-size: 13px; color: var(--muted); }
.rw-pagination { display: flex; justify-content: space-between; gap: 20px; margin-top: 18px; font-size: 12px; color: var(--muted); }
.rw-empty { padding: 32px; border: 1px dashed var(--line); border-radius: 10px; color: var(--muted); }
.rw-replay-summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 10px 0 8px; }
.rw-replay-summary h2 { margin: 0; font-size: 13px; font-weight: 600; }
.rw-replay-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 8px 0; }
.rw-replay-tabs a { display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 9px; padding: 9px 12px; color: var(--ink); font-size: 13px; }
.rw-replay-tabs a[aria-current] { border-color: var(--rw-accent); background: var(--panel); }.rw-replay-tabs small { display: block; font-size: 11px; color: var(--muted); margin-top: 2px; }
.rw-replay-tabs a.rw-watching { animation: rw-watching 2.4s ease-in-out infinite; }
@keyframes rw-watching { 0%, 100% { border-color: var(--rw-accent); box-shadow: inset 0 0 0 1px transparent; } 50% { border-color: var(--orange); box-shadow: inset 0 0 0 1px var(--orange); } }
@media (prefers-reduced-motion: reduce) { .rw-replay-tabs a.rw-watching { animation: none; box-shadow: inset 0 0 0 1px var(--orange); } }
.rw-reopen { display: inline-block; margin-top: 8px; }
.rw-game-win { display: block; color: var(--gold); font-size: 11px; font-weight: 600; margin: 4px 0; overflow-wrap: anywhere; }
.rw-evidence-spawns { display: block; color: var(--muted); font-size: 10px; font-weight: 400; margin-top: 4px; }
.rw-observations tbody th { text-transform: none; letter-spacing: normal; }
.rw-observations th, .rw-observations td { white-space: normal; }
.moderation-audit { width: 100%; table-layout: fixed; }
.moderation-audit th, .moderation-audit td { white-space: normal; overflow-wrap: anywhere; }
.moderation-audit pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
.rw-step-number { border: 1px solid var(--line); width: 26px; height: 26px; flex-shrink: 0; display: grid; place-items: center; border-radius: 50%; color: var(--muted); font-size: 11px; }
.rw-replay-tabs a[aria-current] .rw-step-number { background: var(--orange); color: #fff; border-color: var(--orange); }
.rw-replay-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); background: var(--panel); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.rw-replay-map { background: color-mix(in srgb, var(--bg) 65%, var(--panel)); padding: 18px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
.rw-replay-map .map { max-width: 100%; max-height: 265px; width: 100% !important; height: auto; border: 0; border-radius: 6px; }
.rw-replay-map p { font-size: 11px; color: var(--muted); margin: 18px 0 0; }.rw-map-key { display: inline-block; width: 8px; height: 8px; border: 1px solid var(--orange); margin-right: 4px; }
.rw-replay-detail { padding: 18px; border-left: 1px solid var(--line); }.rw-replay-detail h3 { font-size: 22px; margin: 0; letter-spacing: -.025em; }.rw-replay-detail > .rw-subtle { margin: 4px 0 10px; }
.rw-player-locations { width: 100%; padding: 5px 0; border-top: 1px solid var(--line); margin: 10px 0 0; font-size: 12px; }
.rw-player-locations .rw-player-finish { text-align: right; margin-left: auto; color: var(--muted); font-size: 11px; font-weight: 400; white-space: nowrap; }
.rw-player-locations > div { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 5px 0; font-weight: 600; }.rw-player-locations b { font: 600 12px ui-monospace, monospace; border: 1px solid var(--line); padding: 3px 8px; border-radius: 4px; }
.rw-facts { font-size: 12px; gap: 9px 18px; margin-bottom: 24px; }.rw-facts dd { text-align: right; }
.rw-replay-detail > .rw-button { width: 100%; }.rw-open-status { color: var(--muted); font-size: 11px; margin: 6px 0 0; }
.rw-extra-games { display: flex; flex-direction: column; gap: 10px; margin-top: 15px; font-size: 12px; }
.rw-decision { max-width: 780px; margin: 22px auto; }.rw-decision h2 { font-size: 26px; margin-bottom: 12px; }.rw-decision .rw-lede { line-height: 1.6; }
.rw-evidence-check { padding: 18px 0; margin: 12px 0 10px; font-size: 13px; border-bottom: 1px solid var(--line); }.rw-evidence-check > span { font-weight: 600; }.rw-evidence-check p { color: var(--muted); font-size: 12px; margin: 6px 0 0; }
.rw-decision-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }.rw-decisions { display: grid; gap: 10px; margin: 20px 0 26px; }
.rw-decisions label { display: flex; align-items: center; gap: 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); padding: 13px 16px; cursor: pointer; }
.rw-decisions label:has(input:checked) { border-color: var(--rw-accent); box-shadow: inset 0 0 0 1px var(--rw-accent); }
.rw-decisions input { accent-color: var(--orange); width: 16px; height: 16px; margin: 0; flex-shrink: 0; }.rw-decisions small { display: block; font-size: 12px; color: var(--muted); margin-top: 4px; }.rw-decisions kbd { margin-left: auto; color: var(--muted); font-size: 11px; }
.rw-note-label { font-weight: 600; display: block; margin-bottom: 4px; font-size: 13px; }.rw-decision-form textarea { font: inherit; color: var(--ink); background: var(--panel); width: 100%; padding: 14px; border: 1px solid var(--line); border-radius: 8px; margin-top: 12px; resize: vertical; }
.rw-lock { color: var(--muted); padding: 12px 16px; border: 1px dashed var(--line); border-radius: 6px; font-size: 12px; }
.rw-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (min-width: 1400px) { body:has(.review-workspace) main { max-width: 1300px; } }
@media (max-width: 1000px) { .rw-spawn-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.rw-case-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }.rw-replay-detail { padding: 12px; } }
@media (max-width: 700px) {
  .rw-heading { align-items: flex-start; margin-bottom: 22px; }.rw-access { display: none; }.rw-welcome { grid-template-columns: 1fr; }.rw-start { padding: 24px; }.rw-how { border-left: 0; border-top: 1px solid var(--line); gap: 18px; padding: 24px; }
  .rw-spawn-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.rw-spawn-card .map { height: 115px; }.rw-spawn-caption { flex-wrap: wrap; }.rw-replay-layout { grid-template-columns: 1fr; }.rw-replay-detail { border-left: 0; border-top: 1px solid var(--line); }.rw-replay-map .map { max-height: 330px; }.rw-replay-tabs { gap: 6px; }.rw-replay-tabs a { padding: 10px; gap: 7px; font-size: 11px; }.rw-replay-tabs small { font-size: 10px; }
  .rw-bottom-bar { flex-direction: column; align-items: stretch; gap: 16px; }.rw-bottom-bar > .rw-button { width: 100%; }.rw-actions { justify-content: flex-end; }.rw-steps { gap: 12px; }.rw-steps a { font-size: 12px; gap: 6px; }.rw-receipt { flex-direction: column; align-items: flex-start; }.rw-case-heading h1 { font-size: 18px; gap: 4px 12px; }
}
@media (max-width: 440px) { .rw-case-list { grid-template-columns: 1fr; }.rw-spawn-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.rw-steps { gap: 8px; }.rw-steps a { font-size: 11px; }.rw-steps a > span { display: none; }.rw-step-number { display: none; }.rw-filters a { padding: 7px 8px; }.rw-breadcrumb { gap: 10px; } }
.rw-spawn-members { display: flex; flex-wrap: wrap; gap: 2px 7px; padding: 0 8px 5px; font-size: 10px; font-weight: 600; overflow-wrap: anywhere; }
.rw-coverage { border: 1px solid var(--line); border-radius: 10px; padding: 18px 20px; margin: 20px 0; background: var(--panel); font-size: 12px; }
.rw-coverage p { color: var(--muted); margin: 5px 0 14px; }
.rw-coverage-row { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); padding: 10px 0; }
.rw-coverage-row:last-child { padding-bottom: 0; }.rw-coverage-row a { color: var(--ink); }.rw-coverage-row span { white-space: nowrap; color: var(--muted); }
.rw-decision-scope { padding: 18px 0; font-size: 13px; }.rw-decision-scope > div { margin-top: 10px; }.rw-decision-scope small { display: block; color: var(--muted); margin-top: 3px; }
.rw-player-locations small { display: block; color: var(--muted); font-size: 11px; font-weight: 400; }.rw-player-locations b { white-space: nowrap; }
.rw-pair-facts-title { font-size: 12px; margin: 20px 0 10px; }
.rw-replay-tabs { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
@media (max-width: 440px) { .rw-replay-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }.rw-player-locations b { font-size: 10px; } }

.rw-guide { margin: 12px 0; padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); font-size: 12px; }
.rw-guide summary { cursor: pointer; font-weight: 600; }.rw-guide summary > span { margin-left: 12px; color: var(--muted); font-weight: 400; font-size: 11px; }
.rw-guide p { margin: 8px 0 0; color: var(--muted); max-width: 110ch; line-height: 1.6; }
.rw-scope-details { margin: 0 0 8px; }.rw-scope-details > summary { color: var(--muted); font-size: 12px; cursor: pointer; }.rw-scope-return { font-size: 12px; margin: 0 0 8px; }
.rw-case-nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); }
.rw-case-nav .rw-steps { display: flex; border: 0; gap: 24px; }
.rw-case-tools { position: relative; display: flex; align-items: center; gap: 16px; }
.rw-case-tools .rw-guide, .rw-case-tools .rw-scope-details { margin: 0; padding: 0; border: 0; background: none; }
.rw-case-tools summary { font-size: 11px; font-weight: 500; color: var(--muted); padding: 8px 0; }
.rw-case-tools .rw-guide summary > span { margin-left: 6px; font-size: 10px; }
.rw-case-tools .rw-guide-body, .rw-case-tools .rw-pairings { position: absolute; right: 0; top: 100%; z-index: 15; width: min(540px, calc(100vw - 48px)); max-height: 60vh; overflow: auto; padding: 14px; margin: 0; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 6px 20px rgb(0 0 0 / .15); }
.rw-case-tools .rw-pairings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rw-case-tools .rw-pairings a { padding: 8px; overflow-wrap: anywhere; }
.rw-case-tools .rw-guide-body p:first-child { margin-top: 0; }
@media (max-width: 1000px) { .rw-case-nav { flex-wrap: wrap; gap: 0 16px; }.rw-case-tools { margin-left: auto; } }
@media (max-width: 540px) { .rw-case-nav .rw-steps { justify-content: space-between; width: 100%; gap: 12px; }.rw-case-tools { width: 100%; justify-content: space-between; }.rw-case-tools summary { padding: 4px 0; }.rw-case-tools .rw-pairings { grid-template-columns: 1fr; } }
@media (max-width: 420px) { body:has([data-review-workspace]) .top .account .email { max-width: 12vw; } }
.rw-coverage { padding: 10px 14px; margin: 12px 0; }.rw-coverage summary, .rw-decision-scope summary, .rw-game-details summary { cursor: pointer; color: var(--muted); font-size: 12px; }
.rw-decision-scope { padding: 10px 0; }.rw-game-details { margin: 12px 0; }.rw-game-details .rw-facts { margin: 10px 0 18px; }
.rw-compact-desk .rw-heading { margin-bottom: 10px; }.rw-compact-desk .rw-heading h1 { font-size: 24px; margin: 0; }
.rw-desk-tools { display: flex; align-items: center; gap: 18px; position: relative; }.rw-desk-tools > .rw-subtle { font-size: 12px; }
.rw-desk-tools .rw-guide { margin: 0; padding: 0; border: 0; background: none; }.rw-desk-tools .rw-guide-body { position: absolute; right: 0; top: 100%; z-index: 15; width: min(520px, calc(100vw - 32px)); padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); box-shadow: 0 6px 20px rgb(0 0 0 / .12); }
.rw-compact-desk .rw-how, .rw-compact-desk .rw-start-copy, .rw-compact-desk .rw-start > .rw-subtle { display: none; }
.rw-compact-desk .rw-welcome { display: block; border-radius: 8px; margin-bottom: 12px; }
.rw-compact-desk .rw-start { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 20px; padding: 12px 16px; }
.rw-compact-desk .rw-start > .rw-eyebrow { grid-column: 1; font-size: 9px; margin: 0; }
.rw-compact-desk .rw-start h2 { grid-column: 1; font-size: 14px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rw-compact-desk .rw-start .rw-button { grid-column: 2; grid-row: 1 / 3; align-self: center; padding: 9px 12px; min-height: 38px; font-size: 12px; }
.rw-compact-desk .rw-start p:not(.rw-eyebrow) { grid-column: 1 / -1; margin: 3px 0 0; max-width: none; font-size: 12px; }
.rw-compact-desk .rw-section-head { margin-top: 12px; }.rw-compact-desk .rw-section-head .rw-eyebrow { display: none; }.rw-compact-desk .rw-section-head h2 { font-size: 17px; }
.rw-compact-desk .rw-case-list { display: block; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.rw-compact-desk .rw-case-list:empty { display: none; }
.rw-compact-desk .rw-case-card { display: grid; grid-template-columns: 96px minmax(0, 1fr) 155px 95px; align-items: center; gap: 16px; padding: 12px 16px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
.rw-compact-desk .rw-case-card:last-child { border-bottom: 0; }.rw-compact-desk .rw-case-card:hover { background: color-mix(in srgb, var(--rw-accent) 4%, var(--panel)); }
.rw-compact-desk .rw-case-meta { flex-direction: column; gap: 4px; }.rw-compact-desk .rw-avatars, .rw-compact-desk .rw-case-bottom > span { display: none; }
.rw-compact-desk .rw-case-meta > span:first-child { white-space: nowrap; letter-spacing: .035em; }
.rw-compact-desk .rw-case-card h3 { font-size: 13px; line-height: 1.45; margin: 0; }.rw-compact-desk .rw-case-card > p { font-size: 11px; margin: 0; }
.rw-compact-desk .rw-case-bottom { margin: 0; padding: 0; border: 0; justify-content: flex-end; }
@media (max-width: 700px) {
  .rw-compact-desk .rw-heading { align-items: flex-start; gap: 10px; }.rw-desk-tools { flex-direction: column; align-items: flex-end; gap: 5px; flex-shrink: 0; }
  .rw-compact-desk .rw-start { gap: 3px 10px; padding: 10px 12px; }.rw-compact-desk .rw-start .rw-button { max-width: 125px; }
  .rw-compact-desk .rw-case-card { grid-template-columns: minmax(0, 1fr) auto; gap: 5px 12px; padding: 12px; }
  .rw-compact-desk .rw-case-meta { grid-column: 1 / -1; flex-direction: row; justify-content: flex-start; gap: 10px; }
  .rw-compact-desk .rw-case-card h3 { grid-column: 1 / -1; }.rw-compact-desk .rw-case-card > p { grid-column: 1; font-size: 10px; }
  .rw-compact-desk .rw-case-bottom { grid-column: 2; font-size: 10px; }
}
.rw-principles { max-width: 720px; padding-top: 18px; }.rw-principles h1 { font-size: clamp(25px, 4vw, 32px); letter-spacing: -.03em; margin: 0 0 10px; }
.rw-principles-list { list-style: none; margin: 24px 0; padding: 0; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.rw-principles-list li { display: flex; gap: 18px; padding: 20px; border-bottom: 1px solid var(--line); }.rw-principles-list li:last-child { border-bottom: 0; }
.rw-principles-list li > span { color: var(--rw-accent); font: 12px/24px ui-monospace, monospace; }.rw-principles-list h2 { margin: 0 0 6px; font-size: 16px; }
.rw-principles-list p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }.rw-principles-list strong { color: var(--ink); font-weight: 600; }
.rw-principles-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }.rw-principles-note { font-size: 11px; color: var(--muted); margin-top: 14px; }
.rw-acknowledgment-error { color: var(--orange); font-size: 13px; }
.review-workspace .map .cell-focus.rw-cell { fill: var(--cell-color); fill-opacity: .17; stroke: var(--cell-color); stroke-width: 2; vector-effect: non-scaling-stroke; }
@media (max-width: 700px) { .rw-heading { margin-bottom: 14px; }.rw-section-head { margin-top: 14px; }.rw-replay-map .map { max-height: 250px; }.rw-start, .rw-how { padding: 18px; } }
/* Fast controls stay available while comparing spawn maps or reading evidence. */
.rw-controls { position: sticky; top: 6px; z-index: 12; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 4px 12px; align-items: center; padding: 8px 10px; margin: 8px 0; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); box-shadow: 0 3px 10px rgb(0 0 0 / .08); }
.rw-watch-controls { display: flex; gap: 10px; align-items: center; min-width: 0; }.rw-watch-controls .rw-button { padding: 9px 12px; min-height: 40px; font-size: 12px; white-space: nowrap; }
.rw-controls kbd { font: 600 10px ui-monospace, monospace; border: 1px solid currentColor; border-radius: 3px; padding: 1px 4px; opacity: .75; }
.rw-next-preview { display: flex; flex-direction: column; gap: 2px; border: 0; background: none; color: var(--ink); padding: 0; cursor: pointer; font: inherit; font-size: 11px; font-weight: 600; line-height: 1.4; text-align: left; min-width: 0; }
.rw-next-preview > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; }.rw-next-preview [data-next-cells] { color: var(--muted); font: 10px ui-monospace, monospace; }
.rw-controls-progress { flex-shrink: 0; color: var(--muted); }
.rw-controls-progress > strong { display: flex; gap: 5px; align-items: baseline; color: var(--ink); white-space: nowrap; }
.rw-controls-progress b { font: 650 17px/1.2 ui-sans-serif, system-ui, sans-serif; font-variant-numeric: tabular-nums; }.rw-controls-progress .rw-progress-divider { color: var(--muted); font-size: 13px; }
.rw-controls-progress strong > span:last-child { font-size: 11px; font-weight: 400; margin-left: 2px; }.rw-controls-progress small { display: block; font-size: 10px; line-height: 1.4; }
.rw-quick-form { display: flex; align-items: center; gap: 8px; }.rw-quick-form input[type=text] { min-width: 0; width: 125px; padding: 8px; border: 1px solid var(--line); border-radius: 6px; background: var(--bg); color: var(--ink); font: inherit; font-size: 12px; }
.rw-quick-form fieldset { display: flex; gap: 5px; padding: 0; margin: 0; border: 0; min-width: 0; }
.rw-quick-verdict { display: flex; align-items: center; gap: 5px; border: 1px solid var(--line); border-radius: 6px; background: var(--bg); color: var(--ink); padding: 9px; min-height: 38px; cursor: pointer; font: 600 12px ui-sans-serif, system-ui, sans-serif; white-space: nowrap; }
.rw-quick-verdict:hover { border-color: var(--rw-accent); }.rw-quick-verdict:disabled, .rw-quick-verdict[aria-disabled=true] { opacity: .5; cursor: not-allowed; }
.rw-skip { font-size: 12px; color: var(--muted); white-space: nowrap; }.rw-controls-foot { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 6px 18px; flex-wrap: wrap; color: var(--muted); font-size: 10px; }.rw-controls-foot kbd { border: 0; padding: 0; }
.rw-spawn-card.rw-current { border-color: var(--rw-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--rw-accent) 35%, transparent); }
@media (max-width: 1000px) { .rw-controls { grid-template-columns: 1fr auto; }.rw-quick-form { grid-row: 2; grid-column: 1 / -1; }.rw-quick-form input[type=text] { flex: 1; }.rw-skip { grid-column: 2; grid-row: 1; }.rw-controls-progress { max-width: none; } }
@media (max-width: 540px) { .rw-controls { top: 4px; padding: 8px; gap: 7px; }.rw-controls-foot > span:last-child { display: none; }.rw-quick-form { gap: 5px; }.rw-quick-verdict { padding: 8px; }.rw-watch-controls { gap: 12px; }.rw-next-preview { display: none; }.rw-controls-foot { font-size: 10px; } }

.rw-replay-summary { flex-wrap: wrap; }
.rw-replay-summary .rw-actions { align-items: center; }
.rw-replay-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 10px 0; }
.rw-replay-heading h3 { display: inline; font-size: 16px; margin: 0 8px 0 0; }.rw-replay-heading span { font-size: 11px; color: var(--muted); }
.rw-replay-heading .rw-actions { align-items: center; gap: 12px; }
.rw-replay-picker { position: relative; font-size: 12px; }.rw-replay-picker > summary { cursor: pointer; color: var(--ink); padding: 5px 0; font-weight: 600; }.rw-replay-picker summary > span { color: var(--muted); font-weight: 400; margin-left: 5px; }
.rw-picker-body { position: absolute; left: 0; top: 100%; z-index: 15; display: flex; flex-direction: column; max-height: min(560px, 70vh); width: min(680px, calc(100vw - 48px)); padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); box-shadow: 0 6px 20px rgb(0 0 0 / .15); }
.rw-picker-body > form { display: flex; flex-direction: column; min-height: 0; }.rw-picker-sort, .rw-picker-hint, .rw-picker-footer { flex-shrink: 0; }
.rw-picker-sort { display: flex; gap: 10px; align-items: center; }.rw-picker-sort select { min-width: 0; max-width: 100%; padding: 6px; background: var(--bg); color: var(--ink); border: 1px solid var(--line); border-radius: 4px; font: inherit; }.rw-picker-body > p { font-size: 11px; margin: 8px 0; }
.rw-picker-close { margin-left: auto; padding: 3px 8px; background: none; border: 0; color: var(--muted); font-size: 22px; cursor: pointer; }
.rw-picker-list { min-height: 0; max-height: min(420px, 50vh); overflow: auto; overscroll-behavior: contain; }
.rw-replay-choice { display: flex; gap: 8px; padding: 7px; border-top: 1px solid var(--line); color: var(--ink); }.rw-replay-choice:hover, .rw-replay-choice[aria-current] { background: var(--bg); }.rw-replay-choice[aria-current] { box-shadow: inset 3px 0 var(--rw-accent); }.rw-replay-choice small { display: block; color: var(--muted); font-size: 10px; margin-top: 3px; }.rw-choice-finish { text-align: right; white-space: nowrap; }
.rw-replay-choice > a { display: flex; justify-content: space-between; gap: 10px; flex: 1; min-width: 0; color: var(--ink); }.rw-replay-choice > .rw-replay-toggle { align-self: center; }
.rw-replay-choice.rw-included { background: color-mix(in srgb, var(--rw-accent) 5%, var(--panel)); }
.rw-spawn-card.rw-included { border-color: color-mix(in srgb, var(--rw-accent) 65%, var(--line)); }
.rw-replay-toggle { display: inline-flex; align-items: center; flex-shrink: 0; gap: 7px; padding: 0; border: 0; border-radius: 18px; background: none; color: var(--muted); font: inherit; font-size: 11px; cursor: pointer; white-space: nowrap; }
.rw-replay-toggle .rw-selection-marker { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; border: 1px solid var(--line); border-radius: 50%; background: var(--panel); color: var(--muted); }
.rw-replay-toggle .rw-selection-marker span { grid-area: 1 / 1; color: inherit; font: 600 11px/1 ui-monospace, monospace; }
.rw-replay-toggle .rw-selection-marker .rw-selection-symbol { font: 20px/1 ui-sans-serif, system-ui, sans-serif; }
.rw-replay-toggle[aria-pressed=true] .rw-selection-marker { color: #fff; background: var(--orange); border-color: var(--orange); }
.rw-replay-toggle[aria-pressed=true] .rw-selection-symbol { opacity: 0; }
@media (hover: hover) {
  .rw-replay-toggle:hover .rw-selection-marker { border-color: var(--rw-accent); }
  .rw-replay-toggle[aria-pressed=false]:hover .rw-selection-marker { color: var(--rw-accent); background: color-mix(in srgb, var(--rw-accent) 7%, var(--panel)); }
  .rw-replay-toggle[aria-pressed=true]:hover [data-selection-number] { opacity: 0; }
  .rw-replay-toggle[aria-pressed=true]:hover .rw-selection-symbol { opacity: 1; }
}
.rw-suggested-badge { display: inline-block; border: 1px solid color-mix(in srgb, var(--rw-accent) 25%, var(--line)); background: color-mix(in srgb, var(--rw-accent) 7%, var(--panel)); border-radius: 4px; color: var(--ink); font-size: 9px; line-height: 1.3; padding: 2px 5px; font-weight: 500; }
.rw-choice-badges { display: flex !important; gap: 7px; align-items: center; }
.rw-selection-bar { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 5px 16px; margin: 7px 0; min-height: 28px; }
.rw-selection-summary, .rw-selection-status { font-size: 10px; color: var(--muted); }.rw-selection-summary .rw-suggested-badge { margin-right: 4px; }.rw-selection-status { margin-left: auto; }
.rw-selection-actions, .rw-picker-footer { display: flex; gap: 8px; align-items: center; }.rw-selection-actions .rw-button, .rw-picker-footer .rw-button { min-height: 30px; padding: 6px 9px; font-size: 11px; }.rw-picker-footer { justify-content: space-between; border-top: 1px solid var(--line); padding-top: 10px; }.rw-picker-hint { margin: 8px 0; color: var(--muted); font-size: 11px; }
@media (max-width: 700px) { .rw-selection-summary { display: none; }.rw-selection-status { margin-left: 0; }.rw-selection-bar .rw-replay-picker { width: 100%; } }
.rw-observations h3 { font-size: 13px; margin: 0 0 10px; }.rw-observations h3 small { font-size: 10px; color: var(--muted); font-weight: 400; margin-left: 5px; }
.rw-observations-scroll { max-height: 330px; overflow: auto; overscroll-behavior: contain; }
.rw-observations table { width: 100%; table-layout: fixed; margin: 0; font-size: 11px; }.rw-observations thead { position: sticky; top: 0; z-index: 1; background: var(--panel); }.rw-observations th, .rw-observations td { padding: 7px 5px; vertical-align: top; text-align: left; overflow-wrap: anywhere; }.rw-observations thead th { font-size: 10px; }.rw-observations thead th:nth-child(1) { width: 23%; }.rw-observations thead th:nth-child(2) { width: 34%; }.rw-observations thead th:nth-child(3) { width: 25%; }.rw-observations thead th:nth-child(4) { width: 18%; }
.rw-observations th span, .rw-combat > span { display: block; }.rw-observations td > small { display: block; margin-top: 3px; font-size: 10px; color: var(--muted); }.rw-observations th span small { font: 9px ui-monospace, monospace; color: var(--muted); }.rw-observations-key { font-size: 10px; color: var(--muted); margin: 8px 0 12px; }
@media (max-width: 700px) { .rw-replay-summary .rw-actions { position: relative; flex: 1 0 100%; justify-content: space-between; }.rw-replay-picker { position: static; }.rw-picker-body { position: fixed; left: 16px; right: 16px; top: 12vh; width: auto; max-width: none; max-height: 76vh; z-index: 25; }.rw-replay-heading { flex-wrap: wrap; }.rw-observations-scroll { max-height: 360px; }.rw-player-locations > div { gap: 7px; }.rw-choice-finish { white-space: normal; } }

/* Shared furniture across the queue, direct reports, and evidence/reference pages. */
.review-shell { padding-bottom: 24px; }.review-shell > .review-workspace { padding-bottom: 0; }
.rw-navigation { display: flex; align-items: center; gap: 4px; overflow-x: auto; margin: -6px 0 20px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.rw-navigation a { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; color: var(--muted); font-size: 12px; padding: 7px 11px; border-radius: 6px; font-weight: 500; }
.rw-navigation a[aria-current] { background: var(--panel); color: var(--ink); box-shadow: 0 1px 3px rgb(0 0 0 / .08); }.rw-navigation a[aria-current]::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--orange); }
.rw-navigation a span { font: 10px ui-monospace, monospace; padding: 2px 5px; background: var(--line); border-radius: 4px; }
.rw-reference > h1 { font-size: clamp(23px, 3vw, 30px); letter-spacing: -.03em; margin-bottom: 12px; }.rw-reference > h2 { font-size: 20px; letter-spacing: -.02em; margin: 24px 0 12px; }
.rw-reference .lede { font-size: 13px; line-height: 1.65; max-width: 85ch; }.rw-reference .rw-lede { font-size: 14px; }.rw-reference table { border-radius: 10px; }.rw-reference th, .rw-reference td { padding: 9px 12px; }
.rw-reference .tiers a { border-radius: 6px; padding: 6px 10px; font-size: 12px; }.rw-reference .tiers a.on { background: var(--panel); color: var(--orange); border-color: var(--orange); }
.rw-reference .stats { border-radius: 10px; }.rw-reference .stats > div > b { font-size: 23px; }.rw-reference .stats > div > span { font-size: 11px; }
.rw-reference .verdict-form { padding: 14px; border-radius: 10px; }.rw-reference .verdict-form button { min-height: 36px; border-radius: 7px; text-transform: none; font-size: 13px; }.rw-reference .review-this .button-link { background: var(--orange); border-color: var(--orange); color: white; border-radius: 8px; padding: 10px 14px; }
.rw-reference .legend { max-width: none; padding: 12px 16px; }.rw-reference .checklist { font-size: 13px; line-height: 1.7; }
.rw-direct-list { border: 1px solid var(--line); border-radius: 12px; background: var(--panel); overflow: hidden; }
.rw-direct-row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(100px, .6fr) minmax(180px, 1fr) auto; gap: 18px; align-items: center; padding: 16px 18px; border-bottom: 1px solid var(--line); color: var(--ink); }.rw-direct-row:last-child { border-bottom: 0; }.rw-direct-row:hover { background: color-mix(in srgb, var(--orange) 3%, var(--panel)); }
.rw-source { color: var(--orange); font-size: 10px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.rw-direct-row h3 { font-size: 15px; margin: 4px 0; overflow-wrap: anywhere; }.rw-direct-row p { font-size: 11px; color: var(--muted); margin: 0; }
.rw-direct-meta { display: grid; gap: 4px; font-size: 12px; }.rw-direct-meta span { font-size: 11px; color: var(--muted); }.rw-direct-open { font-size: 12px; font-weight: 600; white-space: nowrap; }
.rw-direct-evidence { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 20px; margin: 16px 0; }
.rw-direct-map { border: 1px solid var(--line); border-radius: 10px; background: var(--panel); padding: 12px; }.rw-direct-map .map { display: block; width: 100% !important; max-height: 330px; border: 0; }.rw-direct-map .rw-legend { margin-top: 12px; gap: 8px 18px; font-size: 11px; }
.rw-direct-statements h2 { font-size: 17px; margin: 0 0 10px; }.rw-direct-statements article { border: 1px solid var(--line); border-radius: 9px; background: var(--panel); padding: 12px 14px; margin-bottom: 8px; }
.rw-statement-head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 6px; font-size: 12px; }.rw-statement-head span { color: var(--muted); font-size: 11px; }.rw-statement-players { font-size: 12px; margin: 6px 0; font-weight: 600; overflow-wrap: anywhere; }.rw-direct-statements blockquote { border-left: 2px solid var(--line); margin: 8px 0 0; padding-left: 10px; font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }.rw-direct-statements table { font-size: 12px; }
.rw-direct-decision { padding: 14px 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); margin-top: 16px; }.rw-direct-watch { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }.rw-direct-watch > span { font-size: 12px; color: var(--muted); }
.rw-direct-decision .rw-button { min-height: 38px; font-size: 12px; padding: 9px 14px; }.rw-direct-decision .rw-button.on { border-color: var(--orange); color: var(--orange); }.rw-direct-decision .rw-button[aria-disabled=true] { opacity: .5; }
.rw-direct-decision input { margin: 0 0 10px 10px; width: min(450px, 70%); padding: 8px 10px; background: var(--bg); border: 1px solid var(--line); border-radius: 6px; color: var(--ink); font: inherit; font-size: 12px; }.rw-direct-verdicts { display: flex; gap: 6px; flex-wrap: wrap; }.rw-direct-decision > p { margin-bottom: 0; }
@media (max-width: 700px) {
  .rw-navigation { margin-bottom: 14px; }.rw-navigation a { padding: 7px 8px; font-size: 11px; }
  .rw-direct-row { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 14px; }.rw-direct-row > div:first-child { grid-column: 1 / -1; }.rw-direct-row .rw-direct-meta { grid-column: 1; }.rw-direct-open { grid-column: 2; grid-row: 2 / 4; }
  .rw-direct-evidence { grid-template-columns: 1fr; gap: 14px; }.rw-direct-map .map { max-height: 240px; }.rw-direct-decision { padding: 12px; }.rw-direct-decision input { display: block; margin: 6px 0 12px; width: 100%; box-sizing: border-box; }.rw-direct-verdicts .rw-button { flex: 1; }
}
.rw-direct-watch { margin-top: 12px; flex-wrap: wrap; }.rw-direct-watch .rw-button { min-height: 36px; padding: 8px 12px; font-size: 12px; }
.rw-direct-watch [aria-disabled=true] { opacity: .6; cursor: wait; }
.rw-direct-watch .rw-text-link { font-size: 12px; }
#direct-reports { display: block; scroll-margin-top: 16px; overflow-anchor: none; }
#direct-reports[aria-busy=true] .rw-direct-list { opacity: .55; }
.rw-direct-list .rw-empty { padding: 30px; text-align: center; border: 0; }.rw-direct-list .rw-empty h3 { font-size: 18px; margin: 0 0 8px; }.rw-direct-list .rw-empty p { font-size: 13px; color: var(--muted); margin-bottom: 18px; }
@media (max-width: 700px) {
  .rw-escalations, .rw-escalations tbody { display: block; }
  .rw-escalations thead { display: none; }
  .rw-escalations tr { display: flex; flex-wrap: wrap; gap: 8px 12px; padding: 12px; border-bottom: 1px solid var(--line); }
  .rw-escalations tr:last-child { border-bottom: 0; }
  .rw-reference .rw-escalations td { padding: 0; border: 0; min-width: 0; white-space: normal; text-align: left; }
  .rw-escalations td:nth-child(2) { flex: 1 1 calc(100% - 70px); overflow-wrap: anywhere; }
  .rw-escalations td[data-label] { font-size: 11px; }
  .rw-escalations td[data-label]::before { content: attr(data-label) ": "; color: var(--muted); }
  .rw-escalation-action { margin-left: auto; }
}

/* Explore is one browser: whole cases first, individual connections when needed. */
.rw-explore .rw-heading { margin-bottom: 16px; }.rw-explore .rw-heading h1 { margin-bottom: 8px; }.rw-explore .rw-lede { font-size: 14px; }
#explore-results { display: block; min-height: calc(100vh - 32px); scroll-margin-top: 16px; overflow-anchor: none; }
#explore-results[aria-busy=true] .rx-table { opacity: .6; }
.rx-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.rx-search { display: flex; gap: 6px; margin: 0; }.rx-search input { width: 240px; max-width: 100%; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); color: var(--ink); padding: 9px 12px; font: inherit; font-size: 13px; }.rx-search button { border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: var(--panel); font: inherit; font-size: 12px; padding: 8px 12px; cursor: pointer; }
.rx-filters { padding: 12px 14px 2px; background: color-mix(in srgb, var(--panel) 55%, transparent); border: 1px solid var(--line); border-radius: 10px; }.rx-filters .tiers { gap: 5px; margin-bottom: 10px; }.rx-filters .tiers a { font-size: 11px; padding: 5px 9px; }.rx-refine { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0 18px; }.rx-refine .chip-label { font-size: 9px; }
.rx-results-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 4px 12px; margin: 12px 0; }.rx-results-head .export-line { margin: 0; font-size: 12px; }.rx-results-head > .rw-subtle { font-size: 11px; }
.review-workspace .rx-table th { font-size: 10px; }.review-workspace .rx-table td { padding: 10px 12px; font-size: 12px; }.rx-table .rx-players { white-space: normal; width: 55%; }.rx-player-line { display: flex; align-items: flex-start; gap: 7px; }.rx-player-line > .tier { margin-top: 1px; font-size: 10px; padding: 1px 5px; }.rx-player-line > .star { font-size: 12px; }.rx-player-line > div { display: flex; flex-wrap: wrap; gap: 3px 10px; }.rx-player-line a { color: var(--ink); font-weight: 550; overflow-wrap: anywhere; }.rx-player-line a:hover { color: var(--orange); }.rx-players > small { display: block; color: var(--muted); font-size: 10px; margin: 5px 0 0 28px; }.rx-action { text-align: right; }.rx-action a { display: inline-block; color: var(--ink); font-weight: 600; padding: 7px 0 7px 10px; }.rx-action a:hover { color: var(--orange); }.rx-table tbody tr:hover { background: color-mix(in srgb, var(--orange) 3%, transparent); }
.rx-explanation { font-size: 12px; color: var(--muted); margin: 18px 0; max-width: 85ch; }.rx-explanation summary { cursor: pointer; }.rx-explanation p { line-height: 1.7; }
@media (max-width: 700px) { .rx-search { width: 100%; }.rx-search input { flex: 1; width: 0; min-width: 0; }.rx-toolbar .rw-filters { width: 100%; box-sizing: border-box; }.rx-toolbar .rw-filters a { flex: 1; text-align: center; }.rx-filters { padding: 10px 10px 0; }.rx-refine { display: block; }.rx-table .rx-players { width: auto; }.review-workspace .rx-table td, .review-workspace .rx-table th { padding-left: 8px; padding-right: 8px; }.rx-table td.n { white-space: normal; font-size: 11px; }.rx-players > small { margin-left: 0; }.rw-explore .rw-heading { gap: 8px; }.rw-explore .rw-heading .rw-text-link { font-size: 10px; } }