:root {
  --fdf-ei-bg: #071723;
  --fdf-ei-panel: rgba(10, 35, 50, .94);
  --fdf-ei-panel-2: rgba(13, 45, 62, .95);
  --fdf-ei-border: rgba(108, 205, 230, .2);
  --fdf-ei-text: #f7fbff;
  --fdf-ei-muted: #9cb4c2;
  --fdf-ei-blue: #1398ff;
  --fdf-ei-green: #20b757;
  --fdf-ei-gold: #f6c94c;
  --fdf-ei-danger: #ff5964;
}

/* Página dedicada: ancho completo sin sidebar del tema. */
body.fdf-ei-fullwidth-page #secondary,
body.fdf-ei-fullwidth-page .widget-area,
body.fdf-ei-fullwidth-page .sidebar,
body.fdf-ei-fullwidth-page aside#sidebar,
body.fdf-ei-fullwidth-page .td-ss-main-sidebar,
body.fdf-ei-fullwidth-page .td-pb-span4 { display:none!important; }
body.fdf-ei-fullwidth-page { overflow-x:hidden; }
body.fdf-ei-fullwidth-page .fdf-ei-page-main,
body.fdf-ei-fullwidth-page .fdf-ei-page-content {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
}
body.fdf-ei-fullwidth-page #content,
body.fdf-ei-fullwidth-page .site-content,
body.fdf-ei-fullwidth-page .content-area,
body.fdf-ei-fullwidth-page .site-main {
  width:100%!important;
  max-width:none!important;
  float:none!important;
}
body.fdf-ei-fullwidth-page .fdf-ei-app {
  width:calc(100vw - 32px)!important;
  max-width:1540px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.fdf-ei-app,
.fdf-ei-app * { box-sizing: border-box; }
.fdf-ei-app button,
.fdf-ei-app input,
.fdf-ei-app select { font: inherit; }
.fdf-ei-app [hidden] { display:none !important; }
.fdf-ei-app {
  width: calc(100% - 24px);
  max-width: 1540px;
  margin: 24px auto;
  padding: 18px;
  color: var(--fdf-ei-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 20% 0%, rgba(20, 150, 255, .18), transparent 34%),
    radial-gradient(circle at 85% 80%, rgba(28, 188, 91, .13), transparent 35%),
    linear-gradient(145deg, #05121d, #071d2a 58%, #061a18);
  border: 1px solid rgba(118, 207, 232, .18);
  border-radius: 26px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .3);
  overflow: hidden;
  min-width: 0;
}
.fdf-ei-hero { display:flex; gap:18px; align-items:center; padding:14px 16px 22px; }
.fdf-ei-brand { display:flex; gap:14px; align-items:center; min-width:0; }
.fdf-ei-brand-mark { width:58px; height:66px; display:grid; place-items:center; color:white; font-size:28px; background:linear-gradient(145deg,#153d58,#061725); border:2px solid #67d7ff; clip-path:polygon(50% 0,95% 14%,91% 68%,50% 100%,9% 68%,5% 14%); filter:drop-shadow(0 8px 18px rgba(18,154,255,.35)); }
.fdf-ei-brand h1 { margin:0; font-size:clamp(26px,3vw,42px); line-height:1; letter-spacing:-.04em; text-transform:uppercase; }
.fdf-ei-brand h1 strong { color:var(--fdf-ei-blue); }
.fdf-ei-brand p { margin:5px 0 0; color:var(--fdf-ei-muted); }
.fdf-ei-kicker { margin:0 0 5px!important; color:#c8e8f4!important; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.fdf-ei-progress { margin-left:auto; min-width:115px; text-align:center; padding:10px 15px; background:rgba(255,255,255,.05); border:1px solid var(--fdf-ei-border); border-radius:16px; }
.fdf-ei-progress span { font-size:26px; font-weight:900; }
.fdf-ei-progress small { color:var(--fdf-ei-muted); margin-left:3px; }
.fdf-ei-toolbar { display:flex; gap:8px; }
.fdf-ei-icon-button { width:42px; height:42px; color:white; background:rgba(255,255,255,.06); border:1px solid var(--fdf-ei-border); border-radius:12px; cursor:pointer; font-size:22px; }
.fdf-ei-icon-button:hover:not(:disabled) { background:rgba(19,152,255,.18); border-color:rgba(19,152,255,.5); }
.fdf-ei-icon-button:disabled { opacity:.35; cursor:not-allowed; }

.fdf-ei-layout { display:grid; grid-template-columns:minmax(270px,320px) minmax(480px,1fr) minmax(240px,285px); gap:14px; align-items:start; min-width:0; }
.fdf-ei-layout > * { min-width:0; }
.fdf-ei-panel,
.fdf-ei-pitch-panel { border:1px solid var(--fdf-ei-border); border-radius:20px; background:linear-gradient(180deg,var(--fdf-ei-panel-2),var(--fdf-ei-panel)); box-shadow:inset 0 1px rgba(255,255,255,.04); }
.fdf-ei-panel { padding:16px; }
.fdf-ei-panel-title,
.fdf-ei-pitch-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; }
.fdf-ei-panel-title > div,
.fdf-ei-pitch-heading > div { display:flex; align-items:center; gap:9px; }
.fdf-ei-panel-title h2,
.fdf-ei-pitch-heading h2 { margin:0; font-size:18px; }
.fdf-ei-step { display:grid; place-items:center; width:31px; height:31px; border:1px solid rgba(19,152,255,.4); border-radius:10px; color:#6dc5ff; font-size:11px; font-weight:900; }
.fdf-ei-status { color:#74d993; font-size:10px; font-weight:800; padding:5px 8px; border-radius:999px; background:rgba(32,183,87,.12); }
.fdf-ei-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.fdf-ei-fields label,
.fdf-ei-formation-control { display:grid; gap:6px; }
.fdf-ei-fields label > span,
.fdf-ei-formation-control > span { color:var(--fdf-ei-muted); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.fdf-ei-field-wide { grid-column:1 / -1; }
.fdf-ei-fields select,
.fdf-ei-fields input,
.fdf-ei-formation-control select { width:100%; min-height:42px; padding:0 12px; color:white; background:#0a2332; border:1px solid rgba(141,210,229,.2); border-radius:11px; outline:none; }
.fdf-ei-fields select:focus,
.fdf-ei-fields input:focus,
.fdf-ei-formation-control select:focus { border-color:rgba(19,152,255,.8); box-shadow:0 0 0 3px rgba(19,152,255,.12); }
.fdf-ei-fields option,
.fdf-ei-formation-control option { color:#081620; background:#fff; }
.fdf-ei-search { position:relative; }
.fdf-ei-club-summary { display:grid; grid-template-columns:42px 1fr auto; gap:10px; align-items:center; margin:13px 0; padding:10px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); border-radius:13px; }
.fdf-ei-club-summary img { width:42px; height:42px; object-fit:contain; }
.fdf-ei-club-summary strong,
.fdf-ei-club-summary small { display:block; }
.fdf-ei-club-summary small { color:var(--fdf-ei-muted); margin-top:2px; }
.fdf-ei-club-summary > span { color:var(--fdf-ei-gold); font-size:13px; font-weight:900; }
.fdf-ei-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin:13px 0 10px; }
.fdf-ei-tabs button { min-width:0; min-height:36px; padding:6px 2px; color:#b9ced8; background:transparent; border:1px solid rgba(255,255,255,.09); border-radius:8px; cursor:pointer; font-size:10px; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fdf-ei-tabs button.is-active { color:white; background:linear-gradient(135deg,#0d82df,#145fbd); border-color:#269cff; }
.fdf-ei-player-list { max-height:590px; overflow:auto; padding-right:4px; scrollbar-width:thin; scrollbar-color:#2f718e transparent; }
.fdf-ei-player-card { display:grid; grid-template-columns:52px 1fr; gap:10px; align-items:center; width:100%; margin:0 0 8px; padding:8px; color:white; text-align:left; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); border-radius:12px; cursor:grab; }
.fdf-ei-player-card:hover { transform:translateY(-1px); background:rgba(19,152,255,.11); border-color:rgba(19,152,255,.4); }
.fdf-ei-player-card.is-used { opacity:.42; cursor:not-allowed; }
.fdf-ei-player-card img { width:52px; height:58px; border-radius:9px; object-fit:cover; object-position:top center; background:#122f40; }
.fdf-ei-player-card strong { display:block; font-size:13px; line-height:1.2; }
.fdf-ei-player-card small { display:block; margin-top:5px; color:var(--fdf-ei-muted); font-size:10px; }
.fdf-ei-empty-state { min-height:250px; display:grid; place-content:center; text-align:center; color:var(--fdf-ei-muted); padding:25px; }
.fdf-ei-empty-state span { font-size:33px; }
.fdf-ei-empty-state p { max-width:210px; margin:10px auto 0; font-size:13px; }

.fdf-ei-pitch-panel { padding:16px; }
.fdf-ei-formation-control { grid-template-columns:auto 110px; align-items:center; }
.fdf-ei-pitch-controls { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
.fdf-ei-flexible-control { display:flex; align-items:center; gap:7px; min-height:42px; padding:0 10px; color:#d6edf7; background:rgba(255,255,255,.04); border:1px solid rgba(141,210,229,.16); border-radius:11px; cursor:pointer; font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
.fdf-ei-flexible-control input { width:16px; height:16px; margin:0; accent-color:var(--fdf-ei-blue); }
.fdf-ei-capture { position:relative; padding:14px; background:linear-gradient(180deg,#082235,#071724); border-radius:17px; overflow:hidden; }
.fdf-ei-capture-brand,
.fdf-ei-capture-footer { display:flex; justify-content:space-between; align-items:center; gap:10px; color:white; font-weight:900; }
.fdf-ei-capture-brand { margin-bottom:9px; text-transform:uppercase; letter-spacing:.05em; }
.fdf-ei-capture-brand small { color:#79c8ee; font-size:10px; }
.fdf-ei-capture-footer { margin-top:8px; font-size:11px; color:#a5c4d3; }
.fdf-ei-pitch { position:relative; width:min(100%,720px); aspect-ratio:.70; min-height:0; margin:0 auto; border:3px solid rgba(255,255,255,.78); border-radius:8px; overflow:hidden; background-color:#16763b; background-image:none; box-shadow:0 18px 35px rgba(0,0,0,.23); }
.fdf-ei-pitch::before,
.fdf-ei-pitch::after { display:none; }
.fdf-ei-field-markings { position:absolute; inset:0; z-index:1; pointer-events:none; color:rgba(255,255,255,.72); }
.fdf-ei-halfway-line { position:absolute; left:0; right:0; top:50%; border-top:2px solid currentColor; }
.fdf-ei-center-circle { position:absolute; left:50%; top:50%; width:18%; aspect-ratio:1; transform:translate(-50%,-50%); border:2px solid currentColor; border-radius:50%; }
.fdf-ei-center-spot,
.fdf-ei-penalty-spot { position:absolute; width:5px; height:5px; margin:-2.5px 0 0 -2.5px; background:currentColor; border-radius:50%; }
.fdf-ei-center-spot { left:50%; top:50%; }
.fdf-ei-penalty-area,
.fdf-ei-goal-area { position:absolute; left:50%; transform:translateX(-50%); border:2px solid currentColor; }
.fdf-ei-penalty-area { width:52%; height:16%; }
.fdf-ei-goal-area { width:24%; height:7%; }
.fdf-ei-penalty-area.is-top,
.fdf-ei-goal-area.is-top { top:-2px; border-top:0; }
.fdf-ei-penalty-area.is-bottom,
.fdf-ei-goal-area.is-bottom { bottom:-2px; border-bottom:0; }
.fdf-ei-penalty-spot { left:50%; }
.fdf-ei-penalty-spot.is-top { top:11%; }
.fdf-ei-penalty-spot.is-bottom { top:89%; }
.fdf-ei-penalty-arc { position:absolute; left:50%; width:18%; height:8%; transform:translateX(-50%); border:2px solid currentColor; border-radius:50%; }
.fdf-ei-penalty-arc.is-top { top:12.5%; border-top-color:transparent; border-left-color:transparent; border-right-color:transparent; }
.fdf-ei-penalty-arc.is-bottom { bottom:12.5%; border-bottom-color:transparent; border-left-color:transparent; border-right-color:transparent; }
.fdf-ei-corner { position:absolute; width:18px; height:18px; border:2px solid currentColor; border-radius:50%; }
.fdf-ei-corner.tl { left:-10px; top:-10px; }
.fdf-ei-corner.tr { right:-10px; top:-10px; }
.fdf-ei-corner.bl { left:-10px; bottom:-10px; }
.fdf-ei-corner.br { right:-10px; bottom:-10px; }
.fdf-ei-slot { position:absolute; left:var(--x); top:var(--y); width:132px; min-height:112px; transform:translate(-50%,-50%); z-index:2; padding:4px; color:white; background:rgba(4,22,32,.68); border:1px dashed rgba(255,255,255,.52); border-radius:15px; cursor:pointer; text-align:center; line-height:normal; overflow:visible; appearance:none; -webkit-appearance:none; transition:.15s ease; }
.fdf-ei-slot:hover,
.fdf-ei-slot.is-target { background:rgba(14,107,162,.85); border-style:solid; border-color:#72d8ff; transform:translate(-50%,-50%) scale(1.03); }
.fdf-ei-slot.has-player { background:transparent; border-color:transparent; box-shadow:none; }
.fdf-ei-slot.has-player:hover { background:rgba(5,27,39,.18); border-color:rgba(255,255,255,.16); }
.fdf-ei-slot-role { display:grid; place-items:center; min-height:102px; color:rgba(255,255,255,.78); font-size:11px; font-weight:800; text-transform:uppercase; }
.fdf-ei-on-pitch-player { position:relative; display:grid; place-items:center; gap:3px; width:100%; overflow:visible; }
.fdf-ei-on-pitch-player > img { width:84px; height:84px; object-fit:cover; object-position:top; border:2px solid white; border-radius:50%; background:#163a4a; box-shadow:0 6px 12px rgba(0,0,0,.28); }
.fdf-ei-on-pitch-player strong { display:flex; align-items:center; justify-content:center; width:128px; max-width:128px; min-height:24px; padding:3px 8px 4px; color:white; text-align:center; background:#051c36; border:1px solid rgba(95,193,255,.45); border-radius:7px; font-size:12px; line-height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fdf-ei-on-pitch-player small { color:#e6f6ff; font-size:9px; }
.fdf-ei-club-tag { display:flex; align-items:center; justify-content:center; gap:6px; width:100%; max-width:128px; min-height:19px; overflow:visible; }
.fdf-ei-club-tag img { width:17px; height:17px; object-fit:contain; flex:0 0 auto; filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)); }
.fdf-ei-country-flag { display:block; width:20px; height:15px; flex:0 0 auto; object-fit:cover; border-radius:2px; filter:drop-shadow(0 1px 2px rgba(0,0,0,.35)); }
.fdf-ei-club-tag small { display:none; }
.fdf-ei-remove-player { position:absolute; right:-2px; top:-2px; display:none; width:20px; height:20px; place-items:center; padding:0; color:white; background:var(--fdf-ei-danger); border:0; border-radius:50%; font-size:15px; cursor:pointer; }
.fdf-ei-slot:hover .fdf-ei-remove-player { display:grid; }
.fdf-ei-watermark { position:absolute; left:28px; bottom:22px; z-index:5; display:grid; place-items:center; width:108px; min-height:49px; padding:5px 8px; background:rgba(255,255,255,.88); border-radius:8px; box-shadow:0 5px 14px rgba(0,0,0,.22); pointer-events:none; }
.fdf-ei-watermark img { display:block; width:100%; height:auto; }
.fdf-ei-pitch-help { margin:11px 0 0; color:var(--fdf-ei-muted); text-align:center; font-size:11px; }

.fdf-ei-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.fdf-ei-metrics article { padding:12px 6px; text-align:center; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(255,255,255,.035); }
.fdf-ei-metrics span { display:block; font-size:20px; font-weight:900; }
.fdf-ei-metrics small { color:var(--fdf-ei-muted); font-size:9px; text-transform:uppercase; }
.fdf-ei-selected-list { margin:13px 0; max-height:435px; overflow:auto; }
.fdf-ei-selected-row { display:grid; grid-template-columns:32px 1fr auto; gap:8px; align-items:center; padding:7px 2px; border-bottom:1px solid rgba(255,255,255,.07); }
.fdf-ei-selected-row img { width:32px; height:32px; object-fit:cover; border-radius:50%; background:#133749; }
.fdf-ei-selected-row strong { display:block; font-size:11px; }
.fdf-ei-selected-row small { color:var(--fdf-ei-muted); font-size:9px; }
.fdf-ei-selected-row button { color:#ff8490; background:transparent; border:0; cursor:pointer; }
.fdf-ei-muted { color:var(--fdf-ei-muted); font-size:12px; }
.fdf-ei-actions { display:grid; gap:8px; }
.fdf-ei-button { min-height:43px; padding:0 15px; border-radius:11px; border:1px solid transparent; cursor:pointer; font-weight:800; }
.fdf-ei-button-primary { color:white; background:linear-gradient(135deg,#148ee9,#0869ca); }
.fdf-ei-button-secondary { color:white; background:linear-gradient(135deg,#29b65a,#13853b); }
.fdf-ei-button-standard { color:#e8f6ff; background:rgba(19,152,255,.13); border-color:rgba(65,177,255,.35); }
.fdf-ei-button-ghost { color:#cce8f6; background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.13); }
.fdf-ei-feedback { min-height:18px; margin:9px 0 0; color:#79dda0; font-size:11px; text-align:center; }

.fdf-ei-player-sheet[hidden] { display:none; }
.fdf-ei-player-sheet { position:fixed; inset:0; z-index:999999; display:grid; place-items:end center; }
.fdf-ei-sheet-backdrop { position:absolute; inset:0; width:100%; border:0; background:rgba(0,0,0,.68); }
.fdf-ei-sheet-dialog { position:relative; z-index:1; width:min(680px,100%); max-height:82vh; padding:11px 16px 18px; color:white; background:#0a2231; border:1px solid rgba(117,210,237,.25); border-radius:22px 22px 0 0; overflow:auto; box-shadow:0 -24px 60px rgba(0,0,0,.38); }
.fdf-ei-sheet-handle { width:52px; height:5px; margin:0 auto 12px; background:#6d8997; border-radius:9px; }
.fdf-ei-sheet-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.fdf-ei-sheet-header small { color:#79c8ee; text-transform:uppercase; }
.fdf-ei-sheet-header h3 { margin:3px 0 0; }
.fdf-ei-sheet-note { margin:5px 0 0; color:#8ec7df; font-size:10px; line-height:1.35; }
.fdf-ei-sheet-header button { width:36px; height:36px; color:white; background:rgba(255,255,255,.08); border:0; border-radius:50%; font-size:24px; }
.fdf-ei-sheet-list { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.fdf-ei-sheet-list .fdf-ei-player-card { margin:0; }


/* Exportación PNG consistente en computadora y móvil. */
.fdf-ei-app.fdf-ei-export-host {
  position:fixed!important;
  left:-12000px!important;
  top:0!important;
  z-index:-1!important;
  width:980px!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.fdf-ei-capture.is-exporting {
  width:920px!important;
  max-width:none!important;
  padding:24px 26px 22px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-capture-brand {
  min-height:42px;
  margin-bottom:12px!important;
  font-size:28px!important;
  line-height:1.1!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-capture-brand small {
  font-size:19px!important;
  line-height:1.1!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-pitch {
  width:848px!important;
  max-width:none!important;
  aspect-ratio:.70!important;
  border-width:4px!important;
  border-radius:12px!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-slot {
  width:172px!important;
  min-height:160px!important;
  padding:4px!important;
  border-radius:15px!important;
  overflow:visible!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-on-pitch-player {
  gap:4px!important;
  overflow:visible!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-on-pitch-player > img {
  width:118px!important;
  height:118px!important;
  border-width:3px!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-on-pitch-player strong {
  display:flex!important;
  width:178px!important;
  max-width:178px!important;
  min-height:38px!important;
  padding:6px 12px 7px!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:22px!important;
  overflow:hidden!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-club-tag {
  display:flex!important;
  width:170px!important;
  max-width:170px!important;
  min-height:30px!important;
  gap:10px!important;
  overflow:visible!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-club-tag img {
  width:30px!important;
  height:30px!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-country-flag {
  display:block!important;
  width:34px!important;
  height:24px!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-club-tag small {
  display:none!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-watermark {
  left:60px!important;
  bottom:38px!important;
  width:216px!important;
  min-height:98px!important;
  padding:10px 16px!important;
  border-radius:16px!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-capture-footer {
  min-height:34px;
  margin-top:12px!important;
  font-size:22px!important;
  line-height:1.1!important;
}
.fdf-ei-capture.is-exporting .fdf-ei-remove-player { display:none!important; }


/* Exportación 4:5 optimizada para redes: 1080x1350 CSS, renderizada a 2x. */
.fdf-ei-app.fdf-ei-export-host.is-social-export-host {
  width:1180px!important;
}
.fdf-ei-capture.is-social-export {
  width:1080px!important;
  height:1350px!important;
  max-width:none!important;
  padding:24px 34px 24px!important;
  border-radius:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
.fdf-ei-capture.is-social-export .fdf-ei-capture-brand {
  flex:0 0 50px!important;
  min-height:50px!important;
  margin:0 0 10px!important;
  font-size:34px!important;
  line-height:1!important;
}
.fdf-ei-capture.is-social-export .fdf-ei-capture-brand small {
  font-size:21px!important;
}
.fdf-ei-capture.is-social-export .fdf-ei-pitch {
  flex:0 0 1188px!important;
  width:876px!important;
  height:1188px!important;
  max-width:none!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
  border-width:4px!important;
  border-radius:12px!important;
}
.fdf-ei-capture.is-social-export .fdf-ei-slot {
  width:188px!important;
  min-height:176px!important;
  padding:4px!important;
  border-radius:16px!important;
}
.fdf-ei-capture.is-social-export .fdf-ei-on-pitch-player {
  gap:5px!important;
}
.fdf-ei-capture.is-social-export .fdf-ei-on-pitch-player > img {
  width:132px!important;
  height:132px!important;
  border-width:3px!important;
}
.fdf-ei-capture.is-social-export .fdf-ei-on-pitch-player strong {
  width:196px!important;
  max-width:196px!important;
  min-height:42px!important;
  padding:7px 14px 8px!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:24px!important;
  border-radius:10px!important;
}
.fdf-ei-capture.is-social-export .fdf-ei-club-tag {
  width:196px!important;
  max-width:196px!important;
  min-height:36px!important;
  gap:12px!important;
}
.fdf-ei-capture.is-social-export .fdf-ei-club-tag > img:not(.fdf-ei-country-flag) {
  width:38px!important;
  height:38px!important;
}
.fdf-ei-capture.is-social-export .fdf-ei-country-flag {
  width:42px!important;
  height:30px!important;
}
.fdf-ei-capture.is-social-export .fdf-ei-watermark {
  left:42px!important;
  bottom:34px!important;
  width:205px!important;
  min-height:92px!important;
  padding:9px 14px!important;
  border-radius:15px!important;
}
.fdf-ei-capture.is-social-export .fdf-ei-capture-footer {
  flex:0 0 32px!important;
  min-height:32px!important;
  margin:10px 0 0!important;
  font-size:23px!important;
  line-height:1!important;
}
.fdf-ei-capture.is-social-export .fdf-ei-remove-player { display:none!important; }

@media (max-width:1500px) {
  .fdf-ei-layout { grid-template-columns:minmax(270px,320px) minmax(0,1fr); }
  .fdf-ei-summary-panel { grid-column:1 / -1; }
  .fdf-ei-summary-panel { display:grid; grid-template-columns:220px 1fr 220px; gap:15px; align-items:start; }
  .fdf-ei-summary-panel .fdf-ei-panel-title { grid-column:1 / -1; margin-bottom:0; }
  .fdf-ei-selected-list { max-height:180px; margin:0; }
}
@media (min-width:981px) and (max-width:1120px) {
  .fdf-ei-slot { width:112px; min-height:96px; }
  .fdf-ei-slot-role { min-height:86px; }
  .fdf-ei-on-pitch-player > img { width:72px; height:72px; }
  .fdf-ei-on-pitch-player strong { width:106px; max-width:106px; padding:3px 7px; font-size:10px; }
  .fdf-ei-on-pitch-player small { font-size:8px; }
  .fdf-ei-club-tag { max-width:108px; gap:4px; }
  .fdf-ei-club-tag img { width:14px; height:14px; }
}
@media (max-width:980px) {
  .fdf-ei-app { width:100%; margin:0; padding:10px; border-radius:0; }
  .fdf-ei-hero { padding:10px 5px 16px; flex-wrap:wrap; }
  .fdf-ei-brand-mark { width:45px; height:52px; }
  .fdf-ei-brand p:not(.fdf-ei-kicker) { display:none; }
  .fdf-ei-progress { order:3; width:100%; }
  .fdf-ei-layout { grid-template-columns:1fr; }
  .fdf-ei-browser { order:2; }
  .fdf-ei-pitch-panel { order:1; padding:10px; }
  .fdf-ei-summary-panel { order:3; display:block; }
  .fdf-ei-pitch { min-height:0; width:min(100%,680px); aspect-ratio:.70; }
  .fdf-ei-slot { width:82px; min-height:69px; border-radius:12px; }
  .fdf-ei-slot-role { min-height:59px; font-size:9px; }
  .fdf-ei-on-pitch-player > img { width:48px; height:48px; }
  .fdf-ei-on-pitch-player strong { width:76px; max-width:76px; min-height:18px; font-size:8px; line-height:11px; padding:2px 4px 3px; }
  .fdf-ei-club-tag small { display:none; }
  .fdf-ei-club-tag img { width:13px; height:13px; }
  .fdf-ei-country-flag { width:15px; height:11px; }
  .fdf-ei-player-list { max-height:390px; }
}
@media (max-width:520px) {
  .fdf-ei-brand h1 { font-size:24px; }
  .fdf-ei-toolbar { margin-left:auto; }
  .fdf-ei-pitch-heading { align-items:flex-end; }
  .fdf-ei-pitch-controls { gap:6px; }
  .fdf-ei-flexible-control { min-height:38px; padding:0 8px; font-size:9px; }
  .fdf-ei-formation-control { grid-template-columns:1fr; }
  .fdf-ei-formation-control > span { display:none; }
  .fdf-ei-capture { padding:8px; }
  .fdf-ei-pitch { aspect-ratio:.67; }
  .fdf-ei-slot { width:58px; min-height:59px; padding:2px; }
  .fdf-ei-slot-role { min-height:56px; }
  .fdf-ei-on-pitch-player > img { width:39px; height:39px; }
  .fdf-ei-on-pitch-player strong { width:54px; max-width:54px; min-height:16px; font-size:7px; line-height:9px; padding:2px 3px 3px; }
  .fdf-ei-tabs { grid-template-columns:repeat(2,1fr); }
  .fdf-ei-sheet-list { grid-template-columns:1fr; }
  .fdf-ei-country-flag { width:13px; height:10px; }
  .fdf-ei-watermark { left:18px; bottom:16px; width:76px; min-height:35px; padding:4px 6px; }
}