body{
      font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      line-height:1.4;
      background:#020617;
      color:#14ad56;
    }
    main{
      max-width:1100px;
      margin:0 auto 32px;
    }
    h1{
      margin:0 0 4px;
      font-size:1.7rem;
      color:#f9fafb;
    }
    .muted{
      color:#9ca3af;
      font-size:0.9rem;
      margin:0 0 16px;
    }
    .pos-section{
      margin:24px 0 18px;
    }
    .pos-section h2{
      margin:0 0 10px;
      font-size:1.25rem;
      color:#e5e7eb;
      border-left:4px solid #16a34a;
      padding-left:8px;
    }
    .squad-grid{
      display:grid;
      grid-template-columns:repeat(4, 1fr); /* altijd 4 kaarten */
  gap:14px;
    }
    .player-card{
      background:radial-gradient(circle at top left,#1e293b,#020617);
      border-radius:12px;
      border:1px solid rgba(148,163,184,0.5);
      padding:10px 10px 9px;
      display:flex;
      flex-direction:column;
      gap:4px;
      min-height:90px;
      box-shadow:0 10px 25px rgba(15,23,42,0.6);
    }
    .player-main{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:8px;
    }
    .player-initials{
      font-size:1.1rem;
      font-weight:700;
      letter-spacing:0.03em;
      color:#f9fafb;
    }
    .player-fullname{
      font-size:0.78rem;
      color:#9ca3af;
    }
    .player-pos-pill{
      align-self:flex-start;
      padding:2px 7px;
      border-radius:999px;
      font-size:0.7rem;
      text-transform:uppercase;
      letter-spacing:0.06em;
      border:1px solid rgba(74,222,128,0.7);
      color:#bbf7d0;
      background:rgba(22,163,74,0.12);
    }
    .transfer-line{
      font-size:0.74rem;
      color:#e5e7eb;
      margin-top:3px;
    }
    .transfer-line small{
      color:#9ca3af;
      font-size:0.7rem;
    }
    .no-transfer{
      font-size:0.72rem;
      color:#6b7280;
      margin-top:3px;
    }
    .pill-soort{
      display:inline-block;
      padding:1px 5px;
      border-radius:999px;
      font-size:0.66rem;
      text-transform:uppercase;
      letter-spacing:0.08em;
      border:1px solid rgba(56,189,248,0.7);
      color:#bae6fd;
      background:rgba(8,47,73,0.8);
      margin-left:4px;
    }
    @media (max-width:600px){
      body{margin:10px;}
      .squad-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
    }
        .inactive-section{
      margin:28px 0 0;
      padding-top:10px;
      border-top:1px solid rgba(148,163,184,0.35);
    }
    .inactive-section h2{
      margin:0 0 8px;
      font-size:1.1rem;
      color:#e5e7eb;
    }
    .inactive-list{
      font-size:0.8rem;
      color:#9ca3af;
    }
    .inactive-item{
      margin-bottom:3px;
    }
    .inactive-name{
      color:#e5e7eb;
      font-weight:500;
    }

    .player-stats{
  margin-top:4px;
  font-size:0.7rem;
  color:#e5e7eb;
}

.player-stats-label{
  opacity:0.7;
  margin-right:4px;
}

.stat-pill{
  display:inline-block;
  padding:1px 6px;
  margin-right:4px;
  border-radius:999px;
  font-weight:500;
  font-size:0.68rem;
}

/* Kleuren voor Goal / Yellow / Red */
.stat-goals{
  background:rgba(22,163,74,0.18);
  color:#bbf7d0;
  border:1px solid rgba(34,197,94,0.9);
}
.stat-yellow{
  background:rgba(234,179,8,0.18);
  color:#fef9c3;
  border:1px solid rgba(234,179,8,0.9);
}
.stat-red{
  background:rgba(239,68,68,0.18);
  color:#fee2e2;
  border:1px solid rgba(239,68,68,0.9);
}
@media (max-width: 900px){
  .squad-grid{
    grid-template-columns:repeat(2, 1fr); /* tablet */
  }
}

@media (max-width: 500px){
  .squad-grid{
    grid-template-columns:repeat(1, 1fr); /* mobiel */
  }
}

.squad-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr); /* 4 cards per rij */
  gap:14px;
}

@media (max-width:900px){
  .squad-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media (max-width:500px){
  .squad-grid{
    grid-template-columns:repeat(1, 1fr);
  }
}

.player-stats{
  margin-top:4px;
  font-size:0.68rem;
  color:#e5e7eb;
}

.player-stats-label{
  opacity:0.7;
  margin-right:4px;
}

.stat-pill{
  display:inline-block;
  padding:1px 5px;
  margin-right:4px;
  margin-top:2px;
  border-radius:999px;
  font-weight:500;
  font-size:0.64rem;
}

/* Goals / Yellow / Red */
.stat-goals{
  background:rgba(22,163,74,0.18);
  color:#bbf7d0;
  border:1px solid rgba(34,197,94,0.9);
}
.stat-yellow{
  background:rgba(234,179,8,0.18);
  color:#fef9c3;
  border:1px solid rgba(234,179,8,0.9);
}
.stat-red{
  background:rgba(239,68,68,0.18);
  color:#fee2e2;
  border:1px solid rgba(239,68,68,0.9);
}

/* Nieuw: Assist / SubIn / SubOut */
.stat-assist{
  background:rgba(59,130,246,0.18);
  color:#dbeafe;
  border:1px solid rgba(59,130,246,0.9);
}
.stat-subin{
  background:rgba(16,185,129,0.18);
  color:#a7f3d0;
  border:1px solid rgba(16,185,129,0.9);
}
.stat-subout{
  background:rgba(148,163,184,0.18);
  color:#e5e7eb;
  border:1px solid rgba(148,163,184,0.9);
}

.stat-matches{
  background:rgba(125,211,252,0.18);
  color:#e0f2fe;
  border:1px solid rgba(125,211,252,0.9);
}

.stat-injury{
  background:rgba(249,115,22,0.18);
  color:#ffedd5;
  border:1px solid rgba(234,88,12,0.9);
}