/* ─── RESET & DESIGN TOKENS ──────────────────────────────── */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --red:    #FF2442;
      --bg:     #1d1d1d;
      --white:  #ffffff;
      --text:   #1a1a1a;
      --muted:  #9b9b9b;
      --border: #ebebeb;
      --r:      12px;
      --sb-w:   240px;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
      background: var(--bg);
      color: var(--text);
      min-height: 100vh;
    }

    /* ─── CARD OVERLAY / NAMEPLATE (sitewide) ─────────────── */
    .card-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 12px 12px 12px;
      text-align: center;
      background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0,0,0,.15) 20%,
        rgba(0,0,0,.50) 50%,
        rgba(0,0,0,.80) 100%
      );
    }

    .card-overlay-name {
      color: #fff;
      font-size: 17px;
      font-weight: 700;
      line-height: 1.2;
      text-shadow: 0 1px 6px rgba(0,0,0,.6);
    }

    .card-overlay-rank {
      color: rgba(255,255,255,.85);
      font-size: 13px;
      font-weight: 400;
      margin-top: 3px;
      letter-spacing: .3px;
      text-shadow: 0 1px 4px rgba(0,0,0,.5);
    }