/* ==== Buscador «Marcador» (sep 2026) — /players · /es/jugadores (buscador) ====
   Barra de filtros horizontal (cada filtro es un <details>: desplegable en escritorio, sección de la
   hoja «Filtros» en móvil), mejor coincidencia en búsquedas por nombre y UN marcado de resultados
   (.bq-tr) que se pinta como tabla, como tarjetas (:root[data-bq-view=cards]) o, en móvil, como filas
   Resumen / Stats / Mercado (:root[data-bq-m]). buscador.css sigue aportando los controles
   compartidos (.opts .opt .afil .tgl .sw .rngv .menu); todo lo demás vive aquí. */

.bq .crumbs{padding:var(--s4) 0 0}
.bq .crumbs [aria-current]{color:var(--text-2)}

/* ---- cabecera: H1 + caja de búsqueda con la edición dentro ---- */
.bq-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s7);padding:var(--s4) 0 var(--s5)}
.bq-id{display:flex;flex-direction:column;gap:var(--s2);min-width:0}
.bq-id h1{margin:0;font-size:var(--fs-h1-ent,var(--fs-7));line-height:1;font-weight:800;letter-spacing:-.01em;color:var(--text);text-wrap:balance}
.bq-sub{margin:0;font-size:var(--fs-3);color:var(--text-2)}
.bq-sub b{color:var(--text);font-weight:700}
.bq-q{flex:0 1 560px;display:flex;align-items:center;gap:var(--s3);height:var(--ctl-lg);padding:0 var(--s2) 0 var(--s4);border-radius:var(--rad-3);background:var(--surface);border:1px solid var(--border-strong);color:var(--text-3)}
.bq-q:focus-within,.bq-q.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}
.bq-q:focus-within>svg,.bq-q.on>svg{color:var(--text-2)}
.bq-q input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--text);font:inherit;font-size:var(--fs-4);font-weight:600}
.bq-q input::placeholder{color:var(--text-3);font-weight:500}
.bq-q input::-webkit-search-cancel-button{display:none}
.bq-qx{flex:none;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:var(--rad-1);background:none;color:var(--text-3);cursor:pointer}
.bq-qx:hover{color:var(--text);background:var(--surface-2)}
.bq-qed{flex:none}
.bq-qed .edsw>summary{height:var(--ctl-sm);background:var(--bg)}

/* ---- barra de filtros (escritorio) ---- */
.bq-quick,.bq-fx-h,.bq-fx-f,.bq-fx-back{display:none}
.bq-fx-b{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);padding:var(--s3);border-radius:var(--rad-3);background:var(--band);border:1px solid var(--border)}
.bq-f{position:relative}
.bq-f>summary{list-style:none}
.bq-f>summary::-webkit-details-marker{display:none}
.bq-fb{display:inline-flex;align-items:center;gap:var(--s2);height:40px;padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--rad-2);background:var(--bg);color:var(--text);font-size:var(--fs-1);font-weight:600;white-space:nowrap;cursor:pointer;user-select:none}
.bq-fb svg{flex:none;color:var(--text-3)}
.bq-fb b{font-weight:800}
.bq-fb:hover{border-color:var(--text-3)}
.bq-fb.on{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-ink)}
.bq-fb.on svg{color:var(--accent-ink)}
.bq-f[open]>.bq-fb{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}
.bq-f-more .bq-more-t{display:none}
.bq-pop{position:absolute;top:calc(100% + var(--s2));left:0;z-index:30;width:340px;max-height:min(70vh,560px);overflow:auto;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);border-radius:var(--rad-3);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-2)}
.bq-pop.r,.bq-pop-r{left:auto;right:0}
.bq-pop-attrs{width:380px}
.bq-pt{margin:0;display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);font-size:var(--fs-2);font-weight:700;color:var(--text)}
.bq-pt.sm{font-size:var(--fs-1);font-weight:600;color:var(--text-2)}
.bq-pt .act{font-family:var(--font-display);font-stretch:75%;font-size:var(--fs-5);font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}
.bq-pop .opts{max-height:300px;overflow-y:auto;padding-right:var(--s1)}
.bq-pop .opt{min-width:0}
.bq-pop .opt>[data-league],.bq-pop .opt>[data-flag]{display:flex;align-items:center;gap:var(--s2);min-width:0;flex:1}
.bq-pop input[type=range]{width:100%;height:24px;margin:0;accent-color:var(--accent);background:transparent}
.bq-pop .stack{display:flex;flex-direction:column;gap:var(--s4)}

