:root{
    --black:#0a0a0a;
    --charcoal:#161616;
    --panel:#1c1c1c;
    --red:#c8102e;
    --red-deep:#8c0a20;
    --white:#f5f4f2;
    --grey:#8f8b86;
    --line:#2c2c2c;
    --qb:#ff6b7a;
    --rb:#7cc8ff;
    --wr:#7ee8a2;
    --te:#f7c96b;
  }
  body.light-mode{
    --black:#f4f1ea;
    --charcoal:#e9e4d8;
    --panel:#ffffff;
    --red:#c8102e;
    --red-deep:#a10c24;
    --white:#161311;
    --grey:#6b6459;
    --line:#ddd6c7;
    --qb:#d64d5d;
    --rb:#2d7fe7;
    --wr:#2fa85d;
    --te:#c58a18;
  }
  .theme-toggle{
    position:fixed; bottom:18px; right:18px; z-index:50;
    background:var(--panel); border:1px solid var(--line); color:var(--white);
    border-radius:20px; padding:9px 16px; font-family:'Bebas Neue',sans-serif;
    font-size:16.5px; letter-spacing:.04em; cursor:pointer; display:flex; align-items:center; gap:6px;
    box-shadow:0 2px 10px rgba(0,0,0,.3);
  }
  .theme-toggle:hover{border-color:var(--red);}
  *{box-sizing:border-box;}
  body{
    margin:0;
    background:
      repeating-linear-gradient(135deg, rgba(200,16,46,.03) 0 2px, transparent 2px 40px),
      var(--black);
    color:var(--white);
    font-family:'Inter',sans-serif;
    min-height:100vh;
  }
  ::selection{background:var(--red);color:var(--white);}

  .masthead{
    border-bottom:4px solid var(--red);
    padding:22px 24px 18px;
    text-align:center;
    background:
      radial-gradient(ellipse at 50% -20%, rgba(200,16,46,.25), transparent 60%),
      var(--charcoal);
    position:relative;
    overflow:hidden;
  }
  .masthead-inner{display:flex; align-items:center; justify-content:center; gap:18px; max-width:760px; margin:0 auto;}
  .masthead-logo{width:84px; height:84px; object-fit:contain; filter:drop-shadow(0 3px 10px rgba(0,0,0,.5)); flex-shrink:0;}
  .masthead-text{text-align:left;}
  .masthead .kicker{font-size:12.5px; letter-spacing:.34em; text-transform:uppercase; color:var(--red); font-weight:700; margin-bottom:6px;}
  .masthead h1{font-family:'Bebas Neue',sans-serif; font-size:clamp(30px,5.5vw,52px); letter-spacing:.02em; margin:0; line-height:.95;}
  .masthead .sub{color:var(--grey); font-size:16px; margin-top:6px; font-family:'Space Mono',monospace;}
  @media (max-width:520px){ .masthead-inner{flex-direction:column;} .masthead-text{text-align:center;} }

  .nav{
    display:flex; justify-content:center; gap:6px; flex-wrap:wrap;
    padding:14px 12px; border-bottom:1px solid var(--line);
    position:sticky; top:0; z-index:10;
    background:rgba(10,10,10,.94); backdrop-filter:blur(6px);
  }
  .nav button{
    font-family:'Bebas Neue',sans-serif; font-size:17.5px; letter-spacing:.06em;
    background:transparent; border:1px solid transparent; color:var(--grey);
    padding:8px 16px; border-radius:2px; cursor:pointer; transition:.15s;
  }
  .nav button:hover{color:var(--white); border-color:var(--line);}
  .nav button.active{background:var(--red); color:var(--white); border-color:var(--red);}

  main{max-width:940px; margin:0 auto; padding:36px 20px 100px;}
  .panel{display:none; animation:fade .3s ease;}
  .panel.active{display:block;}
  @keyframes fade{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);}}

  h2.section-title{
    font-family:'Bebas Neue',sans-serif; font-size:30px; letter-spacing:.03em;
    color:var(--white); border-bottom:2px solid var(--red); padding-bottom:8px; margin:0 0 20px;
    display:flex; align-items:baseline; gap:10px;
  }
  h2.section-title .tag{font-family:'Space Mono',monospace; font-size:13px; color:var(--red); letter-spacing:.05em;}
  .lede{color:var(--grey); font-size:17px; line-height:1.6; margin-bottom:28px;}

  .avatar{
    width:38px; height:38px; border-radius:50%;
    background:var(--red-deep); border:2px solid var(--red);
    display:inline-flex; align-items:center; justify-content:center;
    font-family:'Bebas Neue',sans-serif; font-size:17.5px; color:var(--white);
    flex-shrink:0;
  }

  .champ-strip{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin-bottom:32px;}
  .champ-card{
    border:1px solid var(--line); border-radius:3px; background:var(--panel);
    padding:16px; display:flex; gap:12px; align-items:center; position:relative;
    border-left:3px solid var(--red);
  }
  .champ-card .yr{font-family:'Bebas Neue',sans-serif; font-size:30px; color:var(--red); line-height:1; width:52px;}
  .champ-card .who{font-weight:700; font-size:20px;}
  .champ-card .team{color:var(--grey); font-size:14px; font-family:'Space Mono',monospace;}
  .quicklinks{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px;}
  .quicklink{border:1px solid var(--line); border-radius:3px; padding:14px 16px; cursor:pointer; transition:.15s; background:var(--panel);}
  .quicklink:hover{border-color:var(--red);}
  .quicklink .t{font-family:'Bebas Neue',sans-serif; font-size:21px; letter-spacing:.04em;}
  .quicklink .d{font-size:15px; color:var(--grey); margin-top:3px;}

  .year-tabs{display:flex; gap:8px; margin-bottom:20px; flex-wrap:wrap;}
  .year-tabs button{font-family:'Bebas Neue',sans-serif; font-size:19px; background:var(--panel); border:1px solid var(--line); color:var(--grey); padding:6px 18px; border-radius:2px; cursor:pointer;}
  .year-tabs button.active{background:var(--red); color:var(--white); border-color:var(--red);}
  table.ledger{width:100%; border-collapse:collapse; font-size:16px;}
  table.ledger th{text-align:left; font-family:'Bebas Neue',sans-serif; font-size:15.5px; letter-spacing:.05em; color:var(--red); border-bottom:2px solid var(--red); padding:8px 10px;}
  table.ledger td{padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:middle;}
  table.ledger tr.champ-row td{background:rgba(200,16,46,.12); font-weight:700;}
  .team-cell{display:flex; align-items:center; gap:10px;}
  .owner-tag{color:var(--grey); font-size:16px; font-family:'Space Mono',monospace;}
  .crown{color:var(--red);}

  .award-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(255px,1fr)); gap:14px;}
  .award{border:1px solid var(--line); border-radius:3px; padding:16px; background:var(--panel); border-top:3px solid var(--red);}
  .award .label{font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--red); font-weight:700;}
  .award .value{font-family:'Bebas Neue',sans-serif; font-size:24px; margin:6px 0 4px;}
  .award .ctx{font-size:14px; color:var(--grey); font-family:'Space Mono',monospace;}

  .ticket{border:1px solid var(--line); border-radius:4px; background:var(--panel); padding:16px 18px; margin-bottom:16px; position:relative;}
  .ticket::before, .ticket::after{content:""; position:absolute; top:50%; width:16px; height:16px; background:var(--black); border-radius:50%; transform:translateY(-50%);}
  .ticket::before{left:-9px;} .ticket::after{right:-9px;}
  .ticket .prop-q{font-weight:700; font-size:17px; margin-bottom:4px;}
  .ticket .prop-flavor{font-size:13.5px; color:var(--grey); margin-bottom:12px;}

  .empty{color:var(--grey); font-size:15.5px; font-family:'Space Mono',monospace;}
  .bar-track{background:var(--black); border-radius:5px; overflow:hidden; border:1px solid var(--line);}
  .bar-fill{height:100%; background:var(--red);}
  .roster-toggle{display:flex; align-items:center; gap:12px; cursor:pointer;}
  .roster-rank{font-family:'Bebas Neue',sans-serif; font-size:24px; color:var(--red); width:30px; flex-shrink:0;}
  .roster-team{flex:1; min-width:0;}
  .roster-owner{font-weight:700; font-size:20px;}
  .roster-position-ranks{font-size:12.5px; color:var(--grey); letter-spacing:.08em; text-transform:uppercase;}
  .roster-score{text-align:right; flex-shrink:0;}
  .roster-grade{font-family:'Bebas Neue',sans-serif; font-size:21.5px; color:var(--white);}
  .roster-score-details{display:flex; justify-content:flex-end; gap:6px; font-size:11px; color:var(--grey); letter-spacing:.04em;}
  .roster-caret{font-size:13px; color:var(--red); margin-left:4px;}


  @media (max-width:600px){
    .nav{gap:3px; padding:10px 8px;}
    .nav button{padding:6px 10px; font-size:15.5px;}
    main{padding:24px 12px 90px;}
    h2.section-title{font-size:26px; flex-wrap:wrap;}
    #ledgerTable{overflow-x:auto; display:block;}
    table.ledger{min-width:520px;}
    .champ-strip, .award-grid, .quicklinks{grid-template-columns:1fr;}
    .roster-toggle{display:grid; grid-template-columns:30px 55px minmax(0,1fr) 16px; gap:8px;}
    .roster-team{grid-column:3; grid-row:1;}
    .roster-score{grid-column:3 / 5; grid-row:2; display:flex; align-items:center; justify-content:space-between; text-align:left;}
    .roster-grade{order:2;}
    .roster-score-details{order:1; flex-direction:column; align-items:flex-start; gap:2px;}
    .roster-caret{grid-column:4; grid-row:1; margin-left:0;}
  }