/* Classic championship shell, using the game's own font, backdrop and buttons. */
.manager-strip:not([hidden]){display:contents}.manager-strip[hidden]{display:none}
#leagueControls{flex-wrap:wrap;align-items:center}
#leagueTitle:has(.manager-identity:not([hidden])){position:relative;padding-inline:90px;min-height:46px}
#leagueTitle .manager-identity:not([hidden]){position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;gap:9px;font-size:14px;font-weight:400;color:#d5cf93}
#leagueTitle .manager-identity img{display:block;width:36px;height:40px;object-fit:contain;margin:0}
#managerCareerDialog{box-sizing:border-box;overflow-x:hidden;min-width:0;inset:0;margin:auto}
#managerCareerDialog[open]{overflow-x:hidden}
#managerCareerDialog>*{min-width:0;max-width:100%;box-sizing:border-box}
/* Fullscreen league headers use a scaled width; the modal owns its own width. */
#managerCareerDialog .manager-heading{width:100%;max-width:100%}
#managerCareerDialog .manager-intro{line-height:1.6}
@media(max-width:540px){#leagueTitle:has(.manager-identity:not([hidden])){padding-inline:65px}#leagueTitle .manager-identity:not([hidden]){font-size:11px;gap:5px}#leagueTitle .manager-identity img{width:28px;height:33px}}
.manager-strip{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:11px 0;border-top:1px solid #69684c;margin-top:12px}.manager-strip strong{flex:1 1 240px;font-size:12px;font-weight:400;color:#d5cf93}.manager-strip button{font-size:12px;padding:6px 16px;border-width:2px}
#managerCareerDialog{width:min(1000px,96vw);max-width:96vw;max-height:94dvh;overflow:auto;padding:22px 28px 16px;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}#managerCareerDialog::backdrop{background:#000c}
#managerCareerDialog .manager-heading{position:relative;display:block;max-width:none;margin:0;padding:0 42px 14px;text-align:center;border-bottom:1px solid #69684c}#managerCareerDialog .manager-heading>small{display:block;color:#d5cf93;font-size:12px}#managerCareerDialog h2{margin:5px 0 0;font-size:30px;font-weight:400;color:#fff;text-shadow:1px 2px #000}#managerCareerDialog .manager-close{position:absolute;right:0;top:0;width:32px;height:32px;min-height:0;padding:0;border:2px solid #fff;border-radius:50%;background:linear-gradient(#ed8050,#bd2f0b);font:26px/26px Arial,sans-serif}
#managerCareerDialog .manager-intro{margin:17px 0;color:#dedbb7;text-align:center;font-size:14px}#managerCareerDialog .manager-club{display:flex;align-items:center;gap:10px;min-width:0}#managerCareerDialog .manager-club img{display:block;width:46px;height:50px;object-fit:contain;flex-shrink:0}#managerCareerDialog .manager-club strong{font-size:17px;font-weight:400;overflow-wrap:anywhere}
#managerCareerDialog .manager-season{display:grid;grid-template-columns:minmax(120px,1fr) minmax(170px,1.2fr) auto;gap:12px 18px;padding:16px 0 13px;border-bottom:1px solid #69684c;background:transparent}#managerCareerDialog .manager-season-result{display:flex;flex-direction:column;gap:4px;justify-content:center;font-size:12px;color:#c4c1a4}#managerCareerDialog .manager-season-result>strong{font-size:16px;color:#e6d66e;font-weight:400}#managerCareerDialog .manager-season-result>small{font-size:11px}
#managerCareerDialog .manager-numbers{display:flex;align-items:center;gap:15px;font-variant-numeric:tabular-nums}#managerCareerDialog .manager-numbers>span{display:flex;align-items:center;flex-direction:column;gap:4px}#managerCareerDialog .manager-numbers b{font-size:20px;font-weight:400;color:#f1eed9}#managerCareerDialog .manager-numbers small{font-size:10px;color:#bcb99d}
#managerCareerDialog .manager-season-details{grid-column:1/-1;font-size:12px;color:#c9c5a5}#managerCareerDialog .manager-season-details summary{cursor:pointer;padding:4px 0;color:#d5cf93}#managerCareerDialog .manager-titles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:0;list-style:none;margin:9px 0 0}#managerCareerDialog .manager-titles li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;padding:7px 0;border-bottom:1px solid #69684c55}#managerCareerDialog .manager-titles small{flex-shrink:0;color:#aaa68c;font-size:9px}#managerCareerDialog .manager-titles small.qualified{color:#e8ce60}#managerCareerDialog .manager-season-details p{font-size:12px;color:#c9c5a5}
#managerCareerDialog .manager-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin:20px 0 14px}#managerCareerDialog .manager-offer{display:flex;flex-direction:column;align-items:center;min-width:0;padding:14px 14px 18px;border:1px solid #77754e;background:linear-gradient(#40402244,#0c100266);text-align:center}#managerCareerDialog .manager-offer[data-stay=true]{border-color:#dfd9a0;background:linear-gradient(#57522a55,#0c100266)}#managerCareerDialog .manager-offer-label{align-self:stretch;color:#d1cda9;font-size:11px;border-bottom:1px solid #77754e88;padding-bottom:11px}
#managerCareerDialog .manager-offer .manager-club{flex-direction:column;gap:12px;padding:19px 0 0;width:100%}#managerCareerDialog .manager-offer .manager-club img{width:82px;height:88px;filter:drop-shadow(2px 3px 1px #0008)}#managerCareerDialog .manager-offer .manager-club strong{font-size:20px;min-height:46px;display:flex;align-items:center;justify-content:center}#managerCareerDialog .manager-division{color:#e7e2c4;margin:4px 0 0;font-size:12px}#managerCareerDialog .manager-offer-reason{font-size:11px;line-height:1.5;color:#bfbca3;margin:16px 0 20px;max-width:240px}#managerCareerDialog .manager-offer button{margin-top:auto;max-width:100%;width:100%;min-height:40px;padding:8px 10px;border-width:2px;font-size:11px}
#managerCareerDialog .manager-note{text-align:center;font-size:10px;line-height:1.5;color:#a9a688;margin:11px 0 0}#managerCareerDialog .manager-error{font-size:12px;line-height:1.5;color:#ffbc93;margin:8px 0}#managerCareerDialog .manager-error:empty{display:none}
#managerCareerDialog .manager-history-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;color:#d5cf93;font-size:12px}#managerCareerDialog .manager-history-bar button{font-size:11px;padding:5px 15px;border-width:2px;flex-shrink:0}#managerCareerDialog .manager-table-wrap{overflow:auto;border:2px solid #d8d7c2;max-height:240px}#managerCareerDialog .manager-history-table{font-size:12px;min-width:540px}#managerCareerDialog .manager-history-table th{background:#3e3c31;color:#e7e3c5;font-weight:400;white-space:nowrap;font-size:11px}#managerCareerDialog .manager-history-table th,#managerCareerDialog .manager-history-table td{padding:8px;border-bottom:1px solid #6b6750}#managerCareerDialog .manager-history-table td:nth-child(2){min-width:150px}#managerCareerDialog .manager-history-table tr:nth-child(even){background:#ffffff08}#managerCareerDialog .manager-history-table tr.own{background:#d3cb632c;outline:2px solid #dfd78a;outline-offset:-2px}#managerCareerDialog .manager-history-table .manager-club{gap:6px}#managerCareerDialog .manager-history-table .manager-club img{width:22px;height:25px;margin:0}#managerCareerDialog .manager-history-table .manager-club strong{font-size:12px}#managerCareerDialog .manager-history-table td>small{display:block;color:#b1ad91;font-size:9px;margin-top:3px}#managerCareerDialog .manager-history-table button{padding:3px 8px;border-width:1px;font-size:12px}#managerCareerDialog button:focus-visible,#managerCareerDialog summary:focus-visible{outline:2px solid #f2da64;outline-offset:3px}
@media(max-width:760px){#managerCareerDialog{padding:18px}#managerCareerDialog .manager-season{grid-template-columns:minmax(120px,1fr) minmax(150px,1fr)}#managerCareerDialog .manager-numbers{grid-column:1/-1;justify-content:center;padding:5px 0;gap:24px}#managerCareerDialog .manager-offers{gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}#managerCareerDialog .manager-titles{grid-template-columns:1fr}}
@media(max-width:540px){#managerCareerDialog{padding:15px 13px;width:96vw}#managerCareerDialog h2{font-size:23px}#managerCareerDialog .manager-heading{padding:0 25px 13px}#managerCareerDialog .manager-heading>small{font-size:10px}#managerCareerDialog .manager-close{width:27px;height:27px;font-size:22px;line-height:22px}#managerCareerDialog .manager-intro{font-size:12px;line-height:1.5}#managerCareerDialog .manager-season{gap:10px;padding-top:13px}#managerCareerDialog .manager-season .manager-club{flex-direction:column;align-items:flex-start;gap:7px}#managerCareerDialog .manager-season .manager-club img{width:38px;height:42px}#managerCareerDialog .manager-season .manager-club strong{font-size:15px}#managerCareerDialog .manager-season-result{font-size:11px}#managerCareerDialog .manager-season-result>strong{font-size:14px}#managerCareerDialog .manager-numbers{justify-content:space-between;gap:5px}#managerCareerDialog .manager-numbers b{font-size:18px}#managerCareerDialog .manager-offers{grid-template-columns:1fr;gap:14px;margin-top:14px}#managerCareerDialog .manager-offer{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:14px;padding:12px;text-align:left}#managerCareerDialog .manager-offer-label{grid-column:1/-1;padding-bottom:9px}#managerCareerDialog .manager-offer .manager-club{display:contents}#managerCareerDialog .manager-offer .manager-club img{width:54px;height:64px;grid-column:1;grid-row:2/4;margin-top:10px}#managerCareerDialog .manager-offer .manager-club strong{justify-content:flex-start;min-height:0;font-size:18px;margin-top:13px;grid-column:2}#managerCareerDialog .manager-division{grid-column:2;font-size:11px}#managerCareerDialog .manager-offer-reason{grid-column:1/-1;margin:12px 0;font-size:11px;max-width:none}#managerCareerDialog .manager-offer button{grid-column:1/-1;width:auto;justify-self:center;padding:8px 24px}#managerCareerDialog .manager-history-bar{font-size:11px}#managerCareerDialog .manager-history-table{min-width:320px}#managerCareerDialog .manager-record-column,#managerCareerDialog .manager-outcome-column{display:none}#managerCareerDialog .manager-history-table td:nth-child(2){min-width:130px}.manager-strip strong{flex-basis:100%}}
@media(max-height:540px) and (orientation:landscape){#managerCareerDialog{padding-top:12px;padding-bottom:12px}#managerCareerDialog h2{font-size:24px}#managerCareerDialog .manager-heading{padding-bottom:8px}#managerCareerDialog .manager-offer .manager-club img{height:60px;width:58px}#managerCareerDialog .manager-offer .manager-club{padding-top:10px}#managerCareerDialog .manager-offer-reason{margin:8px 0 12px}}