/* controles de los desplegables */
.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.chip2{display:inline-flex;align-items:center;gap:6px;height:var(--ctl-sm);padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:99px;background:var(--surface-2);color:var(--text-2);font:inherit;font-size:var(--fs-1);font-weight:600;line-height:1;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none}
.chip2:hover{color:var(--text)}
.chip2.on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-ink)}
.qseg{display:inline-flex;height:var(--ctl);border:1px solid var(--border-strong);border-radius:var(--rad-2);overflow:hidden;background:var(--surface-2)}
.qseg.wfull{display:flex;width:100%}
.qpill{flex:1;min-width:0;display:grid;place-items:center;height:100%;padding:0 var(--s2);border-right:1px solid var(--border-strong);font-size:var(--fs-1);font-weight:700;letter-spacing:.02em;color:var(--text-2);cursor:pointer;user-select:none}
.qpill:last-child{border-right:0}
.qpill:hover{color:var(--text)}
.qpill.on{background:var(--accent-dim);color:var(--accent-ink)}
.qpill.on[data-line]{background:var(--pos-c-dim);color:var(--pos-c)}
.posgrid{display:flex;flex-direction:column;gap:var(--s2)}
.posgrid .ln{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.posgrid .lnk{width:40px;flex:none;font-size:var(--fs-lbl);font-weight:700;letter-spacing:.06em;color:var(--text-3)}
.posgrid .chip2{height:32px;padding:0 10px}
.fsel{width:100%;height:var(--ctl);padding:0 40px 0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--rad-2);background:var(--surface-2) linear-gradient(45deg,transparent 50%,var(--text-3) 50%) no-repeat calc(100% - 20px) 50%/6px 6px;color:var(--text);font:inherit;font-size:var(--fs-2);font-weight:600;cursor:pointer;appearance:none;-webkit-appearance:none}
.fsel:focus{outline:none;border-color:var(--chrome)}
.addf-sel{color:var(--accent-ink);border-style:dashed}
.ftxt{width:100%;height:var(--ctl);padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--rad-2);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--fs-2);font-weight:500}
.ftxt:focus{outline:none;border-color:var(--chrome)}
.ftxt::placeholder{color:var(--text-3)}
.hint{margin:0;font-size:var(--fs-1);color:var(--text-2);line-height:1.45}
.facechips .chip2{border-style:dashed}
.attrlist:not(:empty){display:flex;flex-direction:column;gap:var(--s2)}
.afh .x{margin-left:var(--s2);border:0;background:none;padding:0;font:inherit;color:var(--text-3);cursor:pointer}
.afh .x:hover{color:var(--text)}
/* dual-range: dos <input range> superpuestos sobre una pista */
.dr{position:relative;height:24px;margin:2px 0}
.dr-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:99px;background:var(--surface-3)}
.dr-fill{position:absolute;top:0;bottom:0;border-radius:99px;background:var(--accent)}
.dr-r{position:absolute;left:0;right:0;top:0;width:100%;height:24px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.dr-r:focus{outline:none}
.dr-r:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-dim)}
.dr-r::-webkit-slider-runnable-track{background:none;border:0}
.dr-r::-moz-range-track{background:none;border:0}
.dr-r::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:20px;height:20px;border-radius:99px;background:var(--accent-hi);border:3px solid var(--surface);box-shadow:var(--shadow-1);cursor:grab;margin-top:-7px}
.dr-r::-moz-range-thumb{pointer-events:auto;width:20px;height:20px;border-radius:99px;background:var(--accent-hi);border:3px solid var(--surface);box-shadow:var(--shadow-1);cursor:grab}
.dr-r.a-max{z-index:3}
html.js .nojs{display:none}

