/* Alleen stats.php – website.css blijft ongewijzigd */
.stats-main{max-width:1200px;margin:0 auto;padding:30px 20px 60px;color:#213c61}
.stats-banner{position:relative;overflow:hidden;display:flex;align-items:end;justify-content:space-between;min-height:215px;padding:35px 40px;border-radius:22px;background:linear-gradient(120deg,#153b69,#2864b5);color:#fff;margin-bottom:34px;box-shadow:0 14px 32px #173c6c20}
.stats-banner__body{position:relative;z-index:1}.stats-banner__eyebrow,.stats-kicker{font-size:11px;font-weight:800;letter-spacing:1.6px}.stats-banner__eyebrow{color:#c7dcfa}.stats-banner__eyebrow i{font-size:7px;margin-right:7px}.stats-banner h1{font-size:clamp(28px,4vw,43px);line-height:1.15;margin:12px 0}.stats-banner h1 span{color:#b6d9ff}.stats-banner p{margin:0;color:#e0edfc}.stats-banner__glow{position:absolute;right:9%;top:-65px;font-size:230px;color:#ffffff12;transform:rotate(-10deg)}.stats-banner__badge{position:relative;z-index:1;border:1px solid #ffffff40;border-radius:50px;padding:9px 15px;font-size:12px;white-space:nowrap;background:#ffffff16}
.stats-heading{margin:32px 0 19px}.stats-kicker{color:#2864b5}.stats-heading h2{font-size:25px;margin:7px 0;color:#153b69}.stats-heading h2 i{color:#2864b5;margin-right:7px}.stats-heading p{margin:0;color:#718198}.stats-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.stats-kpi{background:#fff;border:1px solid #dce5f0;border-radius:17px;padding:20px 22px;box-shadow:0 5px 17px #1d456b0a;display:flex;flex-direction:column;gap:7px}.stats-kpi__icon{display:grid;place-items:center;width:39px;height:39px;background:#eaf2fc;color:#2864b5;border-radius:12px;font-size:17px}.stats-kpi>strong{font-size:33px;color:#153b69;line-height:1.2}.stats-kpi>span:last-child{font-size:13px;color:#718198}
.stats-panel{background:#fff;border:1px solid #dce5f0;border-radius:19px;padding:24px;margin-top:20px;box-shadow:0 5px 18px #1d456b09}.stats-panel__head{display:flex;align-items:center;gap:13px;margin-bottom:21px}.stats-panel__head h2{font-size:19px;color:#153b69;margin:0 0 5px}.stats-panel__head p{font-size:13px;color:#718198;margin:0}.stats-panel__icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:#eaf2fc;color:#2864b5;border-radius:13px}.stats-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}.stats-detail{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:12px 0;border-bottom:1px solid #e9eff6}.stats-detail span{color:#5e728c;font-size:13px}.stats-detail strong{text-align:right;color:#153b69;font-size:15px}.stats-streak-date{font-size:12px;color:#718198;margin:18px 0 0}.stats-streak-date i{margin-right:5px}.stats-heading--players{margin-top:40px}
.stats-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stats-player{background:#fff;border:1px solid #dce5f0;border-radius:18px;overflow:hidden;box-shadow:0 5px 18px #1d456b0a}.stats-player__top{display:flex;gap:12px;align-items:center;padding:16px 19px;background:linear-gradient(120deg,#edf4fc,#f9fbfe)}.stats-player__rank{border-radius:9px;background:#dceafd;color:#2864b5;padding:7px 9px;font-size:12px;font-weight:800}.stats-player__name{font-size:16px;font-weight:800;color:#153b69;overflow-wrap:anywhere}.stats-player__goals{display:flex;align-items:baseline;gap:9px;padding:20px 19px 12px}.stats-player__goals strong{font-size:38px;color:#2864b5;line-height:1}.stats-player__goals span{font-size:13px;color:#718198}.stats-player__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 13px 18px}.stats-player__metrics div{text-align:center;min-width:0;border-right:1px solid #e8eef6}.stats-player__metrics div:last-child{border:0}.stats-player__metrics strong{display:block;font-size:18px;color:#153b69}.stats-player__metrics span{font-size:11px;color:#718198}.stats-player__distribution{border-top:1px solid #e8eef6;padding:13px 19px 17px}.stats-player__distribution>span{display:block;font-size:11px;color:#718198;margin-bottom:10px}.stats-player__distribution>div{display:flex;gap:6px;flex-wrap:wrap}.stats-pill{background:#edf4fc;color:#2864b5;border-radius:7px;padding:5px 8px;font-size:11px}.stats-pill b{margin-left:5px}.stats-empty{text-align:center;padding:45px 20px;background:#fff;border:1px solid #dce5f0;border-radius:18px}.stats-empty>i{font-size:33px;color:#2864b5}.stats-empty h3{color:#153b69}.stats-empty p{color:#718198}
.stats-matrix{margin-top:25px}.stats-matrix__scroll{max-width:100%;overflow-x:auto;border:1px solid #e3eaf3;border-radius:12px}.stats-matrix table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.stats-matrix th,.stats-matrix td{padding:12px 13px;border-bottom:1px solid #e8eef6;text-align:center}.stats-matrix thead th{background:#eaf2fc;color:#153b69;font-weight:800}.stats-matrix tbody th{text-align:left;font-weight:600;color:#405977;background:#fbfcff;position:sticky;left:0;z-index:1;white-space:normal;min-width:220px;max-width:250px}.stats-matrix tbody tr:last-child>*{border-bottom:0}.stats-matrix__hint{font-size:11px;color:#718198;margin:12px 0 0}
@media(max-width:850px){.stats-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-banner__badge{display:none}}
@media(max-width:580px){.stats-main{padding:17px 13px 45px}.stats-banner{min-height:175px;padding:26px 22px;border-radius:17px}.stats-banner p{font-size:13px}.stats-heading h2{font-size:21px}.stats-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-kpi{padding:14px}.stats-kpi>strong{font-size:28px}.stats-panel{padding:17px}.stats-detail-grid{grid-template-columns:1fr;gap:0}.stats-player-grid{grid-template-columns:1fr}.stats-player__metrics{padding-bottom:16px}}


/* Decoratie zoals Programma: grote, deels afgesneden cirkel met schuin watermerk. */
.stats-banner::after { content:""; position:absolute; right:5%; top:-110px; width:400px; height:400px; border:1px solid #ffffff22; border-radius:50%; pointer-events:none; z-index:0; box-sizing:border-box; }
.stats-banner > .stats-banner__glow { position:absolute; z-index:0; pointer-events:none; visibility:visible; }
@media(max-width:620px) { .stats-banner::after { width:290px; height:290px; right:-95px; top:-90px; } }

/* Competitiefases vergelijken */
.stats-phase-section{margin-top:37px}.stats-phase-panel{padding:0;overflow:hidden}.stats-phase-scroll{overflow-x:auto;max-width:100%}.stats-phase-table{width:100%;border-collapse:collapse;min-width:570px;font-size:13px}.stats-phase-table th,.stats-phase-table td{padding:14px 17px;text-align:center;border-bottom:1px solid #e8eef6;white-space:nowrap}.stats-phase-table thead th{background:#eaf2fc;color:#153b69;font-weight:850}.stats-phase-table thead th small{display:block;font-size:10px;font-weight:650;color:#6985a7;margin-top:5px}.stats-phase-table th:first-child{text-align:left;min-width:185px}.stats-phase-table tbody th{color:#405977;font-weight:700}.stats-phase-table tbody tr:last-child>*{border-bottom:0}.stats-phase-table tbody tr:nth-child(even){background:#f9fbff}.stats-phase-table tbody tr:nth-last-child(-n+2){background:#edf5ff}.stats-phase-table tbody td{font-variant-numeric:tabular-nums;color:#153b69;font-weight:700}.stats-phase-note{font-size:12px;color:#718198;line-height:1.6;margin:0;padding:13px 18px;border-top:1px solid #e8eef6}.stats-phase-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stats-phase-chart{min-width:0}.stats-phase-chart h3{margin:0 0 21px;font-size:17px;color:#153b69}.stats-phase-chart h3 i{color:#2864b5;margin-right:7px}.stats-phase-bar-row{display:grid;grid-template-columns:minmax(75px,100px) minmax(0,1fr) 40px;gap:12px;align-items:center;margin:14px 0;font-size:12px;color:#4c6685}.stats-phase-bar-row>span{overflow-wrap:anywhere}.stats-phase-bar-row>strong{text-align:right;color:#153b69;font-variant-numeric:tabular-nums}.stats-phase-bar-track{height:13px;background:#eaf2fc;border-radius:20px;overflow:hidden}.stats-phase-bar-fill{height:100%;background:linear-gradient(90deg,#2864b5,#6eaae6);border-radius:20px}.stats-phase-bar-fill--negative{background:linear-gradient(90deg,#c96666,#ecaaaa)}
@media(max-width:760px){.stats-phase-charts{grid-template-columns:1fr}.stats-phase-table th,.stats-phase-table td{padding:12px 13px}}