/* =========================================================
   squad.css — 代表メンバー表（日本/オランダ/スウェーデン/チュニジア）共通
   - 4ページで完全に共通の表・カード部分のみ
   - 各ページは --accent と背景グローだけインラインで指定する
   ========================================================= */

/* サマリー（登録人数・GK/DF など）*/
.summary-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:24px }
.summary-card{ background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:14px; padding:16px; display:flex; flex-direction:column }
.sc-count{ font-family:Anton,sans-serif; font-size:32px; line-height:1; color:var(--accent,var(--red)) }
.sc-label{ margin-top:4px; color:var(--muted); font-size:12px; letter-spacing:.08em; font-weight:700 }
.sc-sep{ display:flex; align-items:center; gap:6px; margin:12px 0 9px; font-family:Anton,sans-serif; font-size:8px; letter-spacing:.18em; color:var(--muted2) }
.sc-sep::before,.sc-sep::after{ content:''; flex:1; height:1px; background:var(--line) }
.sc-avgs{ display:flex; gap:6px; flex-wrap:wrap }
.sc-avg{ display:inline-flex; align-items:center; gap:3px; padding:4px 9px; background:rgba(127,127,127,.07); border:1px solid var(--line); border-radius:999px; font-size:11px; color:var(--muted2); white-space:nowrap }
.sc-avg b{ font-size:12.5px; font-weight:800; color:var(--paper); font-variant-numeric:tabular-nums }

/* PC・タブレット：表 */
.table-card{ background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:0 22px 50px -28px rgba(0,0,0,.9) }
.table-scroll{ overflow-x:auto }
table{ width:100%; min-width:1040px; border-collapse:collapse }
th{ background:rgba(0,0,0,.16); padding:13px 10px; font-size:11px; letter-spacing:.08em; color:var(--muted); text-align:left; white-space:nowrap; border-bottom:1px solid var(--line2) }
td{ padding:13px 10px; border-top:1px solid var(--line); font-size:13px; color:#cfd5e0; vertical-align:top }
.num,.age,.phys,.caps{ font-variant-numeric:tabular-nums; white-space:nowrap }
.pos{ display:inline-flex; justify-content:center; min-width:42px; border:1px solid var(--line2); border-radius:999px; padding:3px 8px; color:var(--gold); font-size:10px; font-weight:700; letter-spacing:.1em }
.player-name{ font-weight:800; color:#fff }
/* Wikipedia アイコンボタン */
.wiki-icon-btn{
  display:inline-flex; align-items:center; justify-content:center;
  margin-left:7px; vertical-align:middle; text-decoration:none; flex-shrink:0;
}
.wiki-badge{
  display:inline-flex; align-items:center; justify-content:center;
  width:17px; height:17px; border-radius:50%;
  border:1.5px solid rgba(127,127,127,.38);
  font-family:'Times New Roman','Georgia',serif;
  font-size:10.5px; font-weight:700; line-height:1;
  color:var(--muted2); transition:color .15s, border-color .15s;
}
.wiki-icon-btn:hover .wiki-badge,
.wiki-icon-btn:focus-visible .wiki-badge{ color:var(--gold); border-color:var(--gold) }
.wiki-icon-btn:focus-visible{ outline:none }
.kana{ display:block; margin-top:2px; color:var(--muted); font-size:12px }
.club{ color:#eaedf2 }

/* スマホ：カード */
.mobile-list{ display:none }
.player-card{ background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:14px; padding:13px 14px; margin-bottom:10px }
.card-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px }
.card-name{ font-weight:900; color:#fff; font-size:14.5px; line-height:1.25 }
.card-kana{ display:block; color:var(--muted); font-size:12px; margin-top:2px }
.card-meta{ display:flex; flex-wrap:wrap; gap:6px; margin-top:9px }
.chip{ border:1px solid var(--line); background:rgba(127,127,127,.06); border-radius:999px; padding:3px 7px; font-size:11px; color:#cfd5e0 }
.card-club{ margin-top:8px; font-size:12.5px; color:#eaedf2 }
.card-club span{ color:var(--muted) }
.wiki-chip{
  display:inline-flex; align-items:center; gap:6px;
  margin-top:10px; padding:5px 11px;
  border:1px solid var(--line); background:rgba(127,127,127,.06);
  border-radius:999px; font-size:11.5px; font-weight:700; color:var(--muted);
  text-decoration:none; transition:color .15s, border-color .15s;
}
.wiki-chip:hover{ color:var(--gold); border-color:var(--gold) }
.wiki-chip .wiki-badge{ width:15px; height:15px; font-size:9.5px; border-color:inherit; color:inherit }

/* 背番号: Orbitron（デジタル時計風）*/
td.num{
  font-family:'Orbitron', monospace;
  font-size:14px; font-weight:700;
  color:var(--accent,var(--red));
  letter-spacing:-.01em;
}

.note{ margin-top:18px; color:var(--muted); font-size:12px; line-height:1.8 }

@media (max-width:760px){
  .summary-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) }
}
@media (max-width:640px){
  .summary-grid{ grid-template-columns:repeat(2,1fr); gap:8px }
  .summary-card{ padding:12px 10px }
  .sc-count{ font-size:28px }
  .sc-label{ font-size:11px; letter-spacing:.02em }
  .sc-sep{ margin:9px 0 7px; font-size:7px }
  .sc-avg{ font-size:10.5px; padding:3px 7px }
  .sc-avg b{ font-size:11.5px }
  .table-card{ background:transparent; border:0; box-shadow:none; overflow:visible }
  .table-scroll{ display:none }
  .mobile-list{ display:block }
  .section-title{ letter-spacing:.14em }
}
@media (max-width:420px){
  .summary-grid{ grid-template-columns:repeat(2,1fr) }
}