/* ---- la consulta legible: chips que quitan su filtro ---- */
.bq-chips-on{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);padding-top:var(--s3)}
.bq-chips-on>.lbl{margin-right:var(--s1)}
.fchip{display:inline-flex;align-items:center;gap:var(--s2);height:32px;padding:0 var(--s3);border:1px solid var(--accent);border-radius:99px;background:var(--accent-dim);color:var(--accent-ink);font:inherit;font-size:var(--fs-1);font-weight:700;line-height:1;cursor:pointer}
.fchip .x{font-size:var(--fs-lbl);opacity:.75}
.fchip:hover .x{opacity:1}
.bq-cnt{margin-left:var(--s2);font-size:var(--fs-1);color:var(--text-2)}
.fclr{margin-left:auto;font-size:var(--fs-1);font-weight:600;color:var(--text-3);white-space:nowrap}
.fclr:hover{color:var(--text)}

/* ---- mejor coincidencia ---- */
.bq-best{display:flex;flex-direction:column;gap:var(--s3);padding-top:var(--s6)}
.bq-best>.lbl{margin:0}
.bq-bc{display:grid;grid-template-columns:120px minmax(0,1fr) auto 200px;grid-template-areas:"ph id sc ac" "ph ft ft ft";column-gap:var(--s6);row-gap:var(--s5);align-items:center;padding:var(--s5);border-radius:var(--rad-3);background:var(--surface);border:1px solid var(--border)}
.bq-bph{grid-area:ph;align-self:start;display:block;width:120px;height:120px;border-radius:var(--rad-3);background:var(--surface-2);overflow:hidden}
.bq-bph img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.bq-bid{grid-area:id;display:flex;flex-direction:column;gap:var(--s2);min-width:0}
.bq-bpos{display:flex;gap:6px}
.bq-bid h2{margin:0;font-size:var(--fs-num-2);line-height:1;font-weight:800;letter-spacing:-.01em}
.bq-bid h2 a{color:var(--text)}
.bq-bid h2 a:hover{color:var(--accent-ink)}
.bq-bfull{margin:0;font-size:var(--fs-1);color:var(--text-3)}
.bq-bmeta{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);font-size:var(--fs-1);color:var(--text-2)}
.bq-bmeta>*{display:inline-flex;align-items:center;gap:6px}
.bq-bmeta a{color:var(--text-2)}
.bq-bmeta a:hover{color:var(--accent-ink)}
.bq-bmkt{margin:0;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5)}
.bq-bmkt>span{display:inline-flex;align-items:baseline;gap:6px}
.bq-bmkt b{font-size:var(--fs-3);font-weight:700;color:var(--text)}
.bq-bsc{grid-area:sc;border-top:0;border-bottom:0;border-left:1px solid var(--border)}
.score.bq-bsc>:first-child{padding-left:var(--s5)}
.bq-bact{grid-area:ac;display:flex;flex-direction:column;gap:var(--s2)}
.bq-bact .btn{width:100%}
.bq-bfoot{grid-area:ft;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4) var(--s6);padding-top:var(--s5);border-top:1px solid var(--border)}
.bq-bst{display:flex;gap:var(--s2)}
.bq-bst>span{display:flex;flex-direction:column;align-items:center;gap:6px}
.bq-bst .bq-s{width:48px;height:38px;font-size:var(--fs-5)}
.bq-brk{display:flex;flex-direction:column;gap:var(--s2);min-width:0}
.bq-rks{display:flex;flex-wrap:wrap;gap:var(--s2)}

