/* A review desk: the actual event, its map snapshot, and both teams. */
.jr-workbench { min-width:0; display:grid; gap:18px; }
.jr-toolbar { display:flex; align-items:end; flex-wrap:wrap; gap:12px; }
.jr-toolbar .c-field { min-width:160px; }
.jr-toolbar .c-button { min-height:44px; }
.jr-stage { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr); gap:22px; align-items:start; }
.jr-stage > * { min-width:0; }
.jr-map { margin:0; padding:20px; }
.jr-map figcaption { display:grid; gap:8px; }
.jr-map .c-round-map { margin:16px 0; }
.jr-map-detail { min-height:3.2em; color:#eee7d9; font-size:14px; line-height:1.6; }
.jr-legend { display:flex; flex-wrap:wrap; gap:8px 18px; color:#ddd9cb; font:11px/1.7 var(--font-mono); }
.jr-event-marker { cursor:pointer; }
.jr-event-marker:hover,.jr-event-marker:focus-visible { filter:drop-shadow(0 0 4px #fff); outline:none; }
.jr-feed { border-top:3px solid var(--ink); }
.jr-feed-title { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:18px 0; }
.jr-feed-title h3 { margin:0; }
.jr-feed-list { max-height:660px; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding-right:4px; }
.jr-feed-event { width:100%; border:0; border-bottom:1px solid #171a1833; background:transparent; text-align:left; display:grid; gap:6px; padding:15px 18px; cursor:pointer; color:var(--ink); transition:background .16s; }
.jr-feed-event:hover { background:#be3c250b; }
.jr-feed-event[aria-pressed=true] { background:#be3c2517; box-shadow:inset 4px 0 var(--accent); }
.jr-feed-event strong { font-size:15px; line-height:1.5; overflow-wrap:anywhere; }
.jr-feed-event small { font-size:12px; line-height:1.6; color:var(--ink-muted); }
.jr-feed-time { font:11px var(--font-mono); letter-spacing:.04em; }
.jr-context h3 { font-size:24px; overflow-wrap:anywhere; }
.c-round-timeline { gap:12px; }
.c-round-timeline .c-result { position:relative; min-width:45px; min-height:48px; }
.c-round-timeline .c-result.c-selected { outline:3px solid var(--accent); outline-offset:2px; }
.c-round-timeline .c-result.c-selected::after { content:'✓'; position:absolute; top:-9px; right:-8px; width:18px; height:18px; border-radius:50%; background:var(--accent); color:#fff8ed; font:bold 12px/18px var(--font-body); text-align:center; mask:none; -webkit-mask:none; transform:none; }
.ri-deep-nav { margin-left:0; }
.ri-deep-nav > summary { display:flex; align-items:center; min-height:46px; padding:11px 16px; font:18px/1 var(--font-poster); text-transform:uppercase; color:#eee9df; }
.ri-deep-nav[open] > summary,.ri-deep-nav > summary:hover { background:#be3c25; color:#fff8ed; }
.ri-deep-nav__links { left:0; right:auto; }
.pl-hit-profile { margin:24px 0; }
.pl-mechanics-review { margin-top:24px; }
.pl-mechanics-review p { max-width:85ch; }
@media (max-width:1200px) { .ri-deep-nav > summary { font-size:16px; padding-inline:12px; } }
@media (max-width:900px) { .ri-deep-nav > summary { font-size:20px; } }
@media (max-width:760px) {
  .jr-stage { grid-template-columns:minmax(0,1fr); }
  .jr-map { padding:16px; }
  .jr-feed-list { max-height:350px; }
  .jr-toolbar .c-field { flex:1 1 180px; }
  .jr-toolbar .c-button { flex:1 1 auto; }
  .jr-context h3 { font-size:20px; }
}

.c-page .jr-map .jr-map-detail { color:#eee7d9; }
.jr-map-controls { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:14px; font:11px var(--font-mono); }
.jr-map-controls button { min-height:38px; min-width:38px; padding:6px 10px; border:1px solid #a5acb177; background:#ffffff0a; color:#f5eada; cursor:pointer; }
.jr-map-controls button:hover { background:#ffffff20; }
.jr-map-controls small { flex:1 1 180px; font:10px/1.5 var(--font-mono); color:#b9c3ca; }
.jr-viewport { overflow:hidden; touch-action:pan-y; }
.jr-viewport:active { cursor:grabbing; }
.jr-map-plane { position:absolute; inset:0; transform-origin:center; }
.jr-map-plane > img,.jr-map-plane > svg { position:absolute; inset:0; width:100%; height:100%; }
.jr-map-plane > img { opacity:.65; }
@media (max-width:400px) {
  .hub-players .ratechip { flex-wrap:wrap; max-width:100%; white-space:normal; min-width:0; }
  .pl-clutch-duel .c-stat-grid { grid-template-columns:minmax(0,1fr); }
}

.jr-snapshot-roster { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 14px; border-top:1px solid #bcc8cd44; padding-top:15px; font:11px/1.5 var(--font-body); color:#c9d0d3; overflow-wrap:anywhere; }
.ri-deep-nav[open]:has(.navitem[aria-current=page]) > summary { color:#fff8ed; }