@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600;6..72,700&display=swap");
:root {
  color-scheme: light;
  --page: #f9f9f7; --surface: #fcfcfb; --ink: #0b0b0b; --ink-2: #52514e; --muted: #898781;
  --grid: #e1e0d9; --axis: #c3c2b7; --border: rgba(11,11,11,0.10);
  --s1: #2a78d6; --s2: #eb6834; --s3: #1baf7a; --s7: #6250d6;
  --good: #006300; --bad: #d03b3b; --warn: #fab219; --neutral: #f0efec;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --page: #0d0d0d; --surface: #1a1a19; --ink: #f0efec; --ink-2: #c3c2b7; --muted: #898781;
    --grid: #2c2c2a; --axis: #383835; --border: rgba(255,255,255,0.10);
    --s1: #3987e5; --s2: #d95926; --s3: #199e70; --s7: #9085e9;
    --good: #0ca30c; --bad: #d03b3b; --warn: #fab219; --neutral: #383835;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #0d0d0d; --surface: #1a1a19; --ink: #f0efec; --ink-2: #c3c2b7; --muted: #898781;
  --grid: #2c2c2a; --axis: #383835; --border: rgba(255,255,255,0.10);
  --s1: #3987e5; --s2: #d95926; --s3: #199e70; --s7: #9085e9;
  --good: #0ca30c; --bad: #d03b3b; --warn: #fab219; --neutral: #383835;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--page); color: var(--ink); font: 15px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 1180px; margin: 0 auto; padding: 24px 16px 64px; }
a { color: var(--s1); text-decoration: none; } a:hover { text-decoration: underline; }
header { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; margin-bottom: 20px; }
h1 { font-size: 26px; margin: 0; letter-spacing: -0.01em; }
h2 { font-size: 17px; margin: 0 0 10px; }
h3 { font-size: 16px; margin: 0; }
.sub { color: var(--ink-2); font-size: 13px; }
.tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 24px; }
.tile { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px 14px; }
.tile .v { font-size: 26px; font-weight: 600; line-height: 1.1; }
.tile .k { color: var(--ink-2); font-size: 12px; margin-top: 4px; }
.grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
.grid > * { min-width: 0; }
@media (min-width: 900px) { .grid.two { grid-template-columns: 3fr 2fr; } }
section { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 16px; margin-bottom: 20px; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th { text-align: left; color: var(--muted); font-weight: 500; font-size: 12px; padding: 6px 8px; border-bottom: 1px solid var(--axis); white-space: nowrap; }
td { padding: 7px 8px; border-bottom: 1px solid var(--grid); vertical-align: top; }
td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
tr:last-child td { border-bottom: 0; }
.teams { line-height: 1.3; } .teams b { font-weight: 600; }
.dim { color: var(--muted); }
.pill { display: inline-block; padding: 1px 7px; border-radius: 999px; font-size: 12px; border: 1px solid var(--border); color: var(--ink-2); }
.pill.warn { border-color: var(--warn); }
.up { color: var(--good); } .down { color: var(--bad); }
.empty { color: var(--ink-2); padding: 12px 0; }
.note { color: var(--muted); font-size: 12px; margin-top: 8px; }
.chartwrap { position: relative; }
svg.line { width: 100%; height: 200px; display: block; }
.tip { position: absolute; pointer-events: none; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 6px 9px; font-size: 12px; color: var(--ink); box-shadow: 0 4px 16px rgba(0,0,0,0.15); display: none; white-space: nowrap; }
select { max-width: 100%; font: inherit; background: var(--surface); color: var(--ink); border: 1px solid var(--border); border-radius: 8px; padding: 6px 8px; }
.row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 10px; }
.legend { display: flex; gap: 14px; font-size: 12px; color: var(--ink-2); }
.legend i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px; vertical-align: -1px; }
.scroll { overflow-x: auto; }

/* team index on the home page */
.teamgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.teamgrid a { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 10px; color: var(--ink); background: var(--surface); }
.teamgrid a:hover { border-color: var(--s1); text-decoration: none; }
.teamgrid img { width: 28px; height: 28px; }
.teamgrid small { color: var(--muted); display: block; font-size: 12px; }

/* team page */
.crumbs { font-size: 13px; color: var(--ink-2); margin-bottom: 14px; display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.teamnav { margin-left: auto; display: flex; flex-wrap: wrap; gap: 4px; }
.teamnav a { padding: 2px 7px; border-radius: 6px; border: 1px solid var(--border); font-size: 12px; color: var(--ink-2); }
.teamnav a.on { background: var(--ink); color: var(--page); border-color: var(--ink); }
.teamhead { align-items: center; gap: 14px; }
.teamhead img { width: 64px; height: 64px; }
.player { padding: 14px 0; border-top: 1px solid var(--grid); }
.player:first-of-type { border-top: 0; padding-top: 4px; }
.phead { display: flex; gap: 12px; align-items: center; }
.phead img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; background: var(--neutral); }
.statrow { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 8px 0 4px; font-size: 13px; color: var(--ink-2); }
.statrow b { color: var(--ink); font-variant-numeric: tabular-nums; }
.cov { margin: 6px 0; font-size: 14px; }
.src { font-size: 12px; color: var(--muted); }
.preview { padding: 8px 0; border-top: 1px solid var(--grid); } .preview:first-of-type { border-top: 0; }
.preview p { margin: 4px 0 0; color: var(--ink-2); font-size: 14px; }
details summary { cursor: pointer; color: var(--ink-2); font-size: 13px; margin-top: 6px; }
table.log { font-size: 13px; }
tr.done td { color: var(--ink-2); }

a.oddslink { display: inline-block; padding: 1px 7px; border-radius: 999px; font-size: 11px; font-weight: 600; border: 1px solid var(--border); color: var(--ink-2); }
a.oddslink:hover { border-color: var(--s1); color: var(--s1); text-decoration: none; }

/* Box score pages */
.scorehead { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 18px; }
@media (min-width: 700px) { .scorehead { grid-template-columns: 1fr 1fr; } }
.scorehead .side { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); }
.scorehead .side .tname { font-weight: 600; font-size: 17px; }
.scorehead .side .big { margin-left: auto; font-size: 34px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ink-2); }
.scorehead .side.win .big { color: var(--ink); }
tr.benchsplit td { border-top: 2px solid var(--border); }
a.btnlink { font-size: 13px; padding: 4px 10px; border: 1px solid var(--border); border-radius: 8px; color: var(--ink); text-decoration: none; }
a.btnlink:hover { background: var(--neutral); }
.restcell { font-size: 12px; white-space: nowrap; }
.warnk { color: var(--ink); font-weight: 600; }

/* When: day x tip-time grid */
.when { min-width: 640px; }
.whead, .wrow { display: grid; grid-template-columns: 84px 1fr; align-items: stretch; }
.hours { position: relative; height: 18px; font-size: 11px; color: var(--muted); }
.hours span { position: absolute; transform: translateX(-2px); }
.wrow { border-top: 1px solid var(--grid); }
.wrow:last-child { border-bottom: 1px solid var(--grid); }
.wday { padding: 6px 8px 6px 0; font-size: 13px; line-height: 1.25; }
.wday small { display: block; color: var(--muted); font-size: 11px; }
.wday .rel { color: var(--s1); font-weight: 600; }
.wday .rel:empty { display: none; }
.wrow.today { background: color-mix(in srgb, var(--s1) 6%, transparent); }
.wrow.past { opacity: .55; }
.wrow.empty .wtrack { height: 28px !important; }
.wtrack { position: relative; }
.wtrack .gl { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--grid); }
.wtrack .nowline { position: absolute; top: 0; bottom: 0; width: 2px; background: var(--bad); z-index: 2; }
.chip { position: absolute; z-index: 1; height: 22px; line-height: 20px; padding: 0 6px; border-radius: 6px; font-size: 11px; font-weight: 600; white-space: nowrap; border: 1px solid transparent; transform: translateX(-1px); }
.chip:hover { text-decoration: none; filter: brightness(1.08); z-index: 3; }
.chip.tv { background: var(--s1); color: #fff; }
.chip.stream { background: color-mix(in srgb, var(--s1) 14%, var(--surface)); color: var(--ink); border-color: color-mix(in srgb, var(--s1) 55%, transparent); }
.chip.none, .chip.local { background: var(--neutral); color: var(--ink-2); border-color: var(--border); }
.chip.conf { box-shadow: inset 0 -3px 0 var(--s2); }
.lk { display: inline-block; width: 14px; height: 10px; border-radius: 3px; margin-right: 5px; vertical-align: -1px; }
.lk.tv { background: var(--s1); } .lk.stream { background: color-mix(in srgb, var(--s1) 14%, var(--surface)); border: 1px solid color-mix(in srgb, var(--s1) 55%, transparent); }
.lk.none { background: var(--neutral); border: 1px solid var(--border); } .lk.conf { background: var(--neutral); box-shadow: inset 0 -3px 0 var(--s2); }

/* Agenda by day */
.dayhead { display: flex; align-items: baseline; gap: 10px; margin: 14px 0 0; padding-bottom: 4px; border-bottom: 2px solid var(--ink); }
.dayhead h3 { font-size: 15px; }
.dayhead .rel { font-size: 12px; font-weight: 600; color: #fff; background: var(--s1); border-radius: 999px; padding: 1px 8px; vertical-align: 1px; }
.dayhead .rel:empty { display: none; }
.dayhead.past { opacity: .55; }
table.agenda th { border-bottom: 1px solid var(--grid); }
table.agenda td { vertical-align: middle; }
.tipcell { white-space: nowrap; width: 88px; }
.tipcell b { font-size: 15px; font-variant-numeric: tabular-nums; }
.tipcell small { display: block; color: var(--muted); font-size: 11px; }
.tipcell small.live { color: var(--bad); font-weight: 700; text-transform: uppercase; }
.watchcell { white-space: nowrap; width: 90px; }
.teams .tm { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
img.lg { width: 18px; height: 18px; flex: none; }
.net { display: inline-block; padding: 1px 7px; border-radius: 6px; font-size: 12px; font-weight: 600; margin: 1px 4px 1px 0; border: 1px solid transparent; white-space: nowrap; }
.net.tv { background: var(--s1); color: #fff; }
.net.stream { background: color-mix(in srgb, var(--s1) 14%, var(--surface)); color: var(--ink); border-color: color-mix(in srgb, var(--s1) 55%, transparent); }
.net.local { background: var(--neutral); color: var(--ink); border-color: var(--border); }
.net.none { color: var(--muted); border-color: var(--border); border-style: dashed; font-weight: 500; }
tr.flash td { animation: flash 1.6s ease-out; }
@keyframes flash { from { background: color-mix(in srgb, var(--warn) 35%, transparent); } to { background: transparent; } }
html { scroll-behavior: smooth; scroll-padding-top: 40px; }

/* TV schedule page */
.filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 14px; }
.seg { display: inline-flex; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.seg button { font: inherit; font-size: 13px; padding: 5px 10px; background: var(--surface); color: var(--ink-2); border: 0; border-right: 1px solid var(--border); cursor: pointer; }
.seg button:last-child { border-right: 0; }
.seg button.on { background: var(--ink); color: var(--page); }
.weekhead { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); margin: 26px 0 0; }
.week.hide, .tvday.hide, tr.hide { display: none; }
.result { font-variant-numeric: tabular-nums; }
.tvbar { display: flex; height: 8px; border-radius: 4px; overflow: hidden; background: var(--neutral); min-width: 80px; }
.tvbar i { display: block; }
tr.dayrow td { padding: 0 0 2px; border-bottom: 0; }
tr.dayrow.past { opacity: .55; }
.legend i.lk { border-radius: 3px; }
table.agenda { min-width: 720px; }

/* Odds screen */
.bestk { color: var(--good); }
.oddsgame { scroll-margin-top: 12px; }
.oghead { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; margin-bottom: 10px; }
.ogtip { min-width: 120px; font-size: 14px; }
.ogtip small { display: block; color: var(--muted); font-size: 11px; }
.ogtip small.live { color: var(--bad); font-weight: 700; text-transform: uppercase; }
.ogteams { display: flex; flex-direction: column; gap: 2px; font-size: 15px; }
.ogwatch { margin-left: auto; }
.kv { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: center; padding: 8px 0 12px; border-bottom: 1px solid var(--grid); margin-bottom: 6px; font-size: 14px; }
.kv > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; }
.kv .k { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .04em; width: 100%; }
.kv b { font-variant-numeric: tabular-nums; }
.sparks { margin-left: auto; gap: 10px !important; }
svg.spark { width: 150px; height: 40px; display: block; overflow: visible; }
.mv { font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.mv.neg { color: var(--s1); } .mv.pos { color: var(--s2); }
table.odds { min-width: 760px; font-size: 14px; }
table.odds tr.mkh th { border-bottom: 0; padding-bottom: 0; text-align: center; text-transform: uppercase; letter-spacing: .04em; font-size: 11px; }
table.odds td { vertical-align: middle; }
table.odds td.q { white-space: nowrap; }
table.odds .pt { font-weight: 600; }
table.odds .pr { color: var(--ink-2); font-size: 13px; }
table.odds small.op { display: block; color: var(--muted); font-size: 11px; font-weight: 400; }
table.odds td.best { background: color-mix(in srgb, var(--good) 13%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--good) 45%, transparent); }
table.odds td.best .pt, table.odds td.best .pr { color: var(--good); }
table.odds td.bk { white-space: nowrap; font-weight: 500; }
table.odds tr.sharp td.bk { font-weight: 700; }
table.odds tr.sumrow td { border-top: 2px solid var(--axis); font-size: 13px; background: var(--neutral); }
table.odds tr.sumrow + tr.sumrow td { border-top: 0; }
/* Odds screen colour: each market gets its own band, best prices are green with a star,
   suspect (stale or in-play) prices are struck out, hold runs green to red. */
table.odds { --mk-spread: var(--s1); --mk-total: var(--s2); --mk-ml: var(--s7); border-collapse: separate; border-spacing: 0; }
table.odds tr.mkh th span { display: block; color: #fff; padding: 4px 6px; border-radius: 8px 8px 0 0; font-weight: 700; }
table.odds tr.mkh th.mk-spread span { background: var(--mk-spread); }
table.odds tr.mkh th.mk-total span { background: var(--mk-total); }
table.odds tr.mkh th.mk-ml span { background: var(--mk-ml); }
table.odds tr.colh th.mk-spread { color: var(--mk-spread); } table.odds tr.colh th.mk-total { color: var(--mk-total); } table.odds tr.colh th.mk-ml { color: var(--mk-ml); }
table.odds tr.colh th[class*="mk-"] { border-bottom: 3px solid currentColor; font-weight: 700; }
table.odds td.mk-spread { background: color-mix(in srgb, var(--mk-spread) 5%, transparent); }
table.odds td.mk-total { background: color-mix(in srgb, var(--mk-total) 5%, transparent); }
table.odds td.mk-ml { background: color-mix(in srgb, var(--mk-ml) 5%, transparent); }
table.odds .g0 { border-left: 2px solid var(--surface); }
table.odds tr.mkh th.g0 { border-left: 0; padding-left: 4px; }
table.odds td.q.best { background: color-mix(in srgb, var(--good) 18%, var(--surface)); }
table.odds .star { color: var(--gold, #f0c75e); font-size: 11px; margin-right: 3px; vertical-align: 1px; text-shadow: 0 0 1px rgba(0,0,0,.35); }
table.odds td.suspect { background: repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--muted) 12%, transparent) 6px 7px); }
table.odds td.suspect .pt, table.odds td.suspect .pr { color: var(--muted); text-decoration: line-through; font-weight: 400; }
table.odds td.suspect small.op { font-style: italic; }
table.odds .bdot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 7px; vertical-align: 1px; box-shadow: 0 0 0 2px color-mix(in srgb, var(--surface) 70%, transparent); }
table.odds tr:not(.sumrow):not(.mkh):not(.colh):hover td { filter: brightness(1.06); }
table.odds .hv { font-weight: 600; padding: 1px 5px; border-radius: 5px; font-size: 12px; }
table.odds .hv.lo { color: var(--good); background: color-mix(in srgb, var(--good) 12%, transparent); }
table.odds .hv.mid { color: var(--ink-2); }
table.odds .hv.hi { color: var(--bad); background: color-mix(in srgb, var(--bad) 12%, transparent); }
table.odds tr.bestrow td { background: color-mix(in srgb, var(--good) 14%, var(--neutral)); }
table.odds tr.bestrow td b { color: var(--good); }
table.odds .pill.stale { color: var(--muted); border-style: dashed; font-size: 10px; }
table.odds tr.bestrow td:first-child { font-weight: 700; box-shadow: inset 4px 0 0 var(--good); }
table.odds td.hold span + span::before { content: ""; }
.offk { color: var(--ink); font-weight: 700; background: color-mix(in srgb, var(--warn) 35%, transparent); padding: 0 4px; border-radius: 4px; }
b.edge { background: color-mix(in srgb, var(--good) 18%, transparent); color: var(--good); padding: 0 5px; border-radius: 4px; }
:root.offonly table.odds tr:not(.offmkt):not(.sumrow):not(.mkh):has(td) { display: none; }
:root[data-mk="spread"] .mk-total, :root[data-mk="spread"] .mk-ml,
:root[data-mk="total"] .mk-spread, :root[data-mk="total"] .mk-ml,
:root[data-mk="ml"] .mk-spread, :root[data-mk="ml"] .mk-total { display: none; }
:root[data-mk="all"] td.hold > span:not(.mk-spread), :root[data-mk="all"] td.offc > span:not(.mk-spread):not(.stale) { display: none; }
table.nowrap td { white-space: nowrap; }
.sparks > span { display: flex; flex-direction: column; }
:root[data-mk="spread"] table.odds, :root[data-mk="total"] table.odds, :root[data-mk="ml"] table.odds { min-width: 0; }

/* News ticker */
.ticker { display: flex; align-items: center; gap: 10px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 6px 10px; margin-bottom: 20px; font-size: 13px; }
.tk-label { font-weight: 600; color: var(--page); background: var(--ink); border-radius: 6px; padding: 2px 8px; flex: none; text-decoration: none; }
.tk-more { flex: none; font-size: 12px; }
.tk-viewport { overflow: hidden; flex: 1; min-width: 0; mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent); }
.tk-track { display: flex; width: max-content; animation: tk-scroll 140s linear infinite; }
.ticker:hover .tk-track, .ticker:focus-within .tk-track { animation-play-state: paused; }
.tk-run { display: flex; flex: none; }
.tk-item { color: var(--ink); white-space: nowrap; padding: 0 18px; border-right: 1px solid var(--grid); }
.tk-item b { color: var(--s1); font-weight: 600; margin-right: 2px; }
.tk-item.fresh b::before { content: "● "; color: var(--s2); }
@keyframes tk-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .tk-track { animation: none; } .tk-viewport { overflow-x: auto; } }
@media (max-width: 600px) { .tk-more { display: none; } }
.newslist { list-style: none; margin: 0; padding: 0; }
.newslist li { padding: 7px 0; border-bottom: 1px solid var(--grid); }
.newslist li:last-child { border-bottom: 0; }
.newslist .age { display: inline-block; min-width: 34px; color: var(--muted); font-variant-numeric: tabular-nums; font-size: 12px; }
.newslist .age.fresh { color: var(--s2); font-weight: 600; }
.chips { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 10px; }
.chips button { font: inherit; font-size: 12px; padding: 3px 9px; border-radius: 999px; border: 1px solid var(--border); background: var(--surface); color: var(--ink-2); cursor: pointer; }
.chips button.on { background: var(--ink); color: var(--page); border-color: var(--ink); }
.ok { color: var(--good); } .bad { color: var(--bad); }

/* ===================================================================
   Site chrome: brand colors, top bar, search, share, footer, team colors.
   Team classes (.t-akron etc.) come from static/teams.css, generated from
   mac/config.py, and set --tc (primary), --tc2 (accent), --tci (text on --tc).
   =================================================================== */
