/* ---------------------------------------------------------------------------
   The league's memory (src/lore_view.js): the real record book, the chase,
   the ring of honour, the legacy page, league health, the award race, the
   retirement watch and the coaching carousel. Room-kit windows; solid
   colour, white cards with ink words inside navy windows.
--------------------------------------------------------------------------- */
.lr-note { margin: 0 3px 8px; font: 700 12px/1.4 var(--sans); color: var(--soft); }
.lr-logo { width: 20px; height: 20px; object-fit: contain; vertical-align: -5px; }
.lr-book td b { display: block; font: 400 20px/1 var(--disp); }
.lr-book td small, .rm-tbl td small { font: 700 11px/1.3 var(--sans); }

.lr-chase, .lr-watch, .lr-car, .lr-tn { display: grid; gap: 6px; }
.lr-ch, .lr-wc, .lr-cr, .lr-tnc, .lr-rohc, .lr-hc, .lr-rc, .lr-hcc {
  margin: 3px; padding: 8px 10px; background: var(--card); color: var(--card-ink); box-shadow: var(--frame);
  font: 800 12.5px/1.35 var(--sans); --soft: var(--card-ink); }
.lr-ch { display: grid; grid-template-columns: minmax(0, 1fr) 120px; gap: 6px 12px; align-items: center; }
.lr-ch span, .lr-ch small, .lr-wc small, .lr-rohc span { display: block; font: 700 11.5px/1.35 var(--sans); }
.lr-bar { min-width: 0; }
.lr-bar i { display: block; height: 100%; width: var(--p, 0%); background: currentColor; }
.lr-bar.gold i { background: var(--gold); } .lr-bar.green i { background: var(--green); }

.lr-roh, .lr-hcs { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 6px; }
.lr-hc { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 8px; align-items: baseline; }
.lr-hc b { font: 400 24px/1 var(--disp); }
.lr-hcc { display: flex; align-items: center; gap: 6px; }
.lr-hcc small { margin-left: auto; font: 700 10.5px/1 var(--sans); }

.lr-wc { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; align-items: center; }
.lr-wc small { grid-column: 1 / -1; }
.lr-cr { display: flex; gap: 8px; align-items: baseline; }
.lr-cr .rm-bd { flex: none; }
.lr-tnc { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; }
.lr-tnc > b { flex-basis: 100%; font: 400 20px/1 var(--disp); }
.lr-tnc span { font: 700 12px/1.3 var(--sans); }

.lr-race { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px; }
.lr-rc { display: grid; gap: 3px; }
.lr-rc > b { font: 900 11px/1.2 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
.lr-rc span { font: 700 12px/1.3 var(--sans); }
.lr-rc span.top { font-weight: 900; }
.lr-det { margin: 8px 3px 0; color: var(--soft); font: 800 12px/1.3 var(--sans); }
.lr-det summary { cursor: pointer; padding: 4px 0; }

.pf-hon.lr-leg { margin-top: 4px; }

@media (max-width: 900px) {
  .lr-ch { grid-template-columns: minmax(0, 1fr) 80px; }
  .lr-race { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
}

/* the trade deadline: a ticker on Home in the deadline weeks, a board on Trades (audit S114) */
.lr-tick { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 7px 10px; background: var(--ink-2); color: #fff; box-shadow: var(--frame); text-decoration: none;
  font: 800 12px/1.2 var(--sans); overflow: hidden; }
.lr-tick > b { flex: none; padding: 3px 6px 2px; background: var(--gold); color: var(--ink); font: 900 11px/1 var(--sans); letter-spacing: .06em; text-transform: uppercase; }
.lr-tick > em { flex: none; font-style: normal; color: var(--gold); font: 900 11px/1 var(--sans); }
.lr-tk-w { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; }
.lr-tk-r { display: inline-block; padding-left: 100%; animation: lr-tk 45s linear infinite; }
@keyframes lr-tk { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) { .lr-tk-r { animation: none; padding-left: 0; } }
.lr-mks { display: flex; flex-wrap: wrap; gap: 6px; margin: 3px; }
.lr-mk { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; background: var(--card); color: var(--card-ink); box-shadow: var(--frame-2); font: 800 12px/1 var(--sans); }
.lr-mk small { font: 700 11px/1 var(--sans); }