/* Mercado de pases: mismo marco que el diálogo de la carrera de DT. */
#transferMarketDialog{box-sizing:border-box;width:min(980px,96vw);max-width:96vw;max-height:94dvh;overflow:hidden;display:none;flex-direction:column;inset:0;margin:auto;padding:20px 26px 14px;border:3px solid #e8e8df;border-radius:0;color:#f3f2e7;background:linear-gradient(90deg,#0b0e01ee,#0b0e01b8),url('../assets/ui/competition-backdrop.png') right center/cover;font-family:'Century Gothic',Arial,sans-serif;box-shadow:0 12px 45px #0008;color-scheme:dark}
#transferMarketDialog[open]{display:flex}
#transferMarketDialog::backdrop{background:#000c}
#transferMarketDialog>*{min-width:0;max-width:100%;box-sizing:border-box}
#transferMarketDialog .market-heading{position:relative;display:block;width:100%;max-width:none;margin:0;padding:0 42px 12px;text-align:center;border-bottom:1px solid #69684c}
#transferMarketDialog .market-heading>small,#transferMarketDialog .market-heading h2{position:static;width:auto;text-align:center}
#transferMarketDialog .market-heading>small{display:block;color:#d5cf93;font-size:12px;letter-spacing:.04em}
#transferMarketDialog h2{margin:5px 0 0;font-size:28px;font-weight:400;color:#fff;text-shadow:1px 2px #000}
#transferMarketDialog .market-close{position:absolute;right:0;top:0;width:32px;height:32px;min-height:0;padding:0;border:2px solid #fff;border-radius:50%;font-size:18px;line-height:1}
#transferMarketDialog .market-summary{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;padding:10px 0;font-size:13px;color:#e9e6c8;border-bottom:1px solid #69684c}
#transferMarketDialog .market-budget{color:#fff;font-weight:700}
#transferMarketDialog .market-open{color:#9be27b}
#transferMarketDialog .market-closed{color:#e8b36a}
#transferMarketDialog .market-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:10px 0 6px}
#transferMarketDialog .market-tabs button{font-size:13px;padding:6px 16px;border-width:2px}
#transferMarketDialog .market-tabs button[aria-pressed="true"]{outline:2px solid #f3cb19;outline-offset:2px}
#transferMarketDialog .market-status{margin:4px 0;text-align:center;color:#f3cb19;font-size:13px}
#transferMarketDialog .market-intro{margin:8px 0 2px;text-align:center;font-size:13px;color:#e9e6c8}
#transferMarketDialog .market-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:6px 0}
#transferMarketDialog .market-filters select,#transferMarketDialog .market-filters input[type=search]{font:inherit;font-size:13px;padding:5px 8px;width:auto;max-width:100%;margin:0;color:#111;background:#f3f2e7;border:1px solid #69684c}
#transferMarketDialog .market-filters select{flex:0 1 200px}
#transferMarketDialog .market-filters input[type=search]{flex:1 1 220px}
#transferMarketDialog .market-filters label{font-size:13px;white-space:nowrap}
#transferMarketDialog .market-reset{align-self:center;margin:2px 0 6px;font-size:12px;padding:5px 14px}
#transferMarketDialog .market-list{list-style:none;margin:6px 0 0;padding:0 4px 0 0;overflow-y:auto;flex:1 1 auto;min-height:120px}
#transferMarketDialog .market-player{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:6px 12px;align-items:center;padding:6px 4px;border-bottom:1px solid #ffffff1f}
#transferMarketDialog .market-player canvas{width:56px;height:56px;image-rendering:pixelated}
#transferMarketDialog .market-player-info{display:flex;flex-direction:column;min-width:0}
#transferMarketDialog .market-player-info strong{font-size:15px;font-weight:400;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#transferMarketDialog .market-player-info small{display:flex;align-items:center;gap:5px;font-size:12px;color:#d5cf93;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#transferMarketDialog .market-player-info img{width:18px;height:20px;object-fit:contain;flex:none}
#transferMarketDialog .market-price{font-size:14px;color:#fff;white-space:nowrap}
#transferMarketDialog .market-actions{display:flex;gap:6px;justify-content:flex-end}
#transferMarketDialog .market-actions button{font-size:12px;padding:5px 12px;border-width:2px;min-height:0;white-space:nowrap}
#transferMarketDialog .market-empty{padding:7px 4px;border-bottom:1px solid #ffffff1f;font-size:13px;color:#e9e6c8}
#transferMarketDialog .market-crest{width:20px;height:22px;object-fit:contain;flex:none;vertical-align:middle}
#transferMarketDialog .market-club{display:inline-flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}
#transferMarketDialog .market-tag{font-style:normal;margin-left:8px;padding:1px 7px;border:1px solid #69684c;border-radius:9px;color:#f3cb19;font-size:11px;white-space:nowrap}
#transferMarketDialog .market-player-info small{flex-wrap:wrap}
/* Últimos pases: escudo de cada club. */
#transferMarketDialog .market-log{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto auto;gap:4px 14px;align-items:center;padding:7px 4px;border-bottom:1px solid #ffffff1f;font-size:13px;color:#e9e6c8}
#transferMarketDialog .market-log strong{font-weight:400;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#transferMarketDialog .market-route{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap}
#transferMarketDialog .market-when{color:#a9a68a;font-size:11px;white-space:nowrap}
/* Ofertas recibidas y negociación. */
#transferMarketDialog .market-offer{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:9px 4px;border-bottom:1px solid #ffffff1f;font-size:14px}
#transferMarketDialog .market-offer-text{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0}
#transferMarketDialog .market-offer-text strong{font-weight:400;color:#fff}
#transferMarketDialog .market-offer-text small{color:#a9a68a}
#transferMarketDialog .market-offer-closed{opacity:.6}
#transferMarketDialog .market-negotiation{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:4px 0 2px 68px;padding:8px 10px;border:1px solid #69684c;background:#0008;font-size:13px}
#transferMarketDialog .market-negotiation input{width:90px;font:inherit;font-size:13px;padding:4px 6px;color:#111;background:#f3f2e7;border:1px solid #69684c}
#transferMarketDialog .market-negotiation button{font-size:12px;padding:4px 10px;border-width:2px;min-height:0}
#transferMarketButton{font-size:12px;padding:6px 16px;border-width:2px}
.quick-pick-player{display:block;margin:4px auto 0;font-size:12px;padding:4px 12px;border-width:2px;min-height:0}
.quick-pick-player[hidden]{display:none}
@media(max-width:640px){
 #transferMarketDialog{padding:14px 12px 10px;width:100vw;max-width:100vw;max-height:100dvh}
 #transferMarketDialog h2{font-size:22px}
 #transferMarketDialog .market-summary{font-size:12px;gap:4px 12px}
 #transferMarketDialog .market-player{grid-template-columns:44px minmax(0,1fr) auto;gap:4px 8px}
 #transferMarketDialog .market-player canvas{width:44px;height:44px}
 #transferMarketDialog .market-actions{grid-column:2/-1;justify-content:flex-start;flex-wrap:wrap}
 #transferMarketDialog .market-log{grid-template-columns:minmax(0,1fr) auto;font-size:12px}
 #transferMarketDialog .market-route{grid-column:1/-1}
 #transferMarketDialog .market-negotiation{margin-left:0}
 #transferMarketDialog .market-tabs button{font-size:12px;padding:5px 10px}
}
@media(max-height:480px){#transferMarketDialog{max-height:100dvh;padding-block:8px}#transferMarketDialog h2{font-size:20px}#transferMarketDialog .market-heading{padding-bottom:6px}}
#transferMarketDialog .market-up{color:#9be27b;font-weight:400}
#transferMarketDialog .market-down{color:#ff8a7a;font-weight:400}
#transferMarketDialog .market-goals{color:#9be27b}
#transferMarketDialog .market-club-budget{flex-basis:100%;margin:2px 0 0;text-align:center;font-size:12px;color:#d5cf93}
/* Ofertas recibidas: tarjetas. */
#transferMarketDialog .market-section{margin:10px 2px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d5cf93;border-bottom:1px solid #69684c;padding-bottom:4px}
#transferMarketDialog .offer-card{display:grid;grid-template-columns:minmax(170px,1fr) minmax(220px,1.3fr) auto;gap:10px 18px;align-items:center;margin:8px 2px;padding:10px 14px;border:1px solid #69684c;border-left:4px solid #f3cb19;border-radius:4px;background:linear-gradient(90deg,#1c1f0bcc,#0b0e01aa)}
#transferMarketDialog .offer-card.offer-final{border-left-color:#ff9a3c}
#transferMarketDialog .offer-card.offer-closed{border-left-color:#69684c;opacity:.6;padding-block:6px}
#transferMarketDialog .offer-player{display:flex;align-items:center;gap:10px;min-width:0}
#transferMarketDialog .offer-player canvas{width:64px;height:64px;flex:none;image-rendering:pixelated}
#transferMarketDialog .offer-closed .offer-player canvas{width:44px;height:44px}
#transferMarketDialog .offer-player-name{display:flex;flex-direction:column;min-width:0}
#transferMarketDialog .offer-player-name strong{font-size:16px;font-weight:400;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#transferMarketDialog .offer-player-name small{font-size:12px;color:#d5cf93}
#transferMarketDialog .offer-deal{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'club state' 'amount amount';gap:4px 10px;align-items:center;min-width:0}
#transferMarketDialog .offer-club{grid-area:club;display:flex;align-items:center;gap:7px;min-width:0;font-size:14px;color:#f3f2e7;white-space:nowrap}
#transferMarketDialog .offer-crest{width:30px;height:32px;object-fit:contain;flex:none}
#transferMarketDialog .offer-amount{grid-area:amount;display:flex;align-items:baseline;gap:10px}
#transferMarketDialog .offer-amount b{font-size:22px;color:#f3cb19;text-shadow:1px 1px #000}
#transferMarketDialog .offer-closed .offer-amount b{font-size:16px;color:#e9e6c8}
#transferMarketDialog .offer-amount em{font-style:normal;font-size:12px}
#transferMarketDialog .offer-up{color:#9be27b}
#transferMarketDialog .offer-down{color:#ff8a7a}
#transferMarketDialog .offer-state{grid-area:state;justify-self:end;padding:2px 9px;border-radius:10px;font-size:11px;border:1px solid #69684c;color:#e9e6c8;white-space:nowrap}
#transferMarketDialog .offer-state-open{border-color:#9be27b;color:#9be27b}
#transferMarketDialog .offer-state-final{border-color:#ff9a3c;color:#ff9a3c}
#transferMarketDialog .offer-state-accepted{border-color:#f3cb19;color:#f3cb19}
#transferMarketDialog .offer-actions{display:grid;grid-template-columns:repeat(2,auto);gap:6px}
#transferMarketDialog .offer-actions button{font-size:12px;padding:6px 12px;border-width:2px;min-height:0;white-space:nowrap}
#transferMarketDialog .offer-actions .offer-accept{background:linear-gradient(#5bbf4a,#2f7d24);border-color:#c9f2b8;color:#fff}
#transferMarketDialog .offer-actions .offer-reject{background:linear-gradient(#a8483b,#6e231b);border-color:#f2b8ae;color:#fff}
#transferMarketDialog .offer-actions button:disabled{filter:grayscale(.8);opacity:.6}
@media(max-width:560px){
 #transferMarketDialog .offer-card{grid-template-columns:1fr;gap:8px;padding:10px}
 #transferMarketDialog .offer-actions{grid-template-columns:repeat(4,auto);justify-content:start}
}
@media(max-width:420px){#transferMarketDialog .offer-actions{grid-template-columns:repeat(2,1fr)}#transferMarketDialog .offer-player canvas{width:52px;height:52px}}
@media(max-width:640px){#transferMarketDialog .market-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-inline:2px}#transferMarketDialog .market-tabs::-webkit-scrollbar{display:none}#transferMarketDialog .market-tabs button{flex:none}}

/* Celular apaisado (como se juega): todo compacto para que la lista tenga lugar. */
@media(max-height:500px) and (orientation:landscape){
 #transferMarketDialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;padding:6px 12px 6px;border-width:2px}
 #transferMarketDialog .market-heading{display:flex;align-items:baseline;justify-content:center;gap:10px;padding:0 40px 4px}
 #transferMarketDialog .market-heading>small{font-size:10px;order:2}
 #transferMarketDialog h2{font-size:18px;margin:0;order:1}
 #transferMarketDialog .market-close{width:26px;height:26px;font-size:15px}
 #transferMarketDialog .market-summary{flex-wrap:nowrap;justify-content:flex-start;gap:12px;padding:4px 0;font-size:11px;white-space:nowrap;overflow:hidden}
 #transferMarketDialog .market-summary>span:last-child{overflow:hidden;text-overflow:ellipsis;min-width:0}
 #transferMarketDialog .market-tabs{flex-wrap:nowrap;justify-content:safe center;overflow-x:auto;scrollbar-width:none;gap:5px;padding:4px 0}
 #transferMarketDialog .market-tabs::-webkit-scrollbar{display:none}
 #transferMarketDialog .market-tabs button{flex:none;font-size:11px;padding:3px 10px;min-height:0;border-width:2px}
 #transferMarketDialog .market-tabs button[aria-pressed="true"]{outline-offset:1px}
 #transferMarketDialog .market-status,#transferMarketDialog .market-intro{margin:2px 0;font-size:11px}
 #transferMarketDialog .market-filters{flex-wrap:nowrap;gap:5px;padding:3px 0}
 #transferMarketDialog .market-filters select,#transferMarketDialog .market-filters input[type=search]{font-size:11px;padding:2px 5px;min-height:0}
 #transferMarketDialog .market-filters select{flex:0 1 150px}
 #transferMarketDialog .market-filters input[type=search]{flex:1 1 140px}
 #transferMarketDialog .market-filters label{font-size:11px}
 #transferMarketDialog .market-club-budget{display:none}
 #transferMarketDialog .market-list{min-height:0;margin-top:2px}
 #transferMarketDialog .market-player{grid-template-columns:40px minmax(0,1fr) auto auto;gap:2px 8px;padding:3px 2px}
 #transferMarketDialog .market-player canvas{width:40px;height:40px}
 #transferMarketDialog .market-player-info strong{font-size:13px}
 #transferMarketDialog .market-player-info small{font-size:10px;flex-wrap:nowrap;overflow:hidden}
 #transferMarketDialog .market-tag{font-size:9px;margin-left:4px;padding:0 5px}
 #transferMarketDialog .market-price{font-size:12px}
 #transferMarketDialog .market-actions{grid-column:auto;flex-wrap:nowrap}
 #transferMarketDialog .market-actions button{font-size:10px;padding:3px 8px}
 #transferMarketDialog .market-negotiation{margin:2px 0;padding:4px 6px;font-size:11px}
 #transferMarketDialog .market-section{margin:4px 2px 2px;font-size:9px}
 #transferMarketDialog .offer-card{grid-template-columns:minmax(130px,1fr) minmax(170px,1.2fr) auto;gap:4px 10px;margin:4px 2px;padding:5px 8px}
 #transferMarketDialog .offer-player canvas{width:40px;height:40px}
 #transferMarketDialog .offer-player-name strong{font-size:13px}
 #transferMarketDialog .offer-player-name small,#transferMarketDialog .offer-club{font-size:11px}
 #transferMarketDialog .offer-crest{width:20px;height:22px}
 #transferMarketDialog .offer-amount b{font-size:16px}
 #transferMarketDialog .offer-amount em{font-size:10px}
 #transferMarketDialog .offer-actions{grid-template-columns:repeat(2,auto);gap:4px}
 #transferMarketDialog .offer-actions button{font-size:10px;padding:3px 8px}
 #transferMarketDialog .market-log{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto auto;font-size:11px;padding:3px 2px;gap:2px 8px}
 #transferMarketDialog .market-route{grid-column:auto}
 #transferMarketDialog .market-crest{width:16px;height:18px}
}
/* Solo la lista se achica: encabezado, resumen, pestañas y filtros conservan su alto. */
#transferMarketDialog>:not(.market-list){flex-shrink:0}
@media(max-height:500px) and (orientation:landscape){
 #transferMarketDialog .market-filters select{flex:1 1 0;min-width:0}
 #transferMarketDialog .market-filters input[type=search]{flex:1.3 1 0;min-width:0}
 #transferMarketDialog .market-filters label{flex:none;white-space:nowrap}
}

/* Cabezones runtime recovery epoch 1 */
