/* Carrera de jugador: mismo marco que la carrera de DT y el mercado de pases. */
.career-kind{display:flex;gap:8px;justify-content:center;margin:10px 0 2px;flex-wrap:wrap}
.career-kind[hidden]{display:none}
.career-kind button{font-size:13px;padding:6px 16px;border-width:2px}
.career-kind button[aria-pressed="true"]{outline:2px solid #f3cb19;outline-offset:2px}
:is(#playerEditorDialog,#playerPanelDialog,#playerNationalDialog){box-sizing:border-box;width:min(900px,96vw);max-width:96vw;max-height:94dvh;overflow:auto;inset:0;margin:auto;padding:18px 24px 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}
:is(#playerEditorDialog,#playerPanelDialog,#playerNationalDialog)::backdrop{background:#000c}
:is(#playerEditorDialog,#playerPanelDialog,#playerNationalDialog) .player-heading{position:relative;display:block;margin:0;padding:0 42px 10px;text-align:center;border-bottom:1px solid #69684c}
:is(#playerEditorDialog,#playerPanelDialog,#playerNationalDialog) .player-heading>small{display:block;color:#d5cf93;font-size:12px;letter-spacing:.04em}
:is(#playerEditorDialog,#playerPanelDialog,#playerNationalDialog) h2{margin:4px 0 0;font-size:26px;font-weight:400;color:#fff;text-shadow:1px 2px #000}
:is(#playerEditorDialog,#playerPanelDialog,#playerNationalDialog) .player-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}
.player-editor{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:12px 0}
.player-preview-box{display:flex;flex-direction:column;align-items:center;gap:6px}
.player-preview{width:180px;height:180px;image-rendering:pixelated;background:radial-gradient(circle,#ffffff22,transparent 70%);border:1px solid #69684c;border-radius:8px}
.player-preview-name{margin:0;color:#fff;font-size:15px;text-align:center}
.player-form{display:flex;flex-direction:column;gap:7px;min-width:0}
.player-field{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:8px;font-size:13px;color:#d5cf93}
.player-field input{font:inherit;font-size:14px;padding:5px 8px;color:#111;background:#f3f2e7;border:1px solid #69684c;max-width:260px}
.player-stepper{display:flex;align-items:center;gap:8px;min-width:0}
.player-stepper strong{flex:1 1 auto;min-width:0;color:#fff;font-weight:400;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.player-stepper button{min-height:0;padding:3px 10px;font-size:13px;border-width:2px}
.player-chips{display:flex;flex-wrap:wrap;gap:5px}
.player-chip{display:inline-flex;align-items:center;gap:5px;min-height:0;padding:3px 8px;font-size:11px;border-width:1px;border-radius:14px}
.player-chip[aria-pressed="true"]{outline:2px solid #f3cb19;outline-offset:1px}
.player-chip-dot{width:14px;height:14px;border-radius:50%;border:1px solid #000a;flex:none}
.player-note{margin:2px 0;font-size:11px;color:#a9a68a}
.player-error{margin:2px 0;color:#ff8a7a;font-size:13px;text-align:center;min-height:16px}
.player-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.player-actions button{font-size:14px;padding:7px 18px;border-width:2px}
.player-tabs{display:flex;gap:8px;justify-content:center;padding:10px 0 6px;flex-wrap:wrap}
.player-tabs button{font-size:13px;padding:5px 16px;border-width:2px}
.player-tabs button[aria-pressed="true"]{outline:2px solid #f3cb19;outline-offset:2px}
.player-role{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center;padding:6px 0}
.player-role canvas{width:100px;height:100px;image-rendering:pixelated}
.player-ladder{display:flex;gap:6px;list-style:none;margin:0 0 6px;padding:0}
.player-ladder li{padding:3px 12px;border:1px solid #69684c;border-radius:12px;font-size:12px;color:#a9a68a}
.player-ladder li.done{color:#9be27b;border-color:#9be27b}
.player-ladder li.current{color:#1c1a10;background:#f3cb19;border-color:#f3cb19;font-weight:700}
.player-progress{margin:4px 0;font-size:13px;color:#e9e6c8}
.player-bar{height:8px;border-radius:4px;background:#0008;border:1px solid #69684c;overflow:hidden}
.player-bar span{display:block;height:100%;background:linear-gradient(90deg,#9be27b,#f3cb19)}
.player-report{margin:8px 0;padding:8px 12px;border:1px solid #69684c;border-left:4px solid #f3cb19;background:#0006}
.player-report h3{margin:0 0 4px;font-size:15px;font-weight:400;color:#fff}
.player-report ul{margin:0;padding-left:18px;font-size:12px;color:#e9e6c8}
.player-report p{margin:4px 0 0;font-size:12px;color:#d5cf93}
.player-change{color:#f3cb19!important;font-size:14px!important}
.player-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:6px 0}
.player-stats div{display:flex;flex-direction:column;align-items:center;padding:5px;border:1px solid #69684c;background:#0006}
.player-stats strong{font-size:18px;color:#fff}
.player-stats small{font-size:10px;color:#a9a68a}
.player-form-line,.player-total{font-size:12px;color:#d5cf93;margin:4px 0}
.player-events{margin:6px 0 0;padding-left:18px;font-size:11px;color:#a9a68a}
.player-look-box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px}
.player-look-box canvas{width:clamp(100px,36vh,200px);height:auto;image-rendering:pixelated}
.player-portrait-turn{min-height:30px;padding:4px 12px;font-size:12px}
.player-toast{position:absolute;left:50%;top:18%;transform:translateX(-50%);z-index:40;padding:8px 16px;border-radius:20px;background:#0b0e01e6;border:2px solid #f3cb19;color:#fff;font:700 14px 'Century Gothic',Arial,sans-serif;pointer-events:none}
.player-practice-end{position:absolute;inset:0;z-index:45;display:grid;place-items:center;background:#0009}
.player-card{max-width:420px;padding:16px 22px;border:3px solid #e8e8df;background:#0b0e01f0;color:#fff;text-align:center;font-family:'Century Gothic',Arial,sans-serif}
.player-card small{color:#d5cf93;letter-spacing:.1em}
.player-card h2{margin:6px 0;font-weight:400}
.player-card p{font-size:13px;color:#e9e6c8}
#playerPracticeButton[hidden]{display:none}
@media(max-width:640px){.player-editor{grid-template-columns:1fr}.player-field{grid-template-columns:1fr}.player-stats{grid-template-columns:repeat(3,1fr)}}
/* Celular apaisado: todo compacto. */
@media(max-height:500px) and (orientation:landscape){
 :is(#playerEditorDialog,#playerPanelDialog,#playerNationalDialog){width:100vw;max-width:100vw;max-height:100dvh;padding:6px 12px;border-width:2px}
 :is(#playerEditorDialog,#playerPanelDialog,#playerNationalDialog) h2{font-size:17px}
 :is(#playerEditorDialog,#playerPanelDialog,#playerNationalDialog) .player-heading{padding-bottom:4px}
 .player-editor{grid-template-columns:130px minmax(0,1fr);gap:10px;padding:6px 0}
 .player-preview{width:120px;height:120px}
 .player-field{grid-template-columns:92px minmax(0,1fr);font-size:11px;gap:4px}
 .player-form{gap:3px}
 .player-chip{padding:1px 6px;font-size:10px}
 .player-chip small{display:none}
 .player-note{display:none}
 .player-actions button{font-size:12px;padding:4px 12px}
 .player-tabs{padding:4px 0}
 .player-tabs button{font-size:11px;padding:3px 10px}
 .player-role{grid-template-columns:70px minmax(0,1fr);gap:8px}
 .player-role canvas{width:64px;height:64px}
 .player-stats strong{font-size:14px}
}
.player-boot{width:80px;height:64px;image-rendering:pixelated}@media(max-height:500px) and (orientation:landscape){.player-boot{width:50px;height:40px}}
/* Vitrina · Logros: secciones de DT y de Jugador. */
.achievement-group{margin:10px 0 4px}
.achievement-group-title{margin:6px 0 2px;font-size:15px;font-weight:400;color:#f3cb19;letter-spacing:.06em;border-bottom:1px solid #69684c;padding-bottom:4px}
.achievement-group-hint{margin:2px 0 6px;font-size:11px;color:#a9a68a}
/* Selectores con flechas: compactos, el valor entre las dos flechas. */
.player-stepper{max-width:290px}
.player-stepper strong{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.player-stepper .player-chip-dot{width:12px;height:12px}
/* Elegir tipo de carrera al tocar «Campeonato». */
#careerKindDialog{box-sizing:border-box;width:min(620px,94vw);inset:0;margin:auto;padding:18px 22px;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}
#careerKindDialog::backdrop{background:#000c}
#careerKindDialog .player-heading{position:relative;display:block;margin:0;padding:0 42px 10px;text-align:center;border-bottom:1px solid #69684c}
#careerKindDialog .player-heading>small{display:block;color:#d5cf93;font-size:12px;letter-spacing:.04em}
#careerKindDialog h2{margin:4px 0 0;font-size:24px;font-weight:400;color:#fff;text-shadow:1px 2px #000}
#careerKindDialog .player-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}
.career-kind-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0 4px}
.career-kind-option{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding:14px 12px;border-width:2px}
.career-kind-option strong{font-size:17px;font-weight:400}
.career-kind-option span{font-size:12px;line-height:1.3;opacity:.85}
.career-kind-option[aria-pressed="true"]{outline:2px solid #f3cb19;outline-offset:2px}
.career-kind-art{width:100%;aspect-ratio:2.1;height:auto;object-fit:cover;border:1px solid #a69c6d;background:#101206}
.player-identity-name{max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit}
.player-portrait-card{position:relative;display:grid;justify-items:center;align-content:center;min-height:110px;border:1px solid #807747;background:radial-gradient(ellipse at bottom,#5d532958,#101205);color:#f9de78}
.player-portrait-card>img{position:absolute;top:6px;left:6px;width:24px;height:25px;object-fit:contain}
.player-portrait-card>strong{position:absolute;right:6px;bottom:5px}
.player-ladder li{display:flex;align-items:center;gap:5px;justify-content:center}
.player-role-icon,.player-stat-icon{color:#e4ca73}
.player-ladder .current .player-role-icon{color:#23210c}
.player-progress-item{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:12px;margin:6px 0;color:#f3f2e7}
.player-progress-item progress{grid-column:1/-1;width:100%;height:8px;accent-color:#eac45b}
.player-ratings h3,.player-section-heading{font-size:14px;font-weight:400;color:#e7d58b;margin:8px 0 4px}
.player-ratings ol{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.player-ratings li{display:grid;grid-template-columns:62px 1fr 30px;gap:8px;align-items:center;font-size:12px}
.player-ratings li>span{display:block;width:var(--rating);height:8px;border-radius:3px;background:#d7ad54}
.player-ratings li>span.good{background:#9bd079}.player-ratings li>span.low{background:#dc876b}
.player-seasons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(235px,100%),1fr));gap:8px;margin:8px 0}
.player-season-card{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #69684c;background:linear-gradient(135deg,#77622c38,#0b0e01b8)}
.player-season-card img{width:46px;height:48px;object-fit:contain;flex:none}
.player-season-card h3,.player-season-card p{margin:2px 0}
.player-season-card h3{font-size:15px}.player-season-card p,.player-season-card small{font-size:11px;color:#d5cf93}
.player-events{list-style:none;border-left:1px solid #ad9456;padding-left:13px}.player-events li{position:relative;margin:7px 0}.player-events li::before{content:'';position:absolute;left:-17px;top:.4em;width:7px;height:7px;border-radius:50%;background:#eac45b}
@media(max-height:500px) and (orientation:landscape){
 .career-kind-art{max-height:36dvh;object-fit:contain}
 .player-portrait-card{min-height:70px}
 .player-stepper button{padding:2px 12px}
 .player-field input{padding:3px 8px}
 .player-error:empty{display:none}
 .player-preview-box{justify-content:center}
 .player-ladder li{padding:2px 6px}
}
@media(max-height:500px) and (orientation:landscape){#careerKindDialog{padding:8px 14px}#careerKindDialog h2{font-size:18px}.career-kind-options{padding:8px 0 2px}.career-kind-option{padding:8px}}

.player-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin:.45rem 0;padding:0;list-style:none}
.player-badges li{display:flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border:1px solid #776c42;color:#eee2b5}
.player-badges img{width:1.7rem;height:1.9rem;object-fit:contain;image-rendering:pixelated}

#playerPanelDialog{width:min(1080px,96vw);padding:clamp(16px,2.6vw,32px)}
#playerPanelDialog .player-heading{padding-bottom:14px}
#playerPanelDialog .player-tabs{padding:14px 0;gap:10px}
#playerPanelDialog .player-tabs button{min-width:116px;padding:7px 16px}
.player-role{grid-template-columns:168px minmax(0,1fr);gap:16px;align-items:stretch;padding:0;margin-bottom:12px}
.player-role canvas{width:145px;height:145px}
.player-portrait-card>img{width:32px;height:32px}
.player-progression,.player-dashboard-section{min-width:0;padding:12px 14px;border:1px solid #69684c;background:#101205c9}
.player-progression .player-section-heading,.player-dashboard-section h3:first-child{margin-top:0}
.player-progress-item{margin:8px 0}
.player-section-heading,.player-ratings h3{font-size:16px}
.player-dashboard,.player-history-grid{display:grid;gap:12px;margin-top:12px}
.player-dashboard{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
.player-history-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.player-dashboard .player-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.player-stats div{padding:8px 4px;justify-content:center;text-align:center}
.player-stats small,.player-events,.player-ratings p{font-size:12px}
.player-events{color:#e3ddbd}
.player-seasons{grid-template-columns:repeat(auto-fit,minmax(min(206px,100%),1fr));margin-bottom:0}
.player-season-card{align-items:flex-start;padding:12px}
.player-season-card img{width:52px;height:54px}
.player-season-card h3{font-size:17px;overflow-wrap:anywhere}
.player-season-body{flex:1;min-width:0}
.player-season-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 0;padding-top:6px;border-top:1px solid #69684c}
.player-season-totals dt{font-size:10px;color:#d5cf93}
.player-season-totals dd{margin:2px 0 0;color:#fff;font-size:15px}
@media(max-width:640px) and (orientation:portrait){
 .player-dashboard,.player-history-grid{grid-template-columns:1fr}
 .player-role{grid-template-columns:78px minmax(0,1fr);gap:8px}
 .player-role canvas{width:76px;height:76px}
 #playerPanelDialog .player-tabs button{min-width:0;padding:5px 10px}
 .player-ladder{flex-wrap:wrap}
}
@media(max-height:500px) and (orientation:landscape){
 #playerPanelDialog{width:100vw;padding:8px 12px}
 #playerPanelDialog .player-heading{padding-bottom:4px}
 #playerPanelDialog .player-tabs{padding:6px 0 8px;gap:7px}
 #playerPanelDialog .player-tabs button{min-width:90px;padding:4px 8px}
 .player-role{grid-template-columns:102px minmax(0,1fr);gap:8px;margin-bottom:6px}
 .player-role canvas{width:85px;height:85px}
 .player-portrait-card>img{width:23px;height:23px}
 .player-progression,.player-dashboard-section{padding:6px 8px}
 .player-progress-item{margin:4px 0}
 .player-dashboard,.player-history-grid{margin-top:6px;gap:8px}
 .player-section-heading,.player-ratings h3{font-size:13px}
 .player-stats div{padding:4px}
 .player-stats small,.player-events,.player-ratings p{font-size:10px}
 .player-season-card{padding:6px;gap:7px}
 .player-season-card img{width:34px;height:37px}
 .player-season-card h3{font-size:13px}
}

.career-kind-label{display:flex;align-items:center;justify-content:center;gap:7px}
.career-kind-label img{width:24px;height:27px;object-fit:contain;image-rendering:pixelated}
.player-progress-item progress{display:block;border:0;border-radius:4px;background:#090b04;box-shadow:inset 0 0 0 1px #83764d}
.player-progress-item progress::-webkit-progress-bar{border-radius:4px;background:transparent}
.player-progress-item progress::-webkit-progress-value{border-radius:4px;background:#eac45b}
.player-progress-item progress::-moz-progress-bar{border-radius:4px;background:#eac45b}
.player-national-line{margin:4px 0 8px;font-size:12px;color:#d5cf93}
#playerNationalButton[hidden]{display:none}

#playerNationalDialog>.primary{display:block;margin:12px auto 0}
#playerNationalDialog .player-heading p{margin:6px 0 0;color:#d5cf93;font-size:13px}
.player-national-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.player-national-grid h3{margin:10px 0 6px;color:#d5cf93;font-size:14px}
.player-national-grid ol{margin:0;padding-left:22px;max-height:250px;overflow:auto;font-size:13px}
.player-national-grid li{padding:5px}
.player-national-grid li[aria-current]{color:#ffdf74;background:#ffffff12}
.player-national-grid table{width:100%;border-collapse:collapse;font-size:13px;text-align:center}
.player-national-grid th,.player-national-grid td{padding:4px;border-bottom:1px solid #69684c}
.player-national-grid :is(th,td):nth-child(2){text-align:left}
.player-national-grid tr.current{background:#ffffff12}
@media(max-width:520px){.player-national-grid{grid-template-columns:1fr;gap:4px}}
@media(max-height:500px) and (orientation:landscape){.player-national-grid ol{max-height:170px}}

@media(max-height:500px) and (orientation:landscape){
 #playerEditorDialog .player-editor{grid-template-columns:112px minmax(0,1fr)}
 #playerEditorDialog .player-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;align-content:start}
 #playerEditorDialog .player-field{display:flex;flex-direction:column;align-items:stretch;gap:2px}
 #playerEditorDialog .player-field input{box-sizing:border-box;width:100%;max-width:none}
 #playerEditorDialog .player-preview{width:104px;height:104px}
 #playerEditorDialog .player-stepper{max-width:none}
}
/* Nacionalidad: lista desplegable con el mismo estilo que los campos de texto. */
.player-nation{font:inherit;font-size:14px;padding:5px 8px;color:#111;background:#f3f2e7;border:1px solid #69684c;max-width:260px;width:100%}
@media(max-height:500px) and (orientation:landscape){.player-nation{font-size:12px;padding:2px 6px}}
/* Carrera de jugador: «JUGADOR · nombre» es más largo que «DT» y tapaba la flecha de fase de las copas.
   En las copas se oculta el nombre (queda «JUGADOR» + escudo, como en el DT) y las flechas se corren. */
#league:has(.player-identity-name):has(#competitionPhaseNav:not([hidden])) .player-identity-name{display:none}
#league:has(.player-identity-name) #competitionPhaseNav{left:var(--player-phase-left,150px)}
#league:has(.player-identity-name):has(#competitionPhaseNav:not([hidden])) > h1{padding-inline:170px}
@media(max-width:700px),(max-height:500px) and (orientation:landscape){#league:has(.player-identity-name) #competitionPhaseNav{left:130px}#league:has(.player-identity-name):has(#competitionPhaseNav:not([hidden])) > h1{padding-inline:150px}}
/* «Mi jugador» se distingue del resto de la barra (celeste). */
#playerPanelButton.player-panel-button{background:linear-gradient(180deg,#8fd3ff,#3c9fd9);border-color:#e9f7ff;color:#06263a;font-weight:700;text-shadow:none}
#playerPanelButton.player-panel-button:hover,#playerPanelButton.player-panel-button:focus-visible{background:linear-gradient(180deg,#b3e2ff,#55b3ea)}
#managerHistory[hidden],#managerVitrine[hidden]{display:none!important}
.player-tabs .player-tab-vitrine{background:linear-gradient(180deg,#8fd3ff,#3c9fd9);border-color:#e9f7ff;color:#06263a}
/* Cartel de fin de práctica: marcador con escudos, nota con color, detalle y progreso. */
.player-result{width:min(560px,92vw);max-width:none;padding:16px 22px 18px;border:3px solid #e8e8df;background:linear-gradient(180deg,#141a06f2,#0b0e01f5);box-shadow:0 10px 40px #000a}
.player-result-title{display:block;color:#d5cf93;letter-spacing:.14em;font-size:12px}
.player-result-change{margin:8px auto 2px;padding:6px 14px;border-radius:18px;font:700 16px 'Century Gothic',Arial,sans-serif;letter-spacing:.06em;width:max-content;max-width:100%}
.player-result-change.up{background:#f3cb19;color:#1c1a10;box-shadow:0 0 18px #f3cb1980}
.player-result-change.down{background:#7a2b22;color:#fff}
.player-result-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:10px 0 0}
.player-result-team{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:#e9e6c8;min-width:0}
.player-result-team span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-result-crest{width:40px;height:44px;object-fit:contain}
.player-result-score strong{font-size:38px;font-weight:400;color:#fff;text-shadow:2px 3px #000}
.player-result-outcome{margin:2px 0 8px!important;color:#d5cf93!important;font-size:13px!important}
.player-result-middle{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:center;text-align:left;margin:4px 0 10px}
.player-result-grade{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80px;border-radius:10px;border:2px solid currentColor}
.player-result-grade small{font-size:10px;letter-spacing:.12em}
.player-result-grade strong{font-size:30px;line-height:1}
.player-result-grade.good{color:#9be27b;background:#9be27b18}.player-result-grade.ok{color:#f3cb19;background:#f3cb1918}.player-result-grade.bad{color:#ff8a7a;background:#ff8a7a18}
.player-result-lines{list-style:none;margin:0;padding:0;font-size:12px;color:#e9e6c8}
.player-result-lines li{display:flex;justify-content:space-between;gap:8px;padding:2px 0;border-bottom:1px solid #ffffff14}
.player-result-lines b{font-weight:700}.player-result-lines b.plus{color:#9be27b}.player-result-lines b.minus{color:#ff8a7a}
.player-result-progress{text-align:left;margin:0 0 12px;padding:8px 10px;border:1px solid #69684c;background:#0006}
.player-result-progress>small{display:block;color:#d5cf93;letter-spacing:.1em;font-size:11px;margin-bottom:4px}
.player-result-bar{display:grid;grid-template-columns:150px minmax(0,1fr) 70px;align-items:center;gap:8px;font-size:12px;margin:3px 0}
.player-result-bar small{color:#e9e6c8}.player-result-bar b{text-align:right;color:#fff;font-weight:400}
.player-result-track{height:8px;border-radius:4px;background:#0009;border:1px solid #69684c;overflow:hidden}
.player-result-track span{display:block;height:100%;background:linear-gradient(90deg,#f3cb19,#ffdf5e)}
.player-result-bar.done .player-result-track span{background:linear-gradient(90deg,#9be27b,#c6f3a8)}
.player-result-note{margin:4px 0 0!important;font-size:12px!important;color:#e9e6c8!important}
/* Aviso al entrar desde el banco. */
.player-entry-banner{position:absolute;left:50%;top:14%;transform:translateX(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 26px;border:3px solid #f3cb19;border-radius:14px;background:#0b0e01ee;color:#fff;font-family:'Century Gothic',Arial,sans-serif;pointer-events:none;box-shadow:0 8px 30px #000a;animation:player-entry-in .35s ease-out;transition:opacity .6s}
.player-entry-banner small{color:#f3cb19;letter-spacing:.14em;font-size:12px;font-weight:700}
.player-entry-banner strong{font-size:34px;font-weight:400;line-height:1.1;text-shadow:2px 3px #000}
.player-entry-banner span{font-size:13px;color:#e9e6c8}
.player-entry-banner.out{opacity:0}
@keyframes player-entry-in{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translateX(-50%)}}
@media(max-height:500px) and (orientation:landscape){.player-result{padding:8px 14px 10px}.player-result-score strong{font-size:28px}.player-result-crest{width:28px;height:30px}.player-result-middle{grid-template-columns:70px minmax(0,1fr);margin:2px 0 6px}.player-result-grade{height:58px}.player-result-grade strong{font-size:22px}.player-result-bar{grid-template-columns:110px minmax(0,1fr) 60px;font-size:11px}.player-result-progress{margin-bottom:6px;padding:5px 8px}.player-result-change{font-size:13px;margin-top:4px}.player-entry-banner strong{font-size:24px}}
#playerPanelButton.player-panel-button{font-size:16px;padding:8px 25px;border-width:3px}
@media(max-height:500px) and (orientation:landscape){#playerPanelButton.player-panel-button{font-size:13px;padding:5px 16px;border-width:2px}}
/* Pestaña «Selección» junto a Liga y las copas (resaltada si hay convocatoria). */
#playerNationalTab[hidden]{display:none}
#playerNationalTab.player-national-tab-callup{outline:2px solid #8fd3ff;outline-offset:2px;color:#cfeeff}
/* Cartel de fin de partido oficial: ventana del navegador (dialog) sobre la tabla de la liga. */
dialog.player-result-modal{padding:0;border:0;background:transparent;max-width:96vw;max-height:96dvh;overflow:visible;color-scheme:dark}
dialog.player-result-modal::backdrop{background:#000b}
.player-result-modal .player-result{max-height:94dvh;overflow:auto;margin:0}
/* Mirando la selección desde la carrera: sin botones que arranquen un Mundial suelto ni la temporada del club. */
body.player-national-view #qualifiersWorldCup,body.player-national-view #nextSeason,body.player-national-view #managerCareerStrip,body.player-national-view #playerPracticeButton,body.player-national-view #otherDivisions,body.player-national-view #playerNationalTab{display:none!important}
/* Carreras (DT y jugador): todos los botones de abajo en una sola fila, mismo tamaño; «Jugar siguiente» a la derecha. */
#league:has(#managerCareerStrip:not([hidden])) #leagueControls{flex-wrap:nowrap;align-items:center;gap:8px}
#league:has(#managerCareerStrip:not([hidden])) #leagueControls>button:not([hidden]),#league:has(#managerCareerStrip:not([hidden])) #managerCareerStrip>button:not([hidden]){order:0;flex:0 1 auto;min-width:0;min-height:42px;margin:0;padding:6px 14px;font-size:14px;border-width:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#league:has(#managerCareerStrip:not([hidden])) #leagueControls #leagueMenu{order:1}
#league:has(#managerCareerStrip:not([hidden])) #leagueControls #nextMatch,#league:has(#managerCareerStrip:not([hidden])) #leagueControls #nextSeason{order:2;margin-left:auto;flex:0 1 auto;white-space:normal;line-height:1.15;max-width:34%}
#league:has(#managerCareerStrip:not([hidden])) #playerPanelButton.player-panel-button{font-size:14px;padding:6px 14px;border-width:3px}
@media(max-width:900px),(max-height:500px) and (orientation:landscape){
 #league:has(#managerCareerStrip:not([hidden])) #leagueControls{gap:5px}
 #league:has(#managerCareerStrip:not([hidden])) #leagueControls>button:not([hidden]),#league:has(#managerCareerStrip:not([hidden])) #managerCareerStrip>button:not([hidden]),#league:has(#managerCareerStrip:not([hidden])) #playerPanelButton.player-panel-button{min-height:34px;padding:4px 9px;font-size:11px;border-width:2px}
}
/* Sin «…»: los botones se reparten el ancho y, si no entra, el texto pasa a dos líneas (pantalla completa, escala de Windows, celular). */
#league:has(#managerCareerStrip:not([hidden])) #leagueControls>button:not([hidden]),#league:has(#managerCareerStrip:not([hidden])) #managerCareerStrip>button:not([hidden]){flex:1 1 auto;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.1;overflow-wrap:normal;word-break:normal;hyphens:none}
#league:has(#managerCareerStrip:not([hidden])) #leagueControls #nextMatch,#league:has(#managerCareerStrip:not([hidden])) #leagueControls #nextSeason{flex:1.3 1 auto;max-width:36%}
/* La letra de la barra se ajusta al ancho disponible (10–14 px) para que ninguna palabra quede cortada. */
#league:has(#managerCareerStrip:not([hidden])) #leagueControls{container-type:inline-size}
#league:has(#managerCareerStrip:not([hidden])) #leagueControls>button:not([hidden]),#league:has(#managerCareerStrip:not([hidden])) #managerCareerStrip>button:not([hidden]),#league:has(#managerCareerStrip:not([hidden])) #playerPanelButton.player-panel-button{font-size:clamp(10px,1.32cqi,14px);padding-inline:clamp(6px,1.1cqi,14px);min-width:min-content}
/* Carrera de DT: la flecha de fase de las copas tampoco puede pisar «DT» + escudo. */
#league:has(.manager-identity:not([hidden])):not(:has(.player-identity-name)) #competitionPhaseNav{left:118px}
#league:has(.manager-identity:not([hidden])):not(:has(.player-identity-name)):has(#competitionPhaseNav:not([hidden])) > h1{padding-inline:140px}
@media(max-width:700px),(max-height:500px) and (orientation:landscape){#league:has(.manager-identity:not([hidden])):not(:has(.player-identity-name)) #competitionPhaseNav{left:104px}#league:has(.manager-identity:not([hidden])):not(:has(.player-identity-name)):has(#competitionPhaseNav:not([hidden])) > h1{padding-inline:126px}}

body.manager-national-view #qualifiersWorldCup,body.manager-national-view #nextSeason,body.manager-national-view #careerCompetitions,body.manager-national-view #managerCareerStrip,body.manager-national-view #otherDivisions,body.manager-national-view #managerNationalNote{display:none!important}
@media (max-height:500px) and (orientation:landscape){
 body.manager-national-view #league.panel:not([hidden]){height:calc(100dvh - 18px)!important;overflow:auto}
 body.manager-national-view #qualifiersHeader{grid-template-columns:minmax(130px,.65fr) minmax(0,1.35fr);gap:5px 10px;margin-bottom:5px;padding-bottom:5px}
 body.manager-national-view #qualifiersHeader .qualifiers-identity{grid-area:1/1}
 body.manager-national-view #qualifiersHeader .qualifiers-identity strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.manager-national-view #qualifiersHeader #leagueTitle{grid-area:1/2}
 body.manager-national-view #qualifiersHeader .qualifiers-actions{grid-area:2/1/3/-1}
 body.manager-national-view #qualifiersHeader #leagueTitle,body.manager-national-view #qualifiersHeader .qualifiers-identity strong{font-size:15px}
 body.manager-national-view #qualifiersHeader .qualifiers-actions button{min-height:28px;padding:3px 8px;font-size:11px}
 body.manager-national-view #league:not([data-mobile-view])>.league-columns{grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:8px}
 body.manager-national-view #leagueControls{margin-top:4px;padding-top:5px}
 body.manager-national-view #leagueControls :is(#leagueMenu,#nextMatch){min-height:32px;padding:3px 11px;font-size:11px}
}
.mn-result .mn-dismissal{color:#ffe2a0;font-weight:700}
/* Nacionalidad: selector con banderas y búsqueda. */
.nation-picker{position:relative;max-width:260px;width:100%}
.nation-current{display:flex;align-items:center;gap:8px;width:100%;min-height:0;padding:4px 10px;font:inherit;font-size:14px;color:#111;background:#f3f2e7;border:1px solid #69684c;border-radius:0;text-align:left;text-shadow:none}
.nation-current .nation-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nation-caret{font-size:11px;color:#444}
.nation-flag{width:24px;height:16px;object-fit:cover;border:1px solid #0005;flex:none}
.nation-panel{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 2px);background:#f3f2e7;border:1px solid #69684c;box-shadow:0 8px 24px #000a}
.nation-panel[hidden]{display:none}
.nation-search{box-sizing:border-box;width:100%;padding:6px 8px;font:inherit;font-size:13px;border:0;border-bottom:1px solid #b7b39a;background:#fff;color:#111}
.nation-list{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}
.nation-list li[hidden]{display:none}
.nation-option{display:flex;align-items:center;gap:8px;width:100%;min-height:0;padding:5px 10px;font:inherit;font-size:13px;color:#111;background:transparent;border:0;border-radius:0;text-align:left;text-shadow:none}
.nation-option:hover,.nation-option:focus-visible{background:#cfe6ff;outline:none}
.nation-list li[aria-selected=true] .nation-option{background:#9fd0ff;font-weight:700}
@media(max-height:500px) and (orientation:landscape){.nation-current{font-size:12px;padding:2px 8px}.nation-list{max-height:150px}.nation-flag{width:20px;height:13px}}
#playerEditorDialog .nation-current{background:#f3f2e7!important;color:#111!important;border:1px solid #69684c!important;box-shadow:none!important;filter:none!important;opacity:1!important}
#playerEditorDialog .nation-option{background:transparent!important;color:#111!important;border:0!important;box-shadow:none!important}
#playerEditorDialog .nation-option:hover,#playerEditorDialog .nation-option:focus-visible{background:#cfe6ff!important}
#playerEditorDialog .nation-list li[aria-selected=true] .nation-option{background:#9fd0ff!important}
/* «¿Qué carrera querés?»: las dos tarjetas se reparten el ancho de la ventana (sin deslizador lateral). */
#careerKindDialog{overflow-x:hidden;max-height:96dvh;overflow-y:auto}
#careerKindDialog .career-kind-options{grid-template-columns:repeat(2,minmax(0,1fr))}
#careerKindDialog .career-kind-option{min-width:0;box-sizing:border-box}
#careerKindDialog .career-kind-art,#careerKindDialog .career-kind-option img:not(.career-kind-label img){display:block;max-width:100%;width:100%;height:auto;object-fit:contain}
#careerKindDialog .player-heading{padding-inline:42px}
#careerKindDialog h2{overflow-wrap:anywhere}
#careerKindDialog>.player-heading{box-sizing:border-box;width:auto;max-width:100%;margin:0}
#careerKindDialog>.career-kind-options{box-sizing:border-box;width:100%;max-width:100%}

/* ===== Ventanas de la carrera: más grandes y cuadradas, sin deslizador lateral ===== */
:is(#careerKindDialog,#playerEditorDialog,#playerPanelDialog){box-sizing:border-box;overflow-x:hidden}
:is(#careerKindDialog,#playerEditorDialog,#playerPanelDialog)>.player-heading{box-sizing:border-box;width:auto;max-width:100%;margin:0}
#careerKindDialog{width:min(860px,95vw);padding:22px 28px}
#careerKindDialog h2{font-size:28px}
#careerKindDialog .career-kind-options{gap:18px;padding:18px 0 6px}
#careerKindDialog .career-kind-option{padding:16px 14px 18px;gap:10px;border-radius:18px}
#careerKindDialog .career-kind-art{aspect-ratio:1.45;object-fit:cover;border-radius:10px}
#careerKindDialog .career-kind-option strong{font-size:20px}
#careerKindDialog .career-kind-option span{font-size:13px}
#playerEditorDialog{width:min(980px,96vw);min-height:min(620px,92dvh);padding:22px 28px 18px}
#playerEditorDialog .player-editor{grid-template-columns:260px minmax(0,1fr);gap:26px;padding:16px 0}
#playerEditorDialog .player-preview{width:240px;height:240px}
#playerEditorDialog .player-form{gap:10px;min-width:0}
#playerEditorDialog .player-field{font-size:15px;grid-template-columns:140px minmax(0,1fr)}
#playerEditorDialog .player-stepper{max-width:340px}
#playerEditorDialog .player-stepper strong{font-size:15px}
#playerPanelDialog{width:min(1040px,96vw);min-height:min(660px,92dvh);padding:22px 28px 18px}

/* ===== Mi puesto: ficha del jugador ===== */
.pp-hero{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;margin:10px 0 12px}
.pp-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px 16px;border-radius:16px;border:2px solid #f3cb19aa;background:radial-gradient(circle at 50% 35%,#ffffff22,transparent 60%),linear-gradient(160deg,var(--pp-a),#0b0e01 72%),var(--pp-b);box-shadow:0 8px 24px #000a,inset 0 0 0 3px #00000040;overflow:hidden}
.pp-card::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,#ffffff14 50%,transparent 60%);pointer-events:none}
.pp-card-top{display:flex;justify-content:space-between;align-items:center;width:100%}
.pp-crest{width:40px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 2px #000a)}
.pp-number{font-size:30px;color:#fff;text-shadow:2px 2px #000;font-weight:700}
.pp-face{width:150px;height:150px;image-rendering:pixelated;filter:drop-shadow(0 4px 6px #000c)}
.pp-name{margin:2px 0 0;font-size:20px;font-weight:700;color:#fff;text-shadow:1px 2px #000;text-align:center;overflow-wrap:anywhere}
.pp-role{padding:3px 12px;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.08em}
.pp-role-reserva{background:#8a7c56;color:#1a160c}.pp-role-suplente{background:#c0c4c8;color:#16191c}.pp-role-titular{background:#f3cb19;color:#1c1a10;box-shadow:0 0 12px #f3cb1980}
.pp-nation{display:flex;align-items:center;gap:6px;font-size:13px;color:#f3f2e7}.pp-nation img{width:22px;height:15px;object-fit:cover;border:1px solid #0006}
.pp-club{font-size:11px;color:#e9e6c8cc}
.pp-path{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border:1px solid #69684c;border-radius:14px;background:#0b0e01b8}
.pp-heading{margin:0;font-size:16px;font-weight:400;color:#f3cb19;letter-spacing:.04em}
.pp-steps{display:flex;list-style:none;margin:0;padding:0;position:relative}
.pp-steps::before{content:'';position:absolute;left:16%;right:16%;top:20px;height:4px;background:#3a3b2b;border-radius:2px}
.pp-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;z-index:1}
.pp-step-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:18px;border:3px solid #55563f;background:#1a1c10;color:#8b8a70}
.pp-step-label{font-size:13px;color:#a9a68a}
.pp-step.done .pp-step-icon{border-color:#9be27b;color:#9be27b;background:#203018}.pp-step.done .pp-step-label{color:#9be27b}
.pp-step.current .pp-step-icon{border-color:#f3cb19;color:#1c1a10;background:#f3cb19;box-shadow:0 0 16px #f3cb19aa;transform:scale(1.12)}.pp-step.current .pp-step-label{color:#fff;font-weight:700}
.pp-goal{display:flex;flex-direction:column;gap:9px;padding:10px 12px;border-radius:10px;background:#00000059;border:1px solid #ffffff14}
.pp-goal h4{margin:0;font-size:14px;font-weight:400;color:#fff}
.pp-meter-head{display:flex;justify-content:space-between;font-size:13px;color:#e9e6c8;margin-bottom:4px}
.pp-meter-head strong{color:#fff}
.pp-bar{height:10px;border-radius:5px;background:#0009;border:1px solid #69684c;overflow:hidden}
.pp-bar span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#f3cb19,#ffe27a)}
.pp-meter.ok .pp-bar span{background:linear-gradient(90deg,#6fcf4f,#b8f39b)}.pp-meter.ok .pp-meter-head span{color:#9be27b}
.pp-note{margin:0;font-size:12px;color:#d5cf93}.pp-note.ok{color:#9be27b}.pp-note.warn{color:#ff9d84}
.pp-report{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px;padding:10px 14px;border-radius:12px;border:1px solid #69684c;border-left:5px solid #f3cb19;background:#0b0e01c7}
.pp-report.out{border-left-color:#8a8a70}
.pp-report-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#2a2c1c;color:#d5cf93;font-size:16px}
.pp-report-icon.good{background:#2f4f22;color:#b8f39b}.pp-report-icon.ok{background:#4f4622;color:#ffe27a}.pp-report-icon.bad{background:#5a2620;color:#ffb3a3}
.pp-report h4{margin:2px 0 4px;font-size:15px;font-weight:400;color:#fff}.pp-report p{margin:0;font-size:12px;color:#d5cf93}
.pp-report ul{list-style:none;margin:0;padding:0;font-size:12px;color:#e9e6c8;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:2px 16px}
.pp-report li{display:flex;justify-content:space-between;gap:8px}.pp-report b.plus{color:#9be27b}.pp-report b.minus{color:#ff9d84}
.pp-season,.pp-notes{border-radius:14px}
.pp-empty{font-size:13px;color:#a9a68a;margin:10px 0}
@media(max-width:760px){.pp-hero{grid-template-columns:1fr}#playerEditorDialog .player-editor{grid-template-columns:1fr}}
@media(max-height:500px) and (orientation:landscape){
 #careerKindDialog,#playerEditorDialog,#playerPanelDialog{min-height:0;padding:8px 14px}
 #careerKindDialog h2{font-size:18px}#careerKindDialog .career-kind-art{aspect-ratio:2.1}#careerKindDialog .career-kind-option{padding:8px;gap:4px}
 #playerEditorDialog .player-editor{grid-template-columns:150px minmax(0,1fr);gap:12px;padding:6px 0}#playerEditorDialog .player-preview{width:130px;height:130px}#playerEditorDialog .player-field{font-size:12px;grid-template-columns:96px minmax(0,1fr)}#playerEditorDialog .player-form{gap:3px}
 .pp-hero{grid-template-columns:170px minmax(0,1fr);gap:10px;margin:4px 0 6px}.pp-face{width:84px;height:84px}.pp-number{font-size:20px}.pp-crest{width:26px;height:28px}.pp-name{font-size:14px}
 .pp-path{padding:8px 10px;gap:6px}.pp-step-icon{width:30px;height:30px;font-size:13px}.pp-steps::before{top:14px}.pp-goal{padding:6px 8px;gap:5px}
}
/* Mi puesto en pantallas bajas de PC (768–900 px): todo entra sin deslizador. */
@media(min-height:501px) and (max-height:900px){
 #playerPanelDialog{min-height:0;padding:14px 22px 12px}
 #playerPanelDialog .player-heading{padding-bottom:6px}
 #playerPanelDialog h2{font-size:22px}
 #playerPanelDialog .player-tabs{padding:6px 0 2px}
 .pp-hero{margin:6px 0 8px;grid-template-columns:220px minmax(0,1fr)}
 .pp-card{padding:8px 10px 10px;gap:2px}.pp-face{width:104px;height:104px}.pp-number{font-size:24px}.pp-crest{width:32px;height:35px}.pp-name{font-size:17px}
 .pp-path{padding:10px 14px;gap:8px}.pp-step-icon{width:34px;height:34px;font-size:15px}.pp-steps::before{top:16px}
 .pp-report{margin-bottom:8px;padding:7px 12px}
 #playerPanelDialog .player-stats div{padding:3px}
}
/* Últimas notas: lista de partidos con barra horizontal (nota × 10 %). */
.pp-notes .player-ratings li>span{min-width:3px}.pp-notes .player-ratings strong{text-align:right;color:#fff}.pp-notes .player-ratings small{color:#a9a68a}
/* Íconos pixel art (src/pixel-icons.js): escalado nítido, sin suavizado. */
.px-icon{image-rendering:pixelated;image-rendering:crisp-edges;vertical-align:middle;flex:none;max-width:none}
.px-label{display:flex;align-items:center;gap:6px}
span.px-label,button .px-label{display:inline-flex}
.player-stat-icon{display:block;line-height:0;margin-bottom:2px}
.pp-step-icon .px-icon,.pp-report-icon .px-icon{width:24px;height:24px}
.pp-meter-head .px-icon,.pp-note .px-icon,.player-result-note .px-icon{width:14px;height:14px}
.player-stepper button{display:inline-grid;place-items:center;line-height:0}
.player-stepper button .px-icon{width:10px;height:14px}
.player-stepper button:disabled .px-icon{opacity:.4}
.player-portrait-turn{display:inline-flex;align-items:center;gap:6px}
.player-portrait-turn .px-icon{width:21px;height:12px}
.nation-caret{line-height:0}
@media(max-height:500px) and (orientation:landscape){
 .pp-step-icon .px-icon{width:18px;height:18px}.pp-report-icon .px-icon{width:20px;height:20px}
 .player-stat-icon .px-icon{width:18px;height:18px}
}
/* Edad del futbolista en la carta (arranca con 16 y suma uno por temporada). */
.pp-age{font-size:12px;color:#fff;letter-spacing:.04em;opacity:.9}
/* Títulos de cada temporada con el trofeo real de la vitrina. */
.player-season-titles{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px}
.player-season-titles li{display:flex;align-items:flex-end;gap:6px;font-size:12px;color:#f3d977}
.player-season-titles .px-icon{width:20px;height:20px}
/* Gala del Balón de Oro. */
#goldenBallGala{width:min(640px,94vw);max-height:92dvh;overflow:auto;padding:18px 24px;border:2px solid #f3cb19;border-radius:12px;background:radial-gradient(ellipse at 50% 0,#5a4a12,#141006 70%);color:#f6efcf;text-align:center}
#goldenBallGala::backdrop{background:#000c}
#goldenBallGala .gala-heading{display:grid;justify-items:center;gap:4px;border:0;padding:0}
#goldenBallGala .gala-art{width:96px;height:96px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 14px #f3cb1999)}
#goldenBallGala h2{margin:0;font-size:26px;color:#ffe27a;letter-spacing:.04em}
.gala-verdict{margin:8px 0 2px;font-size:18px;color:#fff}.gala-verdict.won{color:#ffe27a;font-size:22px;text-shadow:0 0 12px #f3cb19}
.gala-detail{margin:0 0 10px;font-size:12px;color:#d9cf9a}.gala-note{font-size:11px;color:#bdb38a}
.gala-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:3px;text-align:left}
.gala-list li{display:grid;grid-template-columns:26px 22px 1fr auto 46px;align-items:center;gap:8px;padding:4px 8px;background:#0006;border:1px solid #5d5228;border-radius:6px;font-size:13px}
.gala-list li.me{background:#5a4510;border-color:#f3cb19;color:#fff;font-weight:700}
.gala-list li b{color:#ffe27a;text-align:right}.gala-list li img{width:20px;height:20px;object-fit:contain}.gala-list li small{color:#bdb38a;font-size:11px}.gala-list li strong{text-align:right;color:#fff}
.player-season-gala{margin:4px 0 0;font-size:12px;color:#f3d977}.player-season-gala .px-icon{width:14px;height:14px}.player-season-gala.won{color:#ffe27a;font-weight:700}
@media(max-height:500px) and (orientation:landscape){#goldenBallGala{padding:8px 14px}#goldenBallGala .gala-art{width:48px;height:48px}#goldenBallGala h2{font-size:18px}.gala-verdict{font-size:14px;margin:2px 0}.gala-list li{padding:2px 6px;font-size:11px}}
#goldenBallGala .gala-heading{display:flex;flex-direction:column;align-items:center;text-align:center}
#goldenBallGala .gala-heading small{display:block;color:#e8d68a;letter-spacing:.12em;font-size:11px}
/* Fondo de escenario de la gala (con un velo oscuro para que se lea la lista). */
#goldenBallGala{background:linear-gradient(#0b0a06cc,#0b0a06e6),url(../assets/ui/gala-fondo.webp) center/cover no-repeat,#141006}
#goldenBallGala .gala-art{width:112px;height:112px;image-rendering:auto}
@media(max-height:500px) and (orientation:landscape){#goldenBallGala .gala-art{width:56px;height:56px}}
/* Revelación de los tres finalistas. */
#goldenBallGala .gala-verdict{display:none}#goldenBallGala.gala-done .gala-verdict{display:block}
.gala-stage{margin:6px 0 4px;font-size:17px;color:#ffe27a;letter-spacing:.06em;min-height:1.3em}
#goldenBallGala.gala-drum .gala-stage{animation:galaDrum .5s ease-in-out infinite alternate}
#goldenBallGala.gala-done .gala-stage{font-size:22px;text-shadow:0 0 14px #f3cb19;animation:none}
.gala-finalists{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:4px 0 10px}
.gala-finalist{display:flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid #f3cb19;border-radius:18px;background:#2a2108cc;font-size:13px;color:#fff}
.gala-finalist img{width:20px;height:20px;object-fit:contain}
.gala-list li.gala-hidden{visibility:hidden}
.gala-list li.gala-reveal{animation:galaPop .6s ease-out}
.gala-list li.gala-winner{background:linear-gradient(90deg,#7a5a10,#3a2a08);border-color:#ffe27a;box-shadow:0 0 18px #f3cb1988;color:#fff;font-weight:700}
.gala-actions{display:flex;justify-content:center;gap:10px}
@keyframes galaPop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.04);opacity:1}100%{transform:none}}
@keyframes galaDrum{from{transform:scale(1)}to{transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.gala-list li.gala-reveal,#goldenBallGala.gala-drum .gala-stage{animation:none}}
/* Tus puntos se ven recién al final (si no, comparando con el 2º ya se sabe quién ganó). */
#goldenBallGala:not(.gala-done) .gala-detail{visibility:hidden}
#goldenBallGala.gala-done .gala-stage:empty{display:none}
.gala-finalist.out{opacity:.35;filter:grayscale(1);text-decoration:line-through}

/* Carrera de DT o de jugador: un solo equipo (el tuyo) que ocupa los dos espacios; sin rival ni «VS». */
#menu .teams.career-solo{grid-template-columns:minmax(0,1fr)!important}
#menu .teams.career-solo>b,#menu .teams.career-solo>.team-card:has(#team2){display:none!important}
#menu .teams.career-solo>.team-card:has(#team1){width:100%;max-width:none;justify-self:stretch}

/* «Entrás desde el banco»: más grande y con el tiempo restante bien destacado. */
.player-entry-banner{top:12%;gap:6px;padding:14px 34px 16px;border-width:4px;background:linear-gradient(#1a1d08f5,#0b0e01f5);box-shadow:0 10px 36px #000c,0 0 0 3px #000,0 0 28px #f3cb1966;animation:player-entry-in .35s ease-out,player-entry-glow 1.1s ease-in-out .35s 3 alternate}
.player-entry-banner small{padding:3px 14px;border-radius:6px;background:#f3cb19;color:#141400;font-size:clamp(15px,1.9vw,22px);letter-spacing:.12em;font-weight:800;text-shadow:none}
.player-entry-banner strong{font-size:clamp(36px,4.6vw,56px);font-weight:700}
.player-entry-banner span{padding:4px 16px;border-radius:999px;border:2px solid #f3cb19;background:#000a;color:#fff;font-size:clamp(16px,1.9vw,22px);font-weight:700;text-shadow:1px 2px #000}
@keyframes player-entry-glow{to{box-shadow:0 10px 36px #000c,0 0 0 3px #000,0 0 46px #f3cb19cc}}
@media(max-height:500px) and (orientation:landscape){.player-entry-banner{top:8%;padding:8px 20px 10px}.player-entry-banner small{font-size:14px}.player-entry-banner strong{font-size:32px}.player-entry-banner span{font-size:15px}}

/* ===== Retiro y vitrina de la carrera ===== */
:is(#playerRetireDialog,#playerFarewell){box-sizing:border-box;max-width:96vw;max-height:94dvh;overflow:auto;overflow-x:hidden;inset:0;margin:auto;padding:20px 26px 16px;border:3px solid #e8e8df;border-radius:0;color:#f3f2e7;background:linear-gradient(90deg,#0b0e01f2,#0b0e01c8),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;text-align:center}
#playerRetireDialog{width:min(560px,94vw)}
#playerFarewell{width:min(980px,96vw)}
:is(#playerRetireDialog,#playerFarewell)::backdrop{background:#000d}
:is(#playerRetireDialog,#playerFarewell) .player-heading{position:relative;display:block;margin:0;padding:0 42px 10px;border-bottom:1px solid #69684c}
:is(#playerRetireDialog,#playerFarewell) .player-heading>small{display:block;color:#d5cf93;font-size:12px;letter-spacing:.06em}
:is(#playerRetireDialog,#playerFarewell) h2{margin:4px 0 0;font-size:26px;font-weight:400;color:#fff;text-shadow:1px 2px #000}
#playerFarewell h2{font-size:32px;color:#f3cb19}
#playerFarewell .player-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}
.player-retire-text,.player-farewell-sub{margin:14px 0 4px;font-size:15px;line-height:1.45;color:#e9e6c8}
.player-retire-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.player-retire-actions button{min-width:170px}
.player-farewell-totals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0}
.player-farewell-totals div{padding:8px 4px;border:1px solid #69684c;border-radius:10px;background:#0b0e01b8}
.player-farewell-totals dd{margin:0;font-size:26px;font-weight:700;color:#fff}
.player-farewell-totals dt{font-size:11px;color:#d5cf93;letter-spacing:.04em}
.player-farewell-vitrine{padding:12px;border:1px solid #69684c;border-radius:14px;background:radial-gradient(ellipse at 50% 0,#f3cb1922,transparent 70%),#0b0e01cc}
.player-farewell-vitrine h3{margin:0 0 10px;font-size:16px;font-weight:400;color:#f3cb19;letter-spacing:.04em}
.player-farewell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.player-farewell-trophy{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;border:1px solid #3c3d27;border-bottom:3px solid #a69c6d;border-radius:10px 10px 4px 4px;background:linear-gradient(#ffffff0a,#0000)}
.player-farewell-trophy.gold{border-bottom-color:#f3cb19;box-shadow:inset 0 0 18px #f3cb1933}
.player-farewell-art{height:84px!important;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 6px #000c)}
.player-farewell-trophy strong{font-size:13px;color:#fff}
.player-farewell-trophy small{font-size:11px;color:#c9c4a3;line-height:1.3}
.player-farewell-count{position:absolute;top:6px;right:8px;padding:1px 7px;border-radius:9px;background:#f3cb19;color:#141400;font-size:12px}
.player-farewell-empty{margin:8px 0;color:#c9c4a3}
@media(max-width:700px),(max-height:500px) and (orientation:landscape){:is(#playerRetireDialog,#playerFarewell){padding:10px 14px}:is(#playerRetireDialog,#playerFarewell) h2{font-size:20px}.player-farewell-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.player-farewell-totals dd{font-size:20px}.player-farewell-art{height:60px!important}.player-farewell-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}

/* Balón de Oro ganado: papelitos y destello dorado. */
.gala-confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:5}
.gala-confetti i{position:absolute;top:-24px;border-radius:2px;opacity:.95;animation:gala-confetti-fall 4s linear infinite;box-shadow:0 0 4px #ffe27a66}
.gala-confetti i:nth-child(3n){border-radius:50%}
@keyframes gala-confetti-fall{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(var(--sway,40px),52vh) rotate(380deg)}100%{transform:translate(0,108vh) rotate(760deg)}}
#goldenBallGala.gala-celebrate{animation:gala-gold-flash 1.4s ease-out 1;box-shadow:0 0 0 3px #000,0 0 60px #f3cb19aa}
#goldenBallGala.gala-celebrate .gala-art{animation:gala-art-win 1.2s ease-out 1}
@keyframes gala-gold-flash{0%{box-shadow:0 0 0 3px #000,0 0 0 #f3cb1900}30%{box-shadow:0 0 0 3px #000,0 0 140px #ffe27a}100%{box-shadow:0 0 0 3px #000,0 0 60px #f3cb19aa}}
@keyframes gala-art-win{0%{transform:scale(1)}35%{transform:scale(1.25) rotate(-6deg)}70%{transform:scale(.96) rotate(3deg)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.gala-confetti{display:none}#goldenBallGala.gala-celebrate,#goldenBallGala.gala-celebrate .gala-art{animation:none}}

/* Cabezones runtime recovery epoch 1 */