:root{--ink:#101820;--deep:#17252d;--panel:#f4f1e9;--paper:#fff;--accent:#d8402f;--gold:#e2b447;--muted:#6b7478;--line:#d9ddd9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#faf9f5}.site-header{background:var(--deep);color:white;padding:18px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:30px;position:sticky;top:0;z-index:10;box-shadow:0 3px 15px #0003}.brand{display:flex;align-items:center;gap:13px}.brand h1{font-size:20px;margin:0;text-transform:uppercase;letter-spacing:1px}.brand p{margin:3px 0 0;color:#b9c4c8;font-size:12px}.dartboard-mark{height:48px;width:48px;border-radius:50%;border:4px double var(--gold);display:grid;place-items:center;font-weight:900;font-size:12px;color:var(--gold)}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{color:#d9e0e2;text-decoration:none;font-size:13px;font-weight:700}nav a:hover,nav a.active{color:var(--gold)}main{max-width:1200px;margin:auto}.hero{margin:34px 20px 0;background:var(--deep);color:white;min-height:380px;padding:64px;display:flex;justify-content:space-between;align-items:center;gap:50px;border-radius:8px;background-image:radial-gradient(circle at 80% 30%,#2d444d 0,transparent 38%)}.hero h2{font-size:56px;line-height:.98;margin:12px 0 20px;text-transform:uppercase}.hero h2 span{color:var(--gold)}.hero p{max-width:600px;color:#d2dadd;font-size:17px;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:var(--accent)}.hero .eyebrow{color:var(--gold)}.hero-card{background:#ffffff10;border:1px solid #ffffff25;padding:28px;min-width:250px;border-radius:6px}.hero-card span,.hero-card small{display:block;color:#b9c4c8}.hero-card strong{font-size:30px;display:block;margin:8px 0}.section{padding:64px 28px}.panel-section{background:var(--panel);margin:0 20px;border-radius:8px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{font-size:34px;margin:5px 0 0}.section-heading p,.section-heading a{color:var(--muted);font-size:13px}.leader-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.leader-card{background:white;border:1px solid var(--line);border-top:4px solid var(--accent);padding:18px;border-radius:5px}.leader-card h3{font-size:13px;text-transform:uppercase;margin:0 0 16px}.leader-row{display:grid;grid-template-columns:25px 1fr auto;gap:7px;padding:7px 0;border-top:1px solid #eee;font-size:13px}.leader-row:first-of-type{border:0}.leader-row b{color:var(--accent)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{padding:14px;text-align:left;border-bottom:1px solid #e7e7e7;font-size:14px}th{background:var(--deep);color:white;text-transform:uppercase;font-size:11px;letter-spacing:.6px}.match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.match-card,.info-card{background:white;border:1px solid var(--line);padding:22px;border-radius:6px}.match-card span{font-size:11px;color:var(--muted);text-transform:uppercase}.match-card strong{display:block;font-size:17px;margin:8px 0}.vs{color:var(--accent);font-size:12px;font-weight:bold}.placeholder{padding:28px;background:#fff;border:1px dashed #b9c0bd;color:var(--muted);border-radius:5px}.info-card strong{font-size:20px}.info-card p{line-height:1.7;color:#515b5f}footer{max-width:1160px;margin:30px auto 0;border-top:1px solid var(--line);padding:30px 20px 50px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}@media(max-width:900px){.site-header{position:static;display:block}.brand{margin-bottom:16px}nav{gap:14px}.hero{padding:40px;display:block}.hero h2{font-size:42px}.hero-card{margin-top:30px}.leader-grid{grid-template-columns:repeat(2,1fr)}.match-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}}@media(max-width:560px){.hero{margin:16px 10px 0;padding:30px 22px}.hero h2{font-size:36px}.section{padding:45px 18px}.panel-section{margin:0 10px}.leader-grid{grid-template-columns:1fr}nav a{font-size:12px}footer{flex-direction:column;gap:10px}}
/* Keep Player Stats column headers visible while scrolling */
#players-body {
  scroll-margin-top: 100px;
}

#players-body tr {
  scroll-margin-top: 100px;
}

#players-body th {
  position: sticky;
}

#players-body + thead th {
  position: sticky;
}

#players table thead th,
#player-stats table thead th {
  position: sticky;
  top: 84px;
  z-index: 5;
  background: var(--deep);
}

@media (max-width: 900px) {
  #players table thead th,
  #player-stats table thead th {
    top: 0;
  }
}
/* Player Stats: keep column headings visible while scrolling */
@media (min-width: 901px) {
  #players .table-wrap {
    overflow: visible;
  }

  #players table thead th {
    position: sticky;
    top: 84px;
    z-index: 5;
    background: var(--deep);
  }
}

/* Mobile: keep sideways scrolling available */
@media (max-width: 900px) {
  #players .table-wrap {
    overflow-x: auto;
  }

  #players table thead th {
    background: var(--deep);
  }
}

/* Mobile Player Stats: frozen headers with two-way scrolling */
@media (max-width: 900px) {
    #players .table-wrap {
        max-height: 65dvh;
        overflow-x: auto;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    #players table thead th {
        position: sticky;
        top: 0;
        z-index: 20;
        background: var(--deep);
    }
}