/* Shared visual language with the fundraiser page */
:root {
  --blue: #1E6FE0;
  --sky: #E9F4FF;
  --pink: #FF2E7E;
  --yellow: #FFD21F;
  --ink: #111111;
  --muted: #4A5563;
  --white: #FFFFFF;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font: 17px/1.5 "Nunito", system-ui, sans-serif;
}
img { display: block; max-width: 100%; }
a { color: var(--blue); }
h1, h2, h3 { margin: 0; line-height: 1.08; }
.display { font-family: "Luckiest Guy", "Permanent Marker", cursive; font-weight: 400; letter-spacing: .5px; }
.wrap { width: min(1120px, calc(100% - 32px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }


.page-head { padding: 52px 0 42px; background: linear-gradient(180deg, var(--sky), var(--white)); }
.page-head h1 { margin-top: 2px; font-size: clamp(42px, 6vw, 62px); }
.accent, .blue { color: var(--blue); }
.page-head .lead { max-width: 620px; margin: 14px 0 0; color: var(--muted); font-size: 19px; }
.eyebrow { margin: 0 0 6px; color: var(--pink); font-size: 16px; font-weight: 800; }
section.block { padding: 44px 0; }
section.block h2 { margin-bottom: 14px; font-size: clamp(30px, 3.5vw, 42px); }
section.block p:not(.eyebrow) { max-width: 760px; margin: 0 0 12px; }
.player-update { padding-bottom: 28px !important; }

.stats-section { background: var(--sky); }
.stats-intro { color: var(--muted); }
.stat-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
.stat-cell { min-height: 156px; padding: 20px; border: 3px solid var(--ink); border-radius: 18px; background: var(--white); box-shadow: 5px 5px 0 var(--blue); }
.stat-value { color: var(--blue); font: 400 48px/1 "Luckiest Guy", cursive; }
.stat-name { margin-top: 10px; font-size: 18px; font-weight: 800; }

.schedule-section { padding-top: 40px !important; }
.sched { width: 100%; margin-top: 20px; border-collapse: collapse; overflow: hidden; border-radius: 14px; background: var(--white); }
.sched th, .sched td { padding: 12px 16px; border-bottom: 2px solid var(--sky); text-align: left; }
.sched th { background: var(--sky); font: 400 17px "Luckiest Guy", cursive; letter-spacing: .4px; }
.sched td.status { color: var(--muted); font-weight: 800; }
.sched td.status.tentative { color: var(--pink); }
.back { display: inline-block; margin-top: 18px; font-weight: 800; text-decoration: none; }

@media (max-width: 860px) {
  .sched th, .sched td { padding: 11px 10px; }
}
@media (max-width: 560px) {
  .page-head { padding: 38px 0 32px; }
  section.block { padding: 34px 0; }
  .stat-grid-3 { grid-template-columns: 1fr; gap: 12px; }
  .stat-cell { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; min-height: 0; }
  .stat-value { font-size: 40px; }
  .stat-name { margin-top: 0; text-align: right; }
  .sched th, .sched td { padding: 9px 7px; font-size: 14px; }
  .sched th { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }