/*
 * Player page. Ported from the approved mock-up (etalon-2026-09-11/player.html).
 * Shared page furniture lives in redesign.css.
 */

/* profile card */
.fwd-photo{width:168px;height:168px;border-radius:12px;object-fit:cover;background:var(--surface-2)}
.fwd-full{margin-top:4px;font-size:15px;color:var(--muted)}

/* the figures for the whole time at the club: a caption and a value, no colour
   — this is a row of facts, not a chart */

/* statistics by competition */
.fwd-tw{overflow-x:auto;min-width:0}
.fwd-tw table{border-collapse:collapse;width:100%}
.fwd-tw th:not(.fwd-l){width:96px}
.fwd-tw th{font-size:13px;font-weight:600;color:var(--muted);
  padding:10px 8px;text-align:center;border:0;border-bottom:1px solid var(--hair);background:transparent}
.fwd-tw th.fwd-l{text-align:left;padding-left:20px}
.fwd-tw td{padding:11px 8px;text-align:center;border:0;border-bottom:1px solid var(--hair-2);font-size:15px}
.fwd-tw td.fwd-l{text-align:left;padding-left:20px}
.fwd-tw td.fwd-n{font-variant-numeric:tabular-nums}
/* cards run «■ ×1  ■■ ×1»: wider than a figure, and kept clear of the edge */
.fwd-tw th:last-child{width:170px}
.fwd-tw th:last-child,.fwd-tw td:last-child{padding-right:20px}
.fwd-tw tbody tr:hover td{background-color:var(--surface-2)}
.fwd-tw tr.fwd-cup td{background:var(--surface-2);font-weight:800;font-size:14px;padding-top:10px;
  padding-bottom:10px;border-top:1px solid var(--hair)}
.fwd-tw tr.fwd-cup td span{font-weight:500;color:var(--faint);margin-left:8px;font-size:13px}
.fwd-lg{display:block;font-weight:600}
.fwd-lg:hover{color:var(--gold-ink)}
/* the club goes on a second line under the league: as a column of its own it
   pushed the figures off the edge of a phone */
.fwd-club{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:13px;color:var(--muted)}
.fwd-club img{width:18px;height:18px;object-fit:contain}
.fwd-tw tr.fwd-tot td{font-weight:800;border-top:1px solid var(--hair);border-bottom:0}
.fwd-tw tr.fwd-tot td.fwd-l span{display:block;font-weight:500;font-size:12.5px;color:var(--faint)}

/* games */
.fwd-dayh{display:flex;align-items:baseline;gap:10px;padding:12px 20px;background:var(--surface-2);
  border-top:1px solid var(--hair);border-bottom:1px solid var(--hair-2)}
.fwd-dayh b{font-size:14.5px;font-weight:800}
.fwd-dayh span{font-size:13px;color:var(--faint)}
/* goals and cards with words take more than 64px; a fixed width, so that every
   row keeps the score in one line with the others */
@media (min-width:761px){.fwd-mt{grid-template-columns:92px minmax(0,1fr) auto minmax(0,1fr) 150px 100px}}
.fwd-mt .fwd-marks{justify-self:start;display:flex;gap:12px;align-items:center}
/* in the games list the goals are drawn like the cards next to them: the ball
   and the count, nothing round it */
.fwd-mt .fwd-gb{background:none;border:0;padding:0;font-size:14px;color:var(--ink-2)}
.fwd-mt .fwd-gb i{width:17px;height:17px}
.fwd-more{display:block;width:100%;font:inherit;cursor:pointer;background:none;border:0;
  border-top:1px solid var(--hair);padding:14px 20px;font-weight:600;color:var(--navy-2)}
/* Rookie paints every focused or pressed button teal */
.fwd-more:focus,.fwd-more:active{background:none}
.fwd-more:hover{background:var(--surface-2);color:var(--gold-ink)}
.fwd-past[hidden]{display:none}

@media (max-width:760px){
  .fwd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fwd-tile:nth-child(2n){border-left:1px solid var(--hair-2)}
  .fwd-tile:nth-child(n+3){border-top:1px solid var(--hair-2)}
  .fwd-mt .fwd-marks,.fwd-go{grid-column:1/4;justify-self:start;text-align:left;justify-content:flex-start}
}
@media (max-width:620px){
  .fwd-card{grid-template-columns:minmax(0,1fr);padding:16px}
  .fwd-photo{width:120px;height:120px}
  .fwd-card h1{font-size:28px}
  /* the competition keeps the width: figures narrow, cards one kind a line */
  .fwd-tw th:not(.fwd-l){width:48px}
  .fwd-tw th:last-child{width:64px}
  .fwd-tw .fwd-cards{flex-direction:column;align-items:flex-start;gap:4px}
}