/* ---- cabecera de resultados: orden, vista, columnas, enlace ---- */
.bq-rs{padding-top:var(--s6)}
.bq-rh{display:flex;align-items:center;gap:var(--s3);padding-bottom:var(--s4)}
.bq-rt{flex:1;min-width:0;margin:0;font-family:var(--font-display);font-stretch:85%;font-size:var(--fs-h2);font-weight:760;letter-spacing:-.005em;line-height:1.15;color:var(--text)}
.bq-rc{display:flex;align-items:center;gap:var(--s2)}
.bq-sort{position:relative}
.bq-sort>summary{list-style:none;height:40px;padding:0 var(--s3);font-size:var(--fs-1)}
.bq-sort>summary::-webkit-details-marker{display:none}
.bq-sort>summary svg{flex:none;color:var(--text-3)}
.bq-menu{position:absolute;right:0;top:calc(100% + var(--s2));z-index:25;min-width:200px;display:flex;flex-direction:column;padding:var(--s2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--rad-2);box-shadow:var(--shadow-2)}
.bq-menu a{display:flex;align-items:center;min-height:var(--ctl);padding:0 var(--s3);border-radius:var(--rad-1);font-size:var(--fs-2);color:var(--text-2)}
.bq-menu a:hover{background:var(--surface-2);color:var(--text)}
.bq-menu a.on{background:var(--surface-2);color:var(--text);font-weight:600}
.bq-seg{display:inline-flex;height:40px;padding:3px;border-radius:var(--rad-2);border:1px solid var(--border-strong);background:var(--bg)}
.bq-seg button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 var(--s3);border:0;border-radius:var(--rad-1);background:none;color:var(--text-2);font:inherit;font-size:var(--fs-1);font-weight:600;cursor:pointer}
.bq-seg button:hover{color:var(--text)}
.bq-seg button[aria-pressed=true]{background:var(--surface-2);color:var(--text);box-shadow:0 0 0 1px var(--border-strong)}
.bq-mv{display:none}
.bq-rc .ibtn{width:40px;height:40px}
.bq-rc .ibtn svg{width:18px;height:18px}
.bq-copy.done{color:var(--up);border-color:var(--up)}
.cold{position:relative}
.cold>summary{list-style:none;cursor:pointer}
.cold>summary::-webkit-details-marker{display:none}
.cold[open]>summary{color:var(--text);border-color:var(--text-3)}
.colmenu{position:absolute;right:0;top:calc(100% + var(--s2));z-index:25;width:360px;max-width:min(360px,88vw);padding:0;overflow:hidden}
.cmh{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);font-size:var(--fs-lbl);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.cmreset{border:0;background:none;padding:0;font:inherit;font-size:var(--fs-1);font-weight:700;letter-spacing:0;text-transform:none;color:var(--accent-ink);cursor:pointer}
.cmb{max-height:52vh;overflow-y:auto;padding:var(--s2) var(--s4) var(--s4)}
.colmenu .grp{margin:var(--s3) 0 var(--s2);font-size:var(--fs-lbl);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.colgrid{display:flex;flex-wrap:wrap;gap:var(--s2)}
.colopt{display:inline-flex;align-items:center;height:var(--ctl-sm);padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:99px;background:var(--surface-2);color:var(--text-2);font-size:var(--fs-1);font-weight:600;cursor:pointer;user-select:none;white-space:nowrap}
.colopt:hover{color:var(--text)}
.colopt.on,.colopt:has(input:checked){background:var(--accent-dim);border-color:var(--accent);color:var(--accent-ink)}

/* ---- resultados, vista TABLA (por defecto) ---- */
.bq-res{--cols:36px minmax(240px,1fr) 52px 44px 96px repeat(var(--nc,6),44px) 84px 68px 56px 40px;overflow-x:auto;border-top:1px solid var(--border)}
.bq-tr{position:relative;display:grid;grid-template-columns:var(--cols);gap:var(--s3);align-items:center;min-width:960px;min-height:64px;padding:0 var(--s3);border-bottom:1px solid var(--border);color:var(--text)}
.bq-tr:not(.bq-th):hover{background:var(--surface-2)}
.bq-th{min-height:44px;background:var(--band);border-bottom-color:var(--border-strong);font-size:var(--fs-lbl);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.bq-th>span,.bq-th .bq-st>span,.bq-th .bq-mk>span{display:flex;align-items:center;min-width:0}
.bq-th>.bq-st,.bq-th>.bq-mk{display:contents}
.bq-th .c{justify-content:center}
.bq-th .r{justify-content:flex-end}
.bq-ths{color:var(--text-3);white-space:nowrap}
.bq-ths:hover{color:var(--text)}
.bq-ths.on{color:var(--accent-ink)}
.bq-st,.bq-mk{display:contents}
.bq-tr .rn{font-size:var(--fs-1);color:var(--text-3);font-variant-numeric:tabular-nums}
.bq-pl{display:flex;align-items:center;gap:var(--s3);min-width:0}
.bq-ph{flex:none;display:block;width:44px;height:44px;border-radius:50%;background:var(--surface-2);object-fit:cover;object-position:top center}
.bq-ph.mono{display:grid;place-items:center;font-size:var(--fs-1);font-weight:700;color:var(--text-3)}
.bq-pn{display:flex;flex-direction:column;gap:var(--s1);min-width:0}
.bq-n{display:flex;align-items:center;gap:var(--s2);min-width:0}
.bq-n a{min-width:0;font-size:var(--fs-3);font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bq-n a::after{content:"";position:absolute;inset:0}
.bq-tr:hover .bq-n a{color:var(--accent-ink)}
.bq-m{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;font-size:var(--fs-1);color:var(--text-3);white-space:nowrap}
.bq-m>*{flex:none}
.bq-m>.bq-full,.bq-m>.bq-club,.bq-m>.bq-cn{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.bq-club{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--s1);color:var(--text-3)}
.bq-club>[data-club]{flex:none}
.bq-club:hover{color:var(--accent-ink)}
.bq-cn{min-width:0;overflow:hidden;text-overflow:ellipsis}
.bq-n .bq-age{flex:none;font-size:var(--fs-1);color:var(--text-3)}
.bq-m .bq-age{display:none}
.bq-m>:not([data-flag])~.bq-age::before{content:"·";margin-right:6px}
.bq-o{display:flex;justify-content:center}
.bq-o .ovr{min-width:40px;height:30px}
.bq-p{font-size:var(--fs-5);font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.bq-g{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:var(--s2);align-items:center}
.bq-gb{height:4px;border-radius:99px;background:var(--border);overflow:hidden}
.bq-gb i{display:block;height:100%;border-radius:99px;background:var(--r5)}
.bq-g b{font-size:var(--fs-4);font-weight:700;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}
.bq-g b.hi{color:var(--r5t)}
.bq-st>.bq-s{justify-self:center}
.bq-v{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.bq-w{text-align:right;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.bq-fin{text-align:right;color:var(--text-2);font-variant-numeric:tabular-nums}
.bq-fin.d{color:var(--r1t);font-weight:700}
.bq-fin.w{color:var(--r2t)}
.bq-a{display:flex;justify-content:flex-end;position:relative;z-index:1}
.bq-a .ibtn{width:32px;height:32px;border:0}
.bq-a .ibtn svg{width:16px;height:16px}
.bq-empty{margin:0;padding:var(--s6) 0;color:var(--text-2)}
.bq-rs .pager{border-top:0}

/* ---- vista TARJETAS (escritorio y tableta): el mismo marcado, en rejilla ----
   media arriba a la izquierda, potencial y margen debajo, foto a la derecha, 6 stats en 3×2. */
@media (min-width:769px){
  :root[data-bq-view=cards] .bq-res{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--s4);overflow:visible;border-top:0}
  :root[data-bq-view=cards] .bq-th{display:none}
  :root[data-bq-view=cards] .bq-tr{grid-template-columns:auto auto minmax(0,1fr) 96px;grid-template-areas:"o o . ph" "p g . ph" "n n n n" "m m m m" "st st st st" "mk mk mk mk";gap:var(--s2);align-items:center;min-width:0;min-height:0;padding:var(--s4);border:1px solid var(--border);border-radius:var(--rad-3);background:var(--surface)}
  :root[data-bq-view=cards] .bq-tr:hover{background:var(--surface);border-color:var(--text-3)}
  :root[data-bq-view=cards] .bq-tr .rn,:root[data-bq-view=cards] .bq-w,:root[data-bq-view=cards] .bq-a,:root[data-bq-view=cards] .bq-gb{display:none}
  :root[data-bq-view=cards] .bq-pl,:root[data-bq-view=cards] .bq-pn{display:contents}
  :root[data-bq-view=cards] .bq-ph{grid-area:ph;justify-self:end;width:96px;height:96px}
  :root[data-bq-view=cards] .bq-n{grid-area:n;margin-top:var(--s2)}
  :root[data-bq-view=cards] .bq-n a{font-family:var(--font-display);font-stretch:75%;font-size:var(--fs-num-1);font-weight:800;line-height:1}
  :root[data-bq-view=cards] .bq-m{grid-area:m}
  :root[data-bq-view=cards] .bq-n .bq-age{display:none}
  :root[data-bq-view=cards] .bq-m .bq-age{display:inline}
  :root[data-bq-view=cards] .bq-o{grid-area:o;justify-content:flex-start}
  :root[data-bq-view=cards] .bq-o .ovr{min-width:56px;height:46px;border-radius:var(--rad-2);font-size:var(--fs-num-1)}
  :root[data-bq-view=cards] .bq-p{grid-area:p;display:flex;align-items:baseline;gap:6px;text-align:left;font-size:var(--fs-5);font-weight:800}
  :root[data-bq-view=cards] .bq-p::before{content:attr(data-k);font-family:var(--font-ui);font-stretch:100%;font-size:var(--fs-lbl);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
  :root[data-bq-view=cards] .bq-g{grid-area:g;display:block}
  :root[data-bq-view=cards] .bq-g b{font-size:var(--fs-3);color:var(--text-2)}
  :root[data-bq-view=cards] .bq-g b.hi{color:var(--r5t)}
  :root[data-bq-view=cards] .bq-st{grid-area:st;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:var(--s2)}
  :root[data-bq-view=cards] .bq-st>.bq-s{justify-self:stretch;width:auto;height:34px;gap:6px}
  :root[data-bq-view=cards] .bq-st>.bq-s::after{content:attr(data-k);font-family:var(--font-ui);font-stretch:100%;font-size:var(--fs-lbl);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}
  :root[data-bq-view=cards] .bq-mk{grid-area:mk;display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);margin-top:var(--s2);padding-top:var(--s3);border-top:1px solid var(--border)}
  :root[data-bq-view=cards] .bq-fin::before{content:attr(data-k) " ";font-weight:500;color:var(--text-3)}
  :root[data-bq-view=cards] .bq-rs .pager{margin-top:var(--s4)}
}

/* ---- pie: listas y atajos por línea ---- */
.bq-end{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s7);padding:var(--s7) 0}
.bq-lchips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.bq-lines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}
.bq-lines a{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s3) var(--s4);border-radius:var(--rad-2);background:var(--pos-c-dim)}
.bq-lines b{font-size:var(--fs-2);font-weight:700;color:var(--pos-c)}
.bq-lines span{font-size:var(--fs-1);color:var(--text-2)}

@media (max-width:1100px){
  .bq-head{flex-direction:column;align-items:stretch;gap:var(--s4)}
  .bq-q{flex-basis:auto}
  .bq-bc{grid-template-columns:120px minmax(0,1fr);grid-template-areas:"ph id" "ph sc" "ft ft" "ac ac"}
  .bq-bsc{border-left:0;border-top:1px solid var(--border)}
  .score.bq-bsc>:first-child{padding-left:0}
  .bq-bact{flex-direction:row}
  .bq-bact .btn{width:auto}
  .bq-end{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
}

/* ---- móvil: fila rápida + hoja de filtros; filas Resumen / Stats / Mercado ---- */
@media (max-width:768px){
  .bq-head{padding:var(--s3) 0}
  .bq-id h1{font-size:var(--fs-num-2)}
  .bq-sub{font-size:var(--fs-1)}
  .bq-qed{display:none}
  .bq-quick{display:flex;gap:var(--s2);padding-bottom:var(--s1)}
  .bq-pill{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--ctl);border:1px solid var(--border-strong);border-radius:var(--rad-2);background:var(--bg);font-size:var(--fs-1);font-weight:700;color:var(--text);cursor:pointer;user-select:none}
  .bq-pill i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--pos-c)}
  .bq-pill.on{background:var(--pos-c-dim);border-color:var(--pos-c);color:var(--pos-c)}
  .bq-fbtn{flex:none;display:inline-flex;align-items:center;gap:6px;height:var(--ctl);padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--rad-2);background:var(--bg);font-size:var(--fs-1);font-weight:700;color:var(--text);cursor:pointer}
  .bq-fbtn svg{color:var(--text-3)}
  .bq-fbtn .b,.bq-fx-h .b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--accent);color:var(--on-accent);font-size:var(--fs-lbl);font-weight:800}
  /* hoja a pantalla completa */
  .bq-fx-back{display:block;position:fixed;inset:0;z-index:60;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .2s ease}
  .bq-fx{position:fixed;inset:0;z-index:61;display:flex;flex-direction:column;background:var(--bg);transform:translateY(100%);visibility:hidden;transition:transform .28s cubic-bezier(.32,.72,0,1),visibility 0s linear .28s}
  .bq-fx-tgl:checked~.bq-fx-back{opacity:1;pointer-events:auto}
  .bq-fx-tgl:checked~.bq-fx{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.32,.72,0,1)}
  body:has(.bq-fx-tgl:checked){overflow:hidden}
  .bq-fx-h{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:calc(var(--s3) + env(safe-area-inset-top,0px)) var(--s4) var(--s3);border-bottom:1px solid var(--border);background:var(--band)}
  .bq-fx-h h2{margin:0;display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-5);font-weight:700}
  .bq-fx-x{display:grid;place-items:center;width:var(--ctl);height:var(--ctl);border-radius:var(--rad-2);border:1px solid var(--border-strong);color:var(--text-2);cursor:pointer}
  .bq-fx-b{flex:1;display:block;overflow-y:auto;padding:0 var(--s4);border:0;border-radius:0;background:none;-webkit-overflow-scrolling:touch}
  .bq-f{border-bottom:1px solid var(--border)}
  .bq-fb{width:100%;height:auto;min-height:56px;padding:0;border:0;border-radius:0;background:none;font-size:var(--fs-3)}
  .bq-fb:hover{border:0}
  .bq-fb::after{content:"+";margin-left:auto;font-size:var(--fs-4);font-weight:400;color:var(--text-3)}
  .bq-f[open]>.bq-fb::after{content:"−"}
  .bq-fb.on{background:none;color:var(--accent-ink)}
  .bq-f[open]>.bq-fb{box-shadow:none}
  .bq-f-more .bq-more-t{display:inline}
  .bq-pop,.bq-pop-attrs{position:static;width:auto;max-height:none;overflow:visible;padding:0 0 var(--s4);border:0;border-radius:0;box-shadow:none;background:none}
  .bq-pop>.bq-pt:first-child:not(:has(.act)){display:none}
  .bq-fx-f{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-strong);background:var(--band)}
  .bq-fx-f .clr{flex:none;padding:0 var(--s2);font-size:var(--fs-2);font-weight:700;color:var(--text-2)}
  .bq-fx-f .btn{flex:1;height:var(--ctl-lg);font-size:var(--fs-3)}
  .bq-chips-on{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:var(--s1)}
  .bq-chips-on::-webkit-scrollbar{display:none}
  .bq-chips-on>*{flex:none}

  /* mejor coincidencia en tarjeta */
  .bq-best{padding-top:var(--s5)}
  .bq-bc{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"ph id" "sc sc" "ft ft" "ac ac";column-gap:var(--s4);row-gap:var(--s4);padding:var(--s4)}
  .bq-bph{width:76px;height:76px;border-radius:var(--rad-2);align-self:center}
  .bq-bid h2{font-size:var(--fs-num-1)}
  .bq-bfull,.bq-bmkt{display:none}
  .bq-bsc{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
  .bq-bsc>*{padding:var(--s2) var(--s3)}
  .bq-bsc .cond{font-size:var(--fs-num-2)}
  .bq-bfoot{padding-top:0;border-top:0}
  .bq-bst{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:6px}
  .bq-bst .bq-s{width:100%;height:44px;font-size:var(--fs-5)}
  .bq-brk{width:100%}
  .bq-rks{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .bq-rks>*{flex:none}
  .bq-bact .btn.pri{flex:1}
  .bq-bact .btn:nth-child(3){display:none}

  /* cabecera de resultados */
  .bq-rs{padding-top:var(--s5)}
  .bq-rh{flex-wrap:wrap;gap:var(--s3)}
  .bq-rt{flex-basis:100%;font-size:var(--fs-5)}
  .bq-rc{width:100%;justify-content:space-between}
  .bq-vw,.bq-copy,.bq-rc .cold{display:none}
  .bq-mv{display:inline-flex}
  .bq-mv button{padding:0 var(--s2)}
  .bq-menu{right:auto;left:0}

  /* filas (Resumen): rango · foto · nombre+posición · media · potencial / club · margen */
  .bq-res{overflow:visible;border-top:1px solid var(--border)}
  .bq-th{display:none}
  .bq-tr{grid-template-columns:24px 50px minmax(0,1fr) 40px 28px;grid-template-areas:"rn ph n o p" "rn ph m m g";column-gap:var(--s2);row-gap:var(--s1);min-width:0;min-height:68px;padding:var(--s2) 0}
  .bq-tr .rn{grid-area:rn;font-weight:600}
  .bq-pl,.bq-pn{display:contents}
  .bq-ph{grid-area:ph;width:42px;height:42px}
  .bq-n{grid-area:n}
  .bq-m{grid-area:m}
  .bq-n .bq-age{display:none}
  .bq-m .bq-age{display:inline}
  .bq-m>.bq-full~.sep,.bq-m>.bq-full~.bq-club,.bq-m>.bq-full~.bq-cn{display:none}
  .bq-o{grid-area:o;justify-content:flex-end}
  .bq-p{grid-area:p;font-size:var(--fs-4)}
  .bq-g{grid-area:g;display:block;text-align:right}
  .bq-g b{font-size:var(--fs-1);color:var(--text-2)}
  .bq-gb,.bq-st,.bq-mk,.bq-a{display:none}
  /* Stats: las casillas bajo cada jugador */
  :root[data-bq-m=stats] .bq-tr{grid-template-areas:"rn ph n o p" "rn ph m m g" "st st st st st"}
  :root[data-bq-m=stats] .bq-st{grid-area:st;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:var(--s1)}
  :root[data-bq-m=stats] .bq-st>.bq-s{width:auto;justify-self:stretch;height:46px;flex-direction:column;gap:2px}
  :root[data-bq-m=stats] .bq-st>.bq-s::before{content:attr(data-k);font-size:var(--fs-lbl);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}
  /* Mercado: valor · sueldo · contrato */
  :root[data-bq-m=market] .bq-tr{grid-template-areas:"rn ph n o p" "rn ph m m g" ". mk mk mk mk"}
  :root[data-bq-m=market] .bq-mk{grid-area:mk;display:flex;flex-wrap:wrap;gap:var(--s1) var(--s5);padding-left:58px;margin-top:var(--s1);font-size:var(--fs-2)}
  :root[data-bq-m=market] .bq-mk>*{text-align:left}
  :root[data-bq-m=market] .bq-mk>*::before{content:attr(data-k) " ";font-size:var(--fs-1);font-weight:500;color:var(--text-3)}

  .bq-end{padding:var(--s6) 0}
  .bq-lines{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.bq-fx,.bq-fx-back{transition:none}}
