/* Keep the close bar outside the player's scrolling content. */
.quickview-overlay[open]{display:flex;flex-direction:column;overflow:hidden;max-height:94svh;border-radius:16px;border-color:#41454c}
.quickview-overlay .overlay-head{position:relative;top:auto;flex:0 0 auto;z-index:10;min-height:62px;padding:8px 24px;background:#22252a;border-bottom:1px solid #41454c}
.quickview-overlay .overlay-head>span{font-size:15px;letter-spacing:0;font-weight:600;color:#cbd0d7}
.quickview-overlay .overlay-head>button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #545a65;border-radius:50%;color:#fff}
.quickview-overlay .overlay-head>button:hover{background:#353a43}
.quickview-overlay #overlay-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#606874 #1c1f24;scrollbar-gutter:stable}
/* Name first, labelled facts second, with a quieter portrait stage. */
.player-quickview{padding:30px 32px 26px;border-top:0;background:radial-gradient(ellipse at 50% 32%,#45484f50,transparent 60%),#181a1e}
.player-quickview .qv-heading{padding:0;border:0;z-index:1}
.player-quickview .qv-heading h2{font-size:48px;line-height:1.06;letter-spacing:-1.8px;color:#fff;font-weight:750;margin:0 0 18px}
.qv-identity-meta{display:flex;flex-wrap:wrap;gap:12px 30px;margin:0;padding:0}
.qv-identity-meta>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.qv-identity-meta dt{font-size:14px;font-weight:400;line-height:1.4;color:#9da8b5}
.qv-identity-meta dd{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:550;line-height:1.4;color:#dbe1e8;margin:0}
.qv-identity-meta dd .flag{flex-shrink:0}
.player-quickview .qv-era{display:block;font-size:26px;line-height:1.2;font-weight:600;color:#e5e9ef;border:0;background:none;padding:7px 0;white-space:nowrap}
.player-quickview .qv-grid{display:none}
.player-quickview .qv-stat{border:1px solid #424852;background:#23272eea;border-radius:10px;box-shadow:none}
.player-quickview .qv-stat .qv-icon{color:#aeb8c5}
.player-quickview .qv-stat.active{background:#2b3038;border-color:#ee776e;box-shadow:none}
.player-quickview .qv-stat.active .qv-icon{color:#ee776e}
.player-quickview .qv-stat:hover{border-color:#909aa8}
.player-quickview .qv-stat.active strong{color:#fff}
.player-quickview .qv-stat i{display:none}
.player-quickview .qv-insight{font-size:15px;line-height:1.55;color:#aeb8c6;margin-top:18px;min-height:24px}
/* Playing characteristics read as content, separate from navigation. */
.player-quickview .qv-bottom{display:block;border:0;padding:0;margin-top:26px;z-index:1}
.qv-characteristics{padding:22px 24px;background:#24282f;border-radius:12px}
.qv-characteristics h3{font-size:15px;line-height:1.5;font-weight:500;letter-spacing:0;color:#a9b3c0;margin:0 0 14px}
.player-quickview .qv-traits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:none;margin:0;padding:0;list-style:none}
.player-quickview .qv-traits li{border:0;border-radius:0;background:none;padding:0;font-size:18px;line-height:1.45;font-weight:600;color:#f2f4f7;letter-spacing:-.2px}
/* Suppress the former caption and research strip in retained card markup. */
.player-quickview .qv-source{display:none}
/* One compact footer: club accounts at left, player actions at right. */
.qv-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px 28px;margin-top:24px;padding-top:24px;border-top:1px solid #3d444e}
.qv-socials{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:0;border:0}
.qv-socials .qv-social-title{font-size:14px;line-height:1.5;font-weight:400;color:#b9c3cf;margin:0}
.qv-social-links{display:flex;gap:8px}
.qv-social-link{display:grid;place-items:center;width:44px;height:44px;border:1px solid #505b69;border-radius:50%;color:#fff;background:transparent}
.qv-social-link:hover{border-color:#c2cbd7;background:#353d48}
.qv-social-icon{width:21px;height:21px;color:#fff}
.player-quickview .qv-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;padding:0;margin:0 0 0 auto;background:none;border:0;border-radius:0}
.player-quickview .qv-actions button{background:transparent;border:1px solid #667180;color:#f0f3f7;font-size:16px;min-height:46px;padding:11px 17px}
.player-quickview .qv-actions button:hover{background:#343c47;border-color:#a5afbc}
.player-quickview .qv-actions .button{font-size:16px;min-height:46px;padding:12px 20px;gap:24px;font-weight:650;flex-basis:auto}
.quickview-overlay button:focus-visible,.quickview-overlay a:focus-visible{outline:3px solid #f68b83;outline-offset:4px}
@media(max-width:700px){
 .quickview-overlay[open]{max-height:95svh;border-radius:12px}
 .quickview-overlay .overlay-head{padding:7px 16px;min-height:58px}
 .player-quickview{padding:24px 18px}
 .player-quickview .qv-heading{flex-wrap:wrap;gap:16px}
 .player-quickview .qv-era{font-size:22px;padding:0}
 .player-quickview .qv-heading h2{font-size:35px;letter-spacing:-1.1px;line-height:1.1;margin-bottom:16px}
 .qv-identity-meta{gap:11px 22px}
 .qv-identity-meta dd{font-size:16px}
 .qv-characteristics{padding:20px}
 .qv-characteristics h3{margin-bottom:12px}
 .player-quickview .qv-traits{grid-template-columns:1fr;gap:10px}
 .player-quickview .qv-traits li{font-size:17px}
 .qv-footer{gap:20px;margin-top:20px;padding-top:20px}
 .qv-socials{width:100%;justify-content:space-between}
 .player-quickview .qv-actions{width:100%;margin:0;gap:12px}
 .player-quickview .qv-actions button,.player-quickview .qv-actions .button{width:100%;justify-content:space-between;font-size:16px}
}