/* 49.16 shared geometry and independent Career theme. No position transitions. */
.player-overview-popover{position:fixed;inset:auto;z-index:3000;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;transition:none;scrollbar-width:thin}
.player-overview-popover[hidden]{display:none!important}
.player-overview-popover :is(a,button):focus-visible{outline:2px solid var(--overview-accent,#d2ff00);outline-offset:3px}
.career-preview-popover{--overview-accent:#248cff;width:388px;max-width:calc(100vw - 20px);border:1px solid #395571;border-radius:15px;background:#121f30;color:#eef5ff;box-shadow:0 22px 64px #0009;font:12px/1.4 var(--font-body,Inter,system-ui,sans-serif);text-align:left;scrollbar-color:#415d78 #121f30}
.career-preview-popover *{box-sizing:border-box}
.career-preview-card{margin:0;padding:0;background:radial-gradient(ellipse at 18% 0%,#248cff20,transparent 60%)}
.career-preview-header{display:flex;gap:8px;align-items:flex-start;padding:14px 14px 8px}
.career-preview-header>div{flex:1;min-width:0}.career-preview-eyebrow{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.05em;color:#a9bed3;font-weight:650}.career-preview-eyebrow i{width:3px;height:3px;border-radius:50%;background:#248cff}
.career-preview-header h2{font-size:19px;letter-spacing:-.03em;line-height:1.2;margin:5px 0;color:#f0f6ff;overflow-wrap:anywhere}.career-preview-header small{color:#90aac4;font-size:9px}
.career-preview-header button{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;margin:0;padding:0;border:1px solid #ffffff18;border-radius:7px;background:#ffffff06;color:#b1c7df;font:18px/1 system-ui;cursor:pointer}
.career-preview-hero{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;padding:0 14px 7px}
.career-preview-portrait{width:112px;height:122px;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at 50% 100%,#258aff33,transparent 70%)}
.career-preview-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.career-preview-summary{min-width:0}.career-preview-ratings{display:flex;gap:12px;align-items:center}.career-preview-ratings>div{display:flex;align-items:center;flex-direction:column;gap:4px;min-width:0}.career-preview-ratings>div>span{color:#a8bfd5;font-size:9px;font-weight:600}.career-preview-rating{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;color:#e9f4ff;background:#1e456c;border:1px solid #5a9ddb;font-size:24px;font-weight:750;line-height:1;font-variant-numeric:tabular-nums}.career-preview-rating.rating--unknown{background:#26374a;border-color:#435469;color:#aebbc8}
.career-preview-growth b{font-size:22px;line-height:48px;color:#62aeff;font-variant-numeric:tabular-nums}.career-preview-positions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:11px}.career-preview-positions>span{background:#248cff18;color:#afdaff;border:1px solid #248cff40;border-radius:5px;font-size:10px;font-weight:650;padding:2px 5px}.career-preview-positions>small{font-size:10px;color:#adbbce;margin-left:2px}
.career-preview-identities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 14px;padding:9px 0;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}
.career-preview-identities>div{display:flex;align-items:center;gap:5px;font-size:9px;color:#bcd0e3;min-width:0}.career-preview-identities img{display:block;object-fit:contain;flex:0 0 20px;width:20px;height:20px;max-width:20px}.career-preview-identities span{overflow-wrap:anywhere}
.career-preview-finances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px 14px}.career-preview-finances>div{display:flex;flex-direction:column;gap:4px;min-width:0}.career-preview-finances span{font-size:9px;color:#91acc5}.career-preview-finances strong{font-size:13px;color:#e1efff;overflow-wrap:anywhere}
.career-preview-notice{margin:0 14px 8px;padding:5px 7px;border-radius:5px;background:#a9c2dd0c;color:#a9bed3;font-size:9px;line-height:1.35}
.career-preview-body{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 14px;padding:10px 0;border-block:1px solid #ffffff12}.career-preview-body>div{min-width:0;flex:1}.career-preview-body strong{display:block;font-size:10px;font-weight:600;color:#d1e5f7}.career-preview-body small{display:block;font-size:10px;color:#93afc8;margin-top:2px;overflow-wrap:anywhere}.career-preview-body dl{display:flex;gap:13px;margin:0}.career-preview-body dt{font-size:9px;color:#91adc7}.career-preview-body dd{margin:3px 0 0;font-size:11px;font-weight:700;color:#b5d9ff}
.career-preview-styles{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid #ffffff12}.career-preview-styles>span{color:#98b4cf;font-size:10px}.career-preview-styles>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.career-preview-styles>div>span{display:flex;position:relative;min-width:25px;min-height:25px;padding:3px;align-items:center;justify-content:center;background:#ffffff05;border:1px solid #ffffff18;border-radius:6px}.career-preview-styles img{width:18px;height:18px;object-fit:contain}.career-preview-styles small{font-size:9px;color:#adc1d5}.career-preview-styles .is-plus{background:#cbaa3819;border-color:#dccb5666}.career-preview-styles b{position:absolute;right:-2px;bottom:-2px;font-size:10px;color:#ffe48c;line-height:1}
.career-preview-bars{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;padding:12px 14px 14px}.career-preview-bars>div{min-width:0}.career-preview-bars>div>span{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:#b6cce1}.career-preview-bars strong{color:#eff7ff;font-weight:650}.career-preview-track{height:4px;margin-top:5px;background:#ffffff0d;border-radius:4px;overflow:hidden}.career-preview-track i{display:block;width:var(--stat-width);height:100%;background:linear-gradient(90deg,#166fc1,#52a7ff);border-radius:4px}
.career-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#07132466;border-top:1px solid #ffffff13}.career-preview-footer>div{max-width:62%;min-width:0}.career-preview-footer small{display:block;color:#829db7;font-size:8px;line-height:1.35}.career-preview-footer small:first-child{font-size:9px;color:#a4bed7;margin-bottom:3px}.career-preview-footer b{color:#dfecfa;margin-left:3px}.career-preview-footer a{color:#75baff;font-size:10px;font-weight:650;text-decoration:none;white-space:nowrap}.career-preview-footer a:hover{text-decoration:underline}
.career-mobile-preview{display:none}
[data-career-database].has-player-overviews .career-mobile-preview{display:grid;position:absolute;top:10px;right:8px;z-index:2;place-items:center;border:1px solid #248cff40;border-radius:7px;background:#248cff0d;color:#70b8ff;width:30px;height:30px;padding:0;font-size:18px;cursor:pointer}
@media(max-width:390px){.career-preview-hero{grid-template-columns:96px minmax(0,1fr);gap:11px}.career-preview-portrait{width:96px;height:108px}.career-preview-ratings{gap:9px}.career-preview-rating{width:42px;height:44px;font-size:22px}.career-preview-growth b{font-size:20px}.career-preview-body dl{gap:9px}.career-preview-finances strong{font-size:12px}}

[data-career-database].has-player-overviews .career-mobile-row__body{padding-right:32px}

/* Player strip (hover card in the player database). */
.career-preview-popover:has(.cps){width:680px;border-color:#2c435a;border-radius:16px;background:#0f1822}
.cps{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 18px;padding:14px 18px 12px 0;background:radial-gradient(ellipse at 12% 100%,#248cff22,transparent 55%)}
.cps-close{position:absolute;top:8px;right:8px;display:none;place-items:center;width:26px;height:26px;padding:0;border:1px solid #ffffff18;border-radius:7px;background:#ffffff08;color:#b1c7df;font:18px/1 system-ui;cursor:pointer}
.cps-photo{align-self:stretch;min-height:170px;margin:-14px 0 -12px;overflow:hidden;border-radius:16px 0 0 16px}
.cps-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.cps-main{min-width:0}
.cps-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding-bottom:10px;border-bottom:1px solid #ffffff14}
.cps-identity h2{margin:0 0 8px;font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cps-identity h2 a{color:#fff;text-decoration:none}
.cps-identity h2 a:hover{color:#8cc4ff}
.cps-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.cps-pos{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 7px;border:1px solid #3d8ff0;border-radius:6px;background:#12345a;color:#8cc4ff;font-size:11px;font-weight:800}
.cps-pos--alt{border-color:#ffffff2a;background:#ffffff06;color:#b7c5d6}
.cps-sep{width:1px;height:16px;margin:0 2px;background:#ffffff24}
.cps-age{color:#b7c5d6;font-size:13px}
.cps-logos{display:inline-flex;align-items:center;gap:9px;margin-left:6px}
.cps-logos .nation-flag{width:24px!important;height:17px!important;object-fit:contain;border-radius:2px}
.cps-logos img:not(.nation-flag){width:24px;height:24px;object-fit:contain}
.cps-ratings{display:flex;gap:16px;padding-left:16px;border-left:1px solid #ffffff14}
.cps-ratings>div{display:grid;justify-items:center;gap:2px}
.cps-ratings>div>span{color:#9fb0c4;font-size:10px;font-weight:700;letter-spacing:.04em}
.cps-rating{position:relative;color:#82eca8;font-size:40px;font-weight:800;line-height:1;letter-spacing:-.04em;background:none!important;font-variant-numeric:tabular-nums}
.cps-rating sup{position:absolute;top:-4px;right:-16px;font-size:12px;letter-spacing:0}
.cps-rating sup.is-up{color:#6fb2ff}.cps-rating sup.is-down{color:#ef6f6f}
.cps-rating.rating--silver,.cps-rating.rating--bronze{color:#f2c35b}
.cps-row{display:flex;align-items:center;gap:0;padding:9px 0;border-bottom:1px solid #ffffff10}
.cps-facts>span{display:inline-flex;align-items:center;gap:7px;padding:0 14px;color:#dbe7f4;font-size:14px;white-space:nowrap}
.cps-facts>span:first-child{padding-left:0}
.cps-facts>span+span{border-left:1px solid #ffffff14}
.cps-facts svg{color:#9fb0c4}
.cps-facts b{font-weight:700}
.cps-facts small{color:#9fb0c4;font-size:11px;font-weight:700}
.cps-star{color:#f2c35b;font-style:normal}
.cps-styles{gap:12px;border-bottom:0;padding-bottom:2px}
.cps-styles>small{flex:0 0 auto;padding-right:12px;border-right:1px solid #ffffff14;color:#9fb0c4;font-size:11px}
.cps-styles>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cps-styles>div>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff14;border-radius:7px;background:#1a2735}
.cps-styles>div>span img{width:20px;height:20px;object-fit:contain;filter:brightness(1.5)}
.cps-styles>div>span.is-plus{border-color:#f2c35b88;background:linear-gradient(160deg,#6b5413,#3a2d08)}
.cps-styles>div>span.is-plus img{filter:sepia(1) saturate(4) hue-rotate(5deg) brightness(1.3)}
.cps-styles>div>span small{font-size:8px;color:#c9d6e5;text-align:center}
/* Pinned (clicked / keyboard) cards can be closed; hover cards close by themselves. */
.player-overview-popover[data-pinned] .cps-close{display:grid}
@media(max-width:700px){
  .career-preview-popover:has(.cps){width:calc(100vw - 20px)}
  .cps{grid-template-columns:96px minmax(0,1fr);gap:0 12px;padding:12px 12px 10px 0}
  .cps-photo{min-height:140px}
  .cps-top{grid-template-columns:1fr;gap:8px}
  .cps-ratings{padding-left:0;border-left:0}
  .cps-rating{font-size:32px}
  .cps-identity h2{font-size:18px;padding-right:28px}
  .cps-facts{flex-wrap:wrap;row-gap:6px}
  .cps-facts>span{padding:0 10px;font-size:12px}
  .cps-styles>small{display:none}
}

/* Compact, calmer player strip (overrides the first version above). */
.career-preview-popover:has(.cps){width:440px;border-color:#ffffff1f;border-radius:12px;background:#0f1822f2;box-shadow:0 12px 32px #0007;backdrop-filter:blur(8px)}
.cps{grid-template-columns:96px minmax(0,1fr);gap:0 12px;padding:10px 12px 8px 0;background:none}
.cps-photo{min-height:120px;margin:-10px 0 -8px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#16263a,#0f1822)}
.cps-top{gap:10px;padding-bottom:7px}
.cps-identity h2{margin:0 0 5px;font-size:15px;letter-spacing:-.02em}
.cps-meta{gap:5px}
.cps-pos{min-width:28px;height:19px;padding:0 5px;border-radius:5px;font-size:9.5px}
.cps-sep{height:12px}
.cps-age{font-size:11px}
.cps-logos{gap:6px;margin-left:3px}
.cps-logos .nation-flag{width:18px!important;height:13px!important}
.cps-logos img:not(.nation-flag){width:18px;height:18px}
.cps-ratings{gap:10px;padding-left:10px}
.cps-rating{font-size:26px}
.cps-ratings>div>span{font-size:8.5px}
.cps-rating sup{top:-2px;right:-11px;font-size:9px}
.cps-row{padding:6px 0}
.cps-facts>span{gap:5px;padding:0 8px;font-size:11.5px}
.cps-facts svg{width:14px;height:14px}
.cps-facts small{font-size:9px}
.cps-styles{gap:8px}
.cps-styles>small{padding-right:8px;font-size:9px}
.cps-styles>div{gap:5px}
.cps-styles>div>span{width:24px;height:24px;border-radius:5px}
.cps-styles>div>span img{width:15px;height:15px}
@media(max-width:700px){.career-preview-popover:has(.cps){width:calc(100vw - 20px)}.cps{grid-template-columns:84px minmax(0,1fr)}}