:root { --brand: #2a1a10; --brand-2: #4a2c1a; --gold: #f0c75e; --brick: #9e3b26; --mortar: #cdb99a; --tc: var(--s1); --tc2: #fff; --tci: #fff; --tca: var(--tc); --bar-h: 58px; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --brand: #1c110a; --brand-2: #3a2314; } }
:root[data-theme="dark"] { --brand: #1c110a; --brand-2: #3a2314; }
/* On dark pages a navy or maroon team color disappears; lift it for borders and text. */
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [class^="t-"], :root:not([data-theme="light"]) [class*=" t-"], :root:not([data-theme="light"]) [data-team] { --tca: color-mix(in srgb, var(--tc) 55%, #fff); } }
:root[data-theme="dark"] [class^="t-"], :root[data-theme="dark"] [class*=" t-"], :root[data-theme="dark"] [data-team] { --tca: color-mix(in srgb, var(--tc) 55%, #fff); }
html.noscroll { overflow: hidden; }
html { scroll-padding-top: calc(var(--bar-h) + 66px); }
body { background: linear-gradient(180deg, color-mix(in srgb, var(--s1) 7%, var(--page)) 0, var(--page) 420px) no-repeat, var(--page); }
.skip { position: absolute; left: -999px; top: 8px; z-index: 100; background: var(--surface); color: var(--ink); padding: 6px 10px; border-radius: 6px; }
.skip:focus { left: 8px; }

/* Top bar */
.topbar { position: sticky; top: 0; z-index: 40; background: var(--brand); color: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.18); }
.tb-in { max-width: 1180px; margin: 0 auto; padding: 0 16px; height: var(--bar-h); display: flex; align-items: center; gap: 14px; }
.brand { display: inline-flex; align-items: baseline; gap: 6px; color: #fff; font-weight: 800; letter-spacing: .02em; flex: none; }
.brand:hover { text-decoration: none; }
.brand { align-items: center; }
.brand .mark { --hickory: #3b2414; color: var(--hickory); border-radius: 2px; padding: 5px 14px 4px; font-size: 16px; line-height: 1; letter-spacing: .1em; text-transform: uppercase; font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; font-weight: 700;
  background: repeating-linear-gradient(92deg, rgba(120,72,30,.10) 0 2px, transparent 2px 9px, rgba(120,72,30,.06) 9px 10px, transparent 10px 17px), linear-gradient(180deg, #ecd3a2, #d8b273 60%, #c99d5c);
  box-shadow: inset 0 1px 0 rgba(255,250,235,.7), inset 0 0 0 3px rgba(236,211,162,.9), inset 0 0 0 4px rgba(59,36,20,.45), 0 1px 0 rgba(0,0,0,.35), 0 3px 8px rgba(0,0,0,.25);
  text-shadow: 0 1px 0 rgba(255,245,225,.55); }
.brand .yr { font-size: 13px; color: #e0d2b8; font-weight: 600; }
.tb-nav { display: flex; align-items: center; gap: 2px; flex: 1 0 auto; }
.tb-nav > a, .tb-teams > summary { color: #efe3cc; font-size: 14px; font-weight: 500; padding: 7px 10px; border-radius: 8px; white-space: nowrap; cursor: pointer; list-style: none; }
.tb-teams > summary::-webkit-details-marker { display: none; }
.tb-teams > summary::after { content: " ▾"; font-size: 11px; opacity: .8; }
.tb-nav > a:hover, .tb-teams > summary:hover { background: rgba(255,255,255,.10); text-decoration: none; color: #fff; }
.tb-nav > a.on, .tb-teams.on > summary { color: #fff; background: rgba(255,255,255,.14); box-shadow: inset 0 -3px 0 var(--gold); }
.tb-teams { position: relative; }
.tb-menu { position: absolute; top: calc(100% + 8px); left: 0; z-index: 50; width: min(560px, 92vw); display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 6px; padding: 10px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,.22); }
a.tchip { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 8px; font-size: 14px; font-weight: 600; background: var(--tc); color: var(--tci); border-bottom: 3px solid var(--tc2); }
a.tchip:hover { text-decoration: none; filter: brightness(1.12); }
a.tchip img { width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 1px; }
.tb-search { flex: 0 1 300px; min-width: 0; display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 10px; border-radius: 9px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08); color: #e0d2b8; font: inherit; font-size: 13px; cursor: pointer; text-align: left; }
.tb-search:hover { background: rgba(255,255,255,.14); color: #fff; }
.tb-search span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
kbd { font: 11px ui-monospace, Menlo, monospace; border: 1px solid currentColor; border-radius: 4px; padding: 0 4px; opacity: .7; }
.tb-btn { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: 9px; border: 1px solid rgba(255,255,255,.18); background: transparent; color: #fff; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; flex: none; }
.tb-btn:hover { background: rgba(255,255,255,.12); }
.tb-menu-btn { display: none; }
.tb-bricks { height: 10px; background: var(--bricks) 0 -1px / 72px 24px repeat-x; box-shadow: inset 0 3px 3px -2px rgba(0,0,0,.35); }
.tb-stripe { display: flex; height: 4px; }
.tb-stripe i { flex: 1; }
.topbar .brand .yr { display: none; } /* the bar is full with ten pages; the footer keeps the season */
@media (max-width: 1300px) { .tb-search span, .tb-search kbd { display: none; } .tb-search { flex: none; width: 40px; justify-content: center; padding: 0; } }
@media (max-width: 1080px) {
  .tb-menu-btn { display: inline-flex; padding: 0 10px; }
  .tb-btn[data-share] span { display: none; }
  .tb-in { gap: 8px; }
  .tb-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; background: var(--brand); padding: 8px 12px 14px; box-shadow: 0 12px 24px rgba(0,0,0,.25); }
  .tb-nav.open { display: flex; }
  .tb-nav > a, .tb-teams > summary { padding: 10px 12px; font-size: 16px; }
  .tb-menu { position: static; width: auto; margin: 4px 0 6px; grid-template-columns: 1fr 1fr; background: transparent; border: 0; box-shadow: none; padding: 0; }
  .tb-in > .brand { margin-right: auto; }
}

/* "On this page" jump bar and section links */
.onpage { position: sticky; top: calc(var(--bar-h) + 18px); z-index: 30; display: flex; gap: 4px; align-items: center; overflow-x: auto; scrollbar-width: none; margin: -6px 0 18px; padding: 6px; background: color-mix(in srgb, var(--surface) 88%, transparent); backdrop-filter: blur(8px); border: 1px solid var(--border); border-radius: 12px; }
.onpage::-webkit-scrollbar { display: none; }
.onpage .op-k { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); padding: 0 6px; white-space: nowrap; }
.onpage a { white-space: nowrap; font-size: 13px; padding: 4px 10px; border-radius: 999px; color: var(--ink-2); }
.onpage a:hover { background: var(--neutral); text-decoration: none; }
.onpage a.on { background: var(--brand); color: #fff; }
section h2 { position: relative; }
section h2::before { content: ""; display: inline-block; width: 4px; height: .95em; border-radius: 2px; background: var(--h2c, var(--s1)); margin-right: 8px; vertical-align: -1px; }
.hlink { margin-left: 6px; color: var(--muted); font-weight: 400; opacity: 0; transition: opacity .15s; }
section h2:hover .hlink, .hlink:focus { opacity: 1; text-decoration: none; }
@media (pointer: coarse) { .hlink { opacity: .5; } }
section:target, article:target, tr:target td { animation: flash 2.2s ease-out; }
section:target { box-shadow: 0 0 0 2px var(--gold); }
section, article, tr { scroll-margin-top: calc(var(--bar-h) + 56px); }
main > section:nth-of-type(4n+2) h2, .grid > section:nth-child(2) h2 { --h2c: var(--s2); }
main > section:nth-of-type(4n+3) h2 { --h2c: var(--s3); }
main > section:nth-of-type(4n) h2 { --h2c: var(--s7); }
main.teampage section h2, main.teampage .grid > section:nth-child(n) h2, main.teampage > section:nth-of-type(n) h2 { --h2c: var(--tca); }

/* Tiles get a colored cap */
.tile { border-top: 3px solid var(--s1); }
.tiles .tile:nth-child(5n+2) { border-top-color: var(--s2); }
.tiles .tile:nth-child(5n+3) { border-top-color: var(--s3); }
.tiles .tile:nth-child(5n+4) { border-top-color: var(--s7); }
.tiles .tile:nth-child(5n+5) { border-top-color: var(--gold); }
main.teampage .tiles .tile { border-top-color: var(--tca); }
main.teampage .onpage a.on { background: var(--tc); color: var(--tci); }
@media (pointer: coarse) { .hh-search kbd, .tb-search kbd { display: none; } }

/* Team colors on shared pieces */
.teamgrid a { border-left: 5px solid var(--tc); background: linear-gradient(90deg, color-mix(in srgb, var(--tc) 10%, var(--surface)), var(--surface) 70%); }
.teamgrid a:hover { border-color: var(--tc); box-shadow: 0 4px 14px color-mix(in srgb, var(--tc) 28%, transparent); transform: translateY(-1px); }
.teamgrid a { transition: transform .12s, box-shadow .12s; }
.teamnav a[class^="t-"] { border-color: color-mix(in srgb, var(--tca) 55%, transparent); color: var(--ink); box-shadow: inset 3px 0 0 var(--tc); }
.teamnav a[class^="t-"].on, .teamnav a[class^="t-"]:hover { background: var(--tc); color: var(--tci); border-color: var(--tc); text-decoration: none; }
.chips button[data-team] { box-shadow: inset 3px 0 0 var(--tc); }
.chips button[data-team].on { background: var(--tc); color: var(--tci); border-color: var(--tc); }
a.pill[href*="teams/"] { border-color: color-mix(in srgb, var(--tca) 60%, transparent); color: var(--ink); background: color-mix(in srgb, var(--tc) 10%, transparent); font-weight: 600; }
.tdot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--tc); box-shadow: 0 0 0 2px color-mix(in srgb, var(--tc2) 70%, transparent); margin-right: 6px; vertical-align: 0; flex: none; }
tr[class^="t-"] td:first-child { box-shadow: inset 4px 0 0 var(--tc); }

/* Team page hero */
.teamhead.hero { position: relative; overflow: hidden; color: var(--tci); background: linear-gradient(120deg, var(--tc) 0%, var(--tc) 55%, color-mix(in srgb, var(--tc) 70%, #000) 100%); border-radius: 16px; padding: 20px 22px; border-bottom: 6px solid var(--tc2); }
.teamhead.hero::after { content: ""; position: absolute; right: -60px; top: -40px; width: 260px; height: 260px; border-radius: 50%; border: 36px solid color-mix(in srgb, var(--tc2) 22%, transparent); pointer-events: none; }
.teamhead.hero .sub { color: color-mix(in srgb, var(--tci) 85%, transparent); font-size: 14px; }
.teamhead.hero img { background: #fff; border-radius: 14px; padding: 6px; width: 76px; height: 76px; box-shadow: 0 4px 14px rgba(0,0,0,.2); }
.teamhead.hero h1 { font-size: 30px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; position: relative; z-index: 1; }
.hero-actions a, .hero-actions button { font: inherit; font-size: 13px; font-weight: 600; padding: 4px 10px; border-radius: 8px; background: color-mix(in srgb, var(--tci) 16%, transparent); color: var(--tci); border: 1px solid color-mix(in srgb, var(--tci) 30%, transparent); cursor: pointer; }
.hero-actions a:hover, .hero-actions button:hover { background: color-mix(in srgb, var(--tci) 26%, transparent); text-decoration: none; }

/* Box score header in team colors */
.scorehead .side[class*=" t-"] { border-left: 6px solid var(--tc); background: linear-gradient(90deg, color-mix(in srgb, var(--tc) 12%, var(--surface)), var(--surface) 70%); }

/* Home: "Find it fast" directory */
.findit { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin-bottom: 22px; }
.findit a { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: var(--surface); border: 1px solid var(--border); color: var(--ink); border-top: 4px solid var(--fc); transition: transform .12s, box-shadow .12s; }
.findit a:hover { text-decoration: none; transform: translateY(-2px); box-shadow: 0 6px 18px color-mix(in srgb, var(--fc) 25%, transparent); }
.findit .ic { flex: none; width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; background: color-mix(in srgb, var(--fc) 16%, transparent); color: var(--fc); }
.findit b { display: block; font-size: 15px; }
.findit small { display: block; color: var(--ink-2); font-size: 12px; line-height: 1.35; margin-top: 2px; }
/* Dark mode: each section card picks up a wash of its own color so the grid isn't one flat gray. */
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .findit a { background: linear-gradient(155deg, color-mix(in srgb, var(--fc) 26%, var(--surface)) 0%, color-mix(in srgb, var(--fc) 8%, var(--surface)) 70%); border-color: color-mix(in srgb, var(--fc) 35%, var(--border)); } }
:root[data-theme="dark"] .findit a { background: linear-gradient(155deg, color-mix(in srgb, var(--fc) 26%, var(--surface)) 0%, color-mix(in srgb, var(--fc) 8%, var(--surface)) 70%); border-color: color-mix(in srgb, var(--fc) 35%, var(--border)); }
.homehero { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-bottom: 18px; padding: 22px; border-radius: 16px; color: #fff; background: linear-gradient(rgba(20,6,2,.45), rgba(20,6,2,.45)), var(--bricks) 0 0 / 96px 32px; position: relative; overflow: hidden; isolation: isolate; --floor: var(--wood-parquet); --floor-size: 96px 96px; --scrim: rgba(28,14,2,.5); --hh-ink: #fff; --hh-soft: #f3e6d2; --hh-kick: var(--gold); color: var(--hh-ink); }
/* Hardwood fading into brick: the floor sits on top and is masked away toward the brick on the right. */
.homehero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--scrim) 0, transparent 70%), var(--floor) 0 0 / var(--floor-size); -webkit-mask-image: linear-gradient(100deg, #000 0 40%, rgba(0,0,0,.85) 55%, transparent 88%); mask-image: linear-gradient(100deg, #000 0 40%, rgba(0,0,0,.85) 55%, transparent 88%); }
.homehero[data-floor="light"] { --floor: var(--wood-light); --floor-size: 288px 96px; --scrim: rgba(255,248,235,.25); --hh-ink: #2a1708; --hh-soft: #4d3520; --hh-kick: #8a2d1a; }
.homehero[data-floor="dark"] { --floor: var(--wood-dark); --floor-size: 288px 96px; --scrim: rgba(0,0,0,.2); }
:root { --wood-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='288' height='96'%3E%3Crect x='34' y='0' width='96' height='16' fill='%23e9c995'/%3E%3Cpath d='M37 3 q32 1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M37 14 q32 1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='129' y='0' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='-254' y='0' width='96' height='16' fill='%23e9c995'/%3E%3Cpath d='M-251 3 q32 1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-251 14 q32 1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='-159' y='0' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='130' y='0' width='192' height='16' fill='%23d8ae72'/%3E%3Cpath d='M133 14 q64 -1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M133 3 q64 1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='321' y='0' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='-158' y='0' width='192' height='16' fill='%23d8ae72'/%3E%3Cpath d='M-155 14 q64 -1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-155 3 q64 1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='33' y='0' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='0' y='15' width='288' height='1' fill='%23b98c56'/%3E%3Crect x='7' y='16' width='192' height='16' fill='%23d8ae72'/%3E%3Cpath d='M10 27 q64 -1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M10 29 q64 1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='198' y='16' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='-281' y='16' width='192' height='16' fill='%23d8ae72'/%3E%3Cpath d='M-278 27 q64 -1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-278 29 q64 1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='-90' y='16' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='199' y='16' width='96' height='16' fill='%23dcb57a'/%3E%3Cpath d='M202 27 q32 -1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M202 23 q32 -1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='294' y='16' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='-89' y='16' width='96' height='16' fill='%23dcb57a'/%3E%3Cpath d='M-86 27 q32 -1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-86 23 q32 -1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='6' y='16' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='0' y='31' width='288' height='1' fill='%23b98c56'/%3E%3Crect x='5' y='32' width='96' height='16' fill='%23e2bd83'/%3E%3Cpath d='M8 34 q32 1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M8 44 q32 -1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='100' y='32' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='-283' y='32' width='96' height='16' fill='%23e2bd83'/%3E%3Cpath d='M-280 34 q32 1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-280 44 q32 -1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='-188' y='32' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='101' y='32' width='192' height='16' fill='%23e6c38a'/%3E%3Cpath d='M104 42 q64 -1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M104 46 q64 1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='292' y='32' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='-187' y='32' width='192' height='16' fill='%23e6c38a'/%3E%3Cpath d='M-184 42 q64 -1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-184 46 q64 1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='4' y='32' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='0' y='47' width='288' height='1' fill='%23b98c56'/%3E%3Crect x='126' y='48' width='144' height='16' fill='%23e9c995'/%3E%3Cpath d='M129 53 q48 -1 138 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M129 62 q48 1 138 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='269' y='48' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='-162' y='48' width='144' height='16' fill='%23e9c995'/%3E%3Cpath d='M-159 53 q48 -1 138 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-159 62 q48 1 138 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='-19' y='48' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='270' y='48' width='144' height='16' fill='%23e6c38a'/%3E%3Cpath d='M273 56 q48 -1 138 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M273 52 q48 1 138 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='413' y='48' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='-18' y='48' width='144' height='16' fill='%23e6c38a'/%3E%3Cpath d='M-15 56 q48 -1 138 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-15 52 q48 1 138 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='125' y='48' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='0' y='63' width='288' height='1' fill='%23b98c56'/%3E%3Crect x='30' y='64' width='192' height='16' fill='%23e2bd83'/%3E%3Cpath d='M33 72 q64 -1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M33 70 q64 1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='221' y='64' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='-258' y='64' width='192' height='16' fill='%23e2bd83'/%3E%3Cpath d='M-255 72 q64 -1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-255 70 q64 1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='-67' y='64' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='222' y='64' width='96' height='16' fill='%23e2bd83'/%3E%3Cpath d='M225 72 q32 -1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M225 73 q32 -1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='317' y='64' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='-66' y='64' width='96' height='16' fill='%23e2bd83'/%3E%3Cpath d='M-63 72 q32 -1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-63 73 q32 -1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='29' y='64' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='0' y='79' width='288' height='1' fill='%23b98c56'/%3E%3Crect x='103' y='80' width='192' height='16' fill='%23dcb57a'/%3E%3Cpath d='M106 87 q64 1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M106 83 q64 1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='294' y='80' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='-185' y='80' width='192' height='16' fill='%23dcb57a'/%3E%3Cpath d='M-182 87 q64 1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-182 83 q64 1 186 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='6' y='80' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='295' y='80' width='96' height='16' fill='%23dcb57a'/%3E%3Cpath d='M298 90 q32 1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M298 87 q32 1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='390' y='80' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='7' y='80' width='96' height='16' fill='%23dcb57a'/%3E%3Cpath d='M10 90 q32 1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M10 87 q32 1 90 0' stroke='%23a57843' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='102' y='80' width='1' height='16' fill='%23b98c56'/%3E%3Crect x='0' y='95' width='288' height='1' fill='%23b98c56'/%3E%3C/svg%3E"); --wood-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='288' height='96'%3E%3Crect x='14' y='0' width='96' height='16' fill='%235b3a22'/%3E%3Cpath d='M17 7 q32 -1 90 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M17 13 q32 1 90 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='109' y='0' width='1' height='16' fill='%2326170c'/%3E%3Crect x='-274' y='0' width='96' height='16' fill='%235b3a22'/%3E%3Cpath d='M-271 7 q32 -1 90 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-271 13 q32 1 90 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='-179' y='0' width='1' height='16' fill='%2326170c'/%3E%3Crect x='110' y='0' width='192' height='16' fill='%23573720'/%3E%3Cpath d='M113 5 q64 -1 186 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M113 11 q64 -1 186 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='301' y='0' width='1' height='16' fill='%2326170c'/%3E%3Crect x='-178' y='0' width='192' height='16' fill='%23573720'/%3E%3Cpath d='M-175 5 q64 -1 186 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-175 11 q64 -1 186 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='13' y='0' width='1' height='16' fill='%2326170c'/%3E%3Crect x='0' y='15' width='288' height='1' fill='%2326170c'/%3E%3Crect x='110' y='16' width='192' height='16' fill='%23573720'/%3E%3Cpath d='M113 23 q64 1 186 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M113 26 q64 1 186 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='301' y='16' width='1' height='16' fill='%2326170c'/%3E%3Crect x='-178' y='16' width='192' height='16' fill='%23573720'/%3E%3Cpath d='M-175 23 q64 1 186 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-175 26 q64 1 186 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='13' y='16' width='1' height='16' fill='%2326170c'/%3E%3Crect x='302' y='16' width='96' height='16' fill='%235b3a22'/%3E%3Cpath d='M305 23 q32 1 90 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M305 23 q32 1 90 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='397' y='16' width='1' height='16' fill='%2326170c'/%3E%3Crect x='14' y='16' width='96' height='16' fill='%235b3a22'/%3E%3Cpath d='M17 23 q32 1 90 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M17 23 q32 1 90 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='109' y='16' width='1' height='16' fill='%2326170c'/%3E%3Crect x='0' y='31' width='288' height='1' fill='%2326170c'/%3E%3Crect x='108' y='32' width='144' height='16' fill='%23573720'/%3E%3Cpath d='M111 36 q48 -1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M111 37 q48 -1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='251' y='32' width='1' height='16' fill='%2326170c'/%3E%3Crect x='-180' y='32' width='144' height='16' fill='%23573720'/%3E%3Cpath d='M-177 36 q48 -1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-177 37 q48 -1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='-37' y='32' width='1' height='16' fill='%2326170c'/%3E%3Crect x='252' y='32' width='144' height='16' fill='%23664329'/%3E%3Cpath d='M255 36 q48 -1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M255 42 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='395' y='32' width='1' height='16' fill='%2326170c'/%3E%3Crect x='-36' y='32' width='144' height='16' fill='%23664329'/%3E%3Cpath d='M-33 36 q48 -1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-33 42 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='107' y='32' width='1' height='16' fill='%2326170c'/%3E%3Crect x='0' y='47' width='288' height='1' fill='%2326170c'/%3E%3Crect x='131' y='48' width='144' height='16' fill='%23472c19'/%3E%3Cpath d='M134 62 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M134 61 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='274' y='48' width='1' height='16' fill='%2326170c'/%3E%3Crect x='-157' y='48' width='144' height='16' fill='%23472c19'/%3E%3Cpath d='M-154 62 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-154 61 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='-14' y='48' width='1' height='16' fill='%2326170c'/%3E%3Crect x='275' y='48' width='144' height='16' fill='%23664329'/%3E%3Cpath d='M278 57 q48 -1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M278 62 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='418' y='48' width='1' height='16' fill='%2326170c'/%3E%3Crect x='-13' y='48' width='144' height='16' fill='%23664329'/%3E%3Cpath d='M-10 57 q48 -1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-10 62 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='130' y='48' width='1' height='16' fill='%2326170c'/%3E%3Crect x='0' y='63' width='288' height='1' fill='%2326170c'/%3E%3Crect x='118' y='64' width='144' height='16' fill='%23472c19'/%3E%3Cpath d='M121 70 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M121 74 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='261' y='64' width='1' height='16' fill='%2326170c'/%3E%3Crect x='-170' y='64' width='144' height='16' fill='%23472c19'/%3E%3Cpath d='M-167 70 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-167 74 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='-27' y='64' width='1' height='16' fill='%2326170c'/%3E%3Crect x='262' y='64' width='144' height='16' fill='%23472c19'/%3E%3Cpath d='M265 71 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M265 73 q48 -1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='405' y='64' width='1' height='16' fill='%2326170c'/%3E%3Crect x='-26' y='64' width='144' height='16' fill='%23472c19'/%3E%3Cpath d='M-23 71 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-23 73 q48 -1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='117' y='64' width='1' height='16' fill='%2326170c'/%3E%3Crect x='0' y='79' width='288' height='1' fill='%2326170c'/%3E%3Crect x='83' y='80' width='144' height='16' fill='%23573720'/%3E%3Cpath d='M86 86 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M86 86 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='226' y='80' width='1' height='16' fill='%2326170c'/%3E%3Crect x='-205' y='80' width='144' height='16' fill='%23573720'/%3E%3Cpath d='M-202 86 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-202 86 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='-62' y='80' width='1' height='16' fill='%2326170c'/%3E%3Crect x='227' y='80' width='144' height='16' fill='%23664329'/%3E%3Cpath d='M230 93 q48 -1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M230 89 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='370' y='80' width='1' height='16' fill='%2326170c'/%3E%3Crect x='-61' y='80' width='144' height='16' fill='%23664329'/%3E%3Cpath d='M-58 93 q48 -1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Cpath d='M-58 89 q48 1 138 0' stroke='%232e1c10' stroke-width='.6' fill='none' opacity='.45'/%3E%3Crect x='82' y='80' width='1' height='16' fill='%2326170c'/%3E%3Crect x='0' y='95' width='288' height='1' fill='%2326170c'/%3E%3C/svg%3E"); --wood-parquet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Crect x='0' y='0' width='8' height='24' fill='%23b8834a' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='8' y='0' width='8' height='24' fill='%23b8834a' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='16' y='0' width='8' height='24' fill='%23d4a264' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='0' y='24' width='24' height='8' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='0' y='32' width='24' height='8' fill='%23c99457' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='0' y='40' width='24' height='8' fill='%23c99457' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='0' y='48' width='8' height='24' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='8' y='48' width='8' height='24' fill='%23d4a264' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='16' y='48' width='8' height='24' fill='%23b8834a' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='0' y='72' width='24' height='8' fill='%23b8834a' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='0' y='80' width='24' height='8' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='0' y='88' width='24' height='8' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='24' y='0' width='24' height='8' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='24' y='8' width='24' height='8' fill='%23b8834a' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='24' y='16' width='24' height='8' fill='%23b8834a' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='24' y='24' width='8' height='24' fill='%23b8834a' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='32' y='24' width='8' height='24' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='40' y='24' width='8' height='24' fill='%23c99457' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='24' y='48' width='24' height='8' fill='%23c99457' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='24' y='56' width='24' height='8' fill='%23b8834a' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='24' y='64' width='24' height='8' fill='%23c99457' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='24' y='72' width='8' height='24' fill='%23d4a264' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='32' y='72' width='8' height='24' fill='%23c99457' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='40' y='72' width='8' height='24' fill='%23d4a264' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='48' y='0' width='8' height='24' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='56' y='0' width='8' height='24' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='64' y='0' width='8' height='24' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='48' y='24' width='24' height='8' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='48' y='32' width='24' height='8' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='48' y='40' width='24' height='8' fill='%23b8834a' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='48' y='48' width='8' height='24' fill='%23d4a264' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='56' y='48' width='8' height='24' fill='%23c99457' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='64' y='48' width='8' height='24' fill='%23c99457' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='48' y='72' width='24' height='8' fill='%23b8834a' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='48' y='80' width='24' height='8' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='48' y='88' width='24' height='8' fill='%23b8834a' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='72' y='0' width='24' height='8' fill='%23d4a264' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='72' y='8' width='24' height='8' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='72' y='16' width='24' height='8' fill='%23d4a264' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='72' y='24' width='8' height='24' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='80' y='24' width='8' height='24' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='88' y='24' width='8' height='24' fill='%23d4a264' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='72' y='48' width='24' height='8' fill='%23be8b50' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='72' y='56' width='24' height='8' fill='%23b8834a' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='72' y='64' width='24' height='8' fill='%23d4a264' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='72' y='72' width='8' height='24' fill='%23c99457' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='80' y='72' width='8' height='24' fill='%23d4a264' stroke='%237d5328' stroke-width='.7'/%3E%3Crect x='88' y='72' width='8' height='24' fill='%23b8834a' stroke='%237d5328' stroke-width='.7'/%3E%3C/svg%3E"); }
.homehero .kick { display: block; font: 700 12px/1.2 var(--serif); letter-spacing: .14em; text-transform: uppercase; color: var(--hh-kick); margin-bottom: 6px; }
.homehero h1 { font-size: 30px; }
.homehero .sub { color: var(--hh-soft); max-width: 70ch; }
.homehero .hh-stripe { position: absolute; left: 0; right: 0; bottom: 0; height: 5px; display: flex; }
.homehero .hh-stripe i { flex: 1; }
.homehero .hh-search { margin-left: auto; display: flex; align-items: center; gap: 8px; min-width: 260px; height: 42px; padding: 0 14px; border-radius: 10px; border: 0; background: #fff; color: #52514e; font: inherit; font-size: 14px; cursor: pointer; box-shadow: 0 4px 16px rgba(0,0,0,.2); }
.homehero .hh-search kbd { margin-left: auto; }
@media (max-width: 700px) { .homehero .hh-search { margin-left: 0; width: 100%; } }

/* Search dialog */
.searchdlg { position: fixed; inset: 0; z-index: 90; background: rgba(5,12,28,.55); backdrop-filter: blur(3px); display: flex; justify-content: center; align-items: flex-start; padding: 9vh 12px 12px; }
.searchdlg[hidden] { display: none; }
.sd-box { width: min(640px, 100%); max-height: 78vh; display: flex; flex-direction: column; background: var(--surface); color: var(--ink); border-radius: 14px; box-shadow: 0 24px 64px rgba(0,0,0,.4); overflow: hidden; border-top: 4px solid var(--gold); }
.sd-in { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--grid); color: var(--muted); }
.sd-in input { flex: 1; font: inherit; font-size: 17px; border: 0; outline: 0; background: transparent; color: var(--ink); }
.sd-res { list-style: none; margin: 0; padding: 6px; overflow-y: auto; }
.sd-res li a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 9px; color: var(--ink); }
.sd-res li a:hover { text-decoration: none; }
.sd-res li.on a { background: color-mix(in srgb, var(--s1) 12%, transparent); box-shadow: inset 3px 0 0 var(--s1); }
.sd-res li.on a[class^="t-"] { background: color-mix(in srgb, var(--tc) 14%, transparent); box-shadow: inset 3px 0 0 var(--tca); }
.sd-t { flex: 1; min-width: 0; font-weight: 600; }
.sd-t small { display: block; font-weight: 400; color: var(--ink-2); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sd-k { flex: none; width: 64px; text-align: center; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: 2px 0; border-radius: 6px; background: var(--neutral); color: var(--ink-2); }
.sd-k.k-Team { background: var(--brand); color: var(--gold); }
.sd-k.k-Player { background: color-mix(in srgb, var(--s3) 18%, transparent); color: var(--s3); }
.sd-k.k-Game { background: color-mix(in srgb, var(--s2) 18%, transparent); color: var(--s2); }
.sd-k.k-Page { background: color-mix(in srgb, var(--s1) 18%, transparent); color: var(--s1); }
.sd-k.k-Coach { background: color-mix(in srgb, var(--s7) 18%, transparent); color: var(--s7); }
.sd-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--tc); flex: none; }
.sd-empty { padding: 18px; color: var(--ink-2); }
.sd-foot { display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 8px 14px; border-top: 1px solid var(--grid); font-size: 12px; color: var(--muted); }
.sd-foot kbd { margin-right: 2px; }

/* Share popover and toast */
.sharepop { position: absolute; z-index: 95; width: 240px; padding: 8px; background: var(--surface); color: var(--ink); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,.25); }
.sharepop .sp-title { font-weight: 700; padding: 2px 8px; }
.sharepop .sp-url { font-size: 12px; color: var(--muted); padding: 0 8px 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid var(--grid); margin-bottom: 4px; }
.sharepop a, .sharepop button { display: block; width: 100%; text-align: left; font: inherit; font-size: 14px; padding: 7px 8px; border-radius: 8px; border: 0; background: none; color: var(--ink); cursor: pointer; }
.sharepop a:hover, .sharepop button:hover { background: var(--neutral); text-decoration: none; }
#toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; z-index: 99; background: var(--brand); color: #fff; padding: 8px 14px; border-radius: 999px; font-size: 14px; font-weight: 600; transition: all .2s; pointer-events: none; box-shadow: 0 8px 24px rgba(0,0,0,.3); }
#toast.on { opacity: 1; transform: translate(-50%, 0); }

/* Footer */
.sitefoot { margin-top: 24px; background: linear-gradient(180deg, transparent 0 22px, var(--brand) 22px), var(--bricks) 0 0 / 72px 24px repeat-x; color: #e0d2b8; padding-top: 22px; }
.sitefoot .sf-in { border-top: 3px solid var(--gold); }
.sf-in { max-width: 1180px; margin: 0 auto; padding: 28px 16px 40px; display: grid; gap: 24px; grid-template-columns: 1fr; font-size: 14px; }
@media (min-width: 800px) { .sf-in { grid-template-columns: 2fr 1fr 1.4fr; } }
.sitefoot p { margin: 10px 0; max-width: 60ch; }
.sitefoot .dim { color: #93ad9f; font-size: 12px; }
.sitefoot h4 { margin: 0 0 8px; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--gold); }
.sitefoot nav a { display: block; color: #efe3cc; padding: 3px 0; }
.sf-teams { columns: 2; column-gap: 16px; }
.sf-teams h4 { column-span: all; }
.sf-teams a i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 7px; box-shadow: 0 0 0 1px rgba(255,255,255,.35); }
main { padding-bottom: 24px; }
.teamhead.hero > div { flex: 1 1 320px; min-width: 0; }
@media (min-width: 600px) { .teamhead.hero { flex-wrap: nowrap; } }

/* Hardwood Bricks: running-bond red brick, after the brick walks of a college green. */
:root { --bricks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='48'%3E%3Crect width='144' height='48' fill='%23cdb99a'/%3E%3Crect x='1' y='1' width='22' height='10' rx='1' fill='%2398402a'/%3E%3Crect x='25' y='1' width='22' height='10' rx='1' fill='%23a8452c'/%3E%3Crect x='49' y='1' width='22' height='10' rx='1' fill='%2387301f'/%3E%3Crect x='73' y='1' width='22' height='10' rx='1' fill='%239e3b26'/%3E%3Crect x='97' y='1' width='22' height='10' rx='1' fill='%238c3322'/%3E%3Crect x='121' y='1' width='22' height='10' rx='1' fill='%237f2d1d'/%3E%3Crect x='-11' y='13' width='22' height='10' rx='1' fill='%238c3322'/%3E%3Crect x='13' y='13' width='22' height='10' rx='1' fill='%2398402a'/%3E%3Crect x='37' y='13' width='22' height='10' rx='1' fill='%239e3b26'/%3E%3Crect x='61' y='13' width='22' height='10' rx='1' fill='%237f2d1d'/%3E%3Crect x='85' y='13' width='22' height='10' rx='1' fill='%2393371f'/%3E%3Crect x='109' y='13' width='22' height='10' rx='1' fill='%239e3b26'/%3E%3Crect x='133' y='13' width='22' height='10' rx='1' fill='%238c3322'/%3E%3Crect x='1' y='25' width='22' height='10' rx='1' fill='%2387301f'/%3E%3Crect x='25' y='25' width='22' height='10' rx='1' fill='%2387301f'/%3E%3Crect x='49' y='25' width='22' height='10' rx='1' fill='%238c3322'/%3E%3Crect x='73' y='25' width='22' height='10' rx='1' fill='%2393371f'/%3E%3Crect x='97' y='25' width='22' height='10' rx='1' fill='%238c3322'/%3E%3Crect x='121' y='25' width='22' height='10' rx='1' fill='%237f2d1d'/%3E%3Crect x='-11' y='37' width='22' height='10' rx='1' fill='%2387301f'/%3E%3Crect x='13' y='37' width='22' height='10' rx='1' fill='%239e3b26'/%3E%3Crect x='37' y='37' width='22' height='10' rx='1' fill='%238c3322'/%3E%3Crect x='61' y='37' width='22' height='10' rx='1' fill='%2393371f'/%3E%3Crect x='85' y='37' width='22' height='10' rx='1' fill='%239e3b26'/%3E%3Crect x='109' y='37' width='22' height='10' rx='1' fill='%2387301f'/%3E%3Crect x='133' y='37' width='22' height='10' rx='1' fill='%239e3b26'/%3E%3C/svg%3E"); }
@media (max-width: 520px) { .brand .yr { display: none; } .brand .mark { font-size: 14px; padding: 5px 10px 4px; letter-spacing: .08em; } }

/* Fieldhouse Notes */
.author-only { display: none !important; }
html.author .author-only { display: inline-flex !important; }
html.author div.author-only, html.author section.author-only { display: block !important; }
.btn-dispatch { align-items: center; gap: 6px; padding: 5px 11px; border-radius: 8px; border: 1px dashed var(--brick); color: var(--brick); background: color-mix(in srgb, var(--brick) 7%, transparent); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.btn-dispatch:hover { background: color-mix(in srgb, var(--brick) 15%, transparent); text-decoration: none; }
.btn-dispatch.sm { padding: 1px 7px; font-size: 12px; margin-left: 6px; }
.dispatch { border-left: 4px solid var(--brick); padding: 4px 0 4px 16px; margin: 0 0 22px; }
.dispatch h3 { margin: 0 0 2px; font-family: var(--serif); font-size: 21px; }
.dispatch .meta { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; margin-bottom: 8px; }
.dispatch .body { font-family: var(--serif); font-size: 17px; line-height: 1.6; color: var(--ink); max-width: 68ch; }
.dispatch .body p { margin: 0 0 12px; }
.dispatch .body blockquote { margin: 0 0 12px; padding-left: 12px; border-left: 3px solid var(--border); color: var(--ink-2); font-style: italic; }
.dispatch .edit { font-size: 12px; margin-left: 8px; }
.fh-hero { border-radius: 14px; padding: 18px; margin-bottom: 16px; color: #fff; background: linear-gradient(100deg, var(--brand) 0 55%, color-mix(in srgb, var(--brand) 35%, transparent)), var(--bricks) 0 0 / 96px 32px; }
.fh-hero h1 { margin: 0 0 4px; font-family: var(--serif); }
.fh-hero .sub { color: #d7e6dd; max-width: 70ch; }
:root { --fh: #b5482a; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --fh: #e07a55; } }
:root[data-theme="dark"] { --fh: #e07a55; }
.fh-ic { vertical-align: -3px; color: var(--fh); flex: none; }
.fh-kind { color: var(--fh); font-weight: 700; }
.dispatch { border-left-color: var(--fh); }
.tk-item.mine { background: color-mix(in srgb, var(--fh) 12%, transparent); border-radius: 6px; color: var(--ink); }
.tk-item.mine b { color: var(--fh); }
.newslist li.mine, #feed li.mine, li.mine { background: color-mix(in srgb, var(--fh) 9%, transparent); border-left: 3px solid var(--fh); padding-left: 8px; }
li.mine a { font-weight: 600; }

/* Best number today: a quiet teaser, one click to reveal (paywall candidate) */
details.bestplay { margin: 0; border-radius: 12px; background: var(--neutral); border: 1px solid var(--border); color: var(--ink-2); font-size: 13px; align-self: start; }
details.bestplay summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; align-items: center; padding: 10px 14px; }
details.bestplay summary::-webkit-details-marker { display: none; }
.bestplay .bp-k { grid-column: 1; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.bestplay .bp-tease { grid-column: 1; color: var(--ink-2); }
.bestplay .bp-tease b { color: var(--ink); }
.bestplay .bp-go { grid-column: 2; grid-row: 1 / span 2; font-size: 12px; font-weight: 700; padding: 5px 10px; border-radius: 999px; border: 1px solid var(--border); color: var(--ink); background: var(--surface); }
details.bestplay[open] .bp-go { display: none; }
details.bestplay summary:hover .bp-go { border-color: var(--muted); }
.bestplay .bp-body { display: grid; gap: 3px; padding: 0 14px 12px; }
.bestplay .bp-pick { font-size: 18px; color: var(--ink); font-variant-numeric: tabular-nums; }
.bestplay .bp-px { font-size: 13px; color: var(--ink-2); }
.bestplay .bp-fine { font-size: 11px; color: var(--muted); }

/* Home top row: the live stream gets the room, the teaser sits beside it */
.hometop { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin: 0 0 16px; align-items: start; }
.ytwatch { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 18px; align-items: center; padding: 14px; border-radius: 16px; background: var(--surface); border: 1px solid var(--border); }
@media (max-width: 560px) { .ytwatch { grid-template-columns: 1fr; } .yt-frame { max-width: 230px; margin: 0 auto; width: 100%; } }
.yt-frame { position: relative; aspect-ratio: 9 / 16; border-radius: 12px; overflow: hidden; background: #120d09; }
.yt-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.yt-play { position: absolute; inset: 0; width: 100%; border: 0; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; color: #fff; font: inherit;
  background: linear-gradient(180deg, rgba(18,13,9,.2), #120d09 70%), var(--bricks) 0 0 / 96px 32px; }
.yt-play:hover .wp-btn { transform: scale(1.06); }
.yt-plaque { color: #3b2414; font: 700 30px/1 Georgia, "Times New Roman", serif; letter-spacing: .06em; padding: 8px 16px 6px; border-radius: 3px;
  background: linear-gradient(180deg, #ecd3a2, #d8b273 60%, #c99d5c); box-shadow: inset 0 0 0 3px rgba(236,211,162,.9), inset 0 0 0 4px rgba(59,36,20,.45), 0 4px 14px rgba(0,0,0,.45); }
.yt-play .yt-btn { background: #ff0033; box-shadow: 0 6px 20px rgba(255,0,51,.35); }
.yt-cap { display: grid; text-align: center; font-weight: 700; font-size: 15px; } .yt-cap small { font-weight: 500; color: #d8cbb6; font-size: 12.5px; margin-top: 2px; }
.yt-side { display: grid; gap: 6px; align-content: center; }
.yt-k { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.yt-side b { font-size: 22px; }
.yt-links { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; margin-top: 8px; }
.yt-sub { padding: 8px 16px; border-radius: 999px; background: #ff0033; color: #fff; font-weight: 700; }
.yt-sub:hover { text-decoration: none; filter: brightness(1.08); }
@media (min-width: 900px) { .hometop { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); } }
@media (max-width: 760px) { .hometop { grid-template-columns: 1fr; } }
.watch { position: relative; border-radius: 14px; overflow: hidden; background: #0e0b16; aspect-ratio: 16 / 9; width: 100%; }
.watch-play { position: absolute; inset: 0; width: 100%; border: 0; cursor: pointer; display: flex; align-items: flex-end; justify-content: flex-start; gap: 14px; padding: 18px; color: #fff; text-align: left; font: inherit;
  background: radial-gradient(120% 90% at 85% 10%, rgba(145,70,255,.55), transparent 60%), linear-gradient(160deg, #1b1230, #0e0b16 70%); }
.watch-play:hover .wp-btn { transform: scale(1.06); }
.wp-btn { flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #9146ff; color: #fff; box-shadow: 0 6px 20px rgba(145,70,255,.45); transition: transform .15s; }
.wp-txt { display: grid; gap: 1px; }
.wp-k { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #cbb2ff; }
.wp-txt b { font-size: 20px; }
.wp-txt small { color: #cfc6e4; font-size: 12.5px; }
.watch iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.watch-out { position: absolute; top: 10px; right: 12px; font-size: 12px; font-weight: 600; color: #e6dcff; background: rgba(0,0,0,.35); padding: 4px 9px; border-radius: 999px; }
.watch-out:hover { text-decoration: none; background: rgba(0,0,0,.55); }

/* House banner ad (placeholder: JuiceBox Nation) */
.adbar { position: relative; margin: 6px 0 22px; }
.adbar .ad-tag { position: absolute; top: -8px; left: 12px; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); background: var(--page); padding: 0 6px; z-index: 1; }
.adbar a { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 12px; text-decoration: none; color: #fff; border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(100deg, #ff7a18 0%, #ff3d6e 45%, #7b2ff7 100%); box-shadow: 0 4px 16px rgba(123,47,247,.18); }
.adbar a:hover { text-decoration: none; filter: brightness(1.05); }
.ad-logo { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; background: rgba(255,255,255,.18); font-weight: 900; letter-spacing: -.02em; font-size: 18px; }
.ad-copy { display: grid; flex: 1; min-width: 0; }
.ad-copy b { font-size: 17px; }
.ad-copy small { opacity: .9; font-size: 13px; }
.ad-cta { flex: none; font-weight: 700; font-size: 13px; padding: 7px 12px; border-radius: 999px; background: #fff; color: #5b1fc0; white-space: nowrap; }
@media (max-width: 560px) { .adbar a { flex-wrap: wrap; } .ad-cta { width: 100%; text-align: center; } }

.masthead dl.mh { display: grid; grid-template-columns: max-content 1fr; gap: 6px 18px; margin: 0; }
.masthead dl.mh dt { color: var(--muted); font-size: 13px; }
.masthead dl.mh dd { margin: 0; }
.masthead ul { padding-left: 20px; line-height: 1.6; }

/* Access-code gate (mac/access.py) */
.hb-gate { display: block; padding: 40px 0 56px; border: 0; background: none; box-shadow: none; }
.hb-gate-in { box-sizing: border-box; margin: 0 auto; width: 100%; max-width: 460px; overflow-wrap: anywhere; padding: 28px 26px; border-radius: 16px; background: var(--surface); border: 1px solid var(--border); box-shadow: 0 10px 30px rgba(0,0,0,.08); text-align: center; }
.hb-gate-k { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #3b2414; background: linear-gradient(180deg, #ecd3a2, #d8b273); padding: 4px 12px; border-radius: 4px; }
.hb-gate h1 { margin: 12px 0 6px; font-size: 24px; }
.hb-gate p { color: var(--ink-2); margin: 8px 0; }
.hb-gate-form { display: flex; gap: 8px; margin: 18px 0 6px; }
.hb-gate-form input { flex: 1; min-width: 0; font: inherit; font-size: 16px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--border); background: var(--neutral); color: var(--ink); }
.hb-gate-form button { font: inherit; font-weight: 700; padding: 10px 18px; border-radius: 10px; border: 0; background: #1f6b3a; color: #fff; cursor: pointer; }
.hb-gate-form button:disabled { opacity: .6; cursor: wait; }
.hb-gate-err { color: #c0392b !important; font-weight: 600; }
.hb-gate-ask a { font-weight: 700; }
.hb-gate-fine { font-size: 12px; line-height: 1.45; text-align: left; color: var(--muted) !important; }
.bestplay .bp-lock { color: var(--muted); }

/* Tip jar (site_chrome.TIP) */
.tipjar { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px 16px; margin: 0 0 22px; padding: 14px 18px; border-radius: 14px;
  background: linear-gradient(180deg, #f6e7c8, #ecd3a2); color: #3b2414; border: 1px solid rgba(59,36,20,.18); }
.tipjar .tj-cup { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #3b2414; color: #f6e7c8; }
.tipjar .tj-copy b { display: block; font-size: 16px; }
.tipjar .tj-copy small { display: block; font-size: 13px; color: #5a3a22; }
.tipjar .tj-btn { white-space: nowrap; font-weight: 700; font-size: 14px; padding: 9px 16px; border-radius: 999px; background: #008cff; color: #fff; text-decoration: none; }
.tipjar .tj-btn:hover { background: #0074d4; }
@media (max-width: 640px) { .tipjar { grid-template-columns: auto 1fr; } .tipjar .tj-btn { grid-column: 1 / -1; text-align: center; } }
.sitefoot .sf-tip { display: inline-block; margin-right: 8px; text-decoration: none; }

/* Access-wall tabs: maple text and a faint maple wash, so the code-only screens read as their own set */
.tb-nav > a.desk { color: #ecd3a2; background: rgba(236,211,162,.08); }
.tb-nav > a.desk:hover { color: #f6e7c8; background: rgba(236,211,162,.18); }
.tb-nav > a.desk.on { color: #f6e7c8; background: rgba(236,211,162,.22); }

/* Locked region (Home's line moves): a greyed-out teaser with the unlock line over it */
.hb-region { position: relative; border-radius: 12px; overflow: hidden; }
.hb-tease { filter: grayscale(1) blur(2.5px); opacity: .55; pointer-events: none; user-select: none; color: var(--muted); }
.hb-tease .tease-chart { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.hb-tease .tease-chart svg { width: 100%; height: 170px; background: var(--neutral); border-radius: 10px; }
.hb-tease .tease-rows { display: grid; gap: 8px; margin-top: 14px; }
.hb-tease .tease-rows i { display: block; height: 18px; border-radius: 6px; background: var(--neutral); }
.hb-tease-lock { position: absolute; inset: 0; display: grid; place-content: center; gap: 6px; text-align: center; padding: 16px; }
.hb-tease-lock b { font-size: 17px; color: var(--ink); }
.hb-tease-lock span { color: var(--ink-2); font-size: 14px; max-width: 420px; }
@media (max-width: 640px) { .hb-tease .tease-chart { grid-template-columns: 1fr; } }

/* MidMaxx60 card: compact until play (a small vertical thumbnail beside the copy), full-size player once playing */
.ytwatch:not(.playing) { grid-template-columns: 76px minmax(0, 1fr); gap: 14px; padding: 10px 14px 10px 10px; align-items: center; }
.ytwatch:not(.playing) .yt-frame { width: 76px; max-width: none; margin: 0; border-radius: 9px; }
.ytwatch:not(.playing) .yt-play { gap: 8px; }
.ytwatch:not(.playing) .yt-plaque { font-size: 11px; padding: 3px 6px 2px; border-radius: 2px; }
.ytwatch:not(.playing) .yt-btn { width: 30px; height: 30px; }
.ytwatch:not(.playing) .yt-btn svg { width: 15px; height: 15px; }
.ytwatch:not(.playing) .yt-cap { display: none; }
.ytwatch:not(.playing) .yt-side { gap: 2px; }
.ytwatch:not(.playing) .yt-side b { font-size: 17px; }
.ytwatch:not(.playing) .yt-side .dim { font-size: 13px; line-height: 1.35; }
.ytwatch:not(.playing) .yt-links { margin-top: 6px; gap: 8px 14px; font-size: 13.5px; }
.ytwatch:not(.playing) .yt-sub { padding: 5px 12px; }
.ytwatch.playing { grid-column: 1 / -1; grid-template-columns: minmax(0, 320px) minmax(0, 1fr); }
@media (max-width: 560px) { .ytwatch.playing { grid-template-columns: 1fr; } .ytwatch.playing .yt-frame { max-width: 300px; margin: 0 auto; width: 100%; } }
@media (min-width: 900px) { .hometop { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; } .hometop > details.bestplay { align-self: center; } }

/* One theme: the top bar (and its phone dropdown) is brick, darkened so the menu reads, instead of solid green */
.topbar, .tb-nav.open { background: linear-gradient(180deg, rgba(18,13,9,.74), rgba(18,13,9,.84)), var(--bricks) 0 0 / 96px 32px; background-color: #120d09; }
.tb-nav > a.on, .tb-teams.on > summary { background: rgba(236,211,162,.18); }
.tb-nav > a.desk { color: #f0c75e; background: rgba(240,199,94,.10); }
.tb-nav > a.desk:hover { color: #f6dd9a; background: rgba(240,199,94,.20); }
.tb-nav > a.desk.on { color: #f6dd9a; background: rgba(240,199,94,.24); }

/* ---------- Home redesign (Nov 2026): one bar, compact hero, tonight strip, ATS board ---------- */
html, body { overflow-x: clip; } /* belt and braces: nothing on any page should scroll the page sideways */
.tb-list { width: 300px; grid-template-columns: 1fr; gap: 2px; padding: 6px; left: auto; right: 0; }
.tb-list a { display: block; padding: 7px 10px; border-radius: 8px; color: var(--ink); }
.tb-list a:hover { background: var(--neutral); text-decoration: none; }
.tb-list a.on { background: color-mix(in srgb, var(--gold) 22%, var(--surface)); }
.tb-list a b { display: block; font-size: 14px; }
.tb-list a small { display: block; font-size: 12px; color: var(--muted); line-height: 1.3; }
.lockk { font-size: 11px; opacity: .75; }
@media (max-width: 1080px) {
  .tb-list { width: auto; padding: 0; }
  .tb-list a { color: #efe3cc; padding: 8px 12px; }
  .tb-list a small { color: #cdb99a; }
  .tb-list a:hover, .tb-list a.on { background: rgba(255,255,255,.10); }
}

.homehero.compact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 14px 28px; padding: 18px 22px 20px; }
.homehero.compact h1 { font-size: 28px; margin: 0 0 2px; }
.hh-heads { list-style: none; margin: 0; padding: 0 0 0 18px; border-left: 1px solid rgba(255,255,255,.22); font-size: 14px; min-width: 0; }
.hh-heads li { display: flex; gap: 10px; align-items: baseline; padding: 4px 0; min-width: 0; }
.hh-heads a { color: var(--hh-ink); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hh-heads .hh-tag { flex: none; font-size: 11px; font-weight: 800; padding: 2px 6px; border-radius: 4px; background: rgba(0,0,0,.35); color: var(--gold); }
.hh-heads .hh-src { flex: none; font-size: 12px; color: var(--hh-soft); opacity: .8; white-space: nowrap; }
.hh-heads .hh-all a { font-size: 13px; color: var(--gold); }
@media (max-width: 820px) { .homehero.compact { grid-template-columns: 1fr; } .hh-heads { padding: 10px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.22); } .hh-heads .hh-src { display: none; } }

.sechead { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-bottom: 10px; }
.sechead h2 { margin: 0; }
.sechead .dim { font-size: 13px; }
.sechead .more { margin-left: auto; font-size: 13px; }

.tonight { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 430px), 1fr)); gap: 10px; }
.tn-game { display: grid; grid-template-columns: 92px minmax(0, 1fr) auto auto auto; gap: 14px; align-items: center; padding: 12px 14px; border-radius: 10px; background: var(--page); border: 1px solid var(--border); }
.tn-time b { display: block; font-size: 15px; font-variant-numeric: tabular-nums; }
.tn-time small, .tn-stat small, .tn-edge small { display: block; font-size: 11px; color: var(--muted); white-space: nowrap; }
.tn-match a { display: grid; gap: 5px; color: var(--ink); font-weight: 600; font-size: 14px; }
.tn-match a:hover { text-decoration: none; color: var(--s1); }
.tm-row { display: flex; align-items: center; gap: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tm-c { flex: none; min-width: 40px; padding: 3px 4px; border-radius: 5px; text-align: center; font-size: 10px; font-weight: 800; background: var(--neutral); color: var(--ink-2); }
.tm-c[class*=" t-"] { background: var(--tc); color: var(--tci); }
.tn-stat { text-align: right; } .tn-stat b { font-size: 16px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tn-edge { text-align: center; padding: 5px 9px; border-radius: 8px; background: color-mix(in srgb, var(--good) 12%, transparent); border: 1px solid color-mix(in srgb, var(--good) 35%, transparent); }
.tn-edge b { display: block; color: var(--good); font-size: 16px; font-variant-numeric: tabular-nums; }
.tn-none { grid-column: 3 / -1; color: var(--muted); font-size: 13px; text-align: right; }
@media (max-width: 560px) {
  .tn-game { display: flex; flex-wrap: wrap; gap: 8px 12px; }
  .tn-time { flex: 0 0 74px; } .tn-time small { white-space: normal; }
  .tn-match { flex: 1 1 calc(100% - 90px); min-width: 0; }
  .tn-stat, .tn-edge, .tn-none { margin-left: 86px; } .tn-stat ~ .tn-stat, .tn-stat ~ .tn-edge { margin-left: 0; }
  .tn-stat { text-align: left; } .tn-edge { padding: 3px 8px; } .tn-none { text-align: left; }
}

.hometop { align-items: stretch; }
@media (min-width: 900px) { .hometop { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.hometop > details.bestplay { align-self: stretch; display: flex; flex-direction: column; justify-content: center; }

.stack { display: flex; flex-direction: column; gap: 0; min-width: 0; }
table.results td { white-space: nowrap; }
table.results .mac { font-weight: 700; color: var(--ink); }
table.results .opp { color: var(--muted); }
a.rs-game:hover { text-decoration: none; } a.rs-game:hover .mac { color: var(--s1); }
.ats { display: inline-block; min-width: 26px; margin-left: 3px; padding: 1px 6px; border-radius: 5px; font-size: 12px; font-weight: 700; text-align: center; }
.ats.y { background: color-mix(in srgb, var(--good) 15%, transparent); color: var(--good); }
.ats.n { background: color-mix(in srgb, var(--bad) 14%, transparent); color: var(--bad); }
.ats.push { background: var(--neutral); color: var(--ink-2); }
.ats.na { color: var(--muted); }
.linkbtn { font: inherit; font-size: 13px; color: var(--s1); background: none; border: 0; padding: 8px 0 0; cursor: pointer; }
.linkbtn:hover { text-decoration: underline; }
table.atsboard td.bars { width: 45%; }
table.atsboard td.bars > div { display: flex; gap: 2px; align-items: center; }
table.atsboard .bar { display: block; height: 8px; border-radius: 4px; }
table.atsboard .bar.y { background: var(--good); } table.atsboard .bar.n { background: var(--bad); }

@media (min-width: 900px) { .grid.two.even { grid-template-columns: 1fr 1fr; } }
.ch-k { font-size: 13px; color: var(--muted); font-weight: 600; margin-bottom: 2px; }
.ch-k b { color: var(--ink); margin-left: 6px; font-variant-numeric: tabular-nums; }
table.booktable td.best { color: var(--good); font-weight: 700; background: color-mix(in srgb, var(--good) 10%, transparent); }

.facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 8px; margin-bottom: 10px; }
.fact { padding: 10px 12px; border-radius: 9px; background: var(--page); border: 1px solid var(--border); font-size: 13px; color: var(--ink-2); }
.fact b { display: block; color: var(--ink); font-size: 14px; line-height: 1.3; margin-bottom: 3px; }
details.pv { border-top: 1px solid var(--grid); padding: 8px 0; }
details.pv summary { color: var(--ink); font-size: 14px; margin: 0; }
details.pv p { margin: 6px 0 0; color: var(--ink-2); font-size: 14px; }
.allmac { line-height: 1.5; }

.findit.compact { grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 8px; margin: 0; }
.findit.compact a { padding: 9px 11px; border-top-width: 3px; border-radius: 10px; }
.findit.compact .ic { width: 28px; height: 28px; border-radius: 7px; }
.findit.compact b { font-size: 14px; }
.findit.compact small { font-size: 11.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.support { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin-bottom: 22px; align-items: stretch; }
@media (min-width: 900px) { .support { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .support .tipjar { grid-template-columns: auto 1fr; } .support .tipjar .tj-btn { grid-column: 1 / -1; text-align: center; } }
.support .adbar, .support .tipjar { margin: 0; }
.support .adbar a { height: 100%; box-sizing: border-box; }

/* ---------- Over/under study (Data Visualized) ---------- */
:root { --ou-o: #c2410c; --ou-u: #2563eb; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --ou-o: #f97316; --ou-u: #60a5fa; } }
:root[data-theme="dark"] { --ou-o: #f97316; --ou-u: #60a5fa; }
.oucards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 10px; margin: 6px 0 16px; }
.oucard { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; border-radius: 10px; background: var(--page); border: 1px solid var(--border); }
.oucard.cur { border-color: var(--gold); box-shadow: inset 0 3px 0 var(--gold); }
.oucard.base { background: var(--neutral); }
.oucard .k { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.oucard b { font-size: 26px; font-variant-numeric: tabular-nums; line-height: 1.1; }
.oucard .ou-k { font-size: 12px; color: var(--muted); margin-top: -2px; }
.oucard .ou-line { font-size: 12.5px; color: var(--ink-2); }
.oubar { display: flex; height: 8px; border-radius: 4px; overflow: hidden; gap: 2px; min-width: 60px; margin: 3px 0; }
.oubar i { display: block; height: 100%; } .oubar i.o { background: var(--ou-o); } .oubar i.u { background: var(--ou-u); }
.oudiff { font-variant-numeric: tabular-nums; font-weight: 600; } .oudiff.pos { color: var(--ou-o); } .oudiff.neg { color: var(--ou-u); }
.ouh { font-size: 15px; margin: 14px 0 6px; }
.outrends { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.outrends li { display: flex; gap: 10px; align-items: baseline; padding: 8px 10px; border-radius: 8px; background: var(--page); border: 1px solid var(--border); font-size: 14px; }
.outrends li .dim { display: block; font-size: 12.5px; margin-top: 2px; }
.tr-tag { flex: none; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; padding: 2px 7px; border-radius: 5px; color: #fff; }
.outrends li.over .tr-tag { background: var(--ou-o); } .outrends li.under .tr-tag { background: var(--ou-u); }
svg.ouscatter { width: 100%; height: auto; display: block; }
svg.ouscatter .g { stroke: var(--grid); } svg.ouscatter .ax { font-size: 11px; fill: var(--muted); }
svg.ouscatter .diag { stroke: var(--ink-2); stroke-width: 1.5; stroke-dasharray: 5 4; }
svg.ouscatter .d { fill-opacity: .55; stroke: var(--surface); stroke-width: 1; } svg.ouscatter .d.o { fill: var(--ou-o); } svg.ouscatter .d.u { fill: var(--ou-u); } svg.ouscatter .d.p { fill: var(--muted); }
svg.ouscatter .d.cur { fill-opacity: 1; stroke: var(--ink); stroke-width: 1.5; }
.ouhist { display: flex; align-items: flex-end; gap: 2px; height: 220px; padding-top: 16px; border-bottom: 1px solid var(--axis); }
.ouhist .hb { flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; position: relative; }
.ouhist .hb i { display: block; width: 100%; border-radius: 3px 3px 0 0; min-height: 1px; }
.ouhist .hb.o i { background: var(--ou-o); } .ouhist .hb.u i { background: var(--ou-u); }
.ouhist .hb span { position: absolute; font-size: 10px; color: var(--muted); top: -2px; }
.ouhist-ax { display: flex; justify-content: space-between; font-size: 11px; color: var(--muted); margin-top: 4px; }
.ousplits { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr)); gap: 4px 26px; }
.ousplits > div { min-width: 0; }
table.outable { width: 100%; } table.outable td { white-space: nowrap; }
.ousplits table.outable td:first-child { white-space: normal; }
table.outable td.barc { width: 26%; } table.outable td.barc .oubar { min-width: 40px; }
table.outable tr.lean td:first-child { box-shadow: inset 3px 0 0 var(--ou-u); } table.outable tr.lean.over td:first-child { box-shadow: inset 3px 0 0 var(--ou-o); }
table.outable.teams td.barc { width: 18%; }

/* Player pages: our rating first, the public bio after */
.player { scroll-margin-top: calc(var(--bar-h) + 12px); }
.player:target { background: color-mix(in srgb, var(--gold) 8%, transparent); border-radius: 10px; padding-left: 10px; padding-right: 10px; box-shadow: inset 4px 0 0 var(--gold); }
.prating { display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px; margin: 10px 0 8px; }
.prating > a, .prating > div:not(.pr-note) { display: flex; flex-direction: column; justify-content: center; padding: 8px 14px; border-radius: 10px; background: var(--surface); border: 1px solid var(--grid); text-decoration: none; color: inherit; min-width: 92px; }
.prating .pr-main { border-width: 2px; border-color: var(--gold); min-width: 150px; }
.prating small { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.prating b { font-size: 26px; line-height: 1.1; font-variant-numeric: tabular-nums; }
.prating .pr-main b { font-size: 36px; }
.prating em { font-style: normal; font-size: 12px; color: var(--muted); }
.prating .pr-note { flex-basis: 100%; font-size: 12px; }
.pbio { margin-top: 6px; }
@media (max-width: 560px) {
  .prating > a, .prating > div:not(.pr-note) { flex: 1 1 0; min-width: 0; padding: 8px 10px; }
  .prating .pr-main { flex-grow: 1.4; min-width: 0; }
  .prating .pr-main b { font-size: 30px; } .prating b { font-size: 22px; }
}

/* The model, color-coded: over ember, under blue, favorite violet, underdog teal; shade deepens with the gap. */
:root { --ln-fav: #7c3aed; --ln-dog: #0f766e; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --ln-fav: #a78bfa; --ln-dog: #2dd4bf; } }
:root[data-theme="dark"] { --ln-fav: #a78bfa; --ln-dog: #2dd4bf; }
.lean { --lc: var(--muted); --lp: 40%; display: inline-flex; align-items: baseline; gap: 6px; padding: 3px 9px 3px 8px; border-radius: 7px; font-size: 13px; white-space: nowrap; color: var(--ink);
  background: color-mix(in srgb, var(--lc) var(--lp), var(--surface)); box-shadow: inset 3px 0 0 var(--lc); font-variant-numeric: tabular-nums; }
.lean-over { --lc: var(--ou-o); } .lean-under { --lc: var(--ou-u); } .lean-fav { --lc: var(--ln-fav); } .lean-dog { --lc: var(--ln-dog); }
.lean .ln-k { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; opacity: .85; }
.lean b { font-weight: 700; }
.lean .ln-g { font-size: 11px; font-weight: 700; padding: 0 5px; border-radius: 4px; background: color-mix(in srgb, var(--surface) 55%, transparent); color: var(--ink); }
.lean.deep { color: #fff; } .lean.deep .ln-g { background: rgba(255,255,255,.22); color: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .lean.deep { color: #0b0b0b; } :root:not([data-theme="light"]) .lean.deep .ln-g { background: rgba(0,0,0,.18); color: #0b0b0b; } }
:root[data-theme="dark"] .lean.deep { color: #0b0b0b; } :root[data-theme="dark"] .lean.deep .ln-g { background: rgba(0,0,0,.18); color: #0b0b0b; }
.lean-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; font-size: 12px; margin-top: 10px; }
.lean-legend .lean { padding: 2px 8px; }
.ll-ramp { display: inline-flex; gap: 2px; } .ll-ramp i { width: 16px; height: 12px; border-radius: 3px; background: color-mix(in srgb, var(--ou-o) var(--lp), var(--surface)); }
.winbar { display: flex; height: 7px; border-radius: 4px; overflow: hidden; gap: 2px; background: var(--neutral); min-width: 90px; }
.winbar i { display: block; height: 100%; background: var(--tc, var(--muted)); } .winbar i.opp { background: var(--axis); }
.mstrip { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.ms-proj { display: grid; grid-template-columns: auto minmax(150px, 1fr); gap: 2px 10px; align-items: center; color: var(--ink); min-width: 0; }
.ms-proj:hover { text-decoration: none; } .ms-proj:hover .ms-score { color: var(--s1); }
.ms-k { grid-row: span 3; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--gold); background: var(--brand); padding: 4px 7px; border-radius: 5px; align-self: center; }
.ms-score { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; font-variant-numeric: tabular-nums; } .ms-score b { font-size: 15px; }
.ms-sub { font-size: 11px; color: var(--muted); white-space: nowrap; }
.ms-leans { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.ms-none { margin-left: auto; font-size: 12px; color: var(--muted); }
.tn-game .tn-model { grid-column: 1 / -1; border-top: 1px dashed var(--grid); padding-top: 10px; }
.tn-game .tn-watch { grid-column: 1 / -1; }
@media (max-width: 560px) { .tn-game .tn-model, .tn-game .tn-watch { flex: 1 1 100%; } .ms-leans, .ms-none { margin-left: 0; } }
/* Players to watch */
.ptw { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 8px; }
.ptw-p { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 9px 11px; border-radius: 9px; border: 1px solid var(--border); background: var(--surface); color: var(--ink); box-shadow: inset 0 3px 0 var(--tc, var(--gold)); }
.ptw-p:hover { text-decoration: none; border-color: var(--tc, var(--s1)); }
.ptw-role { grid-column: 1 / -1; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.ptw-net .ptw-role { color: var(--brick); } .ptw-off .ptw-role { color: var(--ou-o); } .ptw-def .ptw-role { color: var(--ou-u); }
.ptw-name { font-weight: 600; font-size: 14px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ptw-name small { color: var(--muted); font-weight: 500; }
.ptw-val { text-align: right; } .ptw-val b { display: block; font-size: 17px; font-variant-numeric: tabular-nums; line-height: 1.1; } .ptw-val small { font-size: 10px; color: var(--muted); white-space: nowrap; }
.ptw-bars { grid-column: 1 / -1; display: grid; gap: 3px; margin-top: 6px; }
.pb { display: grid; grid-template-columns: 26px 1fr 36px; gap: 6px; align-items: center; font-size: 11px; color: var(--muted); }
.pb em { font-style: normal; text-align: right; font-variant-numeric: tabular-nums; }
.pb-t { position: relative; height: 6px; border-radius: 3px; background: var(--neutral); }
.pb-t::after { content: ""; position: absolute; left: 50%; top: -2px; bottom: -2px; width: 1px; background: var(--axis); }
.pb-t i { position: absolute; top: 0; bottom: 0; border-radius: 3px; background: var(--axis); }
.pb-net.on .pb-t i { background: var(--brick); } .pb-off.on .pb-t i { background: var(--ou-o); } .pb-def.on .pb-t i { background: var(--ou-u); }
.pb.on { color: var(--ink); font-weight: 600; } .pb-t i.neg { opacity: .55; }
.ptw.compact { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ptw.compact .ptw-k { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); margin-right: 2px; }
.ptw.compact .ptw-p { display: inline-flex; align-items: baseline; gap: 6px; padding: 3px 9px; border-radius: 999px; box-shadow: inset 3px 0 0 var(--tc, var(--gold)); font-size: 13px; }
.ptw.compact .ptw-role { font-size: 9px; } .ptw.compact .ptw-name { font-size: 13px; } .ptw.compact .ptw-name small, .ptw.compact .ptw-val small { display: none; }
.ptw.compact .ptw-val b { display: inline; font-size: 13px; }
/* Model board (Home) and the preview page */
.mboard { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 10px; }
.mb-card { display: grid; gap: 8px; padding: 12px; border-radius: 10px; border: 1px solid var(--border); background: var(--page); color: var(--ink); }
.mb-card:hover { text-decoration: none; border-color: var(--gold); }
.mb-top { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; } .mb-top b { font-size: 15px; } .mb-top small { color: var(--muted); }
.mb-leans { display: flex; flex-wrap: wrap; gap: 6px; }
.pv-model { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 760px) { .pv-model { grid-template-columns: 1.1fr 1fr; } }
.pv-score { display: grid; grid-template-columns: 1fr auto; gap: 8px 14px; align-items: center; }
.pv-score .tm { display: flex; align-items: center; gap: 10px; font-weight: 600; } .pv-score .tm img { width: 34px; height: 34px; }
.pv-score .pts { font-size: 30px; font-weight: 700; font-variant-numeric: tabular-nums; text-align: right; line-height: 1; }
.pv-score .pts small { display: block; font-size: 11px; font-weight: 500; color: var(--muted); }
.pv-nums { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
.pv-nums div { border: 1px solid var(--border); border-radius: 9px; padding: 8px 10px; background: var(--page); }
.pv-nums b { display: block; font-size: 18px; font-variant-numeric: tabular-nums; } .pv-nums small { font-size: 11px; color: var(--muted); }
.pv-leans { display: grid; gap: 10px; }
.pv-lean { display: grid; gap: 4px; } .pv-lean .lean { font-size: 15px; padding: 7px 12px; justify-content: space-between; }
.pv-lean p { margin: 0; font-size: 13px; color: var(--ink-2); }
.res-w { color: var(--good); font-weight: 700; } .res-l { color: var(--bad); font-weight: 700; }
td.mcell { min-width: 150px; } .mc-proj { display: block; white-space: nowrap; font-variant-numeric: tabular-nums; font-weight: 600; color: var(--ink); font-size: 13px; }
.mc-leans { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; } .mc-leans .lean { font-size: 11px; padding: 1px 6px; } .mc-leans .lean .ln-k { display: none; }
.tn-model .ms-none { display: none; }
.pv-lean .lean { justify-content: flex-start; } .pv-lean .lean .ln-g { margin-left: auto; }
.ptw-name { white-space: normal; overflow: visible; }
.ptw.compact { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.ptw.compact .ptw-k { grid-column: 1 / -1; }
.ptw.compact .ptw-p { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 6px; padding: 5px 9px; border-radius: 8px; box-shadow: inset 3px 0 0 var(--tc, var(--gold)); }
.ptw.compact .ptw-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ptw.compact .ptw-name .tdot { display: none; }
.ptw.compact .ptw-val { align-self: end; }

/* Home title card: MAC in dark green with a white outline, and the tag line beside the season */
.homehero .hh-mac { color: #0d5a32; -webkit-text-stroke: 2px #fff; paint-order: stroke fill; letter-spacing: .02em; text-shadow: 0 2px 6px rgba(0,0,0,.35); }
.homehero .hh-yr { white-space: nowrap; }
.homehero .hh-line { display: inline-block; vertical-align: middle; margin-left: 10px; padding: 3px 9px 2px; border: 1px solid var(--gold); border-radius: 4px; font: 700 12px/1.2 var(--serif); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); background: rgba(0,0,0,.28); transform: translateY(-3px); }

/* Players to watch, compact (Home cards): one tight row of three on every screen */
.ptw.compact { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
.ptw.compact .ptw-k { font-size: 9px; margin: 0; }
.ptw.compact .ptw-p { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; gap: 0 4px; padding: 3px 7px 4px; border-radius: 6px; line-height: 1.25; }
.ptw.compact .ptw-role { grid-column: 1; grid-row: 1; font-size: 8.5px; letter-spacing: .05em; }
.ptw.compact .ptw-val { grid-column: 2; grid-row: 1; } .ptw.compact .ptw-val b { font-size: 11.5px; }
.ptw.compact .ptw-name { grid-column: 1 / -1; grid-row: 2; font-size: 12px; font-weight: 600; }
.tn-game .tn-watch { margin-top: -4px; }
/* Phones: smaller type and full names (they wrap to a second line instead of cutting off) */
@media (max-width: 560px) {
  .ptw.compact { gap: 4px; align-items: stretch; }
  .ptw.compact .ptw-p { align-content: start; }
  .ptw.compact .ptw-p { padding: 3px 6px 4px; }
  .ptw.compact .ptw-name { white-space: normal; overflow: visible; text-overflow: clip; font-size: 10px; line-height: 1.2; letter-spacing: -.01em; }
  .ptw.compact .ptw-role { font-size: 8px; letter-spacing: .03em; } .ptw.compact .ptw-val b { font-size: 10.5px; }
}
/* Home game cards: a very light wash of the home team's color (the MAC team's when the home side isn't MAC) */
.tn-game.tinted { background: linear-gradient(135deg, color-mix(in srgb, var(--tc) 13%, var(--page)) 0%, color-mix(in srgb, var(--tc) 4%, var(--page)) 55%, var(--page) 100%); border-color: color-mix(in srgb, var(--tc) 22%, var(--border)); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .tn-game.tinted { background: linear-gradient(135deg, color-mix(in srgb, var(--tc) 20%, var(--page)) 0%, color-mix(in srgb, var(--tc) 6%, var(--page)) 55%, var(--page) 100%); } }
:root[data-theme="dark"] .tn-game.tinted { background: linear-gradient(135deg, color-mix(in srgb, var(--tc) 20%, var(--page)) 0%, color-mix(in srgb, var(--tc) 6%, var(--page)) 55%, var(--page) 100%); }

/* Site-wide backdrop: hardwood fading into brick, with The MAC in Motion travel art glowing through.
   Fixed behind everything, so the cards slide over it. Light mode keeps it a soft texture. */
.backdrop { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; background: #120d09; }
.backdrop i { position: absolute; inset: 0; }
.bd-brick { background: var(--bricks) 0 0 / 96px 32px; }
.bd-floor { background: var(--wood-parquet) 0 0 / 96px 96px; -webkit-mask-image: linear-gradient(100deg, #000 0 30%, rgba(0,0,0,.7) 50%, transparent 82%); mask-image: linear-gradient(100deg, #000 0 30%, rgba(0,0,0,.7) 50%, transparent 82%); }
.bd-scrim { background: rgba(250,246,238,.86); }
.bd-art { background-position: center; background-size: cover; background-repeat: no-repeat; opacity: .5; filter: invert(1) hue-rotate(180deg) saturate(1.4); mix-blend-mode: multiply; z-index: 1; }
.bd-p { display: none; } @media (max-aspect-ratio: 3/4) { .bd-p { display: block; } .bd-d { display: none; } }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .bd-scrim { background: rgba(10,7,5,.74); } :root:not([data-theme="light"]) .bd-art { opacity: .9; filter: none; mix-blend-mode: screen; } }
:root[data-theme="dark"] .bd-scrim { background: rgba(10,7,5,.74); } :root[data-theme="dark"] .bd-art { opacity: .9; filter: none; mix-blend-mode: screen; }
body { background: transparent; }
html { background: #120d09; }
/* Cards are slightly see-through so the backdrop glows through as they slide past */
main > section, main .grid > section, main .stack > section, main .hometop > *, main .support > * { background: color-mix(in srgb, var(--surface) 84%, transparent); -webkit-backdrop-filter: blur(5px) saturate(1.2); backdrop-filter: blur(5px) saturate(1.2); }
.bd-art { opacity: .85; }

/* ---------------------------------------------------------------- ASUN edition: Ocean to Everglades
   The same layout as the MAC's brick-and-hardwood, re-skinned: Gulf water where the bricks were,
   sawgrass where the hardwood was, sand gold for the accents. Set by html.lg-glades. */
html.lg-glades { --brand: #062a3a; --brand-2: #0b4a63; --gold: #f2d388; --brick: #0f6e8c; --mortar: #a9d6dd;
  --bricks: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2796%27 height=%2732%27%3E%3Crect width=%2796%27 height=%2732%27 fill=%27%230b4a63%27/%3E%3Cpath d=%27M0 8 q12 -6 24 0 t24 0 t24 0 t24 0%27 fill=%27none%27 stroke=%27%231d7f9c%27 stroke-width=%272.2%27/%3E%3Cpath d=%27M-12 24 q12 -6 24 0 t24 0 t24 0 t24 0 t24 0%27 fill=%27none%27 stroke=%27%2314637e%27 stroke-width=%272.2%27/%3E%3Cpath d=%27M6 14 q6 -3 12 0 M54 30 q6 -3 12 0%27 fill=%27none%27 stroke=%27%233aa6bf%27 stroke-width=%271.2%27 opacity=%27.8%27/%3E%3C/svg%3E");
  --wood-parquet: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2796%27 height=%2796%27%3E%3Crect width=%2796%27 height=%2796%27 fill=%27%232c4f2f%27/%3E%3Cpath d=%27M4 96 q3 -35 6 -70%27 fill=%27none%27 stroke=%27%234f7d3e%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M12 96 q-4 -44 -8 -88%27 fill=%27none%27 stroke=%27%236c9446%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M20 96 q2 -30 4 -60%27 fill=%27none%27 stroke=%27%233d6a35%27 stroke-width=%272.6%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M29 96 q5 -40 10 -80%27 fill=%27none%27 stroke=%27%237ea24f%27 stroke-width=%271.8%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M37 96 q-3 -33 -6 -66%27 fill=%27none%27 stroke=%27%234f7d3e%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M45 96 q4 -46 8 -92%27 fill=%27none%27 stroke=%27%235d8a42%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M54 96 q-2 -29 -4 -58%27 fill=%27none%27 stroke=%27%233d6a35%27 stroke-width=%272.6%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M62 96 q3 -42 6 -84%27 fill=%27none%27 stroke=%27%237ea24f%27 stroke-width=%271.8%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M70 96 q-5 -36 -10 -72%27 fill=%27none%27 stroke=%27%235d8a42%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M79 96 q2 -45 4 -90%27 fill=%27none%27 stroke=%27%236c9446%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M88 96 q-3 -32 -6 -64%27 fill=%27none%27 stroke=%27%234f7d3e%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M0 40 q24 -8 48 0 t48 0%27 fill=%27none%27 stroke=%27%238fb3a0%27 stroke-width=%271%27 opacity=%27.35%27/%3E%3C/svg%3E"); }
@media (prefers-color-scheme: dark) { html.lg-glades:not([data-theme="light"]) { --brand: #041d29; --brand-2: #083a4e; } }
html.lg-glades[data-theme="dark"] { --brand: #041d29; --brand-2: #083a4e; }
html.lg-glades, html.lg-glades .backdrop { background: #04202c; }
html.lg-glades .topbar, html.lg-glades .tb-nav.open { background: linear-gradient(180deg, rgba(4,26,36,.72), rgba(4,26,36,.84)), var(--bricks) 0 0 / 96px 32px; background-color: #04202c; }
html.lg-glades .homehero { background: linear-gradient(rgba(2,20,28,.35), rgba(2,20,28,.35)), var(--bricks) 0 0 / 96px 32px; --scrim: rgba(2,22,14,.55); --hh-soft: #d9efe9; }
html.lg-glades .homehero .hh-mac { color: #0a6e8a; -webkit-text-stroke: 2px #fff; }
html.lg-glades .bd-floor { background: var(--wood-parquet) 0 0 / 96px 96px; -webkit-mask-image: linear-gradient(100deg, transparent 18%, rgba(0,0,0,.75) 55%, #000 85%); mask-image: linear-gradient(100deg, transparent 18%, rgba(0,0,0,.75) 55%, #000 85%); }
html.lg-glades .bd-scrim { background: rgba(240,248,247,.86); }
@media (prefers-color-scheme: dark) { html.lg-glades:not([data-theme="light"]) .bd-scrim { background: rgba(3,16,22,.72); } }
html.lg-glades[data-theme="dark"] .bd-scrim { background: rgba(3,16,22,.72); }
html.lg-glades .sitefoot { color: #cfe6e3; }
.tb-league b { color: var(--gold); }
.sitefoot .sf-ed { margin-top: 14px; }
.dispatch .byline { font-size: 13px; font-weight: 700; color: var(--muted); margin: -2px 0 6px; }

/* ---------------------------------------------------------------- Horizon edition: Rust Belt
   Riveted steel plate where the MAC has bricks, rusted diamond plate where it has hardwood,
   molten-steel orange for the accents. Set by html.lg-steel. */
html.lg-steel { --brand: #1e2328; --brand-2: #2f363e; --gold: #ff8a3d; --brick: #b4541f; --mortar: #c9ced4;
  --bricks: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2796%27 height=%2732%27%3E%3Crect width=%2796%27 height=%2732%27 fill=%27%232b3036%27/%3E%3Crect x=%271%27 y=%271%27 width=%2746%27 height=%2714%27 fill=%27%233a4048%27/%3E%3Crect x=%2749%27 y=%271%27 width=%2746%27 height=%2714%27 fill=%27%23343a41%27/%3E%3Crect x=%27-23%27 y=%2717%27 width=%2746%27 height=%2714%27 fill=%27%23363c44%27/%3E%3Crect x=%2725%27 y=%2717%27 width=%2746%27 height=%2714%27 fill=%27%233d434b%27/%3E%3Crect x=%2773%27 y=%2717%27 width=%2746%27 height=%2714%27 fill=%27%23363c44%27/%3E%3Cpath d=%27M1 1h46M49 1h46M25 17h46M0 17h23M73 17h23%27 stroke=%27%235a626c%27 stroke-width=%271%27/%3E%3Ccircle cx=%274%27 cy=%274%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%274.4%27 cy=%274.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2744%27 cy=%274%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2744.4%27 cy=%274.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2752%27 cy=%274%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2752.4%27 cy=%274.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2792%27 cy=%274%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2792.4%27 cy=%274.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%274%27 cy=%2712%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%274.4%27 cy=%2712.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2744%27 cy=%2712%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2744.4%27 cy=%2712.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2752%27 cy=%2712%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2752.4%27 cy=%2712.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2792%27 cy=%2712%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2792.4%27 cy=%2712.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2720%27 cy=%2720%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2720.4%27 cy=%2720.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2728%27 cy=%2720%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2728.4%27 cy=%2720.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2768%27 cy=%2720%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2768.4%27 cy=%2720.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2776%27 cy=%2720%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2776.4%27 cy=%2720.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2720%27 cy=%2728%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2720.4%27 cy=%2728.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2728%27 cy=%2728%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2728.4%27 cy=%2728.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2768%27 cy=%2728%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2768.4%27 cy=%2728.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Ccircle cx=%2776%27 cy=%2728%27 r=%271.3%27 fill=%27%237d8690%27/%3E%3Ccircle cx=%2776.4%27 cy=%2728.4%27 r=%271.3%27 fill=%27%2315191d%27 opacity=%27.5%27/%3E%3Cpath d=%27M30 2q6 5 4 12M80 18q-3 6 2 12%27 stroke=%27%238a4a24%27 stroke-width=%271.4%27 fill=%27none%27 opacity=%27.55%27/%3E%3C/svg%3E");
  --wood-parquet: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2796%27 height=%2796%27%3E%3Crect width=%2796%27 height=%2796%27 fill=%27%234a2a1a%27/%3E%3Crect x=%27-9%27 y=%2710%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%28-45 0 12%29%27/%3E%3Crect x=%27-9%27 y=%279.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%28-45 0 12%29%27/%3E%3Crect x=%2715%27 y=%2710%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%2845 24 12%29%27/%3E%3Crect x=%2715%27 y=%279.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%2845 24 12%29%27/%3E%3Crect x=%2739%27 y=%2710%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%28-45 48 12%29%27/%3E%3Crect x=%2739%27 y=%279.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%28-45 48 12%29%27/%3E%3Crect x=%2763%27 y=%2710%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%2845 72 12%29%27/%3E%3Crect x=%2763%27 y=%279.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%2845 72 12%29%27/%3E%3Crect x=%273%27 y=%2734%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%2845 12 36%29%27/%3E%3Crect x=%273%27 y=%2733.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%2845 12 36%29%27/%3E%3Crect x=%2727%27 y=%2734%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%28-45 36 36%29%27/%3E%3Crect x=%2727%27 y=%2733.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%28-45 36 36%29%27/%3E%3Crect x=%2751%27 y=%2734%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%2845 60 36%29%27/%3E%3Crect x=%2751%27 y=%2733.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%2845 60 36%29%27/%3E%3Crect x=%2775%27 y=%2734%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%28-45 84 36%29%27/%3E%3Crect x=%2775%27 y=%2733.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%28-45 84 36%29%27/%3E%3Crect x=%27-9%27 y=%2758%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%28-45 0 60%29%27/%3E%3Crect x=%27-9%27 y=%2757.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%28-45 0 60%29%27/%3E%3Crect x=%2715%27 y=%2758%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%2845 24 60%29%27/%3E%3Crect x=%2715%27 y=%2757.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%2845 24 60%29%27/%3E%3Crect x=%2739%27 y=%2758%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%28-45 48 60%29%27/%3E%3Crect x=%2739%27 y=%2757.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%28-45 48 60%29%27/%3E%3Crect x=%2763%27 y=%2758%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%2845 72 60%29%27/%3E%3Crect x=%2763%27 y=%2757.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%2845 72 60%29%27/%3E%3Crect x=%273%27 y=%2782%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%2845 12 84%29%27/%3E%3Crect x=%273%27 y=%2781.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%2845 12 84%29%27/%3E%3Crect x=%2727%27 y=%2782%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%28-45 36 84%29%27/%3E%3Crect x=%2727%27 y=%2781.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%28-45 36 84%29%27/%3E%3Crect x=%2751%27 y=%2782%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%2845 60 84%29%27/%3E%3Crect x=%2751%27 y=%2781.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%2845 60 84%29%27/%3E%3Crect x=%2775%27 y=%2782%27 width=%2718%27 height=%274%27 rx=%272%27 fill=%27%237a4428%27 transform=%27rotate%28-45 84 84%29%27/%3E%3Crect x=%2775%27 y=%2781.4%27 width=%2718%27 height=%271.6%27 rx=%271%27 fill=%27%23b8693a%27 opacity=%27.6%27 transform=%27rotate%28-45 84 84%29%27/%3E%3Ccircle cx=%2770%27 cy=%2730%27 r=%2714%27 fill=%27%232a1810%27 opacity=%27.25%27/%3E%3Ccircle cx=%2722%27 cy=%2774%27 r=%2718%27 fill=%27%239a5a2c%27 opacity=%27.18%27/%3E%3C/svg%3E"); }
@media (prefers-color-scheme: dark) { html.lg-steel:not([data-theme="light"]) { --brand: #15191d; --brand-2: #242a31; } }
html.lg-steel[data-theme="dark"] { --brand: #15191d; --brand-2: #242a31; }
html.lg-steel, html.lg-steel .backdrop { background: #15191d; }
html.lg-steel .topbar, html.lg-steel .tb-nav.open { background: linear-gradient(180deg, rgba(18,21,25,.62), rgba(18,21,25,.8)), var(--bricks) 0 0 / 96px 32px; background-color: #15191d; border-bottom: 2px solid #ff8a3d; }
html.lg-steel .homehero { background: radial-gradient(120% 90% at 85% 110%, rgba(255,120,40,.38), transparent 60%), linear-gradient(rgba(14,16,19,.3), rgba(14,16,19,.3)), var(--bricks) 0 0 / 96px 32px; --scrim: rgba(12,14,17,.6); --hh-soft: #e8dcd2; }
html.lg-steel .homehero .hh-mac { color: #e8641c; -webkit-text-stroke: 2px #fff; text-shadow: 0 0 18px rgba(255,138,61,.55); }
html.lg-steel .bd-floor { background: var(--wood-parquet) 0 0 / 96px 96px; -webkit-mask-image: linear-gradient(100deg, transparent 18%, rgba(0,0,0,.75) 55%, #000 85%); mask-image: linear-gradient(100deg, transparent 18%, rgba(0,0,0,.75) 55%, #000 85%); }
html.lg-steel .bd-scrim { background: rgba(244,241,238,.86); }
@media (prefers-color-scheme: dark) { html.lg-steel:not([data-theme="light"]) .bd-scrim { background: rgba(14,16,19,.74); } }
html.lg-steel[data-theme="dark"] .bd-scrim { background: rgba(14,16,19,.74); }
html.lg-steel .sitefoot { color: #e2d6cc; }
html.author .tb-list a.tb-desk { display: block !important; border-top: 1px solid var(--grid); margin-top: 4px; }
.sitefoot .sf-desk { opacity: .75; }

/* Each kind of Fieldhouse Notes dispatch has its own color: in person is brick (the original),
   newspaper is press-ink blue, television is broadcast amber, telephone is green. */
.k-arena { --fh: #b5482a; } .k-paper { --fh: #2f5f96; } .k-tv { --fh: #a86f00; } .k-phone { --fh: #2c7a4b; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .k-arena { --fh: #e07a55; } :root:not([data-theme="light"]) .k-paper { --fh: #7fb2ea; } :root:not([data-theme="light"]) .k-tv { --fh: #e8b84a; } :root:not([data-theme="light"]) .k-phone { --fh: #6cc790; } }
:root[data-theme="dark"] .k-arena { --fh: #e07a55; } :root[data-theme="dark"] .k-paper { --fh: #7fb2ea; } :root[data-theme="dark"] .k-tv { --fh: #e8b84a; } :root[data-theme="dark"] .k-phone { --fh: #6cc790; }

/* Games in progress: LIVE tag, score and clock, refreshed every 15 minutes on game nights. */
.livetag { display: inline-flex; align-items: center; gap: 5px; padding: 1px 7px; border-radius: 999px; background: var(--bad); color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; vertical-align: 1px; }
.livetag i { width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: livepulse 1.4s ease-in-out infinite; }
@keyframes livepulse { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .livetag i { animation: none; } }
.livescore { white-space: nowrap; font-variant-numeric: tabular-nums; }
.livescore small { color: var(--bad); font-weight: 700; }
.finaltag { display: inline-block; padding: 1px 7px; border-radius: 999px; background: var(--neutral); color: var(--ink-2); font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.tn-time .livetag { margin-bottom: 3px; }
.tn-time small.tn-clock { color: var(--bad); font-weight: 700; }
.tm-row .tn-sc { margin-left: auto; padding-left: 8px; font-size: 16px; font-variant-numeric: tabular-nums; }
.tm-row .tn-sc.lose { color: var(--muted); font-weight: 600; }
/* Home game cards: a green cap while in progress, a red cap once final; upcoming cards unchanged. */
.tn-game { --cap-live: #1f9d4c; --cap-final: #c62f2f; }
.tn-game.is-live, .tn-game.is-final { box-shadow: inset 0 6px 0 var(--cap); padding-top: 18px; }
.tn-game.is-live { --cap: var(--cap-live); }
.tn-game.is-final { --cap: var(--cap-final); }
.tn-game.is-live .livetag { background: var(--cap-live); }
.tn-game.is-live small.tn-clock { color: var(--cap-live); }
.tn-game.is-final .finaltag { background: var(--cap-final); color: #fff; }
.tn-game.is-final .tn-none { display: none; }
tr.is-live { background: color-mix(in srgb, var(--bad) 6%, transparent); }
.scorehead .big.live { color: var(--bad); }
.mb-live { display: block; margin-top: 4px; }
.tn-game .tm-row:has(.tn-sc) { white-space: normal; overflow: visible; }
.tm-row .tn-sc { flex: none; }

/* ---------------------------------------------------------------- Mountain West edition: High Country
   A dusk mountain range with snowcaps where the MAC has bricks, desert red-rock strata where it has
   hardwood, and glacier blue for the accents. Set by html.lg-peaks. */
html.lg-peaks { --brand: #1f1d3a; --brand-2: #2e2b52; --gold: #9fd3f5; --brick: #a2482a; --mortar: #d9d2e9;
  --bricks: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2796%27 height=%2732%27%3E%3Cdefs%3E%3ClinearGradient id=%27g%27 x1=%270%27 y1=%270%27 x2=%270%27 y2=%271%27%3E%3Cstop offset=%270%27 stop-color=%27%232a2856%27/%3E%3Cstop offset=%271%27 stop-color=%27%235b3a63%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%2796%27 height=%2732%27 fill=%27url%28%23g%29%27/%3E%3Cpath d=%27M0 22 L10 14 L18 19 L30 8 L40 17 L52 11 L64 20 L76 9 L88 18 L96 14 V32 H0Z%27 fill=%27%23463c6e%27/%3E%3Cpath d=%27M0 26 L14 15 L24 23 L38 12 L50 24 L62 16 L72 25 L84 13 L96 24 V32 H0Z%27 fill=%27%23262f45%27/%3E%3Cpath d=%27M14 15 L18 18.5 L15.5 18 L13 19.5 L10.8 17.6Z M38 12 L42.6 16.6 L39.5 15.8 L37 17.4 L34.5 15.3Z M84 13 L88 17 L85.4 16.4 L83 18 L80.6 16Z%27 fill=%27%23e9eef7%27/%3E%3Ccircle cx=%2760%27 cy=%275%27 r=%270.7%27 fill=%27%23fff%27 opacity=%27.8%27/%3E%3Ccircle cx=%278%27 cy=%274%27 r=%270.6%27 fill=%27%23fff%27 opacity=%27.6%27/%3E%3Ccircle cx=%2790%27 cy=%276%27 r=%270.5%27 fill=%27%23fff%27 opacity=%27.7%27/%3E%3C/svg%3E");
  --wood-parquet: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2796%27 height=%2796%27%3E%3Crect width=%2796%27 height=%2796%27 fill=%27%237a3422%27/%3E%3Cpath d=%27M0 0 Q24 -2 48 0 T96 0 V7 Q72 9 48 7 T0 7Z%27 fill=%27%237a3422%27/%3E%3Cpath d=%27M0 6 Q24 3 48 6 T96 6 V14 Q72 17 48 14 T0 14Z%27 fill=%27%23a2482a%27/%3E%3Cpath d=%27M0 13 Q24 9 48 13 T96 13 V22 Q72 26 48 22 T0 22Z%27 fill=%27%23c26a3c%27/%3E%3Cpath d=%27M0 21 Q24 19 48 21 T96 21 V31 Q72 33 48 31 T0 31Z%27 fill=%27%238e3d26%27/%3E%3Cpath d=%27M0 30 Q24 27 48 30 T96 30 V41 Q72 44 48 41 T0 41Z%27 fill=%27%23d08a55%27/%3E%3Cpath d=%27M0 40 Q24 36 48 40 T96 40 V52 Q72 56 48 52 T0 52Z%27 fill=%27%239a4a2c%27/%3E%3Cpath d=%27M0 51 Q24 49 48 51 T96 51 V58 Q72 60 48 58 T0 58Z%27 fill=%27%23b85c34%27/%3E%3Cpath d=%27M0 57 Q24 54 48 57 T96 57 V65 Q72 68 48 65 T0 65Z%27 fill=%27%236e2e1f%27/%3E%3Cpath d=%27M0 64 Q24 60 48 64 T96 64 V73 Q72 77 48 73 T0 73Z%27 fill=%27%237a3422%27/%3E%3Cpath d=%27M0 72 Q24 70 48 72 T96 72 V82 Q72 84 48 82 T0 82Z%27 fill=%27%23a2482a%27/%3E%3Cpath d=%27M0 81 Q24 78 48 81 T96 81 V92 Q72 95 48 92 T0 92Z%27 fill=%27%23c26a3c%27/%3E%3Cpath d=%27M0 91 Q24 87 48 91 T96 91 V103 Q72 107 48 103 T0 103Z%27 fill=%27%238e3d26%27/%3E%3Cpath d=%27M0 30 Q24 28 48 30 T96 30 M0 62 Q24 64 48 62 T96 62%27 stroke=%27%23f0c49a%27 stroke-width=%27.8%27 fill=%27none%27 opacity=%27.35%27/%3E%3C/svg%3E"); }
@media (prefers-color-scheme: dark) { html.lg-peaks:not([data-theme="light"]) { --brand: #16142b; --brand-2: #24213f; } }
html.lg-peaks[data-theme="dark"] { --brand: #16142b; --brand-2: #24213f; }
html.lg-peaks, html.lg-peaks .backdrop { background: #14122a; }
html.lg-peaks .topbar, html.lg-peaks .tb-nav.open { background: linear-gradient(180deg, rgba(20,18,42,.55), rgba(20,18,42,.78)), var(--bricks) 0 0 / 96px 32px; background-color: #14122a; }
html.lg-peaks .homehero { background: radial-gradient(110% 80% at 80% 0%, rgba(255,150,110,.30), transparent 60%), linear-gradient(rgba(16,14,34,.2), rgba(16,14,34,.35)), var(--bricks) 0 0 / 192px 64px; --scrim: rgba(14,12,30,.6); --hh-soft: #e4ddf2; }
html.lg-peaks .homehero .hh-mac { color: #3c7fb8; -webkit-text-stroke: 2px #fff; }
html.lg-peaks .bd-floor { background: var(--wood-parquet) 0 0 / 96px 96px; -webkit-mask-image: linear-gradient(100deg, transparent 18%, rgba(0,0,0,.75) 55%, #000 85%); mask-image: linear-gradient(100deg, transparent 18%, rgba(0,0,0,.75) 55%, #000 85%); }
html.lg-peaks .bd-scrim { background: rgba(246,242,238,.86); }
@media (prefers-color-scheme: dark) { html.lg-peaks:not([data-theme="light"]) .bd-scrim { background: rgba(16,14,32,.74); } }
html.lg-peaks[data-theme="dark"] .bd-scrim { background: rgba(16,14,32,.74); }
html.lg-peaks .sitefoot { color: #e2dcf0; }
/* ---------------------------------------------------------------- Metro Conference edition: Harbor
   A night skyline over the water where the MAC has bricks (the Hudson, Long Island Sound, the Niagara),
   brownstone maroon for the accent and bridge-light gold. Set by html.lg-harbor. */
html.lg-harbor { --brand: #13263d; --brand-2: #1f3a5c; --gold: #e8c26a; --brick: #8c2f39; --mortar: #d3dce8;
  --bricks: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2796%27%20height=%2732%27%3E%3Crect%20width=%2796%27%20height=%2732%27%20fill=%27%2313263d%27/%3E%3Cpath%20d=%27M0%2022%20V15%20H5%20V10%20H9%20V15%20H13%20V6%20H15%20V3%20H16%20V6%20H18%20V15%20H24%20V12%20H30%20V18%20H34%20V9%20H40%20V18%20H46%20V13%20H50%20V7%20H52%20V4%20H53%20V7%20H55%20V18%20H62%20V11%20H68%20V18%20H73%20V14%20H79%20V8%20H84%20V18%20H90%20V12%20H96%20V22Z%27%20fill=%27%2322395a%27/%3E%3Cg%20fill=%27%23e8c26a%27%20opacity=%27.7%27%3E%3Crect%20x=%276%27%20y=%2712%27%20width=%271%27%20height=%271%27/%3E%3Crect%20x=%2714%27%20y=%278%27%20width=%271%27%20height=%271%27/%3E%3Crect%20x=%2736%27%20y=%2711%27%20width=%271%27%20height=%271%27/%3E%3Crect%20x=%2751%27%20y=%279%27%20width=%271%27%20height=%271%27/%3E%3Crect%20x=%2764%27%20y=%2713%27%20width=%271%27%20height=%271%27/%3E%3Crect%20x=%2781%27%20y=%2710%27%20width=%271%27%20height=%271%27/%3E%3Crect%20x=%2792%27%20y=%2714%27%20width=%271%27%20height=%271%27/%3E%3C/g%3E%3Crect%20y=%2722%27%20width=%2796%27%20height=%2710%27%20fill=%27%230d1c2e%27/%3E%3Cpath%20d=%27M0%2025%20Q12%2024%2024%2025%20T48%2025%20T72%2025%20T96%2025%20M0%2029%20Q12%2028%2024%2029%20T48%2029%20T72%2029%20T96%2029%27%20stroke=%27%235c7fa6%27%20stroke-width=%27.6%27%20fill=%27none%27%20opacity=%27.5%27/%3E%3C/svg%3E"); }
@media (prefers-color-scheme: dark) { html.lg-harbor:not([data-theme="light"]) { --brand: #0e1c2e; --brand-2: #182e4a; } }
html.lg-harbor[data-theme="dark"] { --brand: #0e1c2e; --brand-2: #182e4a; }
html.lg-harbor .topbar, html.lg-harbor .tb-nav.open { background: linear-gradient(180deg, rgba(13,28,46,.45), rgba(13,28,46,.72)), var(--bricks) 0 0 / 96px 32px; background-color: #0e1c2e; border-bottom: 2px solid #e8c26a; }
html.lg-harbor .homehero { background: radial-gradient(110% 80% at 80% 100%, rgba(232,194,106,.28), transparent 60%), linear-gradient(rgba(13,28,46,.2), rgba(13,28,46,.35)), var(--bricks) 0 0 / 192px 64px; --scrim: rgba(10,22,38,.6); --hh-soft: #dfe7f2; }
html.lg-harbor .homehero .hh-mac { color: #b8424f; -webkit-text-stroke: 2px #fff; }
html.lg-harbor .sitefoot { color: #dfe7f2; }
/* ---------------------------------------------------------------- Big West edition: Coast
   A Pacific sunset over the breakers, with a lone palm, where the MAC has bricks; sunset coral for the
   accent and harbor-light gold. Set by html.lg-coast. */
html.lg-coast { --brand: #14304a; --brand-2: #1f4a6b; --gold: #f6c46a; --brick: #c2603e; --mortar: #d6e6ee;
  --bricks: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2796%27%20height=%2732%27%3E%3Cdefs%3E%3ClinearGradient%20id=%27g%27%20x1=%270%27%20y1=%270%27%20x2=%270%27%20y2=%271%27%3E%3Cstop%20offset=%270%27%20stop-color=%27%2314304a%27/%3E%3Cstop%20offset=%27.62%27%20stop-color=%27%23b5583a%27/%3E%3Cstop%20offset=%27.66%27%20stop-color=%27%23e89a5a%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width=%2796%27%20height=%2732%27%20fill=%27url(%23g)%27/%3E%3Ccircle%20cx=%2762%27%20cy=%2720.5%27%20r=%275%27%20fill=%27%23f6c46a%27%20opacity=%27.9%27/%3E%3Cpath%20d=%27M0%2021%20H96%20V32%20H0Z%27%20fill=%27%230f2a40%27/%3E%3Cpath%20d=%27M0%2023%20Q6%2021.6%2012%2023%20T24%2023%20T36%2023%20T48%2023%20T60%2023%20T72%2023%20T84%2023%20T96%2023%20M0%2027%20Q8%2025.4%2016%2027%20T32%2027%20T48%2027%20T64%2027%20T80%2027%20T96%2027%27%20stroke=%27%237fb8d6%27%20stroke-width=%27.7%27%20fill=%27none%27%20opacity=%27.55%27/%3E%3Cpath%20d=%27M55%2022.5%20H69%20M57%2024.6%20H67%20M59%2026.6%20H65%27%20stroke=%27%23f6c46a%27%20stroke-width=%27.8%27%20opacity=%27.6%27/%3E%3Cpath%20d=%27M8%2021%20V12%20M8%2012%20Q4%2010%202%2011%20M8%2012%20Q12%209.5%2014%2011%20M8%2012%20Q6%208.5%204%208.6%20M8%2012%20Q10.5%208.6%2012.6%208.8%27%20stroke=%27%230b1c2b%27%20stroke-width=%27.9%27%20fill=%27none%27/%3E%3C/svg%3E"); }
@media (prefers-color-scheme: dark) { html.lg-coast:not([data-theme="light"]) { --brand: #0e2436; --brand-2: #183a55; } }
html.lg-coast[data-theme="dark"] { --brand: #0e2436; --brand-2: #183a55; }
html.lg-coast .topbar, html.lg-coast .tb-nav.open { background: linear-gradient(180deg, rgba(14,36,54,.5), rgba(14,36,54,.78)), var(--bricks) 0 0 / 96px 32px; background-color: #0e2436; border-bottom: 2px solid #f6c46a; }
html.lg-coast .homehero { background: radial-gradient(110% 80% at 70% 70%, rgba(246,160,90,.32), transparent 60%), linear-gradient(rgba(14,36,54,.15), rgba(14,36,54,.35)), var(--bricks) 0 0 / 192px 64px; --scrim: rgba(10,28,44,.6); --hh-soft: #f3e3d6; }
html.lg-coast .homehero .hh-mac { color: #d9673f; -webkit-text-stroke: 2px #fff; }
html.lg-coast .sitefoot { color: #e3eef3; }
/* ---------------------------------------------------------------- Missouri Valley edition: Arch
   The Gateway Arch over the river at dusk, where Arch Madness is played, with grain elevators on the
   prairie bank; harvest gold for the accent. Set by html.lg-arch. */
html.lg-arch { --brand: #1d2a3a; --brand-2: #2c3f55; --gold: #e2b866; --brick: #9a5a2a; --mortar: #e6dcc8;
  --bricks: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2796%27%20height=%2732%27%3E%3Cdefs%3E%3ClinearGradient%20id=%27g%27%20x1=%270%27%20y1=%270%27%20x2=%270%27%20y2=%271%27%3E%3Cstop%20offset=%270%27%20stop-color=%27%231d2a3a%27/%3E%3Cstop%20offset=%27.6%27%20stop-color=%27%237a4a2a%27/%3E%3Cstop%20offset=%27.7%27%20stop-color=%27%23d99a4a%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width=%2796%27%20height=%2732%27%20fill=%27url(%23g)%27/%3E%3Cpath%20d=%27M0%2023%20H96%20V32%20H0Z%27%20fill=%27%232a2a1c%27/%3E%3Cpath%20d=%27M0%2023%20Q12%2022%2024%2023%20T48%2023%20T72%2023%20T96%2023%27%20stroke=%27%23e2b866%27%20stroke-width=%27.6%27%20fill=%27none%27%20opacity=%27.5%27/%3E%3Cpath%20d=%27M34%2023%20Q48%20-2%2062%2023%27%20stroke=%27%23c9ccd2%27%20stroke-width=%271.6%27%20fill=%27none%27%20opacity=%27.85%27/%3E%3Cpath%20d=%27M0%2027%20H96%20M0%2029.5%20H96%27%20stroke=%27%23c9a24a%27%20stroke-width=%27.5%27%20opacity=%27.35%27/%3E%3Cpath%20d=%27M6%2023%20V17%20H9%20V23%20M10%2023%20V19%20H12%20V23%20M84%2023%20V16%20H88%20V23%27%20fill=%27%231a1a12%27%20stroke=%27%231a1a12%27%20stroke-width=%27.6%27/%3E%3C/svg%3E"); }
@media (prefers-color-scheme: dark) { html.lg-arch:not([data-theme="light"]) { --brand: #141e2a; --brand-2: #22324a; } }
html.lg-arch[data-theme="dark"] { --brand: #141e2a; --brand-2: #22324a; }
html.lg-arch .topbar, html.lg-arch .tb-nav.open { background: linear-gradient(180deg, rgba(20,30,42,.55), rgba(20,30,42,.8)), var(--bricks) 0 0 / 96px 32px; background-color: #141e2a; border-bottom: 2px solid #e2b866; }
html.lg-arch .homehero { background: radial-gradient(110% 80% at 50% 80%, rgba(226,160,80,.3), transparent 60%), linear-gradient(rgba(20,30,42,.15), rgba(20,30,42,.35)), var(--bricks) 0 0 / 192px 64px; --scrim: rgba(16,24,34,.6); --hh-soft: #f1e6d2; }
html.lg-arch .homehero .hh-mac { color: #b8732e; -webkit-text-stroke: 2px #fff; }
html.lg-arch .sitefoot { color: #ece3d2; }
/* ---------------------------------------------------------------- Atlantic 10 edition: Iron Bridge
   A steel truss bridge over a river at night (Pittsburgh, Philadelphia, Richmond, Dayton, St. Louis),
   rust-orange steel for the accent and streetlight gold. Set by html.lg-ironbridge. */
html.lg-ironbridge { --brand: #172231; --brand-2: #243650; --gold: #f0c75e; --brick: #b5682c; --mortar: #d5dde6;
  --bricks: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2796%27%20height=%2732%27%3E%3Crect%20width=%2796%27%20height=%2732%27%20fill=%27%23172231%27/%3E%3Cpath%20d=%27M0%2022%20H96%20V32%20H0Z%27%20fill=%27%230f1823%27/%3E%3Cpath%20d=%27M0%2025%20Q8%2024%2016%2025%20T32%2025%20T48%2025%20T64%2025%20T80%2025%20T96%2025%27%20stroke=%27%236f8fb0%27%20stroke-width=%27.6%27%20fill=%27none%27%20opacity=%27.5%27/%3E%3Cpath%20d=%27M0%2018%20H96%27%20stroke=%27%23c58a3a%27%20stroke-width=%271.2%27/%3E%3Cpath%20d=%27M8%2018%20L16%2010%20H80%20L88%2018%20M16%2010%20L24%2018%20L32%2010%20L40%2018%20L48%2010%20L56%2018%20L64%2010%20L72%2018%20L80%2010%27%20stroke=%27%23c58a3a%27%20stroke-width=%27.8%27%20fill=%27none%27/%3E%3Cpath%20d=%27M8%2018%20V22%20M88%2018%20V22%27%20stroke=%27%23c58a3a%27%20stroke-width=%271.4%27/%3E%3Ccircle%20cx=%2720%27%20cy=%2727%27%20r=%27.6%27%20fill=%27%23f0c75e%27%20opacity=%27.7%27/%3E%3Ccircle%20cx=%2752%27%20cy=%2728%27%20r=%27.6%27%20fill=%27%23f0c75e%27%20opacity=%27.6%27/%3E%3Ccircle%20cx=%2776%27%20cy=%2727%27%20r=%27.6%27%20fill=%27%23f0c75e%27%20opacity=%27.7%27/%3E%3C/svg%3E"); }
@media (prefers-color-scheme: dark) { html.lg-ironbridge:not([data-theme="light"]) { --brand: #101824; --brand-2: #1c2b40; } }
html.lg-ironbridge[data-theme="dark"] { --brand: #101824; --brand-2: #1c2b40; }
html.lg-ironbridge .topbar, html.lg-ironbridge .tb-nav.open { background: linear-gradient(180deg, rgba(16,24,36,.5), rgba(16,24,36,.8)), var(--bricks) 0 0 / 96px 32px; background-color: #101824; border-bottom: 2px solid #c58a3a; }
html.lg-ironbridge .homehero { background: radial-gradient(110% 80% at 30% 90%, rgba(197,138,58,.25), transparent 60%), linear-gradient(rgba(16,24,36,.2), rgba(16,24,36,.38)), var(--bricks) 0 0 / 192px 64px; --scrim: rgba(12,18,28,.6); --hh-soft: #dfe6ee; }
html.lg-ironbridge .homehero .hh-mac { color: #c0702e; -webkit-text-stroke: 2px #fff; }
html.lg-ironbridge .sitefoot { color: #e0e7ef; }
/* ---------------------------------------------------------------- Pac-12 edition: Timber
   An evergreen ridge at last light, Pullman and Corvallis to the Wasatch and the Front Range, with a
   low moon; copper sunset for the accent. Set by html.lg-timber. */
html.lg-timber { --brand: #1a2e2c; --brand-2: #28443f; --gold: #e8c27a; --brick: #a8582e; --mortar: #d9e2dc;
  --bricks: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2796%27%20height=%2732%27%3E%3Cdefs%3E%3ClinearGradient%20id=%27g%27%20x1=%270%27%20y1=%270%27%20x2=%270%27%20y2=%271%27%3E%3Cstop%20offset=%270%27%20stop-color=%27%2314282a%27/%3E%3Cstop%20offset=%27.6%27%20stop-color=%27%232c4744%27/%3E%3Cstop%20offset=%27.82%27%20stop-color=%27%23c9874a%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width=%2796%27%20height=%2732%27%20fill=%27url(%23g)%27/%3E%3Ccircle%20cx=%2770%27%20cy=%277%27%20r=%272%27%20fill=%27%23efe3c4%27%20opacity=%27.75%27/%3E%3Cpath%20d=%27M0%2021%20L10%2015%20L22%2019%20L36%2012%20L50%2018%20L64%2014%20L80%2019%20L96%2016%20V32%20H0Z%27%20fill=%27%23223836%27%20opacity=%27.85%27/%3E%3Cpath%20d=%27M4%2027%20L7%2019%20L10%2027Z%20M12%2027%20L16%2016%20L20%2027Z%20M22%2027%20L25%2020%20L28%2027Z%20M40%2027%20L44%2017%20L48%2027Z%20M58%2027%20L61%2021%20L64%2027Z%20M74%2027%20L78%2015%20L82%2027Z%20M86%2027%20L89%2020%20L92%2027Z%27%20fill=%27%230e1c1b%27/%3E%3Cpath%20d=%27M0%2027%20H96%20V32%20H0Z%27%20fill=%27%230e1c1b%27/%3E%3C/svg%3E"); }
@media (prefers-color-scheme: dark) { html.lg-timber:not([data-theme="light"]) { --brand: #12211f; --brand-2: #1f3532; } }
html.lg-timber[data-theme="dark"] { --brand: #12211f; --brand-2: #1f3532; }
html.lg-timber .topbar, html.lg-timber .tb-nav.open { background: linear-gradient(180deg, rgba(18,33,31,.5), rgba(18,33,31,.8)), var(--bricks) 0 0 / 96px 32px; background-color: #12211f; border-bottom: 2px solid #c9874a; }
html.lg-timber .homehero { background: radial-gradient(110% 80% at 60% 85%, rgba(201,135,74,.28), transparent 60%), linear-gradient(rgba(18,33,31,.15), rgba(18,33,31,.35)), var(--bricks) 0 0 / 192px 64px; --scrim: rgba(12,24,22,.6); --hh-soft: #e4ece6; }
html.lg-timber .homehero .hh-mac { color: #c0713a; -webkit-text-stroke: 2px #fff; }
html.lg-timber .sitefoot { color: #e0e9e3; }
/* ---------------------------------------------------------------- WCC edition: Mission
   A mission arcade and bell tower at dusk (Santa Clara, San Diego, Saint Mary's, the Jesuit and
   Catholic campuses up the coast), clay-tile terracotta for the accent. Set by html.lg-mission. */
html.lg-mission { --brand: #2b211d; --brand-2: #43322a; --gold: #f2c879; --brick: #b5583a; --mortar: #eadccb;
  --bricks: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2796%27%20height=%2732%27%3E%3Cdefs%3E%3ClinearGradient%20id=%27g%27%20x1=%270%27%20y1=%270%27%20x2=%270%27%20y2=%271%27%3E%3Cstop%20offset=%270%27%20stop-color=%27%231d2233%27/%3E%3Cstop%20offset=%27.55%27%20stop-color=%27%234f3438%27/%3E%3Cstop%20offset=%27.78%27%20stop-color=%27%23d98b55%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width=%2796%27%20height=%2732%27%20fill=%27url(%23g)%27/%3E%3Cpath%20d=%27M62%2017%20V8%20Q66%203%2070%208%20V17Z%27%20fill=%27%233a2620%27/%3E%3Cpath%20d=%27M64.6%2013%20V10.4%20A1.4%201.4%200%200%201%2067.4%2010.4%20V13Z%27%20fill=%27%23f2c879%27%20opacity=%27.75%27/%3E%3Cpath%20d=%27M0%2017%20H96%20V30%20H0Z%27%20fill=%27%233a2620%27/%3E%3Cpath%20d=%27M0%2017%20H96%27%20stroke=%27%23b5583a%27%20stroke-width=%271.4%27/%3E%3Cpath%20d=%27M2%2030%20V23%20A4%204%200%200%201%2010%2023%20V30Z%20M14%2030%20V23%20A4%204%200%200%201%2022%2023%20V30Z%20M26%2030%20V23%20A4%204%200%200%201%2034%2023%20V30Z%20M38%2030%20V23%20A4%204%200%200%201%2046%2023%20V30Z%20M50%2030%20V23%20A4%204%200%200%201%2058%2023%20V30Z%20M62%2030%20V23%20A4%204%200%200%201%2070%2023%20V30Z%20M74%2030%20V23%20A4%204%200%200%201%2082%2023%20V30Z%20M86%2030%20V23%20A4%204%200%200%201%2094%2023%20V30Z%27%20fill=%27%23e9b36a%27%20opacity=%27.32%27/%3E%3Cpath%20d=%27M0%2030%20H96%20V32%20H0Z%27%20fill=%27%231a120e%27/%3E%3C/svg%3E"); }
@media (prefers-color-scheme: dark) { html.lg-mission:not([data-theme="light"]) { --brand: #1f1815; --brand-2: #352720; } }
html.lg-mission[data-theme="dark"] { --brand: #1f1815; --brand-2: #352720; }
html.lg-mission .topbar, html.lg-mission .tb-nav.open { background: linear-gradient(180deg, rgba(31,24,21,.5), rgba(31,24,21,.8)), var(--bricks) 0 0 / 96px 32px; background-color: #1f1815; border-bottom: 2px solid #b5583a; }
html.lg-mission .homehero { background: radial-gradient(110% 80% at 40% 85%, rgba(217,139,85,.3), transparent 60%), linear-gradient(rgba(31,24,21,.15), rgba(31,24,21,.35)), var(--bricks) 0 0 / 192px 64px; --scrim: rgba(24,18,15,.6); --hh-soft: #f1e6d8; }
html.lg-mission .homehero .hh-mac { color: #c0603a; -webkit-text-stroke: 2px #fff; }
html.lg-mission .sitefoot { color: #ede2d4; }
/* News: each school tag wears its team color, lightly. */
.hh-heads .hh-tag[class*=" t-"] { background: var(--tc); color: var(--tci); box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); }
#feed a.pill[class*=" t-"], .newslist a.pill[class*=" t-"] { box-shadow: inset 3px 0 0 var(--tc); background: color-mix(in srgb, var(--tc) 16%, transparent); }

/* Lean chips read as a meter: the chip fills left to right in its lean color, in proportion to the
   model-vs-market gap (full at 6 pts), over a faint tint of the same color. Ink stays the same color
   across the whole chip so the number reads cleanly whatever the fill. */
span.lean { --lf: 50%; color: var(--ink);
  background: linear-gradient(90deg, color-mix(in srgb, var(--lc) 62%, var(--surface)) 0 var(--lf), color-mix(in srgb, var(--lc) 13%, var(--surface)) var(--lf) 100%);
  box-shadow: inset 3px 0 0 var(--lc), inset 0 0 0 1px color-mix(in srgb, var(--lc) 45%, transparent); }
span.lean.deep { color: var(--ink); } span.lean.deep .ln-g, span.lean .ln-g { background: color-mix(in srgb, var(--surface) 70%, transparent); color: var(--ink); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) span.lean.deep { color: var(--ink); } :root:not([data-theme="light"]) span.lean.deep .ln-g { background: color-mix(in srgb, var(--surface) 70%, transparent); color: var(--ink); } }
:root[data-theme="dark"] span.lean.deep { color: var(--ink); } :root[data-theme="dark"] span.lean.deep .ln-g { background: color-mix(in srgb, var(--surface) 70%, transparent); color: var(--ink); }
.ll-ramp { display: none; }

/* The gamer: the written recap at the top of each box score page */
.gamer { margin: 4px 0 22px; max-width: 72ch; }
.gamer h1 { font-size: 26px; line-height: 1.2; margin: 0 0 4px; }
.gamer p { margin: 10px 0 0; line-height: 1.55; }
.gamer .flavor { font-style: italic; color: var(--ink-2); }
.gamer .scoring { font-size: 14px; color: var(--ink-2); }
/* Player pages */
header.phead { display: flex; gap: 14px; align-items: center; margin: 4px 0 18px; }
header.phead h1 { font-size: 28px; margin: 0 0 2px; }
header.phead img { border-radius: 50%; background: var(--card, #0001); }
.lastgame { margin: 12px 0 4px; }
/* Our own game photos, on dispatches */
.dispatch figure.photo { margin: 12px 0 4px; }
.dispatch figure.photo img { width: 100%; height: auto; border-radius: 8px; display: block; }
.dispatch figure.photo figcaption { font-size: 13px; color: var(--ink-2); margin-top: 4px; }
.dispatch figure.photo .credit { white-space: nowrap; }

/* ---- Calmer chrome (2026-11 design pass) ----
   One accent per edition (its brick color) instead of the blue/orange/green/purple rotation,
   a plain paper page instead of the brick, parquet and map backdrop, and solid panels. */
:root { --s1: color-mix(in srgb, var(--brick) 88%, #000); --s2: var(--brick); --s3: var(--brick); --s7: var(--brick); --page: #f6f1e8; --surface: #fffcf6; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --s1: color-mix(in srgb, var(--brick) 50%, #fff); --s2: color-mix(in srgb, var(--brick) 60%, #fff); --s3: var(--s2); --s7: var(--s2); --page: #14110e; --surface: #1d1915; } }
:root[data-theme="dark"] { --s1: color-mix(in srgb, var(--brick) 50%, #fff); --s2: color-mix(in srgb, var(--brick) 60%, #fff); --s3: var(--s2); --s7: var(--s2); --page: #14110e; --surface: #1d1915; }
.backdrop .bd-brick, .backdrop .bd-floor, .backdrop .bd-art { display: none; }
.backdrop { background: var(--page); } .backdrop .bd-scrim { background: transparent !important; }
main > section, main .grid > section, main .stack > section, main .hometop > *, main .support > * { background: var(--surface); -webkit-backdrop-filter: none; backdrop-filter: none; }
main > section:nth-of-type(n) h2, .grid > section h2 { --h2c: var(--brick); }

/* Our own stories lead the conference front page */
.stories .st-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 22px; }
@media (max-width: 860px) { .stories .st-grid { grid-template-columns: 1fr; } }
.stories .st { display: block; padding: 10px 0; border-top: 1px solid var(--border); color: var(--ink); }
.stories .st:hover { text-decoration: none; } .stories .st:hover b { text-decoration: underline; text-underline-offset: 3px; }
.stories .st-k { display: block; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-bottom: 3px; }
.stories .st b { display: block; font: 700 18px/1.25 var(--serif); }
.stories .st-d { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 5px; color: var(--ink-2); font: 15px/1.5 var(--serif); }
.stories .st-lead b { font-size: 22px; }
.stories .st img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 6px; margin-bottom: 8px; }

/* The betting tools, together and below the news */
.corner { margin: 28px 0 20px; padding: 18px 16px 2px; border-radius: 14px; border: 1px solid var(--border); background: color-mix(in srgb, var(--brand) 5%, var(--page)); }
.corner-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin-bottom: 14px; }
.corner-h h2 { margin: 0; font: 700 22px/1.2 var(--serif); }
.corner-h h2::before { display: none; }
.corner-h span { color: var(--muted); font-size: 13px; }

/* Every page, as one quiet row instead of a tile grid */
.pagerow { display: flex; flex-wrap: wrap; gap: 4px 18px; padding: 14px 2px; margin: 0 0 20px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); font-size: 14px; font-weight: 600; }
.pagerow a { color: var(--ink-2); } .pagerow a:hover { color: var(--ink); }
.pagerow .lockk { font-size: 11px; opacity: .7; }
html, body { background: var(--page); }

/* ESPN's official highlight package, embedded on the recap */
.hl-video { margin: 14px 0 18px; }
.hl-frame { position: relative; aspect-ratio: 16 / 9; background: #000; border-radius: 8px; overflow: hidden; }
.hl-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.hl-video figcaption { margin-top: 6px; font-size: 13px; color: var(--muted); }
.stories .st-v { color: var(--s1); }

/* Betting desk menu: one door for the access-code pages */
.tb-bet > summary { color: var(--gold); }
.tb-note { margin: 2px 4px 8px; font-size: 12px; color: var(--muted); max-width: 34ch; }


/* ====================================================================================
   House style: "Athens Block" (2026-11). The site reads as a printed sports section,
   not a dashboard: paper, ink and rules instead of rounded cards; a news serif for
   headlines, a condensed athletic sans for labels and figures. Named for the stamped
   brick streets of Athens, Ohio. Each edition keeps its own --brand, --brick and --gold,
   so the regional themes carry through; the MAC edition adds Ohio green as its second ink.
   Everything below overrides the layers above; delete this block to get the old look back.
   ==================================================================================== */
:root { --serif: "Newsreader", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --sans: "Barlow", "Helvetica Neue", Arial, sans-serif; --cond: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --page: #f4efe4; --surface: #f4efe4; --ink: #1a1410; --ink-2: #4a4038; --muted: #857a6c; --grid: #ddd3c2; --axis: #b9ad9a;
  --border: rgba(26,20,16,.16); --rule: #1a1410; --green: #00694e; --neutral: #e9e1d2; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --page: #15110d; --surface: #15110d; --ink: #efe6d6; --ink-2: #cbbfad; --muted: #8f8474; --grid: #2e2720; --axis: #4a4036; --border: rgba(239,230,214,.16); --rule: #efe6d6; --green: #3fae8c; --neutral: #241e18; } }
:root[data-theme="dark"] { --page: #15110d; --surface: #15110d; --ink: #efe6d6; --ink-2: #cbbfad; --muted: #8f8474; --grid: #2e2720; --axis: #4a4036; --border: rgba(239,230,214,.16); --rule: #efe6d6; --green: #3fae8c; --neutral: #241e18; }

body { font: 16px/1.5 var(--sans); font-feature-settings: "tnum" 1, "lnum" 1; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
main { max-width: 1200px; padding: 28px 24px 80px; }
a { color: var(--s1); text-underline-offset: 3px; text-decoration-thickness: 1px; }
h1 { font: 600 44px/1.05 var(--serif); letter-spacing: -.02em; }
h2 { font: 600 26px/1.15 var(--serif); letter-spacing: -.01em; }
h3 { font: 600 19px/1.25 var(--serif); }
.sub, .note { font-size: 14px; } .note { color: var(--muted); max-width: 90ch; }
::selection { background: var(--brick); color: #fff; }

/* Top bar: one flat band of the edition's dark, a single course of brick beneath it. */
.topbar, html[class*="lg-"] .topbar, .tb-nav.open, html[class*="lg-"] .tb-nav.open { background: var(--brand); box-shadow: none; border-bottom: 0; }
.tb-in { max-width: 1200px; padding: 0 24px; height: 60px; gap: 22px; }
.brand .mark { background: none; box-shadow: none; text-shadow: none; padding: 0; border-radius: 0; color: #f6ecd8; font: 700 21px/1 var(--serif); letter-spacing: .01em; text-transform: none; }
.brand .mark::first-letter { color: var(--gold); }
.tb-nav { gap: 0; }
.tb-nav > a, .tb-teams > summary { font: 600 15px/1 var(--cond); letter-spacing: .09em; text-transform: uppercase; color: #d9cbb2; padding: 22px 11px 20px; border-radius: 0; }
.tb-nav > a:hover, .tb-teams > summary:hover { background: none; color: #fff; }
.tb-nav > a.on, .tb-teams.on > summary { background: none; color: #fff; box-shadow: inset 0 -3px 0 var(--gold); }
.tb-teams > summary::after { opacity: .5; }
.tb-search, .tb-btn { border-radius: 0; border-color: rgba(255,255,255,.22); background: none; font: 600 13px/1 var(--cond); letter-spacing: .09em; text-transform: uppercase; height: 34px; }
.tb-bricks { height: 6px; box-shadow: none; opacity: .9; }
.tb-stripe { height: 3px; }
.tb-menu { border-radius: 0; border: 1px solid var(--rule); box-shadow: 6px 6px 0 rgba(26,20,16,.12); background: var(--page); }
@media (max-width: 1080px) { .tb-menu { background: transparent; border: 0; box-shadow: none; } } /* the phone menu sits on the hickory bar: no paper panel under its light text */
a.tchip { border-radius: 0; border-bottom-width: 2px; font-family: var(--cond); font-size: 15px; letter-spacing: .03em; }
.tb-list a { border-radius: 0; } .tb-list a b { font: 600 16px/1.2 var(--serif); }
@media (max-width: 1080px) { .tb-nav > a, .tb-teams > summary { padding: 13px 12px; font-size: 17px; } .tb-in { padding: 0 16px; } main { padding: 20px 16px 64px; } }

/* Sections: no boxes. A heavy rule, a headline, then the content on the paper. */
section, main > section, main .grid > section, main .stack > section, main .hometop > *, main .support > * { background: none; border: 0; border-top: 3px solid var(--rule); border-radius: 0; padding: 14px 0 0; margin-bottom: 44px; box-shadow: none; }
section h2::before { display: none; }
.sechead { margin-bottom: 14px; align-items: baseline; }
.sechead .dim, .sechead .more { font: 600 13px/1 var(--cond); letter-spacing: .1em; text-transform: uppercase; }
.sechead .more { color: var(--brick); }
.grid { gap: 12px 44px; }
.crumbs { font: 600 13px/1 var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: 18px; }
header { margin-bottom: 28px; }

/* Tables: a ledger. Small-cap condensed heads over a full ink rule, hairlines between rows. */
table { font-size: 15px; }
th { font: 600 12.5px/1.2 var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2); padding: 8px 8px 7px; border-bottom: 1px solid var(--rule); }
td { padding: 9px 8px; border-bottom: 1px solid var(--grid); }
tbody tr:hover td { background: color-mix(in srgb, var(--brick) 5%, transparent); }
td.num, th.num { font-feature-settings: "tnum" 1; }
table a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--grid); }
table a:hover { text-decoration-color: var(--brick); color: var(--brick); }

/* Figures: big serif numerals on a rule, the way a box score leads. */
.tiles { gap: 0 32px; margin-bottom: 40px; }
.tile, .tiles .tile:nth-child(n), main.teampage .tiles .tile { background: none; border: 0; border-top: 1px solid var(--rule); border-radius: 0; padding: 12px 0 14px; }
.tile .v { font: 500 40px/1 var(--serif); letter-spacing: -.02em; }
.tile .k { font: 500 13px/1.35 var(--sans); color: var(--ink-2); margin-top: 8px; max-width: 26ch; }

/* Small parts: square corners, no pills, no glow. */
.pill, select, .teamgrid a, .teamnav a, .tip, .skip, kbd, .corner, .tn-game, .tm-c, .lean, .lean .ln-g, .hl-frame, .stories .st img, .finaltag, .hh-heads .hh-tag { border-radius: 0; }
.pill { font: 600 12px/1.5 var(--cond); letter-spacing: .08em; text-transform: uppercase; padding: 1px 7px; }
.teamgrid { gap: 0; border-top: 1px solid var(--grid); border-left: 1px solid var(--grid); }
.teamgrid a { border: 0; border-right: 1px solid var(--grid); border-bottom: 1px solid var(--grid); background: none; padding: 12px; }
.teamgrid a:hover { background: var(--neutral); }

/* Front of each edition: a nameplate instead of a picture of a floor. */
.homehero, .homehero.compact, html[class*="lg-"] .homehero { display: block; background: none; color: var(--ink); border-radius: 0; padding: 6px 0 18px; margin-bottom: 30px; border-bottom: 1px solid var(--rule); --hh-ink: var(--ink); --hh-soft: var(--muted); --hh-kick: var(--brick); position: relative; }
.homehero::before { display: none; }
.homehero .kick { font: 600 13px/1 var(--cond); letter-spacing: .22em; color: var(--brick); margin-bottom: 10px; }
.homehero h1, .homehero.compact h1 { font: 600 clamp(38px, 6.2vw, 76px)/.98 var(--serif); letter-spacing: -.03em; color: var(--ink); margin: 0 0 14px; }
.homehero .hh-mac, html[class*="lg-"] .homehero .hh-mac { color: var(--brick); -webkit-text-stroke: 0; text-shadow: none; letter-spacing: -.03em; font-style: italic; }
html.lg-brick .homehero .hh-mac, html:not([class*="lg-"]) .homehero .hh-mac { color: var(--green); }
.homehero .hh-yr { font-weight: 400; color: var(--ink-2); }
.homehero .hh-line { border: 0; border-left: 1px solid var(--rule); border-radius: 0; margin-left: 16px; padding: 4px 0 4px 16px; font: 600 14px/1 var(--cond); letter-spacing: .22em; text-transform: uppercase; color: var(--ink-2); vertical-align: .9em; background: none; transform: none; }
.homehero .sub { font: 500 13px/1 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.homehero .hh-stripe { height: 4px; bottom: -3px; }
@media (max-width: 700px) { .homehero .hh-line { display: block; border: 0; margin: 10px 0 0; padding: 0; } }

/* Stories */
.stories .st { border-top: 1px solid var(--grid); padding: 14px 0; }
.stories .st-k { font: 600 12.5px/1 var(--cond); letter-spacing: .12em; color: var(--brick); margin-bottom: 7px; }
.stories .st b { font: 600 21px/1.18 var(--serif); letter-spacing: -.01em; }
.stories .st-lead b { font-size: 30px; line-height: 1.08; }
.stories .st-d { font: 400 16px/1.5 var(--serif); color: var(--ink-2); }
.stories .st-grid { gap: 0 36px; }

/* Scoreboard: each game is a slip on the paper, capped in the home side's color. */
.tonight { gap: 0 36px; }
.tn-game, .tn-game.tinted, .tn-game.is-final, .tn-game.is-live { background: none; border: 0; border-top: 1px solid var(--grid); border-left: 3px solid var(--tc, var(--grid)); padding: 14px 0 14px 14px; }
.tn-time b { font: 600 20px/1 var(--cond); letter-spacing: .02em; }
.tn-time small, .tn-stat small, .tn-edge small { font: 500 11.5px/1.3 var(--cond); letter-spacing: .1em; text-transform: uppercase; }
.tn-match a { font: 500 16px/1.2 var(--sans); }
.tn-sc { font: 600 22px/1 var(--cond); }
.tn-stat b { font: 600 20px/1 var(--cond); letter-spacing: .01em; }
.tm-c { font: 700 11.5px/1 var(--cond); letter-spacing: .06em; padding: 4px 4px 3px; }
.finaltag, .tn-game.is-final .finaltag { font: 700 12px/1 var(--cond); letter-spacing: .16em; text-transform: uppercase; background: none; color: var(--ink); padding: 0; border: 0; }
.tn-game.is-live, .tn-game.is-final { box-shadow: none; padding-top: 14px; }
.livetag, .tn-game.is-live .livetag { border-radius: 0; background: none; color: var(--bad); padding: 0; font: 700 12px/1 var(--cond); letter-spacing: .16em; }
.livetag i { background: var(--bad); }
.lean { font-family: var(--cond); font-size: 15px; letter-spacing: .02em; }

/* The betting desk box becomes a ruled-off department. */
.corner { background: none; border: 0; border-top: 3px double var(--rule); padding: 18px 0 0; margin: 48px 0 20px; }
.corner-h h2 { font: 600 30px/1.1 var(--serif); }
.pagerow { border-color: var(--rule); font: 600 14px/1 var(--cond); letter-spacing: .1em; text-transform: uppercase; gap: 10px 26px; padding: 16px 0; }

/* Footer */
.sitefoot .brand .mark { color: inherit; }

/* Square every corner that is not a photo or a dot. */
main *:not(img):not(i):not(.tdot):not(.sd-dot):not(.bdot):not(.wp-btn):not(.tj-cup), .sitefoot *:not(i):not(img), #toast, dialog, dialog * { border-radius: 0 !important; }

/* Game pages: the score is the headline. */
.scorehead { gap: 0 36px; margin-bottom: 14px; }
.scorehead .side, .scorehead .side[class*=" t-"] { background: none; border: 0; border-top: 6px solid var(--tc, var(--rule)); border-bottom: 1px solid var(--rule); padding: 14px 0; }
.scorehead .side .tname { font: 600 26px/1.1 var(--serif); letter-spacing: -.01em; color: var(--ink); }
.scorehead .side .big { font: 600 64px/.9 var(--cond); color: var(--muted); }
.scorehead .side.win .big { color: var(--ink); }
.gamer { font: 400 19px/1.6 var(--serif); max-width: 66ch; }
.gamer h2, .gamer h1 { font: 600 38px/1.08 var(--serif); letter-spacing: -.02em; margin-bottom: 6px; }
.gamer p { margin: 0 0 14px; }
.dispatch h3, .corner-h h2 { font-family: var(--serif); }
.dispatch .body { font: 400 19px/1.6 var(--serif); }
.dispatch h3 { font-size: 26px; letter-spacing: -.01em; }
.dispatch .meta { font: 600 12.5px/1.3 var(--cond); letter-spacing: .12em; }

/* Model cards, buttons, chips */
.mboard { gap: 0 36px; }
.mb-card { background: none; border: 0; border-top: 1px solid var(--grid); padding: 14px 0; }
.mb-card:hover { border-color: var(--rule); }
button, .yt-sub, .tj-btn, .ad-cta, .bp-go, .watch-out, .chips button, .onpage a, a.oddslink { font-family: var(--cond); letter-spacing: .08em; text-transform: uppercase; }
.onpage a { font-size: 13px; font-weight: 600; }
.teamnav a { font: 600 12px/1.6 var(--cond); letter-spacing: .08em; text-transform: uppercase; border-left: 3px solid var(--tc, var(--border)); }

.scorehead .tname a, .scorehead .side a { color: var(--ink); }
.sitefoot a { text-underline-offset: 3px; }
.sitefoot .dim a { color: var(--gold); }
.sitefoot .sf-roots { font: 500 italic 15px/1.4 var(--serif); color: #d9cbb2; margin: 10px 0 0; }

/* Phones (checked on a Pixel 7, 412px wide): open on the news and tonight's games, not on chrome.
   One rule under the nameplate instead of two, three stories before the scoreboard, no stray "#" marks. */
@media (max-width: 700px) {
  .homehero, .homehero.compact, html[class*="lg-"] .homehero { padding: 0 0 14px; margin-bottom: 22px; border-bottom: 0; }
  .homehero .kick { margin-bottom: 6px; }
  .homehero h1, .homehero.compact h1 { font-size: 40px; margin-bottom: 10px; }
  .homehero .hh-line { margin-top: 8px; font-size: 13px; }
  .homehero .sub { font-size: 12px; }
  #stories .st:nth-child(n+4) { display: none; }
  #stories .st-lead b { font-size: 27px; }
  section, main > section { margin-bottom: 34px; }
}
@media (pointer: coarse) { .hlink { display: none; } }

/* Local color from the research desk: a scene-setter strip on the front, an "Around town" box on team pages. */
.scene-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0 32px; }
.sc-note { display: flex; flex-direction: column; gap: 6px; padding: 12px 0 14px 14px; border-top: 1px solid var(--grid); border-left: 3px solid var(--tc, var(--rule)); color: var(--ink); text-decoration: none; }
.sc-note:hover p { text-decoration: underline; text-decoration-color: var(--brick); }
.sc-k { font: 600 12.5px/1.2 var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--brick); }
.sc-note p { margin: 0; font: 400 17px/1.45 var(--serif); }
.sc-w { font: 500 12px/1.3 var(--cond); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.town-notes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 0 36px; }
.town-notes li { border-top: 1px solid var(--grid); padding: 12px 0 14px; }
.town-notes .tn-k { display: block; font: 600 12.5px/1 var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--brick); margin-bottom: 7px; }
.town-notes p { margin: 0; font: 400 17px/1.5 var(--serif); }
.town-notes .src { font: 500 12px/1 var(--cond); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin-left: 4px; }
@media (max-width: 700px) { .town-notes li:nth-child(n+5) { display: none; } .sc-note p, .town-notes p { font-size: 16px; } }

/* ---------- Top bar, Nov 2026: built to hold 27 conferences.
   Nine items whatever we cover: the edition (a switcher to every other one), Teams, three
   reader pages, the Den, Watch, the Betting desk and More. Editions live in the switcher, never in the bar. */
.tb-nav { flex: 1 1 auto; min-width: 0; }
.tb-search { margin-left: auto; flex: 0 0 auto; width: 190px; }
/* With the Den and Watch in the bar (nine items), search folds to its icon and the items close up (the bar is capped at the 1200px page width). */
@media (min-width: 1081px) {
  .tb-search { width: 38px; padding: 0; justify-content: center; } .tb-search span, .tb-search kbd { display: none; }
  .tb-nav > a, .tb-teams > summary { padding-left: 8px; padding-right: 8px; letter-spacing: .07em; }
  .tb-in { gap: 14px; }
}
@media (min-width: 1081px) and (max-width: 1240px) { .tb-btn[data-share] span { display: none; } .tb-nav > a, .tb-teams > summary { padding-left: 6px; padding-right: 6px; font-size: 14px; } }
.tb-ed > summary { color: var(--gold); padding-right: 16px; margin-right: 8px; position: relative; }
.tb-ed > summary::before { content: ""; position: absolute; right: 0; top: 18px; bottom: 18px; border-right: 1px solid rgba(255,255,255,.2); }
.tb-ed.on > summary, .tb-ed > summary:hover { color: var(--gold); }
.tb-eds { width: min(620px, 94vw); grid-template-columns: 1fr 1fr; gap: 0 14px; padding: 14px 16px 16px; }
.tb-eds a { display: block; padding: 8px 10px; color: var(--ink); text-decoration: none; }
.tb-eds a:hover { background: var(--neutral); text-decoration: none; }
.tb-eds a b { display: block; font: 600 16px/1.2 var(--serif); }
.tb-eds a small { display: block; font-size: 12px; line-height: 1.3; color: var(--muted); }
.tb-eds .ed-home, .tb-eds .ed-all { border-top: 3px solid var(--rule); padding-top: 9px; }
.tb-eds .ed-home b { color: var(--brick); }
.tb-eds .ed-k, .tb-k { grid-column: 1 / -1; margin: 14px 0 4px; padding-bottom: 5px; border-bottom: 1px solid var(--grid); font: 600 12.5px/1 var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.tb-eds .ed-k span { float: right; letter-spacing: .04em; }
.tb-eds .ed-find { grid-column: 1 / -1; margin: 4px 0 6px; height: 34px; padding: 0 10px; border: 1px solid var(--grid); background: var(--surface); color: var(--ink); font: 15px var(--sans); border-radius: 0; }
.tb-eds .ed-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); gap: 0 6px; max-height: min(52vh, 420px); overflow-y: auto; overscroll-behavior: contain; }
.tb-eds .ed-grid a { padding: 6px 10px 7px; border-left: 3px solid transparent; }
.tb-eds .ed-grid b { font: 600 15px/1.2 var(--cond); letter-spacing: .08em; text-transform: uppercase; }
.tb-eds .ed-grid small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tb-eds .ed-grid a.on { border-left-color: var(--gold); background: color-mix(in srgb, var(--gold) 16%, transparent); }
.tb-eds .ed-grid a[hidden] { display: none; }
.tb-list .tb-k { margin: 10px 10px 2px; }
.tb-list .tb-k:first-child { margin-top: 4px; }
.tb-more > .tb-list { max-height: calc(100vh - 90px); overflow-y: auto; overscroll-behavior: contain; }
@media (max-width: 1300px) { .tb-search { width: 40px; } }
@media (min-width: 1081px) and (max-width: 1240px) { .tb-in { gap: 14px; } .tb-nav > a, .tb-teams > summary { padding-left: 8px; padding-right: 8px; letter-spacing: .06em; } .tb-ed > summary { padding-right: 12px; margin-right: 4px; } .tb-btn[data-share] span { display: none; } }
@media (max-width: 1080px) {
  .tb-ed > summary { margin-right: 0; }
  .tb-ed > summary::before { display: none; }
  .tb-eds { width: auto; padding: 0 0 8px; grid-template-columns: 1fr 1fr; }
  .tb-eds a { color: #efe3cc; }
  .tb-eds a small, .tb-eds .ed-k, .tb-k { color: #cdb99a; }
  .tb-eds .ed-home, .tb-eds .ed-all { border-top-color: rgba(255,255,255,.35); }
  .tb-eds .ed-home b { color: var(--gold); }
  .tb-eds .ed-k, .tb-k { border-bottom-color: rgba(255,255,255,.18); }
  .tb-eds a:hover, .tb-eds .ed-grid a.on { background: rgba(255,255,255,.10); }
  .tb-eds .ed-grid { grid-template-columns: 1fr 1fr; max-height: none; }
  .tb-eds .ed-find { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.25); color: #fff; }
  .tb-more > .tb-list { max-height: none; }
  .tb-nav.open { max-height: calc(100vh - 70px); max-height: calc(100dvh - 70px); overflow-y: auto; overscroll-behavior: contain; }
}
@media (max-width: 420px) { .tb-eds .ed-grid small { display: none; } }