/* Fantasy Tracker: todo va dentro de .ft-app para no chocar con el tema. */
.ft-app{
  --ft-bg:#0F1419;--ft-panel:#171E26;--ft-panel2:#1E2833;--ft-line:#232C36;--ft-line2:#2C3846;
  --ft-text:#E8EDF2;--ft-muted:#8B98A5;--ft-up:#4ADE80;--ft-down:#FF7A7A;
  background:var(--ft-bg);color:var(--ft-text);border-radius:16px;padding:24px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.4;
  text-align:left;max-width:100%;
}
.ft-app *,.ft-app *::before,.ft-app *::after{box-sizing:border-box}
.ft-app h1,.ft-app h2{font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-stretch:condensed;font-weight:700;margin:0;padding:0;color:var(--ft-text);letter-spacing:0;text-transform:none;line-height:1.1}
.ft-app h1{font-size:44px}
.ft-app h2{font-size:24px}
.ft-app p{margin:0}
.ft-app button,.ft-app input{font:inherit;color:inherit;margin:0;text-transform:none;letter-spacing:normal;box-shadow:none;border-radius:0}
.ft-app .ft-up{color:var(--ft-up)}
.ft-app .ft-down{color:var(--ft-down)}
.ft-app .ft-muted{color:var(--ft-muted)}
.ft-app .ft-msg{padding:32px 0;text-align:center;color:var(--ft-muted)}
.ft-app .ft-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;margin-bottom:20px}
.ft-app .ft-top p{color:var(--ft-muted);font-size:13px}
.ft-app .ft-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ft-app .ft-kpi{background:var(--ft-panel);border-radius:12px;padding:16px}
.ft-app .ft-kpi small{display:block;font-size:13px;color:var(--ft-muted)}
.ft-app .ft-kpi b{display:block;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;font-stretch:condensed;font-size:38px;line-height:1.15}
.ft-app .ft-cols{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.ft-app .ft-card{background:var(--ft-panel);border-radius:12px;padding:20px}
.ft-app .ft-cols .ft-card{flex:1 1 360px;min-width:0}
.ft-app .ft-card h2{margin-bottom:8px}
.ft-app .ft-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;background:none;border:0;border-top:1px solid var(--ft-line);text-align:left;cursor:pointer;min-height:44px}
.ft-app .ft-item:hover .ft-nm{color:var(--ft-up)}
.ft-app .ft-who{flex:1 1 auto;min-width:0}
.ft-app .ft-nm{display:block;font-weight:700;font-size:15px}
.ft-app .ft-sub{display:block;font-size:12px;color:var(--ft-muted)}
.ft-app .ft-num{width:92px;text-align:right;flex:none}
.ft-app .ft-num b{display:block;font-size:15px}
.ft-app .ft-num span{font-size:12px;font-weight:700}
.ft-app .ft-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ft-app .ft-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ft-app .ft-pill{padding:8px 14px;border-radius:999px;background:var(--ft-panel2);border:0;font-weight:600;font-size:13px;cursor:pointer;min-height:36px;color:var(--ft-text)}
.ft-app .ft-pill[aria-pressed="true"]{background:var(--ft-up);color:#0F1419;font-weight:700}
.ft-app .ft-search{width:240px;max-width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--ft-line2);background:var(--ft-bg);font-size:14px;color:var(--ft-text)}
.ft-app .ft-search:focus-visible,.ft-app .ft-pill:focus-visible,.ft-app .ft-item:focus-visible,.ft-app th button:focus-visible,.ft-app tr:focus-visible,.ft-app .ft-close:focus-visible,.ft-app .ft-star:focus-visible{outline:2px solid var(--ft-up);outline-offset:2px}
.ft-app .ft-scroll{overflow-x:auto}
.ft-app table{width:100%;min-width:860px;border-collapse:collapse;font-size:14px;margin:0;border:0;background:none}
.ft-app th{font-size:12px;color:var(--ft-muted);font-weight:700;text-align:left;padding:10px 12px 10px 0;white-space:nowrap;border:0;background:none}
.ft-app th button{background:none;border:0;padding:0;font-weight:700;color:inherit;cursor:pointer;text-transform:uppercase}
.ft-app th.r,.ft-app td.r{text-align:right}
.ft-app td{padding:10px 12px 10px 0;border:0;border-top:1px solid var(--ft-line);background:none;color:var(--ft-text)}
.ft-app tbody tr{cursor:pointer;background:none}
.ft-app tbody tr:hover td.n{color:var(--ft-up)}
.ft-app td.n{font-weight:700}
.ft-app td.n a{color:inherit;text-decoration:none}
.ft-app td.n a:hover{color:var(--ft-up);text-decoration:underline}
.ft-app.ft-player{margin:0 0 28px;padding:20px}
.ft-app.ft-player h2{font-size:22px;margin:0 0 8px}
.ft-app.ft-player table{min-width:0}
.ft-app.ft-player .ft-chartbox{margin-top:12px}
.ft-app.ft-player .ft-foot a{color:var(--ft-up)}
.ft-app .ft-star{background:none;border:0;cursor:pointer;font-size:18px;color:var(--ft-muted);padding:4px;min-width:32px;min-height:32px}
.ft-app .ft-star[aria-pressed="true"]{color:#FACC15}
.ft-app .ft-foot{margin-top:12px;font-size:12px;color:var(--ft-muted)}
/* ficha */
.ft-app .ft-overlay{position:fixed;inset:0;background:rgba(5,8,12,.72);display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:32px 16px;z-index:100000}
.ft-app .ft-overlay.ft-open{display:flex}
.ft-app .ft-modal{background:var(--ft-bg);border:1px solid var(--ft-line2);border-radius:16px;width:100%;max-width:900px;padding:24px;color:var(--ft-text)}
.ft-app .ft-mhead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.ft-app .ft-mhead h2{font-size:44px}
.ft-app .ft-big{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;font-stretch:condensed;font-weight:700;font-size:44px;line-height:1}
.ft-app .ft-close{background:var(--ft-panel2);border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer;color:var(--ft-text)}
.ft-app .ft-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.ft-app .ft-stat{background:var(--ft-panel);border-radius:12px;padding:14px}
.ft-app .ft-stat small{display:block;font-size:12px;color:var(--ft-muted)}
.ft-app .ft-stat b{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;font-stretch:condensed;font-size:28px;line-height:1.2}
.ft-app .ft-chartbox{background:var(--ft-panel);border-radius:12px;padding:16px}
.ft-app .ft-chartbox svg{display:block;width:100%;height:auto}
.ft-app .ft-readout{font-size:13px;color:var(--ft-muted);min-height:20px}
@media (max-width:760px){
  .ft-app{padding:16px;border-radius:12px}
  .ft-app h1{font-size:34px}
  .ft-app .ft-kpis,.ft-app .ft-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-app .ft-search{width:100%}
  .ft-app .ft-mhead h2,.ft-app .ft-big{font-size:34px}
  .ft-app .ft-num{width:80px}
}

/* Insignias de equipo e iconos de posición */
.ft-app .ft-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:10px;font-weight:800;letter-spacing:.02em;flex:none;box-shadow:inset 0 0 0 2px rgba(0,0,0,.18)}
.ft-app .ft-namecell{display:flex;align-items:center;gap:10px}
.ft-app .ft-pos{display:inline-block;min-width:34px;padding:1px 6px;border-radius:6px;font-size:11px;font-weight:800;text-align:center;color:#0F1419;vertical-align:1px}
.ft-app .ft-pos-por{background:#F5C451}.ft-app .ft-pos-def{background:#6CB4FF}.ft-app .ft-pos-med{background:#4ADE80}.ft-app .ft-pos-del{background:#FF7A7A}
.ft-app .ft-player-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}

/* Comparador */
.ft-app .ft-cmp-pick{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.ft-app .ft-cmp-pick label{flex:1 1 220px}
.ft-app .ft-cmp-pick .ft-search{width:100%;margin-top:4px}
.ft-app table.ft-cmp{width:100%;border-collapse:collapse;margin-bottom:12px}
.ft-app table.ft-cmp th,.ft-app table.ft-cmp td{padding:10px 8px;border-top:1px solid var(--ft-line);font-size:14px;text-align:left}
.ft-app table.ft-cmp th[scope=row]{color:var(--ft-muted);font-weight:600}
.ft-app table.ft-cmp .r{text-align:right}
.ft-app table.ft-cmp td.ft-best{font-weight:800;color:var(--ft-up)}

/* Logos, equipos y calendario */
.ft-app .ft-bw{display:inline-flex;flex:none;width:32px;height:32px;align-items:center;justify-content:center}
.ft-app .ft-bw .ft-badge{display:none}
.ft-app .ft-bw.ft-nocrest .ft-badge{display:inline-flex}
.ft-app .ft-bw.ft-nocrest .ft-crest{display:none}
.ft-app .ft-crest{object-fit:contain;max-width:100%;height:auto;background:none;border:0;box-shadow:none}
.ft-app .ft-team-head{display:flex;align-items:center;gap:16px;margin-bottom:8px}
.ft-app .ft-squad{list-style:none;margin:0;padding:0}
.ft-app .ft-squad li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--ft-line);font-size:14px}
.ft-app .ft-squad a{color:var(--ft-text);font-weight:700;text-decoration:none}
.ft-app .ft-squad a:hover{color:var(--ft-up)}
.ft-app .ft-fdr{display:inline-block;min-width:28px;padding:2px 8px;border-radius:6px;font-weight:800;text-align:center;color:#0F1419}
.ft-app .ft-fdr-1{background:#2EBD6B;color:#04210F}.ft-app .ft-fdr-2{background:#9BE26B;color:#142503}.ft-app .ft-fdr-3{background:#F5C451;color:#2B1F00}.ft-app .ft-fdr-4{background:#FF9A5C;color:#2E1100}.ft-app .ft-fdr-5{background:#FF5C5C;color:#2E0000}
.ft-app table.ft-grid{width:100%;border-collapse:separate;border-spacing:3px;min-width:560px}
.ft-app table.ft-grid th,.ft-app table.ft-grid td{padding:8px;font-size:13px;text-align:center}
.ft-app table.ft-grid th:first-child{text-align:left;font-weight:700}
.ft-app table.ft-grid td.r,.ft-app table.ft-grid th.r{text-align:right}
.ft-app table.ft-grid td[class^=ft-fdr-]{border-radius:6px;font-weight:700}
.ft-app table.ft-grid td.ft-fdr-1{background:#2EBD6B;color:#04210F}.ft-app table.ft-grid td.ft-fdr-2{background:#9BE26B;color:#142503}.ft-app table.ft-grid td.ft-fdr-3{background:#F5C451;color:#2B1F00}.ft-app table.ft-grid td.ft-fdr-4{background:#FF9A5C;color:#2E1100}.ft-app table.ft-grid td.ft-fdr-5{background:#FF5C5C;color:#2E0000}.ft-app table.ft-grid td.ft-fdr-0{background:var(--ft-panel2);color:var(--ft-muted)}
.ft-app table.ft-grid .ft-namecell a{color:var(--ft-text);text-decoration:none}

/* Formato compacto tipo clasificación */
.ft-app .ft-teamname{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;font-stretch:condensed;font-size:26px;font-weight:700;line-height:1.1}
.ft-app .ft-h2s{font-size:18px;margin:18px 0 6px}
.ft-app table.ft-t{width:100%;min-width:0;border-collapse:collapse}
.ft-app table.ft-t th{padding:6px 8px;font-size:12px;text-align:left;color:var(--ft-muted);text-transform:uppercase;letter-spacing:.04em;border:0;background:none;white-space:nowrap}
.ft-app table.ft-t td{padding:6px 8px;font-size:14px;border-top:1px solid var(--ft-line);vertical-align:middle;background:none}
.ft-app table.ft-t th.r,.ft-app table.ft-t td.r{text-align:right}
.ft-app table.ft-t td.n a{color:var(--ft-text);text-decoration:none}
.ft-app table.ft-t td.n a:hover{color:var(--ft-up)}
.ft-app table.ft-t .ft-namecell{gap:8px;display:flex;align-items:center}
.ft-app table.ft-stand td:first-child{width:36px;font-weight:800;border-left:4px solid transparent}
.ft-app table.ft-stand td.ft-z-cl{border-left-color:#2EBD6B}
.ft-app table.ft-stand td.ft-z-el{border-left-color:#6CB4FF}
.ft-app table.ft-stand td.ft-z-rd{border-left-color:#FF5C5C}
.ft-app .ft-next{display:inline-flex;gap:4px}
.ft-app .ft-next .ft-fdr{min-width:38px;padding:2px 6px;font-size:11px}
.ft-app.ft-lite .ft-team-head{margin-bottom:4px}

.ft-app .ft-lineups{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.ft-app .ft-lu{border:1px solid rgba(128,128,128,.25);border-radius:12px;padding:10px;background:rgba(128,128,128,.05)}
.ft-app .ft-lu-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ft-app .ft-lu-h .ft-muted{margin-left:auto;font-size:12px}
.ft-app .ft-line{display:flex;justify-content:space-around;gap:4px;margin:6px 0}
.ft-app .ft-pl{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:12px;flex:1;min-width:0}
.ft-app .ft-pl .ft-pn{font-weight:600;overflow-wrap:anywhere}
.ft-app .ft-filter{display:flex;flex-wrap:wrap;gap:6px}
.ft-app .ft-chip{padding:4px 10px;border-radius:999px;border:1px solid rgba(128,128,128,.35);font-size:13px;text-decoration:none}
.ft-app .ft-chip.on{background:#1f9d55;color:#fff;border-color:#1f9d55}