:root{
--navy:#061827;--navy2:#0a2635;--teal:#1bb5b6;--teal2:#0e7f85;--gold:#d8b665;--ivory:#f3ead8;--muted:#8eabba;
--panel:rgba(4,25,38,.93);--panel2:rgba(7,37,52,.92);--line:rgba(217,183,100,.55);
}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:#020b12;color:var(--ivory);font-family:Georgia,'Times New Roman',serif;overflow:hidden}button,select,input{font:inherit}.app-root{height:100%;display:grid;place-items:center}.game-frame{position:relative;container-type:inline-size;width:min(100cqw,177.777vh);aspect-ratio:16/9;max-height:100vh;background:#061827;overflow:hidden;box-shadow:0 0 0 1px #1a4454,0 20px 70px #000}.screen{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;transform:translateX(1.5%)}.screen.is-active{opacity:1;pointer-events:auto;transform:none}.menu-bg,.select-bg{position:absolute;inset:-2%;background:url('assets/ui/central-template.png') center/cover no-repeat;filter:blur(3px) saturate(.8);transform:scale(1.04)}.menu-shade,.select-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,20,.98) 0%,rgba(3,18,29,.94) 34%,rgba(4,18,28,.58) 61%,rgba(3,15,24,.8) 100%)}.menu-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,11,18,.58),transparent 45%);pointer-events:none}.menu-brand{position:absolute;z-index:2;left:8%;top:15%;width:40%}.menu-kicker,.eyebrow{font-family:Arial,sans-serif;font-size:.75cqw;letter-spacing:.26em;color:#72d0d2;font-weight:800}.menu-brand h1{font-size:4.8cqw;line-height:.82;margin:1.2cqw 0 .8cqw;letter-spacing:.035em;text-shadow:0 4px 20px #000}.menu-brand h1 span{color:var(--gold)}.menu-brand p{margin:0;color:#d4e2e7;font:italic 1.05cqw Georgia,serif}.menu-rule{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:1.4cqw 0;width:90%}.menu-actions{display:grid;gap:.65cqw;width:68%}.primary-btn,.menu-btn{height:3.3cqw;border:1px solid var(--line);color:#f7f1e5;letter-spacing:.1em;font-weight:800;cursor:pointer;background:linear-gradient(180deg,#107d82,#09515a);box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.25);transition:.15s ease}.menu-btn{background:linear-gradient(180deg,rgba(8,38,52,.96),rgba(4,22,33,.98));color:#dfe9eb}.primary-btn:hover,.menu-btn:hover{transform:translateY(-1px);border-color:#7ccfd1;filter:brightness(1.08)}.menu-version{margin-top:1.1cqw;color:#668898;font:700 .62cqw Arial,sans-serif;letter-spacing:.18em}.menu-sidecopy{position:absolute;z-index:2;right:6%;bottom:8%;display:flex;gap:.6cqw}.sidecopy-card{width:8.5cqw;padding:.9cqw;border-top:1px solid var(--gold);background:rgba(2,17,27,.72);backdrop-filter:blur(4px)}.sidecopy-card span{font-size:2.25cqw;color:#dcbf75}.sidecopy-card small{display:block;margin-top:.2cqw;color:#b7c9d1;font:700 .56cqw Arial,sans-serif;letter-spacing:.12em}
.select-screen{background:#061827}.select-overlay{background:linear-gradient(180deg,rgba(3,15,24,.84),rgba(2,12,20,.97) 86%)}.select-header{position:absolute;z-index:3;left:3.3%;right:3.3%;top:3.4%;height:8%;display:flex;align-items:center;gap:1cqw;border-bottom:1px solid rgba(216,182,101,.48)}.select-header h2{margin:.25cqw 0 0;font-size:1.65cqw;letter-spacing:.06em}.icon-btn{width:3cqw;height:3cqw;border:1px solid var(--line);background:rgba(4,28,42,.9);color:#fff;font-size:2cqw;cursor:pointer}.select-count{margin-left:auto;text-align:right}.select-count strong{font-size:1.8cqw;color:var(--gold);display:block}.select-count span{font:700 .55cqw Arial,sans-serif;letter-spacing:.18em;color:#91aeb8}.select-layout{position:absolute;z-index:3;left:3.3%;right:3.3%;top:13%;bottom:4%;display:grid;grid-template-columns:40% 60%;gap:1.5cqw}.club-preview{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,rgba(5,34,47,.97),rgba(4,18,29,.98));box-shadow:inset 0 1px rgba(255,255,255,.04);overflow:hidden}.club-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 13%,var(--club-accent,#1bb5b6) 0%,transparent 45%);opacity:.22}.preview-inner{position:relative;height:100%;padding:1.6cqw;display:grid;grid-template-rows:auto 1fr auto}.preview-top{display:flex;align-items:center;gap:1.1cqw}.preview-badge{width:7cqw;height:7cqw;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}.preview-title h3{font-size:2cqw;margin:0 0 .2cqw;letter-spacing:.03em}.preview-title p{margin:0;color:#a7c1cb;font:700 .72cqw Arial,sans-serif;letter-spacing:.13em}.preview-center{display:grid;grid-template-columns:1fr .8fr;gap:1.1cqw;align-items:center;min-height:0}.preview-kit-wrap{height:16cqw;display:grid;place-items:center;border:1px solid rgba(218,186,110,.22);background:rgba(0,0,0,.16)}.preview-kit{max-width:94%;max-height:94%;object-fit:contain}.preview-stats{display:grid;gap:.65cqw}.stat-pair{padding:.6cqw .75cqw;border-left:2px solid var(--club-accent,#1bb5b6);background:rgba(255,255,255,.035)}.stat-pair span{display:block;color:#81a7b8;font:700 .55cqw Arial,sans-serif;letter-spacing:.12em}.stat-pair strong{display:block;margin-top:.15cqw;font-size:1cqw}.preview-bottom{display:grid;gap:.7cqw}.preview-description{color:#cfdbdf;font-size:.82cqw;line-height:1.45;margin:0;max-height:4.6cqw;overflow:hidden}.start-career{width:100%;height:3.2cqw}.club-browser{min-width:0;display:grid;grid-template-rows:auto 1fr;gap:.9cqw}.filters{display:flex;gap:.8cqw;align-items:flex-end}.division-filters{display:flex;gap:.32cqw;flex:1;flex-wrap:wrap}.filter-btn{height:2.2cqw;padding:0 .85cqw;border:1px solid rgba(135,173,190,.3);background:rgba(3,24,36,.84);color:#a9c0c9;font:800 .56cqw Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.filter-btn.is-active{border-color:#4fc8c9;color:#fff;background:#0d5961}.country-filter{display:grid;gap:.25cqw;color:#83a6b4;font:800 .5cqw Arial,sans-serif;letter-spacing:.12em}.country-filter select{width:8.8cqw;height:2.2cqw;border:1px solid rgba(135,173,190,.35);background:#082330;color:#eef4f3;padding:0 .6cqw}.club-grid{overflow:auto;padding-right:.45cqw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.55cqw}.club-grid::-webkit-scrollbar{width:.4cqw}.club-grid::-webkit-scrollbar-track{background:#04131d}.club-grid::-webkit-scrollbar-thumb{background:#2b6672}.club-card{position:relative;height:6.25cqw;border:1px solid rgba(140,173,188,.23);background:linear-gradient(145deg,rgba(7,37,51,.95),rgba(3,21,32,.96));padding:.65cqw;display:grid;grid-template-columns:3.6cqw 1fr;align-items:center;gap:.65cqw;text-align:left;color:#fff;cursor:pointer;overflow:hidden;transition:.14s}.club-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--club-accent,#1bb5b6),transparent 45%);opacity:.07}.club-card:hover,.club-card.is-selected{border-color:var(--club-accent,#4fc8c9);transform:translateY(-1px)}.club-card.is-selected{box-shadow:inset 3px 0 var(--club-accent,#4fc8c9)}.club-card img{width:3.4cqw;height:3.4cqw;object-fit:contain;position:relative;z-index:1}.club-card-copy{min-width:0;position:relative;z-index:1}.club-card h4{margin:0;font-size:.82cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-card p{margin:.22cqw 0 0;color:#8faebb;font:700 .5cqw Arial,sans-serif;letter-spacing:.06em}.stars{margin-top:.28cqw;color:#d9b96a;font-size:.68cqw;letter-spacing:.04em}
.central-screen{background:#071a28}.central-template{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.central-hitbox{position:absolute;border:0;background:transparent;cursor:pointer;z-index:7}.nav-central{left:29.3%;top:1.1%;width:10.1%;height:5.3%}.nav-squad{left:39.4%;top:1.1%;width:9.5%;height:5.3%}.nav-transfers{left:48.9%;top:1.1%;width:10.5%;height:5.3%}.nav-office{left:59.4%;top:1.1%;width:9%;height:5.3%}.nav-season{left:68.4%;top:1.1%;width:9.2%;height:5.3%}.nav-settings{right:1.7%;top:1.1%;width:3%;height:5.5%}.nav-inbox{right:5.8%;top:1.1%;width:3.3%;height:5.5%}.central-club-top{position:absolute;z-index:6;right:15.3%;top:1.2%;width:3.4%;height:4.8%;display:grid;place-items:center}.central-club-top img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #000)}.central-club-badge{position:absolute;z-index:5;width:10.5%;height:18%;display:grid;place-items:center}.central-club-badge img{max-width:96%;max-height:96%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.5))}.central-home{left:35.4%;top:25.9%}.central-away{left:53.2%;top:25.9%}.central-nameplate{position:absolute;z-index:6;height:3%;min-width:10%;padding:.3cqw .65cqw;background:linear-gradient(180deg,#126f72,#0b515c);border:1px solid rgba(235,208,139,.55);color:#f3ead8;text-align:center;font-size:.9cqw;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.25)}.central-home-name{left:35.4%;top:44.2%;width:10.6%}.central-away-name{left:53.2%;top:44.2%;width:10.6%;background:linear-gradient(180deg,#1f5682,#143b60)}.central-match-title{position:absolute;z-index:6;left:35.7%;top:50.5%;width:27.8%;height:4.6%;background:#072333;color:#fff;display:grid;place-items:center;font-size:1.33cqw;letter-spacing:.045em;text-align:center}.central-stadium{position:absolute;z-index:6;left:38%;top:56.8%;width:23.2%;height:3.2%;background:#072333;color:#e3bd69;display:grid;place-items:center;font-size:.82cqw;letter-spacing:.08em}.central-continue{position:absolute;z-index:8;left:40.8%;top:72.1%;width:18.6%;height:6.8%;border:1px solid #d5bb7a;background:linear-gradient(180deg,#137d80,#0c5560);color:#fff;font-size:1.28cqw;letter-spacing:.08em;font-weight:800;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(8,40,49,.6),0 8px 18px rgba(0,0,0,.3)}.central-continue:hover{filter:brightness(1.08)}.central-inbox-list{position:absolute;z-index:6;left:11.3%;top:25.7%;width:18.2%;height:15.5%;display:grid;grid-template-rows:repeat(3,1fr)}.inbox-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 .9cqw 0 1.7cqw;background:rgba(4,31,43,.96);border-bottom:1px solid rgba(142,180,194,.28);color:#dbe5e7;font:700 .72cqw Arial,sans-serif;position:relative}.inbox-row:before{content:"";position:absolute;left:.75cqw;width:.55cqw;height:.55cqw;border-radius:50%;background:#42c5c5;box-shadow:0 0 8px rgba(66,197,197,.6)}.inbox-row time{color:#829fac;font-size:.6cqw}.central-news-list{position:absolute;z-index:6;left:10.75%;top:51.8%;width:19.1%;height:21.8%;background:#efe9da;padding:.5cqw .65cqw;display:grid;grid-template-rows:repeat(3,1fr);gap:.2cqw}.news-row{display:grid;grid-template-columns:3.2cqw 1fr;gap:.55cqw;align-items:center;color:#152b34;border-bottom:1px solid rgba(28,43,49,.16);min-height:0}.news-row:last-child{border-bottom:0}.news-avatar{width:3.05cqw;height:3.05cqw;background:#0b2634;border:1px solid #ba9853;overflow:hidden;display:grid;place-items:end center}.news-avatar img{width:100%;height:100%;object-fit:contain;transform:scale(1.25);transform-origin:center 28%}.news-copy strong{display:block;font-size:.7cqw;line-height:1.22}.news-copy small{display:block;margin-top:.18cqw;color:#6f7779;font:700 .5cqw Arial,sans-serif}.central-objectives{position:absolute;z-index:6;left:71.8%;top:25.8%;width:17.5%;height:20.2%;display:grid;grid-template-rows:repeat(3,1fr)}.objective-row{display:grid;grid-template-columns:2.1cqw 1fr;align-items:center;gap:.5cqw;padding:.45cqw;background:rgba(4,31,43,.97);border-bottom:1px solid rgba(142,180,194,.25)}.objective-icon{font-size:1.1cqw;color:#d7b466;text-align:center}.objective-copy strong{display:block;font:700 .68cqw Arial,sans-serif;color:#edf2f0}.progress{height:.45cqw;margin-top:.45cqw;border:1px solid rgba(134,163,173,.45);background:#071927}.progress i{display:block;height:100%;background:linear-gradient(90deg,#39b9b7,#78d6d1)}.central-finances{position:absolute;z-index:6;left:71.8%;top:57.2%;width:17.5%;height:14.2%;padding:.2cqw 1.4cqw;background:linear-gradient(180deg,rgba(4,31,43,.96),rgba(3,23,34,.96));display:flex;flex-direction:column;justify-content:space-between}.finance-value{font-size:2.25cqw;letter-spacing:.04em;color:#fff;margin-top:.35cqw}.finance-label{font:700 .58cqw Arial,sans-serif;color:#94b0ba;letter-spacing:.08em}.finance-status{display:flex;justify-content:space-between;align-items:center;padding-top:.4cqw;border-top:1px solid rgba(142,180,194,.22);font-size:.63cqw}.finance-status strong{color:#5ae0a1}.modal-backdrop{position:absolute;inset:0;z-index:20;background:rgba(1,8,13,.74);display:grid;place-items:center;opacity:0;pointer-events:none;transition:.2s}.modal-backdrop.is-open{opacity:1;pointer-events:auto}.modal-card{position:relative;width:31%;padding:1.7cqw;border:1px solid var(--line);background:linear-gradient(180deg,#0a3040,#061c29);box-shadow:0 24px 60px #000}.modal-card.compact{width:28%;text-align:center}.modal-card h3{margin:.4cqw 0 1.3cqw;font-size:1.6cqw}.modal-card p{color:#b9ccd2;font-size:.82cqw;line-height:1.45}.modal-card label{display:grid;gap:.35cqw;margin:.75cqw 0;color:#d9e3e5;font:700 .68cqw Arial,sans-serif}.modal-card input[type=range]{width:100%;accent-color:#20aaa9}.switch-row{grid-template-columns:1fr auto!important;align-items:center}.modal-close{position:absolute;right:.7cqw;top:.6cqw;width:2cqw;height:2cqw;border:0;background:transparent;color:#a9bec6;font-size:1.5cqw;cursor:pointer}.modal-done{width:100%;margin-top:.8cqw}.toast{position:absolute;z-index:30;left:50%;bottom:3%;transform:translate(-50%,20px);padding:.65cqw 1.05cqw;border:1px solid rgba(216,182,101,.55);background:rgba(4,27,39,.96);color:#eef4f2;font:800 .62cqw Arial,sans-serif;letter-spacing:.08em;opacity:0;pointer-events:none;transition:.2s}.toast.is-showing{opacity:1;transform:translate(-50%,0)}
@media (max-aspect-ratio:16/9){body{background:#020b12}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* ===== Phase 1 polish pass: badge normalization + Central dashboard rebuild ===== */
/* Club Select: keep the preview and browser inside the frame at every supported desktop ratio. */
.select-layout{
grid-template-columns:minmax(0,38%) minmax(0,1fr);
gap:1.15cqw;
}
.club-browser{overflow:hidden;}
.club-grid{min-width:0;}
/* Badge artwork is now true-alpha and normalized. Give it a neutral stage so every crest sits centered. */
.club-card{grid-template-columns:4.05cqw minmax(0,1fr);padding:.62cqw .72cqw;}
.club-card-badge{
position:relative;z-index:1;width:3.75cqw;height:3.75cqw;display:grid;place-items:center;
border:1px solid rgba(155,190,204,.18);
background:radial-gradient(circle at 50% 38%,rgba(30,72,88,.55),rgba(4,21,31,.65) 68%);
overflow:hidden;
}
.club-card-badge img{width:88%;height:88%;object-fit:contain;display:block;}
.club-card>img{width:3.75cqw;height:3.75cqw;object-fit:contain;justify-self:center;}
.club-card.is-selected{box-shadow:inset 3px 0 var(--club-accent,#4fc8c9),inset 0 0 0 1px rgba(255,255,255,.025);}
.preview-badge-stage{
width:7.6cqw;height:7.6cqw;display:grid;place-items:center;flex:0 0 auto;
border:1px solid rgba(216,182,101,.38);
background:radial-gradient(circle at 50% 40%,rgba(29,76,91,.6),rgba(3,20,30,.74) 70%);
box-shadow:inset 0 0 22px rgba(0,0,0,.22);
}
.preview-badge-stage .preview-badge{width:88%;height:88%;object-fit:contain;display:block;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45));}
/* The reference image remains the architectural/background art only. Dynamic UI is rebuilt above it. */
.central-template{filter:saturate(.94) brightness(.96);}
/* Replace the baked navigation so CENTRAL isn't permanently glowing in the source artwork. */
.central-nav-surface{
position:absolute;z-index:12;left:29.25%;top:1.35%;width:48.1%;height:5.15%;
display:grid;grid-template-columns:1fr .95fr 1.05fr .9fr .92fr;
background:#061827;border:1px solid rgba(83,132,151,.45);
box-shadow:inset 0 -1px rgba(255,255,255,.025);
}
.central-nav-btn{
position:relative;border:0;border-right:1px solid rgba(77,119,136,.34);background:#061827;
color:#c7d5da;font:800 .84cqw/1 Arial,sans-serif;letter-spacing:.055em;cursor:pointer;
transition:background .14s ease,color .14s ease;
}
.central-nav-btn:last-child{border-right:0;}
.central-nav-btn:hover{background:#0a2c3b;color:#fff;}
.central-nav-btn.is-current{
color:#f2f6f4;background:linear-gradient(180deg,#0a2b39,#082431);
}
.central-nav-btn.is-current:after{
content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;background:#53c6c4;
}
.central-nav-btn.is-current:before{
content:"";position:absolute;left:50%;bottom:-.28cqw;width:.38cqw;height:.38cqw;
background:#53c6c4;transform:translateX(-50%) rotate(45deg);
}
/* Cover only the baked placeholder copy in the centre card, leaving its expensive border/artwork intact. */
.central-center-clean{
position:absolute;z-index:4;left:33.05%;top:47.45%;width:33.25%;height:14.35%;
background:linear-gradient(180deg,#062536 0%,#062333 72%,#061f2f 100%);
box-shadow:0 -1px rgba(216,182,101,.15),0 1px rgba(216,182,101,.12);
}
.central-club-top{z-index:13;right:15.45%;top:1.35%;width:3.1%;height:4.7%;}
.central-club-top img{width:100%;height:100%;object-fit:cover;border:1px solid rgba(216,182,101,.45);background:#071d2a;}
/* Team identities in the big match card: centered, never stretched, never hanging outside their slots. */
.central-club-badge{
z-index:6;width:10.1%;height:16.1%;
background:rgba(5,31,44,.82);
border:1px solid rgba(216,182,101,.16);
overflow:hidden;
}
.central-club-badge img{
width:90%;height:90%;max-width:none;max-height:none;object-fit:contain;display:block;
filter:drop-shadow(0 5px 7px rgba(0,0,0,.48));
}
.central-home{left:35.55%;top:27.3%;}
.central-away{left:53.35%;top:27.3%;}
.central-nameplate{z-index:7;height:3.45%;top:43.55%;font-size:.83cqw;box-shadow:0 3px 8px rgba(0,0,0,.28);}
.central-home-name{left:35.35%;width:10.55%;}
.central-away-name{left:53.2%;width:10.55%;}
.central-match-title{
z-index:7;left:34.65%;top:50.2%;width:30.05%;height:4.55%;
background:transparent;font-size:1.23cqw;letter-spacing:.038em;
border-bottom:1px solid rgba(216,182,101,.68);
}
.central-stadium{
z-index:7;left:38.05%;top:56.15%;width:23.2%;height:3.4%;
background:transparent;font-size:.72cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.central-continue{
left:40.7%;top:72.2%;width:18.75%;height:6.65%;
font-size:1.16cqw;box-shadow:inset 0 0 0 2px rgba(8,40,49,.62),0 5px 12px rgba(0,0,0,.28);
}
/* Fully opaque dynamic interiors prevent any baked placeholder copy from bleeding through. */
.central-inbox-list{left:11.05%;top:26.2%;width:19%;height:14.95%;}
.inbox-row{background:#062534;border-bottom:1px solid rgba(142,180,194,.24);font-size:.63cqw;}
.central-news-list{
left:10.7%;top:52.2%;width:19.25%;height:22.75%;
background:#eee8d9;padding:.48cqw .62cqw;
}
.news-row{grid-template-columns:3.05cqw minmax(0,1fr);gap:.52cqw;}
.news-copy strong{font-size:.62cqw;line-height:1.18;}
.news-copy small{font-size:.46cqw;}
.central-objectives{left:71.55%;top:26.25%;width:17.9%;height:20.2%;}
.objective-row{background:#062534;padding:.4cqw .52cqw;}
.objective-copy strong{font-size:.61cqw;line-height:1.12;}
.progress{height:.38cqw;margin-top:.34cqw;}
.central-finances{
left:71.55%;top:57.1%;width:17.9%;height:20.2%;
padding:.75cqw 1.2cqw .7cqw;
background:linear-gradient(180deg,#062534,#051e2d);
border:1px solid rgba(102,146,162,.14);
}
.central-finances:before{
content:"";position:absolute;left:1.15cqw;right:1.15cqw;top:7.3cqw;height:1px;
background:linear-gradient(90deg,transparent,rgba(78,180,168,.34),transparent);
transform:rotate(-9deg);transform-origin:center;
}
.finance-value{font-size:2.18cqw;margin-top:.45cqw;}
.finance-status{position:relative;z-index:1;padding-top:.55cqw;font-size:.58cqw;}
/* Existing invisible controls only cover the two top-right utility icons now. */
.central-hitbox{z-index:14;}
@media (max-width:1200px){
.select-layout{grid-template-columns:minmax(0,36%) minmax(0,1fr);gap:.9cqw;}
.club-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.central-nav-btn{font-size:.78cqw;}
}
/* ===== Phase 1 v1.2: robust 16:9 scaling + redesigned Central side panels ===== */
/* The reference image is now atmosphere/architecture. Side data panels are rendered independently
so baked placeholder text can never collide with live content. */
.central-side-panel{
position:absolute;
z-index:11;
overflow:hidden;
background:linear-gradient(180deg,rgba(6,31,44,.992),rgba(4,22,34,.995));
border:1px solid rgba(216,182,101,.48);
box-shadow:0 8px 22px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035);
}
.central-side-panel:before{
content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:2px;
background:linear-gradient(90deg,transparent,rgba(91,202,201,.82),transparent);
opacity:.52;
}
.central-panel-header{
position:relative;z-index:2;height:3.05cqw;padding:0 1.05cqw;
display:flex;align-items:center;gap:.62cqw;
color:#f1ede2;font:700 1.02cqw/1 Georgia,'Times New Roman',serif;
letter-spacing:.035em;
border-bottom:1px solid rgba(216,182,101,.32);
background:linear-gradient(180deg,#0a3040,#072635);
text-shadow:0 2px 6px rgba(0,0,0,.45);
}
.central-panel-glyph{
width:1.45cqw;height:1.45cqw;display:grid;place-items:center;flex:0 0 auto;
color:#d8b665;font:700 1.15cqw/1 Arial,sans-serif;
}
.central-panel-body{position:relative;z-index:2;min-width:0;min-height:0;}
.central-inbox-panel{left:9.35%;top:20.9%;width:21.2%;height:25.7%;}
.central-news-panel{left:9.35%;top:47.7%;width:21.2%;height:35.7%;}
.central-objectives-panel{left:68.25%;top:20.9%;width:21.25%;height:30.5%;}
.central-finances-panel{left:68.25%;top:52.55%;width:21.25%;height:30.85%;}
/* Inbox */
.central-inbox-list{
position:relative;left:auto;top:auto;width:100%;height:calc(100% - 3.05cqw);
display:grid;grid-template-rows:repeat(3,1fr);background:#062534;
}
.inbox-row{
min-width:0;padding:0 1.05cqw 0 2.15cqw;
background:linear-gradient(90deg,rgba(7,41,55,.99),rgba(5,31,43,.99));
font:800 .68cqw/1.2 Arial,sans-serif;letter-spacing:.018em;
}
.inbox-row:before{left:.95cqw;width:.48cqw;height:.48cqw;}
.inbox-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.inbox-row time{font-size:.55cqw;white-space:nowrap;margin-left:.6cqw;}
/* News gets its own complete ivory surface rather than sitting on the template's placeholders. */
.central-news-list{
position:relative;left:auto;top:auto;width:100%;height:calc(100% - 3.05cqw);
padding:.5cqw .72cqw;background:#eee8d9;
display:grid;grid-template-rows:repeat(3,1fr);gap:0;
}
.news-row{
min-width:0;grid-template-columns:3.5cqw minmax(0,1fr);gap:.7cqw;
padding:.3cqw .15cqw;align-items:center;
border-bottom:1px solid rgba(31,51,59,.18);
}
.news-avatar{
width:3.25cqw;height:3.25cqw;background:#092637;border:1px solid #b8944d;
}
.news-avatar img{width:100%;height:100%;object-fit:contain;transform:scale(1.18);transform-origin:center 26%;}
.news-copy{min-width:0;align-self:center;}
.news-copy strong{
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
font:700 .66cqw/1.18 Georgia,'Times New Roman',serif;color:#142a34;letter-spacing:.002em;
}
.news-copy small{display:block;margin-top:.18cqw;color:#667278;font:700 .49cqw/1 Arial,sans-serif;}
/* Board expectations: three genuinely self-contained rows, with long objectives wrapping safely. */
.central-objectives{
position:relative;left:auto;top:auto;width:100%;height:calc(100% - 3.05cqw);
display:grid;grid-template-rows:repeat(3,1fr);background:#062534;
}
.objective-row{
min-width:0;display:grid;grid-template-columns:2.2cqw minmax(0,1fr);align-items:center;gap:.45cqw;
padding:.55cqw .78cqw;background:linear-gradient(90deg,#062a39,#052330);
border-bottom:1px solid rgba(142,180,194,.22);
}
.objective-row:last-child{border-bottom:0;}
.objective-icon{font-size:.92cqw;color:#d8b45e;text-align:center;}
.objective-copy{min-width:0;}
.objective-copy strong{
display:block;color:#f0f4f2;font:800 .63cqw/1.16 Arial,sans-serif;
white-space:normal;overflow-wrap:anywhere;
}
.progress{height:.42cqw;margin-top:.42cqw;border:1px solid rgba(126,165,179,.45);background:#061926;overflow:hidden;}
.progress i{background:linear-gradient(90deg,#32aaa9,#75d6d1);}
/* Finances: independent hierarchy and a compact trend chart. */
.central-finances{
position:relative;left:auto;top:auto;width:100%;height:calc(100% - 3.05cqw);
padding:1.05cqw 1.15cqw .85cqw;
background:linear-gradient(180deg,#062534,#041e2c);
border:0;display:grid;grid-template-rows:auto 1fr auto;gap:.45cqw;
}
.central-finances:before{display:none;}
.finance-label{font:800 .55cqw/1 Arial,sans-serif;color:#8eb1bf;letter-spacing:.12em;}
.finance-value{font:400 2.55cqw/1 Georgia,'Times New Roman',serif;color:#fff;margin:.42cqw 0 0;}
.finance-chart{width:100%;height:6.4cqw;display:block;overflow:visible;}
.finance-grid{stroke:rgba(133,176,190,.16);stroke-width:1;vector-effect:non-scaling-stroke;}
.finance-line{fill:none;stroke:#73cdbc;stroke-width:2;vector-effect:non-scaling-stroke;}
.finance-dot{fill:#8bd8c7;stroke:#052431;stroke-width:1.4;vector-effect:non-scaling-stroke;}
.finance-status{
display:flex;justify-content:space-between;align-items:center;padding-top:.55cqw;
border-top:1px solid rgba(142,180,194,.22);font:700 .58cqw/1.2 Arial,sans-serif;
}
.finance-status span{color:#c7d3d6}.finance-status strong{color:#62dda5;}
/* Current tab should read as selected, not like a permanently illuminated button. */
.central-nav-btn.is-current{background:#061827;color:#fff;}
.central-nav-btn.is-current:after{left:22%;right:22%;height:2px;background:#53c6c4;}
.central-nav-btn.is-current:before{display:none;}
/* Make the centre card typography scale with the game frame, not the browser viewport. */
.central-match-title{font-size:1.18cqw;}
.central-stadium{font-size:.68cqw;}
.central-nameplate{font-size:.81cqw;}
.central-continue{font-size:1.12cqw;}
@media (max-width:900px){
.central-panel-header{font-size:.96cqw;}
.objective-copy strong,.news-copy strong,.inbox-row{font-size:.64cqw;}
}
/* V20.5 — Global Fixtures, Results & Match Centre */
body.v20-ui #screenSeason.is-fixtures-view .season-main-content{left:1.65cqw!important;right:1.65cqw!important;top:10.25cqw!important;width:auto!important;padding:0!important;overflow:hidden!important;background:#e8eef5!important;border-color:#c4d1de!important;box-shadow:0 .45cqw 1.5cqw rgba(9,30,58,.14)!important}
body.v20-ui #screenSeason.is-fixtures-view .season-side-content{display:none!important}
body.v20-ui .vm-match-centre{height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);overflow:hidden;background:#e8eef5;color:#142a43;font-family:Arial,Helvetica,sans-serif}
body.v20-ui .vm-match-centre-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(18cqw,1fr) auto;align-items:center;gap:1.4cqw;min-height:5.65cqw;padding:.72cqw 1.15cqw;background:linear-gradient(112deg,#06182f,#0b3567 58%,#126da4 130%);color:#fff}
body.v20-ui .vm-match-centre-hero::after{content:"";position:absolute;right:38%;top:-9cqw;width:17cqw;height:17cqw;border:1.15cqw solid rgba(37,199,212,.075);border-radius:50%}
body.v20-ui .vm-match-centre-hero>div{z-index:1}.vm-match-centre-hero>div>span{display:flex;align-items:center;gap:.3cqw;color:#9ce4e9!important;font:900 .31cqw/1 Arial!important;letter-spacing:.11em!important}.vm-match-centre-hero>div>span i{width:.38cqw;height:.38cqw;border-radius:50%;background:#29d0d8;box-shadow:0 0 .45cqw rgba(41,208,216,.85)}
body.v20-ui .vm-match-centre-hero h1{margin:.36cqw 0 .22cqw;color:#fff!important;font:900 1.18cqw/.92 Arial!important;letter-spacing:-.04em!important}.vm-match-centre-hero>div>p{margin:0;color:#b9ccde!important;font:800 .33cqw/1.2 Arial!important;letter-spacing:.045em!important}
body.v20-ui .vm-match-centre-hero>section{z-index:1;display:grid;grid-template-columns:repeat(4,7.4cqw);height:3.65cqw;border:1px solid rgba(255,255,255,.14);border-radius:.45cqw;background:rgba(255,255,255,.055)}
body.v20-ui .vm-match-centre-hero article{display:flex;flex-direction:column;justify-content:center;padding:0 .72cqw;border-right:1px solid rgba(255,255,255,.12)}.vm-match-centre-hero article:last-child{border-right:0}.vm-match-centre-hero article span{color:#aac0d5!important;font:900 .25cqw/1 Arial!important;letter-spacing:.08em!important}.vm-match-centre-hero article strong{margin:.26cqw 0 .16cqw;color:#fff!important;font:900 .83cqw/1 Arial!important}.vm-match-centre-hero article small{color:#8fdae1!important;font:900 .23cqw/1 Arial!important;letter-spacing:.05em!important}
body.v20-ui .vm-match-centre>.vm-league-browser{border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important}
body.v20-ui .vm-match-filters{display:grid;grid-template-columns:10cqw 13cqw minmax(14cqw,1fr) auto;align-items:end;gap:.6cqw;padding:.55cqw 1cqw;border-bottom:1px solid #cbd6e1;background:#f7f9fc}
body.v20-ui .vm-match-filters>div span{display:block;margin-bottom:.22cqw;color:#657589!important;font:900 .25cqw/1 Arial!important;letter-spacing:.08em!important}.vm-match-filters select{width:100%;height:1.65cqw;padding:0 .48cqw;border:1px solid #c7d3df;border-radius:.28cqw;background:#fff;color:#16324f;font:900 .32cqw/1 Arial;cursor:pointer}.vm-match-filters>strong{align-self:center;color:#456079!important;font:900 .29cqw/1 Arial!important;letter-spacing:.06em!important}
body.v20-ui .vm-match-list{min-height:0;overflow:auto;padding:.65cqw 1cqw 1cqw;scrollbar-color:#6f8296 #dce4ec;scrollbar-width:thin}
body.v20-ui .vm-matchday-group{overflow:hidden;margin-bottom:.62cqw;border:1px solid #cbd6e1;border-radius:.42cqw;background:#fff;box-shadow:0 .16cqw .5cqw rgba(12,43,75,.055)}
body.v20-ui .vm-matchday-group>header{min-height:1.7cqw;display:flex;align-items:center;justify-content:space-between;padding:0 .72cqw;border-bottom:1px solid #dfe6ed;background:#eef3f8}.vm-matchday-group>header>div{display:flex;align-items:center;gap:.7cqw}.vm-matchday-group>header span{color:#2370b7!important;font:900 .27cqw/1 Arial!important;letter-spacing:.08em!important}.vm-matchday-group>header strong{color:#172f4b!important;font:900 .34cqw/1 Arial!important}.vm-matchday-group>header small{color:#708095!important;font:900 .25cqw/1 Arial!important;letter-spacing:.06em!important}
body.v20-ui .vm-match-card{position:relative;width:100%;min-height:3.3cqw;display:grid;grid-template-columns:7.4cqw minmax(10cqw,1fr) 5cqw minmax(10cqw,1fr) 5.6cqw;align-items:center;gap:.55cqw;padding:.28cqw .72cqw;border:0;border-bottom:1px solid #e3e9ef;background:#fff;color:#162d48;cursor:pointer;text-align:left;transition:background .14s,transform .14s,box-shadow .14s}.vm-match-card:last-child{border-bottom:0}.vm-match-card:hover,.vm-match-card:focus-visible{z-index:1;outline:0;background:#edf6ff;box-shadow:inset .18cqw 0 #2676c4;transform:translateY(-.02cqw)}.vm-match-card.is-own{box-shadow:inset .16cqw 0 #20abb2}.vm-match-card time{display:flex;flex-direction:column}.vm-match-card time b{color:#263e57!important;font:900 .32cqw/1 Arial!important}.vm-match-card time span{margin-top:.2cqw;color:#82909e!important;font:900 .23cqw/1 Arial!important;letter-spacing:.05em!important}
body.v20-ui .vm-match-card>div{min-width:0;display:flex;align-items:center;gap:.48cqw}.vm-match-card>div.is-home{justify-content:flex-end;text-align:right}.vm-match-card>div img{width:1.75cqw!important;height:1.75cqw!important;object-fit:contain!important;filter:drop-shadow(0 .08cqw .12cqw rgba(8,28,51,.17))}.vm-match-card>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172d46!important;font:900 .43cqw/1 Arial!important}.vm-match-card>strong{display:flex;align-items:center;justify-content:center;gap:.35cqw;color:#0a315e!important;font:900 .76cqw/1 Arial!important}.vm-match-card>strong i{color:#8090a1!important;font:900 .36cqw/1 Arial!important;font-style:normal!important}.vm-match-card>em{justify-self:end;padding:.26cqw .4cqw;border-radius:.18cqw;background:#e8edf2;color:#647486!important;font:900 .24cqw/1 Arial!important;font-style:normal!important;letter-spacing:.055em!important}.vm-match-card.is-result>em{background:#dff3ec;color:#27775e!important}.vm-match-card.is-own>em{background:#dff5f6;color:#14747c!important}
body.v20-ui .vm-match-empty{min-height:12cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #b7c6d5;border-radius:.5cqw;background:#f7fafc}.vm-match-empty strong{color:#1b3b5e!important;font:900 .75cqw/1 Arial!important}.vm-match-empty span{margin-top:.35cqw;color:#718397!important;font:800 .35cqw/1.3 Arial!important}
/* Match report and preview */
body.v20-ui .vm-match-report{height:100%;min-height:0;overflow:auto;padding:.8cqw 1cqw 1cqw;background:#e8eef5;color:#172e48;font-family:Arial,Helvetica,sans-serif}
body.v20-ui .vm-match-back{height:1.75cqw;margin-bottom:.48cqw;padding:0 .62cqw;border:1px solid #bfcdda;border-radius:.28cqw;background:#fff;color:#164d83;font:900 .65cqw/1 Arial;cursor:pointer}.vm-match-back span{margin-left:.22cqw;font-size:.28cqw;letter-spacing:.07em;vertical-align:.1cqw}.vm-match-back:hover{background:#eef6fd}
body.v20-ui .vm-match-score-hero{position:relative;overflow:hidden;min-height:9.4cqw;padding:.75cqw 1cqw;border-radius:.55cqw;background:linear-gradient(118deg,#06182f,#0b3567 56%,#126ca3 125%);box-shadow:0 .35cqw 1cqw rgba(8,31,58,.18);color:#fff}.vm-match-score-hero::after{content:"";position:absolute;left:50%;top:-15cqw;width:26cqw;height:26cqw;transform:translateX(-50%);border:1.3cqw solid rgba(47,205,216,.07);border-radius:50%}.vm-match-score-hero>div{position:relative;z-index:1;display:flex;justify-content:space-between}.vm-match-score-hero>div span,.vm-match-score-hero>div small{color:#b8cce0!important;font:900 .28cqw/1 Arial!important;letter-spacing:.06em!important}
body.v20-ui .vm-match-score-hero>.vm-match-score{position:relative;z-index:1;display:grid;grid-template-columns:1fr 9cqw 1fr;align-items:center;gap:1.2cqw;margin-top:.5cqw}.vm-match-score-hero>.vm-match-score>section{display:grid;grid-template-columns:4.5cqw minmax(0,1fr);align-items:center;gap:.6cqw}.vm-match-score-hero>.vm-match-score>section:last-child{grid-template-columns:minmax(0,1fr) 4.5cqw;text-align:right}.vm-match-score-hero>.vm-match-score>section:last-child img{grid-column:2;grid-row:1/3}.vm-match-score-hero>.vm-match-score>section img{grid-row:1/3;width:4.4cqw!important;height:4.4cqw!important;object-fit:contain!important;filter:drop-shadow(0 .2cqw .25cqw rgba(0,0,0,.3))}.vm-match-score-hero>.vm-match-score>section strong{color:#fff!important;font:900 .7cqw/1 Arial!important}.vm-match-score-hero>.vm-match-score>section small{color:#9edee3!important;font:900 .26cqw/1 Arial!important;letter-spacing:.06em!important}.vm-match-score-hero>.vm-match-score>b{display:flex;align-items:center;justify-content:center;gap:.6cqw;color:#fff}.vm-match-score-hero>.vm-match-score>b>strong{color:#fff!important;font:900 2.1cqw/.9 Arial!important}.vm-match-score-hero>.vm-match-score>b>i{color:#72d8df!important;font:900 .8cqw/1 Arial!important;font-style:normal!important}.vm-match-score-hero>.vm-match-score>b>small{position:absolute;top:3.1cqw;padding:.25cqw .42cqw;border-radius:.18cqw;background:rgba(255,255,255,.1);color:#c5d9e8!important;font:900 .25cqw/1 Arial!important;letter-spacing:.08em!important}
body.v20-ui .vm-match-report-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:.65cqw;margin-top:.65cqw}.vm-match-timeline,.vm-match-facts,.vm-table-movement,.vm-match-lineups,.vm-head-to-head{overflow:hidden;border:1px solid #ccd7e2;border-radius:.48cqw;background:#fff;box-shadow:0 .16cqw .5cqw rgba(12,43,75,.05)}.vm-match-timeline>header,.vm-match-facts>header,.vm-table-movement>header,.vm-match-lineups>header,.vm-head-to-head>header{min-height:1.7cqw;display:flex;align-items:center;justify-content:space-between;padding:0 .68cqw;border-bottom:1px solid #e0e6ec;background:#f4f7fa;color:#53677d;font:900 .29cqw/1 Arial;letter-spacing:.07em}.vm-match-timeline>header strong,.vm-match-lineups>header strong,.vm-head-to-head>header strong{color:#1769ad!important;font:900 .27cqw/1 Arial!important}
body.v20-ui .vm-match-timeline>article{min-height:2.05cqw;display:grid;grid-template-columns:2.4cqw 1.2cqw minmax(0,1fr) 1cqw;align-items:center;gap:.42cqw;padding:0 .68cqw;border-bottom:1px solid #e7ecf1}.vm-match-timeline>article.is-away{grid-template-columns:1cqw minmax(0,1fr) 1.2cqw 2.4cqw;text-align:right}.vm-match-timeline>article.is-away time{grid-column:4;grid-row:1}.vm-match-timeline>article.is-away>img{grid-column:3;grid-row:1}.vm-match-timeline>article.is-away>span{grid-column:2;grid-row:1}.vm-match-timeline>article.is-away>b{grid-column:1;grid-row:1}.vm-match-timeline time{color:#0e4f8a!important;font:900 .39cqw/1 Arial!important}.vm-match-timeline>article>img{width:1.05cqw;height:1.05cqw;object-fit:contain}.vm-match-timeline>article span strong{display:block;color:#182f48!important;font:900 .36cqw/1 Arial!important}.vm-match-timeline>article span small{display:block;margin-top:.14cqw;color:#8190a0!important;font:900 .23cqw/1 Arial!important}.vm-match-timeline>article>b{font-size:.42cqw}.vm-match-no-goals{min-height:5cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#708095}.vm-match-no-goals strong{font:900 .58cqw/1 Arial}.vm-match-no-goals span{margin-top:.25cqw;font:800 .3cqw/1 Arial}
body.v20-ui .vm-match-facts>article{display:grid;grid-template-columns:5.3cqw 3cqw minmax(5cqw,1fr) 3cqw;align-items:center;gap:.38cqw;min-height:2cqw;padding:0 .68cqw;border-bottom:1px solid #e7ecf1}.vm-match-facts>article span{color:#718195!important;font:900 .27cqw/1 Arial!important;letter-spacing:.05em!important}.vm-match-facts>article b{color:#163b63!important;font:900 .38cqw/1 Arial!important;text-align:center}.vm-match-facts>article i{height:.28cqw;overflow:hidden;border-radius:1cqw;background:#dbe4ec}.vm-match-facts>article i em{display:block;height:100%;background:linear-gradient(90deg,#1673ba,#22bfc8)}.vm-potm{display:grid;grid-template-columns:3.2cqw minmax(0,1fr);align-items:center;gap:.55cqw;margin:.65cqw;padding:.55cqw;border-radius:.42cqw;background:linear-gradient(110deg,#08264b,#105a91);color:#fff}.vm-potm>img{width:3cqw;height:3cqw;object-fit:contain}.vm-potm span{position:relative}.vm-potm small{display:block;color:#9edfe4!important;font:900 .24cqw/1 Arial!important;letter-spacing:.08em!important}.vm-potm strong{display:block;margin:.25cqw 0;color:#fff!important;font:900 .48cqw/1 Arial!important}.vm-potm em{position:absolute;right:.2cqw;top:.2cqw;color:#f4d66a!important;font:900 .75cqw/1 Arial!important;font-style:normal!important}
body.v20-ui .vm-table-movement{margin-top:.65cqw}.vm-table-movement>div{display:grid;grid-template-columns:1fr 1fr}.vm-table-movement article{display:grid;grid-template-columns:1.7cqw minmax(0,1fr) 4.5cqw 2.5cqw;align-items:center;gap:.45cqw;min-height:3cqw;padding:0 .7cqw;border-right:1px solid #e1e7ed}.vm-table-movement article:last-child{border-right:0}.vm-table-movement article>img{width:1.55cqw;height:1.55cqw;object-fit:contain}.vm-table-movement article span strong{display:block;color:#172f49!important;font:900 .38cqw/1 Arial!important}.vm-table-movement article span small{display:block;margin-top:.16cqw;color:#7d8b9a!important;font:900 .23cqw/1 Arial!important}.vm-table-movement article>b{color:#153f6b!important;font:900 .55cqw/1 Arial!important;text-align:center}.vm-table-movement article>b i{margin:0 .3cqw;color:#92a0ae;font-style:normal}.vm-table-movement article>em{font:900 .3cqw/1 Arial!important;font-style:normal!important;text-align:right}.vm-table-movement article.is-up>em{color:#1b996d!important}.vm-table-movement article.is-down>em{color:#d04e5d!important}.vm-table-movement article.is-level>em{color:#7e8b98!important}
body.v20-ui .vm-match-preview-strip{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:.65cqw;margin-top:.65cqw}.vm-match-preview-strip article{min-height:4.1cqw;padding:.72cqw;border:1px solid #cad6e1;border-radius:.45cqw;background:#fff;text-align:center}.vm-match-preview-strip article:nth-child(2){background:linear-gradient(110deg,#0a2b53,#105d91);border-color:#105d91}.vm-match-preview-strip span{display:block;color:#758599!important;font:900 .27cqw/1 Arial!important;letter-spacing:.07em!important}.vm-match-preview-strip strong{display:block;margin:.42cqw 0;color:#173c64!important;font:900 .62cqw/1 Arial!important}.vm-match-preview-strip small{color:#78889a!important;font:800 .28cqw/1.2 Arial!important}.vm-match-preview-strip article:nth-child(2) span,.vm-match-preview-strip article:nth-child(2) small{color:#acd5df!important}.vm-match-preview-strip article:nth-child(2) strong{color:#fff!important}
body.v20-ui .vm-match-lineups{margin-top:.65cqw}.vm-match-lineups>div{display:grid;grid-template-columns:1fr 1fr}.vm-match-lineups>div>section{padding:.55cqw .7cqw;border-right:1px solid #e0e6ec}.vm-match-lineups>div>section:last-child{border-right:0}.vm-match-lineups section>header{display:flex;align-items:center;gap:.4cqw;margin-bottom:.3cqw}.vm-match-lineups section>header img{width:1.35cqw;height:1.35cqw;object-fit:contain}.vm-match-lineups section>header strong{color:#18334f!important;font:900 .4cqw/1 Arial!important}.vm-match-lineups section>button{width:100%;min-height:1.65cqw;display:grid;grid-template-columns:4cqw minmax(0,1fr) 4cqw;align-items:center;gap:.35cqw;padding:0 .35cqw;border:0;border-top:1px solid #e6ebf0;background:#fff;text-align:left;cursor:pointer}.vm-match-lineups section>button:hover{background:#eef6fd}.vm-match-lineups section>button span{color:#7a8998!important;font:900 .25cqw/1 Arial!important}.vm-match-lineups section>button strong{color:#1b334d!important;font:900 .34cqw/1 Arial!important}.vm-match-lineups section>button b{justify-self:end;color:#31536f!important;font:900 .34cqw/1 Arial!important}.vm-match-lineups section>button b.is-high{color:#13865f!important}
body.v20-ui .vm-head-to-head{margin-top:.65cqw}.vm-head-to-head>article{min-height:2.1cqw;display:grid;grid-template-columns:6cqw 1fr 4cqw 1fr;align-items:center;gap:.45cqw;padding:0 .7cqw;border-bottom:1px solid #e5ebf0}.vm-head-to-head>article time{color:#748397!important;font:900 .28cqw/1 Arial!important}.vm-head-to-head>article span{display:flex;align-items:center;gap:.35cqw}.vm-head-to-head>article span img{width:1.25cqw;height:1.25cqw;object-fit:contain}.vm-head-to-head>article span b{color:#1b334e!important;font:900 .32cqw/1 Arial!important}.vm-head-to-head>article>strong{color:#0e4579!important;font:900 .45cqw/1 Arial!important;text-align:center}.vm-head-to-head>p{padding:.8cqw;color:#728297;font:800 .32cqw/1.3 Arial}
/* Club fixture integration and player dossiers */
body.v20-ui .vm-club-profile-nav{grid-template-columns:repeat(5,1fr)}
body.v20-ui .vm-club-player{width:100%;font-family:Arial,sans-serif;text-align:left;cursor:pointer}.vm-club-player:hover,.vm-club-player:focus-visible{outline:0;border-color:#72a7d3;background:#edf6fd;box-shadow:0 .15cqw .4cqw rgba(20,79,128,.1)}
body.v20-ui .vm-club-youth-grid>button{display:grid;grid-template-columns:4.3cqw minmax(0,1fr);min-height:5.6cqw;overflow:hidden;padding:0;border:1px solid #d2dce6;border-radius:.5cqw;background:#fff;box-shadow:0 .18cqw .5cqw rgba(15,45,77,.06);text-align:left;cursor:pointer}.vm-club-youth-grid>button:hover,.vm-club-youth-grid>button:focus-visible{outline:0;border-color:#6ca8d7;transform:translateY(-.05cqw)}
body.v20-ui .vm-club-youth-grid>button>div{position:relative;display:grid;place-items:end center;background:linear-gradient(145deg,#dbe8f4,#eef5fa);overflow:hidden}.vm-club-youth-grid>button>div img{width:100%;height:100%;object-fit:contain}.vm-club-youth-grid>button>div b{position:absolute;left:.3cqw;bottom:.3cqw;padding:.2cqw .32cqw;border-radius:.18cqw;background:#0a3769;color:#fff!important;font:900 .25cqw/1 Arial!important}.vm-club-youth-grid>button>section{min-width:0;padding:.65cqw}.vm-club-youth-grid>button>section>span{color:#62758b!important;font:900 .27cqw/1 Arial!important;letter-spacing:.06em!important}.vm-club-youth-grid>button>section>strong{display:block;margin:.3cqw 0;color:#152c47!important;font:900 .48cqw/1 Arial!important}.vm-club-youth-grid>button>section>small{color:#7b8998!important;font:800 .28cqw/1 Arial!important}.vm-club-youth-grid>button>section>div{display:grid;grid-template-columns:1fr 1fr;gap:.35cqw;margin-top:.55cqw}.vm-club-youth-grid>button>section>div>b{padding:.38cqw;background:#f1f5f9;color:#164b83!important;font:900 .45cqw/1 Arial!important}.vm-club-youth-grid>button>section>div small{display:block;margin-bottom:.2cqw;color:#8793a0!important;font:900 .24cqw/1 Arial!important}
body.v20-ui .vm-club-fixtures>header{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:5cqw;padding:.7cqw 1cqw;border-radius:.5cqw;background:linear-gradient(110deg,#071f3e,#105b90);color:#fff}.vm-club-fixtures>header span{color:#9edfe4!important;font:900 .28cqw/1 Arial!important;letter-spacing:.08em!important}.vm-club-fixtures>header h2{margin:.3cqw 0 .22cqw;color:#fff!important;font:900 .8cqw/1 Arial!important}.vm-club-fixtures>header p{margin:0;color:#bed0df!important;font:800 .33cqw/1.2 Arial!important}.vm-club-fixtures>header>div:last-child{display:grid;grid-template-columns:2.5cqw auto;column-gap:.45cqw;align-items:center}.vm-club-fixtures>header img{grid-row:1/3;width:2.4cqw;height:2.4cqw;object-fit:contain}.vm-club-fixtures>header>div:last-child strong{color:#fff!important;font:900 .8cqw/1 Arial!important}.vm-club-fixtures>header>div:last-child span{font-size:.23cqw!important}.vm-club-fixture-columns{display:grid;grid-template-columns:1fr 1fr;gap:.65cqw;margin-top:.65cqw}.vm-club-fixture-columns>section{overflow:hidden;border:1px solid #cbd6e1;border-radius:.48cqw;background:#fff}.vm-club-fixture-columns h3{margin:0;padding:.55cqw .7cqw;border-bottom:1px solid #dfe6ed;background:#f1f5f9;color:#53677d!important;font:900 .3cqw/1 Arial!important;letter-spacing:.08em!important}.vm-club-fixture-columns .vm-match-card{grid-template-columns:5.6cqw minmax(7cqw,1fr) 4.2cqw minmax(7cqw,1fr);min-height:3.1cqw}.vm-club-fixture-columns .vm-match-card>em{display:none}.vm-club-fixture-columns .vm-match-card time span{display:none}.vm-club-fixture-columns>section>p{padding:.7cqw;color:#748397;font:800 .32cqw/1.3 Arial}
body.v20-ui .vm-player-dossier>button{height:1.7cqw;margin-bottom:.5cqw;padding:0 .62cqw;border:1px solid #c2cfdb;border-radius:.28cqw;background:#fff;color:#164f87;font:900 .62cqw/1 Arial;cursor:pointer}.vm-player-dossier>button span{margin-left:.2cqw;font-size:.27cqw;letter-spacing:.06em;vertical-align:.1cqw}.vm-player-dossier>header{display:grid;grid-template-columns:5.8cqw minmax(0,1fr) 7cqw;align-items:center;gap:.8cqw;min-height:7.2cqw;padding:.65cqw 1cqw;border-radius:.55cqw;background:linear-gradient(110deg,#071d39,#0d4c81 70%,#147ba1);color:#fff}.vm-player-dossier>header>div{position:relative;width:5.4cqw;height:5.4cqw;display:grid;place-items:center;overflow:hidden;border-radius:.6cqw;background:rgba(255,255,255,.1)}.vm-player-dossier>header>div img{width:100%;height:100%;object-fit:contain}.vm-player-dossier>header>div b{position:absolute;right:.3cqw;bottom:.3cqw;width:1.25cqw;height:1.25cqw;display:grid;place-items:center;border-radius:.2cqw;background:#25b9c2;color:#fff!important;font:900 .5cqw/1 Arial!important}.vm-player-dossier>header section span{color:#9edfe4!important;font:900 .28cqw/1 Arial!important;letter-spacing:.08em!important}.vm-player-dossier>header section h2{margin:.38cqw 0 .25cqw;color:#fff!important;font:900 1.05cqw/1 Arial!important}.vm-player-dossier>header section p{margin:0;color:#bfd1df!important;font:800 .32cqw/1 Arial!important}.vm-player-dossier>header aside{padding-left:.8cqw;border-left:1px solid rgba(255,255,255,.18)}.vm-player-dossier>header aside span,.vm-player-dossier>header aside small{display:block;color:#acd1dc!important;font:900 .25cqw/1 Arial!important;letter-spacing:.07em!important}.vm-player-dossier>header aside strong{display:block;margin:.28cqw 0;color:#fff!important;font:900 1.2cqw/1 Arial!important}
body.v20-ui .vm-player-facts{display:grid;grid-template-columns:repeat(6,1fr);gap:.45cqw;margin-top:.55cqw}.vm-player-facts article{padding:.5cqw .6cqw;border:1px solid #ccd7e2;border-radius:.4cqw;background:#fff}.vm-player-facts span{display:block;color:#758599!important;font:900 .24cqw/1 Arial!important;letter-spacing:.07em!important}.vm-player-facts strong{display:block;margin-top:.25cqw;color:#153d66!important;font:900 .42cqw/1 Arial!important}.vm-player-dossier-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55cqw;margin-top:.55cqw}.vm-player-dossier-grid>section{padding:.65cqw;border:1px solid #ccd7e2;border-radius:.45cqw;background:#fff}.vm-player-dossier-grid>section>header{margin-bottom:.5cqw;color:#5b6e83;font:900 .29cqw/1 Arial;letter-spacing:.07em}.vm-player-attribute{display:grid;grid-template-columns:2.4cqw minmax(5cqw,1fr) 2cqw;align-items:center;gap:.4cqw;min-height:1.25cqw}.vm-player-attribute span{color:#556b81!important;font:900 .27cqw/1 Arial!important}.vm-player-attribute i{height:.28cqw;overflow:hidden;border-radius:1cqw;background:#dfe7ee}.vm-player-attribute i b{display:block;height:100%;background:linear-gradient(90deg,#166db1,#20bdc6)}.vm-player-attribute>strong{color:#153f69!important;font:900 .32cqw/1 Arial!important;text-align:right}.vm-player-output{display:grid;grid-template-columns:repeat(3,1fr);gap:.42cqw}.vm-player-output>b{padding:.55cqw;background:#f0f5f9;color:#104a80!important;font:900 .65cqw/1 Arial!important}.vm-player-output small{display:block;margin-top:.24cqw;color:#758597!important;font:900 .22cqw/1 Arial!important;letter-spacing:.05em!important}.vm-player-dossier-grid>.is-career{grid-column:1/-1}.vm-player-dossier-grid>.is-career p{margin:0 0 .35cqw;color:#596d82!important;font:800 .33cqw/1.35 Arial!important}.vm-player-dossier-grid>.is-career strong{color:#183d63!important;font:900 .39cqw/1 Arial!important}.vm-player-dossier-grid>.is-career small{display:block;margin-top:.22cqw;color:#7b8998!important;font:800 .27cqw/1 Arial!important}
@media (max-width:1200px){body.v20-ui #screenSeason.is-fixtures-view .season-main-content{left:1.25cqw!important;right:1.25cqw!important}.vm-match-centre-hero>section{grid-template-columns:repeat(4,6.8cqw)!important}.vm-match-card{grid-template-columns:6.8cqw minmax(9cqw,1fr) 4.5cqw minmax(9cqw,1fr) 5.4cqw!important}}
@media (max-width:900px){body.v20-ui #screenSeason.is-fixtures-view .season-main-content{left:1cqw!important;right:1cqw!important}.vm-match-centre-hero>section article:nth-child(3){display:none}.vm-match-centre-hero>section{grid-template-columns:repeat(3,7.5cqw)!important}.vm-match-filters{grid-template-columns:9cqw 11cqw minmax(12cqw,1fr) auto!important}.vm-match-report-grid,.vm-club-fixture-columns{grid-template-columns:1fr!important}.vm-player-facts{grid-template-columns:repeat(3,1fr)!important}}
/* ========================================================================
PHASE 2 — SQUAD GUI
======================================================================== */
.squad-screen{
background:#061827;
--club-accent:#1bb5b6;
}
.squad-bg{
position:absolute;inset:-2%;
background:url('assets/ui/central-template.png') center/cover no-repeat;
filter:blur(5px) brightness(.48) saturate(.82);
transform:scale(1.04);
}
.squad-shade{
position:absolute;inset:0;
background:
radial-gradient(circle at 42% 35%,rgba(18,88,97,.16),transparent 34%),
linear-gradient(180deg,rgba(2,11,18,.36),rgba(2,11,18,.84) 82%),
linear-gradient(90deg,rgba(2,14,22,.72),rgba(3,18,28,.42) 52%,rgba(2,12,19,.82));
}
/* Rebuilt career top bar — no baked placeholder alignment dependence. */
.career-topbar{
position:absolute;z-index:20;left:0;right:0;top:0;height:5.15cqw;
display:grid;grid-template-columns:26.8% minmax(0,1fr) 17.5%;
align-items:stretch;
background:linear-gradient(180deg,rgba(5,27,40,.995),rgba(4,21,33,.995));
border-bottom:1px solid rgba(216,182,101,.55);
box-shadow:0 7px 18px rgba(0,0,0,.28);
}
.career-brand{
min-width:0;display:flex;align-items:center;gap:.82cqw;padding:0 1.85cqw;
}
.career-brand-mark{
width:2.55cqw;height:3.15cqw;display:grid;place-items:center;
clip-path:polygon(50% 0,92% 14%,88% 72%,50% 100%,12% 72%,8% 14%);
background:linear-gradient(180deg,#0d5961,#082d3d);
border:1px solid rgba(216,182,101,.55);
color:#d7b86b;font:700 1.3cqw/1 Georgia,serif;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.career-brand-copy{min-width:0;display:grid;gap:.16cqw}
.career-brand-copy strong{
white-space:nowrap;color:#f2eee3;font:700 1.14cqw/1 Georgia,serif;
letter-spacing:.03em;
}
.career-brand-copy small{
color:#7fa9b6;font:800 .46cqw/1 Arial,sans-serif;letter-spacing:.14em;
}
.career-tabs{
min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
border-left:1px solid rgba(89,131,148,.2);border-right:1px solid rgba(89,131,148,.2);
}
.career-tabs button{
position:relative;border:0;border-right:1px solid rgba(89,131,148,.2);
background:transparent;color:#adc1c8;
font:800 .74cqw/1 Arial,sans-serif;letter-spacing:.075em;cursor:pointer;
transition:background .14s ease,color .14s ease;
}
.career-tabs button:last-child{border-right:0}
.career-tabs button:hover{background:rgba(18,74,87,.38);color:#fff}
.career-tabs button.is-current{
color:#fff;background:linear-gradient(180deg,rgba(10,52,65,.55),rgba(6,33,45,.72));
}
.career-tabs button.is-current:after{
content:"";position:absolute;left:22%;right:22%;bottom:0;height:2px;background:#59c9c8;
}
.career-utilities{
display:flex;align-items:center;justify-content:flex-end;gap:.72cqw;padding:0 1.4cqw;
}
.career-club-mark{
width:3.25cqw;height:3.25cqw;display:grid;place-items:center;
padding:.22cqw;background:rgba(3,19,29,.66);border:1px solid rgba(216,182,101,.32);
}
.career-club-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}
.career-util-btn{
width:2.55cqw;height:2.55cqw;border:0;border-left:1px solid rgba(216,182,101,.3);
background:transparent;color:#d9cfbb;font:700 1.18cqw/1 Arial,sans-serif;cursor:pointer;
}
.career-util-btn:hover{color:#69d2d1}
/* Main Squad composition */
.squad-shell{
position:absolute;z-index:5;left:3.4%;right:3.4%;top:6.2cqw;bottom:1.85cqw;
display:grid;grid-template-columns:minmax(0,1fr) 28.1%;gap:1.1cqw;
}
.squad-workspace{
min-width:0;min-height:0;display:grid;
grid-template-rows:4.65cqw 2.6cqw 18.1cqw 12.35cqw minmax(5cqw,1fr);
gap:.7cqw;
}
.squad-heading{
min-width:0;display:flex;align-items:center;justify-content:space-between;
padding:.45cqw 1.1cqw;
border:1px solid rgba(216,182,101,.38);
background:linear-gradient(90deg,rgba(5,31,44,.97),rgba(7,40,53,.93));
box-shadow:inset 0 1px rgba(255,255,255,.03);
}
.squad-club-lockup{display:flex;align-items:center;gap:.78cqw;min-width:0}
.squad-heading-badge{
width:3.35cqw;height:3.35cqw;display:grid;place-items:center;padding:.2cqw;
background:#061c29;border:1px solid rgba(216,182,101,.35);
}
.squad-heading-badge img{width:100%;height:100%;object-fit:contain}
.squad-heading h2{margin:.05cqw 0 0;font-size:1.55cqw;line-height:1;letter-spacing:.045em}
.squad-heading p{margin:.25cqw 0 0;color:#91adba;font:700 .55cqw/1 Arial,sans-serif;letter-spacing:.06em}
.squad-heading .eyebrow{font-size:.45cqw;letter-spacing:.2em}
.squad-heading-metrics{display:grid;grid-template-columns:repeat(3,6.15cqw);height:100%}
.squad-heading-metrics>div{
border-left:1px solid rgba(109,151,167,.2);display:grid;place-content:center;text-align:center;
}
.squad-heading-metrics span{color:#7398a7;font:800 .43cqw/1 Arial,sans-serif;letter-spacing:.13em}
.squad-heading-metrics strong{margin-top:.22cqw;color:#f2ead9;font:700 1.18cqw/1 Georgia,serif}
/* Swap instruction lives in its own predictable row, avoiding layout shifts. */
.swap-banner{
min-width:0;display:flex;align-items:center;justify-content:space-between;
padding:0 .9cqw;border:1px solid transparent;background:rgba(4,23,34,.48);
opacity:.42;color:#7f9baa;
transition:opacity .15s ease,border-color .15s ease,background .15s ease;
}
.swap-banner:empty:before{
content:"Select a player to view their profile · Use SWAP PLAYER to change your Starting Three";
font:700 .5cqw/1 Arial,sans-serif;letter-spacing:.045em;
}
.swap-banner.is-active{
opacity:1;border-color:rgba(216,182,101,.62);
background:linear-gradient(90deg,rgba(73,54,18,.7),rgba(8,43,51,.92));
}
.swap-banner>div{display:flex;align-items:center;gap:.75cqw;min-width:0}
.swap-banner span{color:#e4c66f;font:900 .45cqw/1 Arial,sans-serif;letter-spacing:.15em}
.swap-banner strong{
min-width:0;color:#f4eee1;font:700 .58cqw/1.2 Arial,sans-serif;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.swap-banner button{
height:1.6cqw;padding:0 .75cqw;border:1px solid rgba(216,182,101,.45);
background:#071d29;color:#e8dac1;font:800 .46cqw/1 Arial,sans-serif;letter-spacing:.1em;cursor:pointer;
}
/* Roster blocks */
.roster-section{
min-width:0;min-height:0;border:1px solid rgba(109,151,167,.3);
background:linear-gradient(180deg,rgba(4,26,39,.94),rgba(3,20,31,.96));
overflow:hidden;
}
.roster-title{
height:3.05cqw;padding:0 .95cqw;display:flex;align-items:center;justify-content:space-between;
border-bottom:1px solid rgba(216,182,101,.27);
background:linear-gradient(90deg,rgba(9,45,57,.92),rgba(5,28,40,.88));
}
.roster-title>div{display:flex;align-items:baseline;gap:.55cqw}
.roster-kicker{color:#62c8c8;font:900 .43cqw/1 Arial,sans-serif;letter-spacing:.15em}
.roster-title h3{margin:0;color:#f2eee3;font-size:.88cqw;letter-spacing:.07em}
.roster-title p{margin:0;color:#7495a3;font:700 .48cqw/1 Arial,sans-serif}
.roster-title.compact{height:2.6cqw}
.starter-grid{
height:calc(100% - 3.05cqw);padding:.72cqw;
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7cqw;
}
.subs-grid{
height:calc(100% - 2.6cqw);padding:.58cqw .72cqw .68cqw;
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7cqw;
}
/* Player card system */
.player-card{
position:relative;min-width:0;min-height:0;padding:0;overflow:hidden;text-align:left;
border:1px solid rgba(124,163,178,.32);color:#fff;cursor:pointer;
background:
radial-gradient(circle at 34% 32%,rgba(29,120,128,.16),transparent 35%),
linear-gradient(160deg,#0a3141 0%,#061f2e 59%,#041925 100%);
box-shadow:inset 0 1px rgba(255,255,255,.035);
transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,filter .14s ease;
}
.player-card:hover{
transform:translateY(-1px);border-color:rgba(91,202,201,.72);filter:brightness(1.04);
}
.player-card.is-selected{
border-color:#62ccca;
box-shadow:inset 0 0 0 1px rgba(98,204,202,.28),0 0 0 1px rgba(5,18,27,.65);
}
.player-card.is-selected:after{
content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#62ccca;
}
.player-card.is-swap-source{
border-color:#e1bd67;box-shadow:inset 0 0 0 1px rgba(225,189,103,.28);
}
.player-card.is-swap-target{
border-color:#4cc6c4;
box-shadow:inset 0 0 0 1px rgba(76,198,196,.25),0 0 14px rgba(64,190,188,.12);
}
.player-card-top{
position:absolute;z-index:5;left:.62cqw;right:.62cqw;top:.52cqw;
display:flex;align-items:flex-start;gap:.4cqw;
}
.role-tag{
padding:.27cqw .42cqw;border:1px solid rgba(91,202,201,.35);
background:rgba(3,25,36,.86);color:#95d6d5;
font:900 .39cqw/1 Arial,sans-serif;letter-spacing:.09em;
}
.captain-mark{
width:1.05cqw;height:1.05cqw;border-radius:50%;display:grid;place-items:center;
background:#d5b45f;color:#061724;font:900 .48cqw/1 Arial,sans-serif;
}
.card-ovr{margin-left:auto;display:grid;text-align:center}
.card-ovr strong{color:#fff;font:700 1.55cqw/1 Georgia,serif;text-shadow:0 2px 6px #000}
.card-ovr small{color:#d5b768;font:900 .36cqw/1 Arial,sans-serif;letter-spacing:.1em}
.player-portrait{
position:absolute;left:.35cqw;top:1.52cqw;width:46%;bottom:.35cqw;display:grid;place-items:end center;
overflow:hidden;
}
.portrait-halo{
position:absolute;left:7%;right:7%;top:13%;aspect-ratio:1;border-radius:50%;
border:1px solid rgba(84,188,188,.24);
box-shadow:inset 0 0 0 .42cqw rgba(25,99,106,.07);
}
.player-portrait img{
position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center 55%;
filter:drop-shadow(0 8px 8px rgba(0,0,0,.52));
}
.player-card-copy{
position:absolute;z-index:4;left:46.5%;right:.72cqw;top:2.45cqw;bottom:.55cqw;
display:flex;flex-direction:column;justify-content:center;min-width:0;
}
.player-card-copy h4{
margin:0;color:#f5f0e5;font-size:.94cqw;line-height:1.03;letter-spacing:.012em;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.player-meta{display:flex;gap:.55cqw;margin-top:.35cqw;color:#88a9b6;font:800 .4cqw/1 Arial,sans-serif;letter-spacing:.055em}
.status-line{display:flex;gap:.28cqw;margin-top:.55cqw;min-width:0}
.status-chip{
min-width:0;padding:.25cqw .4cqw;border:1px solid rgba(133,167,180,.24);
background:rgba(5,24,34,.66);font:800 .38cqw/1 Arial,sans-serif;white-space:nowrap;
overflow:hidden;text-overflow:ellipsis;
}
.status-chip.good{color:#7cddbd}.status-chip.bad{color:#e19b8e}.status-chip.neutral{color:#c8d4d8}
.fitness-line{
display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35cqw;margin-top:.55cqw;
color:#7fa1ad;font:800 .36cqw/1 Arial,sans-serif;letter-spacing:.07em;
}
.fitness-line>div{height:.32cqw;background:#071621;border:1px solid rgba(117,155,169,.34);overflow:hidden}
.fitness-line i{display:block;height:100%;background:linear-gradient(90deg,#2ca9a8,#77d4c8)}
.fitness-line strong{color:#e8e5db;font-size:.43cqw}
.player-card.is-sub .player-card-top{top:.38cqw}
.player-card.is-sub .role-tag{font-size:.35cqw}
.player-card.is-sub .card-ovr strong{font-size:1.25cqw}
.player-card.is-sub .player-portrait{top:1.1cqw;width:34%;left:.45cqw;bottom:.25cqw}
.player-card.is-sub .player-card-copy{left:35%;top:1.45cqw;right:.6cqw;bottom:.35cqw}
.player-card.is-sub .player-card-copy h4{font-size:.78cqw}
.player-card.is-sub .player-meta{font-size:.35cqw}
.player-card.is-sub .status-line{margin-top:.34cqw}
.player-card.is-sub .status-chip{font-size:.33cqw;padding:.2cqw .33cqw}
.player-card.is-sub .fitness-line{margin-top:.36cqw;font-size:.32cqw}
.swap-target-label{
position:absolute;z-index:8;right:.45cqw;bottom:.45cqw;padding:.3cqw .45cqw;
background:#1a777a;color:#fff;border:1px solid #70d6d3;
font:900 .37cqw/1 Arial,sans-serif;letter-spacing:.08em;
}
/* Summary rail */
.squad-summary{
min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55cqw;
}
.summary-tile{
min-width:0;padding:.58cqw .72cqw;border:1px solid rgba(116,155,169,.27);
border-top:2px solid rgba(216,182,101,.45);
background:linear-gradient(180deg,rgba(7,37,50,.95),rgba(4,24,35,.96));
display:flex;flex-direction:column;justify-content:center;
}
.summary-tile span{color:#79a0ad;font:900 .38cqw/1 Arial,sans-serif;letter-spacing:.12em}
.summary-tile strong{
margin-top:.3cqw;color:#f2eee3;font:700 .73cqw/1.05 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.summary-tile small{margin-top:.25cqw;color:#89a7b1;font:700 .37cqw/1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Profile panel */
.player-profile{
position:relative;min-width:0;min-height:0;overflow:hidden;
border:1px solid rgba(216,182,101,.42);
background:linear-gradient(180deg,rgba(5,32,45,.985),rgba(3,20,31,.992));
box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
display:grid;grid-template-rows:auto 13.3cqw auto auto auto minmax(4.3cqw,1fr) 2.8cqw;
padding:0 .9cqw .85cqw;
}
.profile-accent{
position:absolute;z-index:0;left:0;right:0;top:0;height:.25cqw;
background:linear-gradient(90deg,transparent,var(--club-accent,#1bb5b6),transparent);
}
.profile-topline{
position:relative;z-index:1;min-height:2.1cqw;display:flex;align-items:center;justify-content:space-between;
color:#7fa6b2;font:900 .4cqw/1 Arial,sans-serif;letter-spacing:.13em;
border-bottom:1px solid rgba(112,151,165,.18);
}
.profile-topline span:last-child{color:#d9b965}
.profile-hero{
min-width:0;position:relative;z-index:1;display:grid;grid-template-columns:43% minmax(0,1fr);align-items:center;
border-bottom:1px solid rgba(112,151,165,.2);
}
.profile-avatar-stage{
position:relative;height:11.2cqw;display:grid;place-items:end center;overflow:hidden;
background:radial-gradient(circle at 50% 48%,rgba(45,139,144,.2),transparent 55%);
}
.profile-avatar-stage:before{
content:"";position:absolute;width:8.7cqw;height:8.7cqw;border-radius:50%;
border:1px solid rgba(91,202,201,.2);box-shadow:inset 0 0 0 .55cqw rgba(91,202,201,.035);
top:1cqw;left:50%;transform:translateX(-50%);
}
.profile-avatar-stage img{
position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center 58%;
filter:drop-shadow(0 8px 8px rgba(0,0,0,.5));
}
.profile-hero-copy{min-width:0;padding-left:.5cqw}
.profile-overall{display:flex;align-items:baseline;gap:.34cqw}
.profile-overall strong{font:700 2.75cqw/1 Georgia,serif;color:#fff}
.profile-overall small{font:900 .42cqw/1 Arial,sans-serif;color:#d6b764;letter-spacing:.12em}
.profile-hero-copy h3{
margin:.3cqw 0 0;color:#f5efe2;font-size:1.15cqw;line-height:1.02;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.profile-hero-copy p{
margin:.35cqw 0 0;color:#8faeb8;font:800 .42cqw/1.2 Arial,sans-serif;letter-spacing:.035em;
}
.profile-club-line{display:flex;align-items:center;gap:.42cqw;margin-top:.55cqw;color:#cfdcde;font:700 .45cqw/1 Arial,sans-serif}
.profile-club-line img{width:1.5cqw;height:1.5cqw;object-fit:contain}
.profile-section{position:relative;z-index:1;padding:.72cqw 0;border-bottom:1px solid rgba(112,151,165,.2)}
.profile-section-title{display:flex;justify-content:space-between;align-items:center}
.profile-section-title span{color:#d7c9ad;font:900 .43cqw/1 Arial,sans-serif;letter-spacing:.13em}
.profile-section-title small{color:#507b89;font:800 .38cqw/1 Arial,sans-serif;letter-spacing:.1em}
.profile-stats{margin-top:.55cqw;display:grid;grid-template-columns:1fr 1fr;gap:.58cqw .7cqw}
.profile-stat{display:grid;grid-template-columns:1.25cqw minmax(0,1fr) 1.35cqw;align-items:center;gap:.32cqw}
.profile-stat span{color:#8aa8b3;font:900 .39cqw/1 Arial,sans-serif}
.profile-stat>div{height:.32cqw;background:#061621;border:1px solid rgba(115,154,168,.33);overflow:hidden}
.profile-stat i{display:block;height:100%;background:linear-gradient(90deg,#228f94,#66cfca)}
.profile-stat strong{text-align:right;color:#f2ede2;font:800 .49cqw/1 Arial,sans-serif}
.profile-detail-grid{
position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(112,151,165,.2);
}
.profile-detail-grid>div{
min-width:0;padding:.62cqw .25cqw;border-right:1px solid rgba(112,151,165,.15);border-bottom:1px solid rgba(112,151,165,.15);
}
.profile-detail-grid>div:nth-child(2n){border-right:0}
.profile-detail-grid>div:nth-child(n+3){border-bottom:0}
.profile-detail-grid span,.profile-status-grid span,.potential-card span{
display:block;color:#6f95a3;font:900 .36cqw/1 Arial,sans-serif;letter-spacing:.11em;
}
.profile-detail-grid strong{display:block;margin-top:.28cqw;color:#efe9dc;font:700 .61cqw/1 Georgia,serif}
.profile-status-grid{
position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(112,151,165,.2);
}
.profile-status-grid>div{padding:.55cqw .25cqw;border-right:1px solid rgba(112,151,165,.15)}
.profile-status-grid>div:last-child{border-right:0}
.profile-status-grid strong{display:block;margin-top:.25cqw;font:800 .5cqw/1 Arial,sans-serif}
.profile-status-grid strong.good{color:#73dcb9}.profile-status-grid strong.bad{color:#e39b8d}.profile-status-grid strong.neutral{color:#d6d8d1}
.potential-card{
position:relative;z-index:1;margin:.62cqw 0;padding:.72cqw .78cqw;
align-self:stretch;display:flex;flex-direction:column;justify-content:center;
border-left:2px solid #d3b35f;background:linear-gradient(180deg,rgba(13,47,57,.72),rgba(8,36,47,.58));
}
.potential-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6cqw}
.potential-head>div{min-width:0}
.potential-card strong{
display:block;margin-top:.28cqw;color:#f1e7d2;font:700 .59cqw/1.05 Georgia,serif;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.potential-head b{color:#e0bd68;font:700 1.35cqw/1 Georgia,serif}
.potential-meter{height:.34cqw;margin-top:.55cqw;background:#061621;border:1px solid rgba(115,154,168,.34);overflow:hidden}
.potential-meter i{display:block;height:100%;background:linear-gradient(90deg,#2b9699,#d1b05d)}
.potential-meta{margin-top:.62cqw;display:grid;grid-template-columns:1fr 1fr;gap:.55cqw .7cqw}
.potential-meta>div{min-width:0;padding-top:.38cqw;border-top:1px solid rgba(115,154,168,.18)}
.potential-meta strong{margin-top:.18cqw;font:800 .43cqw/1.05 Arial,sans-serif;color:#d9e1df}
.profile-swap-btn{
position:relative;z-index:1;align-self:end;height:2.65cqw;border:1px solid rgba(216,182,101,.62);
background:linear-gradient(180deg,#107a7e,#0a515b);color:#fff;
font:900 .49cqw/1 Arial,sans-serif;letter-spacing:.11em;cursor:pointer;
box-shadow:inset 0 1px rgba(255,255,255,.06);
}
.profile-swap-btn:hover{filter:brightness(1.08)}
.profile-refresh .profile-hero-copy,.profile-refresh .profile-stats{animation:profileFresh .18s ease}
@keyframes profileFresh{from{opacity:.45;transform:translateX(.18cqw)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
.screen,.player-card,.profile-refresh .profile-hero-copy,.profile-refresh .profile-stats{transition:none!important;animation:none!important}
}
@media (max-width:1050px){
.career-topbar{grid-template-columns:24% minmax(0,1fr) 15%}
.career-brand-copy small{display:none}
.squad-shell{grid-template-columns:minmax(0,1fr) 30%}
.squad-heading-metrics{grid-template-columns:repeat(3,5.6cqw)}
}
/* ========================================================================
PHASE 3 — TRANSFERS GUI
======================================================================== */
.transfers-screen{
background:#051522;
--club-accent:#1bb5b6;
}
.transfers-bg{
position:absolute;inset:-2%;
background:url('assets/ui/central-template.png') center/cover no-repeat;
filter:blur(6px) brightness(.42) saturate(.72);
transform:scale(1.04);
}
.transfers-shade{
position:absolute;inset:0;
background:
radial-gradient(circle at 56% 18%,rgba(27,114,124,.12),transparent 28%),
linear-gradient(180deg,rgba(2,10,17,.48),rgba(1,9,15,.88) 84%),
linear-gradient(90deg,rgba(2,12,20,.74),rgba(4,23,34,.48) 58%,rgba(2,11,18,.88));
}
.transfers-shell{
position:absolute;z-index:5;left:3.4%;right:3.4%;top:6.2cqw;bottom:1.85cqw;
display:grid;grid-template-columns:minmax(0,1fr) 28.6%;gap:1.05cqw;
}
.transfer-workspace{
min-width:0;min-height:0;display:grid;
grid-template-rows:4.65cqw 3.05cqw minmax(0,1fr);
gap:.7cqw;
}
.transfer-heading{
min-width:0;display:flex;align-items:center;justify-content:space-between;
padding:.5cqw 1.15cqw;border:1px solid rgba(216,182,101,.38);
background:linear-gradient(90deg,rgba(5,31,44,.97),rgba(7,40,53,.93));
box-shadow:inset 0 1px rgba(255,255,255,.03);
}
.transfer-heading h2{margin:.05cqw 0 0;font-size:1.55cqw;line-height:1;letter-spacing:.045em}
.transfer-heading p{margin:.27cqw 0 0;color:#91adba;font:700 .54cqw/1 Arial,sans-serif;letter-spacing:.04em}
.transfer-budget-block{
min-width:11.5cqw;height:3.45cqw;padding:.35cqw .9cqw;text-align:right;
border-left:1px solid rgba(111,157,174,.26);display:grid;align-content:center;
}
.transfer-budget-block span{color:#7ea4b2;font:800 .43cqw/1 Arial,sans-serif;letter-spacing:.14em}
.transfer-budget-block strong{margin-top:.18cqw;color:#f3ead8;font:700 1.22cqw/1 Georgia,serif}
.transfer-budget-block small{margin-top:.17cqw;color:#668b99;font:700 .39cqw/1 Arial,sans-serif;letter-spacing:.04em}
.transfer-subnav{
display:grid;grid-template-columns:1.3fr .9fr 1fr .9fr;
min-width:0;border:1px solid rgba(105,150,166,.28);background:rgba(4,23,34,.94);
}
.transfer-subnav button{
position:relative;border:0;border-right:1px solid rgba(101,146,161,.22);
background:transparent;color:#9eb7c1;font:800 .58cqw/1 Arial,sans-serif;
letter-spacing:.09em;cursor:pointer;transition:.14s ease;
}
.transfer-subnav button:last-child{border-right:0}
.transfer-subnav button:hover{background:rgba(16,67,79,.42);color:#fff}
.transfer-subnav button.is-active{color:#fff;background:linear-gradient(180deg,rgba(12,62,74,.7),rgba(7,38,50,.85))}
.transfer-subnav button.is-active:after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;background:#59c9c8}
.transfer-subnav button span{display:inline-grid;place-items:center;min-width:1.15cqw;height:1.15cqw;margin-left:.35cqw;border-radius:50%;background:#0e5f67;color:#eef7f5;font-size:.45cqw}
.transfer-pane{
min-width:0;min-height:0;display:none;overflow:hidden;
border:1px solid rgba(96,142,160,.3);background:linear-gradient(180deg,rgba(5,30,43,.97),rgba(3,20,31,.985));
box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.transfer-pane.is-active{display:grid}
#transferSearchPane{grid-template-rows:4.2cqw 2.25cqw minmax(0,1fr) 2cqw}
#transferShortlistPane,#transferFreeAgentsPane{grid-template-rows:5.3cqw 2.25cqw minmax(0,1fr)}
#transferHubPane{grid-template-rows:5.3cqw minmax(0,1fr)}
.transfer-filterbar{
min-width:0;padding:.62cqw .78cqw;display:grid;grid-template-columns:2.05fr repeat(4,1fr) .62fr;gap:.48cqw;
align-items:end;border-bottom:1px solid rgba(103,149,165,.22);background:rgba(6,37,51,.9);
}
.transfer-filterbar label{min-width:0;display:grid;gap:.26cqw}
.transfer-filterbar label>span{color:#789fac;font:800 .39cqw/1 Arial,sans-serif;letter-spacing:.13em}
.transfer-filterbar input,.transfer-filterbar select{
width:100%;height:2.05cqw;min-width:0;border:1px solid rgba(116,160,175,.34);
background:#051d2a;color:#eef4f3;padding:0 .58cqw;font:700 .51cqw/1 Arial,sans-serif;outline:none;
}
.transfer-filterbar input:focus,.transfer-filterbar select:focus{border-color:#56c7c7;box-shadow:0 0 0 1px rgba(86,199,199,.22)}
.transfer-searchbox input{padding-left:.68cqw}
.transfer-clear-btn{
height:2.05cqw;border:1px solid rgba(216,182,101,.38);background:#092431;color:#d9ccb2;
font:800 .46cqw/1 Arial,sans-serif;letter-spacing:.1em;cursor:pointer;
}
.transfer-clear-btn:hover{border-color:#d8b665;color:#fff}
.transfer-list-head{
min-width:0;display:grid;grid-template-columns:2.25fr 1.6fr 1.05fr .55fr .55fr .9fr;align-items:center;
gap:.42cqw;padding:0 .76cqw;color:#7699a6;font:800 .39cqw/1 Arial,sans-serif;letter-spacing:.13em;
background:#061d2a;border-bottom:1px solid rgba(101,146,161,.22);
}
.transfer-results{min-width:0;min-height:0;overflow:auto;scrollbar-color:#2d6874 #04131d;scrollbar-width:thin}
.transfer-results::-webkit-scrollbar{width:.35cqw}.transfer-results::-webkit-scrollbar-track{background:#04131d}.transfer-results::-webkit-scrollbar-thumb{background:#2d6874}
.transfer-player-row{
width:100%;min-width:0;height:4.32cqw;padding:0 .76cqw;display:grid;
grid-template-columns:2.25fr 1.6fr 1.05fr .55fr .55fr .9fr;gap:.42cqw;align-items:center;
border:0;border-bottom:1px solid rgba(109,151,165,.16);background:rgba(5,29,41,.82);color:#eaf0ef;text-align:left;cursor:pointer;
transition:background .12s ease,box-shadow .12s ease;
}
.transfer-player-row:nth-child(even){background:rgba(5,32,44,.68)}
.transfer-player-row:hover{background:rgba(9,55,67,.8)}
.transfer-player-row.is-selected{background:linear-gradient(90deg,rgba(12,76,86,.85),rgba(6,37,49,.88));box-shadow:inset 3px 0 #59c9c8}
.transfer-player-main{min-width:0;display:grid;grid-template-columns:3.05cqw minmax(0,1fr);gap:.62cqw;align-items:center}
.transfer-avatar{
width:2.7cqw;height:2.7cqw;display:grid;place-items:center;overflow:hidden;
border:1px solid rgba(216,182,101,.34);background:radial-gradient(circle at 50% 35%,#143e4b,#061b28 72%);
}
.transfer-avatar img{width:100%;height:100%;object-fit:contain;transform:scale(1.02);transform-origin:center 36%}
.transfer-player-copy{min-width:0}
.transfer-player-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 .68cqw/1.1 Georgia,serif;color:#f2eee3}
.transfer-player-copy small{display:block;margin-top:.22cqw;color:#759aa8;font:800 .4cqw/1 Arial,sans-serif;letter-spacing:.08em}
.transfer-club-cell{min-width:0;display:grid;grid-template-columns:1.62cqw minmax(0,1fr);gap:.45cqw;align-items:center}
.transfer-club-cell img{width:1.48cqw;height:1.48cqw;object-fit:contain}
.transfer-club-cell span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 .5cqw/1 Arial,sans-serif;color:#b8cad1}
.transfer-role-cell{font:800 .43cqw/1 Arial,sans-serif;color:#8eb0bc;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.transfer-num{font:700 .62cqw/1 Georgia,serif;color:#e8e2d5;text-align:center}
.transfer-ovr{font-size:.82cqw;color:#fff}
.transfer-value{text-align:right;font:700 .58cqw/1 Georgia,serif;color:#d8bf7d}
.transfer-value small{display:block;margin-top:.18cqw;color:#658b99;font:800 .34cqw/1 Arial,sans-serif;letter-spacing:.08em}
.transfer-list-footer{display:flex;justify-content:space-between;align-items:center;padding:0 .76cqw;border-top:1px solid rgba(101,146,161,.22);color:#658b99;font:700 .4cqw/1 Arial,sans-serif;letter-spacing:.05em;background:#061b28}
.transfer-list-footer span:first-child{color:#9eb8c1}
.transfer-pane-intro{
display:flex;align-items:center;justify-content:space-between;padding:.7cqw 1cqw;border-bottom:1px solid rgba(101,146,161,.22);
background:linear-gradient(90deg,#082c3c,#061e2c);
}
.transfer-pane-intro h3{margin:.12cqw 0 0;font-size:1.2cqw;letter-spacing:.04em}.transfer-pane-intro p{margin:.24cqw 0 0;color:#83a1ad;font:700 .48cqw/1.2 Arial,sans-serif}
.shortlist-mark{font-size:2.2cqw;color:#d7b466;opacity:.86}
.transfer-empty{height:100%;display:grid;place-items:center;text-align:center;padding:2cqw;color:#769aa7}
.transfer-empty strong{display:block;color:#e8eeeC;font-size:1.05cqw;margin-bottom:.35cqw}.transfer-empty span{font:700 .52cqw/1.5 Arial,sans-serif}
/* Transfer Hub */
.transfer-hub-grid{min-height:0;overflow:auto;padding:.82cqw;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.65cqw}
.transfer-hub-card{
min-width:0;min-height:8.2cqw;padding:.78cqw;border:1px solid rgba(104,150,166,.28);
background:linear-gradient(150deg,rgba(8,43,56,.88),rgba(4,24,35,.94));display:grid;grid-template-columns:3.6cqw minmax(0,1fr);gap:.72cqw;align-items:center;
}
.transfer-hub-card .transfer-avatar{width:3.55cqw;height:3.55cqw}
.hub-copy{min-width:0}.hub-copy>span{color:#d8b665;font:800 .38cqw/1 Arial,sans-serif;letter-spacing:.13em}.hub-copy h4{margin:.22cqw 0 .28cqw;font-size:.75cqw}.hub-copy p{margin:0;color:#87a6b2;font:700 .44cqw/1.35 Arial,sans-serif}.hub-status{margin-top:.55cqw;display:inline-flex;padding:.28cqw .5cqw;border:1px solid rgba(79,190,187,.34);background:#082e3a;color:#6ed6d1;font:800 .38cqw/1 Arial,sans-serif;letter-spacing:.08em}
/* Right hand recruitment dossier */
.transfer-dossier{
min-width:0;min-height:0;overflow:hidden;position:relative;
border:1px solid rgba(216,182,101,.4);background:linear-gradient(180deg,rgba(6,34,47,.985),rgba(3,20,30,.995));
box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.03);
display:flex;flex-direction:column;
}
.transfer-dossier:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--club-accent,#59c9c8),transparent);opacity:.8}
.dossier-empty{height:100%;display:grid;place-items:center;text-align:center;padding:2cqw;color:#7396a4}
.dossier-empty .dossier-empty-icon{font-size:3.8cqw;color:#d2b361;opacity:.55}.dossier-empty h3{margin:.4cqw 0 .2cqw;font-size:1.1cqw}.dossier-empty p{margin:0;max-width:14cqw;font:700 .49cqw/1.5 Arial,sans-serif}
.dossier-topline{height:2.2cqw;padding:0 .82cqw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(112,156,171,.22);color:#7ea1ae;font:800 .39cqw/1 Arial,sans-serif;letter-spacing:.12em}
.dossier-topline b{color:#d7b466;font-weight:800}
.dossier-hero{min-height:11.25cqw;padding:.65cqw .8cqw .55cqw;display:grid;grid-template-columns:8.2cqw minmax(0,1fr);gap:.68cqw;align-items:end;background:radial-gradient(circle at 27% 42%,rgba(17,101,109,.28),transparent 43%)}
.dossier-avatar-stage{height:9.9cqw;display:grid;place-items:end center;overflow:hidden;border-bottom:1px solid rgba(216,182,101,.4);background:linear-gradient(180deg,rgba(7,41,54,.45),rgba(3,19,28,.2))}
.dossier-avatar-stage img{width:110%;height:110%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 8px rgba(0,0,0,.46))}
.dossier-hero-copy{min-width:0;padding-bottom:.35cqw}.dossier-ovr{display:flex;align-items:baseline;gap:.28cqw}.dossier-ovr strong{font:700 2.55cqw/1 Georgia,serif;color:#f5efe2}.dossier-ovr small{color:#7296a4;font:800 .42cqw/1 Arial,sans-serif;letter-spacing:.13em}.dossier-hero-copy h3{margin:.22cqw 0 .18cqw;font-size:1.05cqw;line-height:1.05}.dossier-hero-copy>p{margin:0;color:#88a6b1;font:700 .43cqw/1.35 Arial,sans-serif}
.dossier-club-line{margin-top:.48cqw;display:grid;grid-template-columns:1.65cqw minmax(0,1fr);gap:.42cqw;align-items:center}.dossier-club-line img{width:1.55cqw;height:1.55cqw;object-fit:contain}.dossier-club-line span{font:700 .48cqw/1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dossier-scout-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(112,156,171,.18);border-bottom:1px solid rgba(112,156,171,.18);background:#061d2a}
.dossier-scout-strip>div{padding:.52cqw .58cqw;border-right:1px solid rgba(112,156,171,.16)}.dossier-scout-strip>div:last-child{border-right:0}.dossier-scout-strip span{display:block;color:#6e929f;font:800 .34cqw/1 Arial,sans-serif;letter-spacing:.12em}.dossier-scout-strip strong{display:block;margin-top:.2cqw;color:#e8e5dc;font:700 .57cqw/1 Georgia,serif}
.dossier-section{padding:.65cqw .82cqw;border-bottom:1px solid rgba(112,156,171,.18)}
.dossier-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:.52cqw}.dossier-section-title span{color:#d6ba72;font:800 .39cqw/1 Arial,sans-serif;letter-spacing:.14em}.dossier-section-title small{color:#5f8492;font:800 .32cqw/1 Arial,sans-serif;letter-spacing:.12em}
.dossier-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38cqw .62cqw}
.dossier-stat{min-width:0;display:grid;grid-template-columns:1.6cqw minmax(0,1fr) 1.25cqw;gap:.35cqw;align-items:center}.dossier-stat span{color:#83a2ae;font:800 .37cqw/1 Arial,sans-serif}.dossier-stat>div{height:.32cqw;background:#071724;overflow:hidden}.dossier-stat i{display:block;height:100%;background:linear-gradient(90deg,#258c91,#62cbc8)}.dossier-stat strong{text-align:right;color:#eee9dd;font:700 .5cqw/1 Georgia,serif}
.dossier-actions{margin-top:auto;padding:.72cqw .82cqw;display:grid;grid-template-columns:1fr 1fr;gap:.48cqw;background:#051a27}
.dossier-actions button{height:2.35cqw;border:1px solid rgba(216,182,101,.4);background:#082b39;color:#dce8e9;font:800 .46cqw/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.dossier-actions button:hover{border-color:#68d0ce;color:#fff;background:#0b3c49}.dossier-actions .dossier-primary{grid-column:1/-1;background:linear-gradient(180deg,#147e82,#0b5962);border-color:#d5bb7a;color:#fff;font-size:.5cqw}.dossier-actions button.is-shortlisted{border-color:#d6ba72;color:#e5ca84;background:#493b1b}
/* Negotiation */
.negotiation-backdrop{z-index:40}.negotiation-card{position:relative;width:54%;min-height:34cqw;border:1px solid rgba(216,182,101,.58);background:linear-gradient(180deg,#0a3040,#061b28 72%,#04141f);box-shadow:0 28px 80px rgba(0,0,0,.72);overflow:hidden}
.negotiation-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#67d0ce,transparent)}
.negotiation-header{padding:1cqw 1.25cqw .85cqw;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid rgba(216,182,101,.26);background:linear-gradient(90deg,#082c3a,#071f2d)}
.negotiation-header h3{margin:.15cqw 0 0;color:#f7fbfc;font-size:1.55cqw;letter-spacing:.04em;text-shadow:0 1px 0 rgba(0,0,0,.28)}.negotiation-header p{margin:.18cqw 0 0;color:#a9c0c8;font:700 .48cqw/1.2 Arial,sans-serif}.negotiation-step{color:#d5b96d;font:800 .42cqw/1 Arial,sans-serif;letter-spacing:.14em}
.negotiation-card .negotiation-header h3{color:#f7fbfc!important}
.negotiation-body{display:grid;grid-template-columns:38% minmax(0,1fr);min-height:27cqw}
.negotiation-player{padding:1.05cqw;background:radial-gradient(circle at 50% 31%,rgba(21,102,108,.3),transparent 38%),#051b28;border-right:1px solid rgba(112,156,171,.2);text-align:center}
.negotiation-player .transfer-avatar{width:7.7cqw;height:7.7cqw;margin:0 auto .65cqw}.negotiation-player h4{margin:.25cqw 0;font-size:1.12cqw}.negotiation-player p{margin:0;color:#88a7b2;font:700 .48cqw/1.4 Arial,sans-serif}.negotiation-club-lockup{margin:.72cqw auto 0;display:flex;justify-content:center;align-items:center;gap:.45cqw;color:#d8c8ab;font:700 .5cqw/1 Arial,sans-serif}.negotiation-club-lockup img{width:1.8cqw;height:1.8cqw;object-fit:contain}
.negotiation-talks{padding:1.1cqw 1.25cqw;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:.75cqw}.negotiation-values{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(106,150,164,.25)}.negotiation-values>div{padding:.62cqw;border-right:1px solid rgba(106,150,164,.2);background:#061e2b}.negotiation-values>div:last-child{border-right:0}.negotiation-values span{display:block;color:#6e929f;font:800 .37cqw/1 Arial,sans-serif;letter-spacing:.11em}.negotiation-values strong{display:block;margin-top:.25cqw;color:#eee7d8;font:700 .82cqw/1 Georgia,serif}
.offer-builder{padding:.75cqw;border:1px solid rgba(216,182,101,.28);background:#082532}.offer-builder>label{display:block;color:#d4bc7b;font:800 .42cqw/1 Arial,sans-serif;letter-spacing:.12em}.offer-control{display:grid;grid-template-columns:2.25cqw minmax(0,1fr) 2.25cqw;gap:.4cqw;margin-top:.5cqw}.offer-control button{border:1px solid rgba(105,157,173,.36);background:#061a27;color:#dce7e9;font-size:1cqw;cursor:pointer}.offer-control input{height:2.45cqw;border:1px solid rgba(96,176,180,.45);background:#041824;color:#fff;text-align:center;font:700 1.08cqw/1 Georgia,serif;outline:none}.offer-shortcuts{display:flex;gap:.35cqw;margin-top:.45cqw}.offer-shortcuts button{flex:1;height:1.6cqw;border:1px solid rgba(107,151,166,.28);background:#061b28;color:#89a7b2;font:800 .35cqw/1 Arial,sans-serif;letter-spacing:.06em;cursor:pointer}
.negotiation-response{min-height:5.6cqw;padding:.72cqw;border-left:2px solid #4fbfbc;background:rgba(6,34,46,.74);display:grid;align-content:center}.negotiation-response span{color:#6e929f;font:800 .36cqw/1 Arial,sans-serif;letter-spacing:.12em}.negotiation-response strong{margin-top:.3cqw;color:#f0ece1;font:700 .71cqw/1.28 Georgia,serif}.negotiation-response small{margin-top:.35cqw;color:#7f9eaa;font:700 .43cqw/1.35 Arial,sans-serif}.negotiation-response.is-rejected{border-left-color:#be635d}.negotiation-response.is-counter{border-left-color:#d4b35f}.negotiation-response.is-accepted{border-left-color:#52c892}
.negotiation-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:.5cqw}.negotiation-actions button{height:2.45cqw;border:1px solid rgba(216,182,101,.42);background:#071e2b;color:#dce7e9;font:800 .46cqw/1 Arial,sans-serif;letter-spacing:.09em;cursor:pointer}.negotiation-actions .submit-offer{background:linear-gradient(180deg,#147e82,#0b5962);color:#fff}.negotiation-actions button:disabled{opacity:.45;cursor:default}
@media (max-width:1200px){
.transfers-shell{grid-template-columns:minmax(0,1fr) 30.5%}
.transfer-filterbar{grid-template-columns:1.75fr repeat(4,1fr) .6fr;gap:.35cqw}
.transfer-player-row,.transfer-list-head{grid-template-columns:2.1fr 1.4fr 1fr .5fr .55fr .8fr}
}
.contract-talks{grid-template-rows:auto auto auto 1fr auto}
.contract-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55cqw}
.contract-grid label{display:grid;gap:.28cqw}.contract-grid label>span{color:#7b9eaa;font:800 .36cqw/1 Arial,sans-serif;letter-spacing:.11em}
.contract-grid select,.contract-money{height:2.15cqw;border:1px solid rgba(104,153,169,.32);background:#051b28;color:#eef3f2}
.contract-grid select{width:100%;padding:0 .55cqw;font:700 .49cqw/1 Arial,sans-serif}
.contract-money{display:grid;grid-template-columns:1.55cqw minmax(0,1fr);align-items:center}.contract-money b{text-align:center;color:#d4b96f;font:700 .68cqw/1 Georgia,serif;border-right:1px solid rgba(104,153,169,.2)}
.contract-money input{min-width:0;width:100%;height:100%;border:0;background:transparent;color:#fff;padding:0 .55cqw;font:700 .62cqw/1 Georgia,serif;outline:none}
.contract-note{align-self:end;color:#5f8290;font:700 .37cqw/1.35 Arial,sans-serif;border-top:1px solid rgba(104,153,169,.16);padding-top:.55cqw}
.dossier-report strong{display:block;color:#e7e2d6;font:700 .58cqw/1.15 Georgia,serif}.dossier-report p{margin:.28cqw 0 0;color:#7698a5;font:700 .4cqw/1.35 Arial,sans-serif}
.transfer-free-mark{display:grid;place-items:center;color:#d7b466;font-size:1.1cqw}
/* Phase 3 polish: richer filter/search bar and fuller player dossier. */
.transfer-filterbar{grid-template-columns:1.85fr repeat(5,minmax(0,.86fr)) .58fr;gap:.38cqw}
.dossier-career-section{padding-top:.58cqw;padding-bottom:.62cqw}
.dossier-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38cqw}
.dossier-fact-grid>div{min-width:0;padding:.42cqw .48cqw;background:rgba(7,42,54,.58);border:1px solid rgba(101,149,165,.16)}
.dossier-fact-grid span{display:block;color:#678b99;font:800 .31cqw/1 Arial,sans-serif;letter-spacing:.1em}
.dossier-fact-grid strong{display:block;margin-top:.17cqw;color:#e7e1d4;font:700 .43cqw/1.1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1200px){.transfer-filterbar{grid-template-columns:1.65fr repeat(5,minmax(0,.8fr)) .55fr}}
/* ========================================================================
PHASE 3.1 — BALANCED SCOUTING + PLAYER KNOWLEDGE
======================================================================== */
.transfer-workspace{grid-template-rows:4.65cqw 3.05cqw 3.75cqw minmax(0,1fr)}
.scouting-network-bar{
min-width:0;display:grid;grid-template-columns:10.8cqw minmax(0,1fr) 8.8cqw;gap:.55cqw;
padding:.42cqw .55cqw;border:1px solid rgba(105,150,166,.3);
background:linear-gradient(90deg,rgba(5,28,40,.97),rgba(7,42,54,.95));
box-shadow:inset 0 1px rgba(255,255,255,.025);overflow:hidden;
}
.scout-network-title{display:grid;align-content:center;padding:0 .45cqw;border-right:1px solid rgba(111,157,174,.2)}
.scout-network-title span{color:#d7ba72;font:800 .37cqw/1 Arial,sans-serif;letter-spacing:.13em}
.scout-network-title strong{margin-top:.24cqw;color:#f0ebdf;font:700 .72cqw/1 Georgia,serif}
.scout-network-title small{margin-top:.17cqw;color:#5f8491;font:800 .3cqw/1 Arial,sans-serif;letter-spacing:.08em}
.scout-slots{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42cqw}
.scout-slot{position:relative;min-width:0;border:1px solid rgba(101,149,165,.24);background:#061d2a;padding:.36cqw .52cqw;text-align:left;overflow:hidden;color:#dfe9e8}
button.scout-slot{cursor:pointer}
button.scout-slot:hover{border-color:#5ac6c5;background:#082a38}
.scout-slot b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ece7da;font:700 .49cqw/1 Georgia,serif}
.scout-slot span{display:block;margin-top:.18cqw;color:#65cec9;font:800 .34cqw/1 Arial,sans-serif;letter-spacing:.09em}
.scout-slot small{display:block;margin-top:.16cqw;color:#6f919e;font:700 .31cqw/1 Arial,sans-serif}
.scout-slot>i{position:absolute;left:0;right:0;bottom:0;height:2px;background:#04131d}.scout-slot>i em{display:block;height:100%;background:#5acbc7}
.scout-slot.is-open{display:grid;align-content:center;border-style:dashed}.scout-slot.is-open span{color:#8eacb6}
.advance-scout-day{border:1px solid rgba(216,182,101,.42);background:linear-gradient(180deg,#126e74,#0a4f59);color:#fff;display:grid;place-items:center;align-content:center;cursor:pointer}
.advance-scout-day:hover{border-color:#e1c77d;background:linear-gradient(180deg,#168086,#0c5d67)}
.advance-scout-day span{color:#a7d7d6;font:800 .31cqw/1 Arial,sans-serif;letter-spacing:.14em}.advance-scout-day strong{margin-top:.15cqw;font:800 .55cqw/1 Arial,sans-serif;letter-spacing:.08em}.advance-scout-day small{margin-top:.16cqw;color:#79a9ad;font:700 .28cqw/1 Arial,sans-serif}
.transfer-ovr.is-range{font-size:.64cqw;color:#d9c47f}.transfer-ovr.is-unknown{color:#688b98}
.transfer-value.is-range{font-size:.49cqw;color:#cfbd87}
.dossier-ovr.is-estimate strong{font-size:1.85cqw;color:#dfcb8e}.dossier-ovr.is-estimate small{color:#b99b58}
.dossier-stat{grid-template-columns:1.6cqw minmax(0,1fr) 1.85cqw}.dossier-stat.is-estimate strong{font-size:.39cqw;color:#c9b980}.dossier-stat.is-estimate i{opacity:.58}
.scout-progress{height:.28cqw;margin-top:.48cqw;background:#061521;overflow:hidden}.scout-progress i{display:block;height:100%;background:linear-gradient(90deg,#2c8f95,#61ccc8)}
.dossier-risk-note{margin:0 .82cqw .25cqw;padding:.48cqw .55cqw;border-left:2px solid #d2ad58;background:rgba(88,64,20,.22);display:grid;gap:.15cqw}.dossier-risk-note b{color:#d9bd73;font:800 .33cqw/1 Arial,sans-serif;letter-spacing:.1em}.dossier-risk-note span{color:#9aa9a9;font:700 .35cqw/1.35 Arial,sans-serif}
.dossier-actions button:disabled{opacity:.42;cursor:not-allowed;border-color:rgba(105,145,156,.22);color:#66848f;background:#061b27}.dossier-actions button:disabled:hover{border-color:rgba(105,145,156,.22);color:#66848f;background:#061b27}
.transfer-dossier{overflow:auto;scrollbar-color:#2d6874 #04131d;scrollbar-width:thin}
.negotiation-intel-warning{padding:.58cqw .65cqw;border:1px solid rgba(210,173,88,.3);background:rgba(91,64,17,.2);display:grid;gap:.18cqw}.negotiation-intel-warning b{color:#dabd72;font:800 .35cqw/1 Arial,sans-serif;letter-spacing:.11em}.negotiation-intel-warning span{color:#91a3a7;font:700 .38cqw/1.3 Arial,sans-serif}.negotiation-intel-warning.is-clear{border-color:rgba(81,196,150,.28);background:rgba(28,85,63,.18)}.negotiation-intel-warning.is-clear b{color:#70d4a6}
@media(max-width:1200px){
.transfer-workspace{grid-template-rows:4.65cqw 3.05cqw 4.05cqw minmax(0,1fr)}
.scouting-network-bar{grid-template-columns:9.5cqw minmax(0,1fr) 8.2cqw}
}
/* ========================================================================
PHASE 3.2 — CAREER LIFECYCLE / YOUTH ACADEMY
======================================================================== */
.squad-workspace{
grid-template-rows:4.65cqw 2.4cqw minmax(0,1fr)!important;
}
.squad-subnav{
min-width:0;display:grid;grid-template-columns:1fr 1.12fr 1.05fr minmax(7.6cqw,.78fr);
border:1px solid rgba(109,151,167,.28);background:rgba(4,25,36,.94);overflow:hidden;
}
.squad-subnav button{
position:relative;border:0;border-right:1px solid rgba(109,151,167,.18);background:transparent;color:#7799a5;
font:900 .43cqw/1 Arial,sans-serif;letter-spacing:.105em;cursor:pointer;padding:0 .75cqw;text-align:left;
}
.squad-subnav button:hover{background:rgba(18,71,81,.34);color:#e6efed}
.squad-subnav button.is-active{color:#fff;background:linear-gradient(180deg,rgba(18,92,99,.55),rgba(7,47,58,.7))}
.squad-subnav button.is-active:after{content:"";position:absolute;left:16%;right:16%;bottom:0;height:2px;background:#60cfcc}
.squad-subnav button span{float:right;min-width:1.25cqw;padding:.15cqw .24cqw;border:1px solid rgba(97,199,198,.28);text-align:center;color:#d6c27d;background:#061d29}
.squad-season-chip{display:grid;place-content:center;padding:0 .75cqw;border-left:1px solid rgba(216,182,101,.2);text-align:right}
.squad-season-chip span{color:#668c99;font:900 .32cqw/1 Arial,sans-serif;letter-spacing:.14em}
.squad-season-chip strong{margin-top:.2cqw;color:#dfc779;font:700 .52cqw/1 Georgia,serif;white-space:nowrap}
.squad-view{display:none;min-width:0;min-height:0;height:100%}
.squad-view.is-active{display:grid}
#seniorSquadView{grid-template-rows:2.6cqw 18.1cqw 12.35cqw minmax(5cqw,1fr);gap:.7cqw}
#youthSquadView{grid-template-rows:5.15cqw minmax(0,1fr) 3.15cqw;gap:.72cqw}
#legendsSquadView{grid-template-rows:5.15cqw minmax(0,1fr);gap:.72cqw}
.empty-player-slot{cursor:default!important;border-style:dashed!important;background:linear-gradient(160deg,rgba(5,29,41,.62),rgba(4,20,30,.7))!important;display:grid;place-items:center;text-align:center}
.empty-player-slot:hover{transform:none!important;filter:none!important;border-color:rgba(124,163,178,.32)!important}
.empty-player-slot>div{max-width:75%}.empty-player-slot span{display:block;color:#6e96a5;font:900 .39cqw/1 Arial,sans-serif;letter-spacing:.14em}.empty-player-slot strong{display:block;margin-top:.4cqw;color:#d8d6ca;font:700 .7cqw/1 Georgia,serif}.empty-player-slot small{display:block;margin-top:.5cqw;color:#698793;font:700 .39cqw/1.35 Arial,sans-serif}
.retirement-banner{position:relative;z-index:1;margin:.55cqw 0 0;padding:.6cqw .72cqw;border:1px solid rgba(217,174,90,.48);border-left:2px solid #d7a957;background:rgba(85,50,18,.34)}
.retirement-banner b{display:block;color:#e6c170;font:900 .4cqw/1 Arial,sans-serif;letter-spacing:.12em}.retirement-banner span{display:block;margin-top:.28cqw;color:#d6d3c8;font:700 .4cqw/1.35 Arial,sans-serif}
.academy-hero,.archive-hero{display:flex;align-items:center;justify-content:space-between;padding:.75cqw 1cqw;border:1px solid rgba(216,182,101,.34);background:linear-gradient(90deg,rgba(7,39,51,.96),rgba(4,25,36,.94))}
.academy-hero h3,.archive-hero h3{margin:.18cqw 0 0;color:#f1ede1;font-size:1.05cqw;letter-spacing:.07em}.academy-hero p,.archive-hero p{margin:.32cqw 0 0;color:#7e9eaa;font:700 .44cqw/1.3 Arial,sans-serif;max-width:31cqw}.academy-overview{text-align:right;display:grid}.academy-overview span{color:#6d98a6;font:900 .35cqw/1 Arial,sans-serif;letter-spacing:.13em}.academy-overview strong{margin-top:.25cqw;color:#e2c474;font:700 .9cqw/1 Georgia,serif}.academy-overview small{margin-top:.25cqw;color:#8ba7b0;font:800 .36cqw/1 Arial,sans-serif}
.academy-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(8.3cqw,1fr);gap:.65cqw;overflow:auto;padding-right:.2cqw}
.academy-card{position:relative;min-width:0;display:grid;grid-template-columns:8.4cqw minmax(0,1fr);align-items:center;text-align:left;padding:0;border:1px solid rgba(111,155,170,.3);background:linear-gradient(150deg,#093040,#051d2b);color:#fff;cursor:pointer;overflow:hidden;transition:.15s}
.academy-card:hover,.academy-card.is-selected{border-color:#5bc9c6;box-shadow:inset 0 0 0 1px rgba(91,201,198,.2);filter:brightness(1.04)}
.academy-card.needs-decision{border-color:rgba(223,183,93,.62)}
.academy-avatar{align-self:stretch;display:grid;place-items:end center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(53,145,149,.18),transparent 55%);border-right:1px solid rgba(111,155,170,.19)}
.academy-avatar img{width:100%;height:100%;object-fit:contain;object-position:center 55%;filter:drop-shadow(0 7px 8px rgba(0,0,0,.48))}
.academy-card-copy{min-width:0;padding:.8cqw}.academy-card-copy>span{color:#67c5c4;font:900 .36cqw/1 Arial,sans-serif;letter-spacing:.1em}.academy-card-copy h4{margin:.32cqw 0 0;color:#f4eee1;font-size:.9cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.academy-card-copy p{margin:.27cqw 0 0;color:#809eaa;font:700 .39cqw/1 Arial,sans-serif}.academy-ranges{display:grid;grid-template-columns:1fr 1fr;margin-top:.65cqw;border-top:1px solid rgba(111,155,170,.18)}.academy-ranges>div{padding:.5cqw .35cqw 0 0}.academy-ranges small{display:block;color:#668994;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.1em}.academy-ranges strong{display:block;margin-top:.2cqw;color:#e8d6a1;font:700 .7cqw/1 Georgia,serif}.academy-decision{position:absolute;right:.45cqw;top:.4cqw;padding:.22cqw .35cqw;background:#6f4b18;color:#f0cf80;border:1px solid rgba(235,196,105,.45);font:900 .29cqw/1 Arial,sans-serif;letter-spacing:.08em}
.academy-footer-note{display:grid;grid-template-columns:7.2cqw 1fr;align-items:center;padding:0 .9cqw;border:1px solid rgba(111,155,170,.24);background:rgba(4,24,35,.9)}.academy-footer-note b{color:#d8bb72;font:900 .38cqw/1 Arial,sans-serif;letter-spacing:.13em}.academy-footer-note span{color:#7897a3;font:700 .4cqw/1.3 Arial,sans-serif}
.academy-empty,.archive-empty{grid-column:1/-1;display:grid;place-content:center;text-align:center;border:1px dashed rgba(111,155,170,.28);background:rgba(4,23,33,.55)}.academy-empty strong,.archive-empty strong{color:#d8d8cf;font:700 .78cqw/1 Georgia,serif}.academy-empty span,.archive-empty span{margin-top:.35cqw;color:#728f9b;font:700 .42cqw/1.3 Arial,sans-serif}
.youth-estimate strong{font-size:1.75cqw!important;letter-spacing:-.04em}.academy-profile-report{position:relative;z-index:1;padding:.68cqw .15cqw;border-bottom:1px solid rgba(112,151,165,.2)}.academy-profile-report span{display:block;color:#6e95a3;font:900 .35cqw/1 Arial,sans-serif;letter-spacing:.12em}.academy-profile-report strong{display:block;margin-top:.28cqw;color:#edd7a0;font:700 .68cqw/1 Georgia,serif}.academy-profile-report p{margin:.35cqw 0 0;color:#8da5ad;font:700 .39cqw/1.35 Arial,sans-serif}.academy-profile-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr .72fr;gap:.55cqw;margin-top:auto}.academy-profile-actions .profile-swap-btn{height:2.65cqw}.academy-profile-actions .profile-swap-btn:disabled{opacity:.45;cursor:not-allowed}.academy-release{border:1px solid rgba(179,100,85,.48);background:#271819;color:#dfaaa0;font:900 .4cqw/1 Arial,sans-serif;letter-spacing:.09em;cursor:pointer}.academy-release:hover{filter:brightness(1.12)}
.retired-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:7.25cqw;gap:.65cqw;overflow:auto;padding-right:.2cqw}.retired-card{min-width:0;display:grid;grid-template-columns:6.7cqw minmax(0,1fr);padding:0;text-align:left;border:1px solid rgba(111,155,170,.27);background:linear-gradient(145deg,rgba(8,38,50,.95),rgba(4,23,34,.98));color:#fff;cursor:pointer}.retired-card:hover,.retired-card.is-selected{border-color:rgba(216,182,101,.62)}.retired-avatar{display:grid;place-items:end center;overflow:hidden;border-right:1px solid rgba(111,155,170,.17);filter:saturate(.72)}.retired-avatar img{width:100%;height:100%;object-fit:contain}.retired-copy{min-width:0;padding:.62cqw;display:flex;flex-direction:column;justify-content:center}.retired-copy small{color:#7a99a4;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.1em}.retired-copy strong{margin-top:.27cqw;color:#eee6d5;font:700 .75cqw/1 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retired-copy span{margin-top:.25cqw;color:#8da7b0;font:700 .36cqw/1 Arial,sans-serif}.retired-copy b{margin-top:.35cqw;color:#d7ba72;font:900 .37cqw/1 Arial,sans-serif;letter-spacing:.09em}.archive-profile-empty{height:100%;display:grid;place-items:center;text-align:center;padding:2cqw}.archive-profile-empty span{color:#d3b66d;font:900 .38cqw/1 Arial,sans-serif;letter-spacing:.14em}.archive-profile-empty h3{margin:.45cqw 0 0;color:#f1eadd;font-size:1.05cqw}.archive-profile-empty p{margin:.6cqw auto 0;max-width:17cqw;color:#819da7;font:700 .44cqw/1.45 Arial,sans-serif}.archive-facts{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;margin-top:.8cqw;border:1px solid rgba(111,155,170,.2)}.archive-facts>div{padding:.7cqw;border-right:1px solid rgba(111,155,170,.16);border-bottom:1px solid rgba(111,155,170,.16)}.archive-facts>div:nth-child(2n){border-right:0}.archive-facts>div:nth-child(n+3){border-bottom:0}.archive-facts span{display:block;color:#698e9b;font:900 .33cqw/1 Arial,sans-serif;letter-spacing:.1em}.archive-facts strong{display:block;margin-top:.25cqw;color:#e9dfca;font:700 .65cqw/1 Georgia,serif}.archive-note{position:relative;z-index:1;margin-top:.8cqw;padding:.85cqw;border-left:2px solid #d1b25f;background:rgba(29,44,45,.55)}.archive-note b{display:block;color:#d6b967;font:900 .38cqw/1 Arial,sans-serif;letter-spacing:.12em}.archive-note span{display:block;margin-top:.35cqw;color:#8da3aa;font:700 .4cqw/1.4 Arial,sans-serif}
.career-lifecycle-preview{margin-top:1cqw;padding:.8cqw;border:1px solid rgba(216,182,101,.28);background:rgba(3,22,32,.72);display:grid;grid-template-columns:1fr auto;gap:.7cqw;align-items:center}.career-lifecycle-preview>div{display:grid}.career-lifecycle-preview span{color:#d6b86b;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.12em}.career-lifecycle-preview strong{margin-top:.22cqw;color:#ece5d8;font:700 .61cqw/1 Georgia,serif}.career-lifecycle-preview small{margin-top:.28cqw;color:#78949e;font:700 .34cqw/1.3 Arial,sans-serif}.career-lifecycle-preview button{height:2.1cqw;padding:0 .75cqw;border:1px solid rgba(216,182,101,.48);background:#0c5c63;color:#fff;font:900 .35cqw/1 Arial,sans-serif;letter-spacing:.09em;cursor:pointer}.career-lifecycle-preview button:hover{filter:brightness(1.1)}
@media(max-width:1050px){.academy-grid,.retired-grid{grid-template-columns:1fr}.squad-subnav{grid-template-columns:1fr 1.15fr 1.05fr 7.8cqw}}
/* ========================================================================
PHASE 4 — OFFICE GUI
======================================================================== */
.office-screen{
background:#061827;
--club-accent:#1bb5b6;
}
.office-bg{
position:absolute;inset:-2%;
background:url('assets/ui/central-template.png') center/cover no-repeat;
filter:blur(5px) brightness(.42) saturate(.78);
transform:scale(1.04);
}
.office-shade{
position:absolute;inset:0;
background:
radial-gradient(circle at 72% 28%,rgba(19,105,112,.15),transparent 34%),
linear-gradient(180deg,rgba(2,11,18,.42),rgba(2,11,18,.88) 82%),
linear-gradient(90deg,rgba(2,13,22,.82),rgba(3,20,30,.48) 50%,rgba(2,12,20,.84));
}
.office-shell{
position:absolute;z-index:6;left:2.7%;right:2.7%;top:6.2cqw;bottom:1.2cqw;
display:grid;grid-template-rows:5.45cqw 3.05cqw minmax(0,1fr);
border:1px solid rgba(216,182,101,.34);
background:linear-gradient(180deg,rgba(4,28,40,.955),rgba(3,19,29,.98));
box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035);
overflow:hidden;
}
.office-heading{
display:flex;align-items:center;justify-content:space-between;gap:1cqw;
padding:0 1.35cqw;
border-bottom:1px solid rgba(216,182,101,.28);
background:linear-gradient(90deg,rgba(7,43,55,.96),rgba(4,27,38,.94));
min-width:0;
}
.office-title-lockup{display:flex;align-items:center;gap:.85cqw;min-width:0}
.office-heading-badge{
width:3.7cqw;height:3.7cqw;display:grid;place-items:center;padding:.28cqw;
border:1px solid rgba(216,182,101,.37);background:rgba(3,19,29,.72);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.office-heading-badge img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.office-heading h2{margin:.13cqw 0 0;color:#f1ede2;font-size:1.7cqw;letter-spacing:.07em}
.office-heading p{margin:.18cqw 0 0;color:#7f9eaa;font:700 .49cqw/1.2 Arial,sans-serif;letter-spacing:.035em}
.office-confidence-mini{display:flex;align-items:center;gap:.82cqw;text-align:right}
.office-confidence-mini>div:first-child{display:grid;justify-items:end}
.office-confidence-mini span{color:#739aa8;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.14em}
.office-confidence-mini strong{margin-top:.25cqw;color:#f1eadb;font:700 .94cqw/1 Georgia,serif}
.office-confidence-mini small{margin-top:.22cqw;color:#67d4ac;font:900 .38cqw/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.confidence-ring{
--confidence:74;
width:3.35cqw;height:3.35cqw;border-radius:50%;display:grid;place-items:center;
background:conic-gradient(#58c9bc calc(var(--confidence)*1%),rgba(97,136,148,.18) 0);
position:relative;box-shadow:0 0 0 1px rgba(216,182,101,.3);
}
.confidence-ring:after{content:"";position:absolute;inset:.34cqw;border-radius:50%;background:#082736;border:1px solid rgba(255,255,255,.04)}
.confidence-ring b{position:relative;z-index:1;color:#f5efe2;font:700 .72cqw/1 Georgia,serif}
.office-subnav{
display:grid;grid-template-columns:1fr 1.35fr .92fr .95fr 1.15fr;
border-bottom:1px solid rgba(111,155,170,.24);background:#041e2c;
}
.office-subnav button{
position:relative;min-width:0;border:0;border-right:1px solid rgba(111,155,170,.18);
background:transparent;color:#89a6b0;cursor:pointer;
font:900 .48cqw/1 Arial,sans-serif;letter-spacing:.09em;
transition:.14s ease;
}
.office-subnav button:last-child{border-right:0}
.office-subnav button:hover{color:#fff;background:rgba(18,78,90,.27)}
.office-subnav button.is-active{color:#fff;background:linear-gradient(180deg,rgba(17,83,91,.5),rgba(6,41,53,.62))}
.office-subnav button.is-active:after{content:"";position:absolute;left:17%;right:17%;bottom:0;height:2px;background:#55c8c6}
.office-subnav button span{
display:inline-grid;place-items:center;min-width:1.2cqw;height:1cqw;margin-left:.32cqw;padding:0 .22cqw;
border:1px solid rgba(216,182,101,.28);background:#061925;color:#e4c570;font-size:.36cqw;
}
.office-stage{position:relative;min-height:0;overflow:hidden;background:rgba(2,17,27,.58)}
.office-pane{position:absolute;inset:0;display:none;min-width:0;min-height:0}
.office-pane.is-active{display:block}
.office-kicker{display:block;color:#61c7c5;font:900 .35cqw/1 Arial,sans-serif;letter-spacing:.14em}
.office-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1cqw;padding:.82cqw 1cqw;border-bottom:1px solid rgba(111,155,170,.18)}
.office-section-heading h3,.office-message-toolbar h3{margin:.18cqw 0 0;color:#f1eadc;font-size:1.02cqw;letter-spacing:.055em}
.office-section-heading p{margin:0;max-width:28cqw;color:#7a98a3;font:700 .4cqw/1.35 Arial,sans-serif;text-align:right}
/* Inbox */
.office-inbox-layout{height:100%;display:grid;grid-template-columns:35.5% minmax(0,1fr);min-width:0;min-height:0}
.office-message-column{min-width:0;min-height:0;border-right:1px solid rgba(216,182,101,.25);display:grid;grid-template-rows:3.75cqw minmax(0,1fr);background:rgba(3,22,32,.95)}
.office-message-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5cqw;padding:0 .9cqw;border-bottom:1px solid rgba(111,155,170,.2);background:linear-gradient(180deg,#072b3a,#052331)}
.office-inbox-filters{display:flex;gap:.28cqw}
.office-inbox-filters button{height:1.65cqw;padding:0 .55cqw;border:1px solid rgba(111,155,170,.28);background:#061c28;color:#829fa9;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.1em;cursor:pointer}
.office-inbox-filters button.is-active{border-color:#4abeba;background:#0b5058;color:#fff}
.office-message-list{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#2c6672 #04131d}
.office-message-item{
position:relative;width:100%;min-height:4.35cqw;padding:.62cqw .72cqw .58cqw 1cqw;
display:grid;grid-template-columns:2.25cqw minmax(0,1fr) auto;gap:.65cqw;align-items:center;
border:0;border-bottom:1px solid rgba(111,155,170,.16);background:transparent;color:#fff;text-align:left;cursor:pointer;
}
.office-message-item:hover{background:rgba(12,62,74,.32)}
.office-message-item.is-selected{background:linear-gradient(90deg,rgba(14,76,84,.58),rgba(7,40,53,.42));box-shadow:inset 2px 0 #5ccac6}
.office-message-item.is-unread:before{content:"";position:absolute;left:.36cqw;top:50%;transform:translateY(-50%);width:.42cqw;height:.42cqw;border-radius:50%;background:#52d2ce;box-shadow:0 0 8px rgba(82,210,206,.45)}
.office-message-icon{width:2.15cqw;height:2.15cqw;display:grid;place-items:center;border:1px solid rgba(216,182,101,.28);background:#082835;color:#d9ba6c;font:700 .78cqw/1 Georgia,serif}
.office-message-copy{min-width:0;display:grid;gap:.22cqw}
.office-message-copy small{color:#6fc4c2;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.11em}
.office-message-copy strong{color:#ecede8;font:700 .58cqw/1.12 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.office-message-copy span{color:#7895a0;font:700 .36cqw/1.1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.office-message-time{align-self:start;margin-top:.12cqw;color:#607f8a;font:800 .3cqw/1 Arial,sans-serif;white-space:nowrap}
.office-message-reader{height:100%;min-width:0;padding:1.3cqw 1.55cqw 1.1cqw;background:linear-gradient(160deg,rgba(6,34,46,.97),rgba(3,22,32,.98));overflow:auto}
.office-reader-empty{height:100%;display:grid;place-content:center;text-align:center}
.office-reader-empty b{color:#d5bb78;font:900 .38cqw/1 Arial,sans-serif;letter-spacing:.14em}.office-reader-empty h3{margin:.5cqw 0 0;font-size:1.05cqw}.office-reader-empty p{margin:.5cqw auto 0;max-width:24cqw;color:#7896a0;font:700 .42cqw/1.45 Arial,sans-serif}
.office-reader-meta{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding-bottom:.78cqw;border-bottom:1px solid rgba(216,182,101,.22)}
.office-reader-meta>div{display:grid;gap:.25cqw}.office-reader-meta span{color:#67c7c5;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.13em}.office-reader-meta strong{color:#d9e2e0;font:800 .45cqw/1 Arial,sans-serif}.office-reader-meta time{color:#6f8d98;font:800 .34cqw/1 Arial,sans-serif}
.office-message-reader h3{margin:1cqw 0 .25cqw;color:#f4eee1;font-size:1.4cqw;letter-spacing:.015em}
.office-message-reader .office-reader-subject{color:#9ab0b7;font:700 .46cqw/1.3 Arial,sans-serif}
.office-reader-body{margin-top:1.1cqw;max-width:43cqw;color:#d3dedd;font:700 .52cqw/1.62 Arial,sans-serif}
.office-reader-body p{margin:0 0 .8cqw}.office-reader-signoff{margin-top:1.15cqw;color:#92abb2;font:italic .5cqw/1.45 Georgia,serif}
.office-reader-action{margin-top:1.1cqw;height:2.5cqw;padding:0 1.05cqw;border:1px solid rgba(216,182,101,.48);background:linear-gradient(180deg,#0d7075,#084b55);color:#fff;font:900 .4cqw/1 Arial,sans-serif;letter-spacing:.09em;cursor:pointer}.office-reader-action:hover{filter:brightness(1.08)}
/* Board Expectations */
.office-board-content{height:100%;padding:1cqw;display:grid;grid-template-rows:8.4cqw minmax(0,1fr);gap:.8cqw;min-height:0}
.office-board-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:.8cqw;min-width:0}
.board-confidence-card,.board-directive-card{border:1px solid rgba(216,182,101,.3);background:linear-gradient(145deg,#082d3b,#051e2c);padding:1cqw;min-width:0;overflow:hidden}
.board-confidence-card{display:grid;grid-template-columns:auto 1fr;gap:1cqw;align-items:center}
.board-big-ring{--confidence:74;width:5.6cqw;height:5.6cqw;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#55c6b8 calc(var(--confidence)*1%),rgba(99,137,148,.18) 0);position:relative}
.board-big-ring:after{content:"";position:absolute;inset:.53cqw;border-radius:50%;background:#072533;border:1px solid rgba(255,255,255,.04)}
.board-big-ring>div{position:relative;z-index:1;text-align:center}.board-big-ring strong{display:block;font-size:1.45cqw}.board-big-ring span{display:block;margin-top:.13cqw;color:#7699a5;font:900 .29cqw/1 Arial,sans-serif;letter-spacing:.11em}
.board-confidence-copy span,.board-directive-card>span{color:#62c6c4;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.13em}.board-confidence-copy h3,.board-directive-card h3{margin:.35cqw 0 0;color:#f2ecdf;font-size:1.02cqw}.board-confidence-copy p,.board-directive-card p{margin:.45cqw 0 0;color:#839da7;font:700 .4cqw/1.45 Arial,sans-serif}
.board-directive-card{position:relative;padding-right:8.2cqw}.board-directive-card .board-crest-watermark{position:absolute;right:.75cqw;bottom:-.2cqw;width:6.7cqw;height:6.7cqw;opacity:.16;filter:grayscale(.2)}.board-directive-card .board-crest-watermark img{width:100%;height:100%;object-fit:contain}
.office-objective-grid{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8cqw}
.office-objective-card{position:relative;min-width:0;padding:1cqw;border:1px solid rgba(111,155,170,.26);background:linear-gradient(160deg,#072938,#041e2c);overflow:hidden;display:flex;flex-direction:column}
.office-objective-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--objective-accent,#57c7c1)}
.office-objective-card .objective-tag{display:flex;justify-content:space-between;gap:.6cqw;color:#6695a4;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.11em}.objective-tag b{color:#d7b96e;font-weight:900}
.office-objective-card h4{margin:.55cqw 0 0;color:#f1eadc;font-size:.8cqw;line-height:1.15}.office-objective-card p{margin:.55cqw 0 0;color:#829ba5;font:700 .39cqw/1.4 Arial,sans-serif;min-height:2.1cqw}.office-objective-progress{margin-top:auto;padding-top:.7cqw}.office-objective-progress>div{height:.48cqw;border:1px solid rgba(111,155,170,.34);background:#061821}.office-objective-progress i{display:block;height:100%;background:linear-gradient(90deg,#43b7b3,#76d6d0)}.office-objective-progress span{display:flex;justify-content:space-between;margin-top:.34cqw;color:#738f99;font:800 .32cqw/1 Arial,sans-serif}.office-objective-progress strong{color:#c9d8d8}
/* Finances */
.office-finances-content{height:100%;padding:1cqw;display:grid;grid-template-rows:6.15cqw minmax(0,1fr);gap:.8cqw;min-height:0}
.office-finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65cqw}
.office-finance-metric{min-width:0;padding:.78cqw .88cqw;border:1px solid rgba(111,155,170,.26);background:linear-gradient(155deg,#082e3c,#051f2c)}
.office-finance-metric span{display:block;color:#6e9aa7;font:900 .33cqw/1 Arial,sans-serif;letter-spacing:.11em}.office-finance-metric strong{display:block;margin-top:.42cqw;color:#f3eee2;font:700 1.25cqw/1 Georgia,serif;white-space:nowrap}.office-finance-metric small{display:block;margin-top:.35cqw;color:#6d8993;font:700 .34cqw/1.15 Arial,sans-serif}.office-finance-metric.is-good strong{color:#76d7b1}.office-finance-metric.is-gold strong{color:#e2c171}
.office-finance-body{min-height:0;display:grid;grid-template-columns:1.55fr .85fr;gap:.8cqw}
.finance-ledger-card,.finance-health-card{min-height:0;border:1px solid rgba(216,182,101,.27);background:linear-gradient(160deg,#072b39,#041d2b);padding:1cqw;overflow:hidden}
.finance-ledger-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.finance-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1cqw}.finance-card-heading span{color:#62c7c4;font:900 .33cqw/1 Arial,sans-serif;letter-spacing:.12em}.finance-card-heading h3{margin:.25cqw 0 0;color:#f1eadc;font-size:.92cqw}.finance-card-heading small{color:#728f99;font:800 .32cqw/1 Arial,sans-serif}
.office-finance-chart{width:100%;height:100%;min-height:10cqw;margin-top:.35cqw}.office-finance-chart .grid{stroke:rgba(125,165,177,.13);stroke-width:1;vector-effect:non-scaling-stroke}.office-finance-chart .line{fill:none;stroke:#66c8b9;stroke-width:2.1;vector-effect:non-scaling-stroke}.office-finance-chart .fill{fill:url(#officeFinanceGradient);opacity:.44}.office-finance-chart .dot{fill:#8ad8c7;stroke:#062331;stroke-width:1.4;vector-effect:non-scaling-stroke}
.finance-ledger-foot{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(111,155,170,.18);padding-top:.65cqw}.finance-ledger-foot>div{padding:0 .7cqw;border-right:1px solid rgba(111,155,170,.15)}.finance-ledger-foot>div:first-child{padding-left:0}.finance-ledger-foot>div:last-child{border-right:0}.finance-ledger-foot span{display:block;color:#6e909c;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.1em}.finance-ledger-foot strong{display:block;margin-top:.25cqw;color:#e6ded0;font:700 .64cqw/1 Georgia,serif}
.finance-health-card{display:flex;flex-direction:column}.finance-health-card>span{color:#62c7c4;font:900 .33cqw/1 Arial,sans-serif;letter-spacing:.12em}.finance-health-card h3{margin:.3cqw 0 0;color:#f1eadc;font-size:1cqw}.finance-health-score{display:flex;align-items:center;gap:.72cqw;margin-top:.85cqw;padding:.7cqw;border:1px solid rgba(111,155,170,.18);background:rgba(3,20,29,.45)}.finance-health-score b{font-size:1.5cqw;color:#72d7ad}.finance-health-score div{display:grid;gap:.2cqw}.finance-health-score strong{color:#eae5da;font:700 .64cqw/1 Georgia,serif}.finance-health-score small{color:#718e99;font:700 .34cqw/1.25 Arial,sans-serif}.finance-health-list{display:grid;gap:.55cqw;margin-top:.8cqw}.finance-health-row{display:grid;grid-template-columns:1fr auto;gap:.6cqw;align-items:center;padding:.55cqw 0;border-bottom:1px solid rgba(111,155,170,.13)}.finance-health-row span{color:#8ba1a9;font:700 .4cqw/1.2 Arial,sans-serif}.finance-health-row strong{color:#e0ddd3;font:800 .4cqw/1 Arial,sans-serif}.finance-health-note{margin-top:auto;padding:.7cqw;border-left:2px solid #d4b561;background:rgba(36,43,36,.42);color:#8fa4aa;font:700 .38cqw/1.4 Arial,sans-serif}
/* Contracts */
.office-contracts-layout{height:100%;display:grid;grid-template-columns:minmax(0,1.47fr) minmax(18cqw,.68fr);min-width:0;min-height:0}
.office-contract-list-wrap{min-width:0;min-height:0;display:grid;grid-template-rows:4.4cqw 2cqw minmax(0,1fr);border-right:1px solid rgba(216,182,101,.24)}
.office-contract-table-head{display:grid;grid-template-columns:2.1fr .9fr .8fr .66fr .9fr;gap:.4cqw;align-items:center;padding:0 .9cqw;background:#041b28;border-bottom:1px solid rgba(111,155,170,.18);color:#648793;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.1em}
.office-contract-list{min-height:0;overflow:auto}
.office-contract-row{width:100%;min-height:4.75cqw;display:grid;grid-template-columns:2.1fr .9fr .8fr .66fr .9fr;gap:.4cqw;align-items:center;padding:.48cqw .9cqw;border:0;border-bottom:1px solid rgba(111,155,170,.14);background:transparent;color:#e9ede8;text-align:left;cursor:pointer}
.office-contract-row:hover{background:rgba(12,62,74,.28)}.office-contract-row.is-selected{background:linear-gradient(90deg,rgba(12,69,78,.55),rgba(5,37,50,.42));box-shadow:inset 2px 0 #56c6c2}
.contract-player-cell{display:grid;grid-template-columns:3.15cqw minmax(0,1fr);gap:.55cqw;align-items:center;min-width:0}.contract-avatar{width:3cqw;height:3cqw;overflow:hidden;display:grid;place-items:end center;background:#082a38;border:1px solid rgba(216,182,101,.28)}.contract-avatar img{width:100%;height:100%;object-fit:contain}.contract-player-cell strong{display:block;color:#f0e9dc;font-size:.61cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract-player-cell small{display:block;margin-top:.17cqw;color:#6c929f;font:800 .33cqw/1 Arial,sans-serif}.contract-cell{color:#a9bdc3;font:800 .38cqw/1 Arial,sans-serif}.contract-cell strong{color:#e4dfd5;font-size:.45cqw}.contract-status-chip{justify-self:start;padding:.27cqw .4cqw;border:1px solid rgba(102,177,171,.3);background:#0a3b42;color:#81d3c7;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.08em}.contract-status-chip.warn{background:#49351a;border-color:rgba(219,174,81,.4);color:#e4c06d}.contract-status-chip.retire{background:#412024;border-color:rgba(191,100,96,.45);color:#dda09b}
.office-contract-detail{min-width:0;min-height:0;padding:1cqw;background:linear-gradient(155deg,#062a38,#041d2a);overflow:auto}
.contract-detail-hero{display:grid;grid-template-columns:6.6cqw minmax(0,1fr);gap:.8cqw;align-items:center;padding-bottom:.85cqw;border-bottom:1px solid rgba(216,182,101,.22)}.contract-detail-avatar{width:6.5cqw;height:6.5cqw;display:grid;place-items:end center;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(49,157,159,.18),transparent 55%);border:1px solid rgba(216,182,101,.33)}.contract-detail-avatar img{width:100%;height:100%;object-fit:contain}.contract-detail-copy span{color:#62c7c4;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.11em}.contract-detail-copy h3{margin:.3cqw 0 0;color:#f2eadc;font-size:1.02cqw}.contract-detail-copy p{margin:.3cqw 0 0;color:#7898a4;font:700 .38cqw/1.3 Arial,sans-serif}.contract-detail-copy b{display:block;margin-top:.45cqw;color:#ddbd6e;font:700 .78cqw/1 Georgia,serif}
.contract-detail-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:.8cqw;border:1px solid rgba(111,155,170,.18)}.contract-detail-grid>div{padding:.65cqw;border-right:1px solid rgba(111,155,170,.15);border-bottom:1px solid rgba(111,155,170,.15)}.contract-detail-grid>div:nth-child(2n){border-right:0}.contract-detail-grid>div:nth-last-child(-n+2){border-bottom:0}.contract-detail-grid span{display:block;color:#6d919e;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.09em}.contract-detail-grid strong{display:block;margin-top:.25cqw;color:#eae3d7;font:700 .58cqw/1 Georgia,serif}
.contract-advice{margin-top:.8cqw;padding:.72cqw;border-left:2px solid #d1b160;background:rgba(41,45,36,.42)}.contract-advice b{display:block;color:#d7bb70;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.11em}.contract-advice span{display:block;margin-top:.3cqw;color:#889fa7;font:700 .38cqw/1.4 Arial,sans-serif}.contract-renew-btn{width:100%;height:2.65cqw;margin-top:.8cqw;border:1px solid rgba(216,182,101,.5);background:linear-gradient(180deg,#0e7479,#084c56);color:#fff;font:900 .39cqw/1 Arial,sans-serif;letter-spacing:.09em;cursor:pointer}.contract-renew-btn:hover{filter:brightness(1.08)}.contract-renew-btn:disabled{opacity:.42;cursor:not-allowed}
/* Manager career */
.office-manager-content{height:100%;padding:1cqw;display:grid;grid-template-columns:1.03fr .97fr;gap:.8cqw;min-height:0}
.manager-profile-card,.manager-timeline-card{min-height:0;border:1px solid rgba(216,182,101,.28);background:linear-gradient(155deg,#072b39,#041d2a);padding:1cqw;overflow:hidden}
.manager-profile-hero{display:grid;grid-template-columns:7.25cqw minmax(0,1fr);gap:1cqw;align-items:center;padding-bottom:.85cqw;border-bottom:1px solid rgba(111,155,170,.17)}
.manager-crest-stage{width:7cqw;height:7cqw;display:grid;place-items:center;padding:.5cqw;background:radial-gradient(circle,rgba(44,137,143,.18),transparent 68%);border:1px solid rgba(216,182,101,.32)}.manager-crest-stage img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.48))}
.manager-profile-copy span{color:#62c7c4;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.13em}.manager-profile-copy h3{margin:.4cqw 0 0;color:#f3ecdf;font-size:1.3cqw}.manager-profile-copy p{margin:.35cqw 0 0;color:#7f9aa4;font:700 .43cqw/1.35 Arial,sans-serif}.manager-profile-copy b{display:block;margin-top:.55cqw;color:#dbbd70;font:700 .72cqw/1 Georgia,serif}
.manager-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:.55cqw;margin-top:.8cqw}.manager-metric{padding:.65cqw;border:1px solid rgba(111,155,170,.17);background:rgba(3,20,29,.45)}.manager-metric span{display:block;color:#6c929e;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.09em}.manager-metric strong{display:block;margin-top:.3cqw;color:#e9e3d8;font:700 .68cqw/1 Georgia,serif}.manager-profile-note{margin-top:.8cqw;padding:.7cqw;border-left:2px solid #58c4bd;background:rgba(10,65,70,.22);color:#8ca3aa;font:700 .39cqw/1.45 Arial,sans-serif}
.manager-timeline-card>span{color:#62c7c4;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.13em}.manager-timeline-card h3{margin:.3cqw 0 0;color:#f2eadc;font-size:1cqw}.manager-timeline{margin-top:.85cqw;display:grid;gap:.35cqw}.timeline-event{position:relative;display:grid;grid-template-columns:4.1cqw 1fr;gap:.65cqw;padding:.65cqw .65cqw .65cqw 1.1cqw;border-bottom:1px solid rgba(111,155,170,.13)}.timeline-event:before{content:"";position:absolute;left:.3cqw;top:.85cqw;width:.4cqw;height:.4cqw;border-radius:50%;background:#57c8c2;box-shadow:0 0 0 3px rgba(87,200,194,.1)}.timeline-event time{color:#d5b76b;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.08em}.timeline-event strong{display:block;color:#e5e3da;font:700 .49cqw/1.15 Georgia,serif}.timeline-event span{display:block;margin-top:.22cqw;color:#718f9a;font:700 .36cqw/1.35 Arial,sans-serif}.manager-save-id{margin-top:auto;padding:.7cqw;border:1px solid rgba(111,155,170,.16);background:#041a26;display:grid;gap:.22cqw}.manager-save-id span{color:#688b96;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.1em}.manager-save-id strong{color:#d8c47e;font:700 .48cqw/1 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Contract renewal modal */
.contract-backdrop{z-index:26}
.contract-renewal-card{position:relative;width:42cqw;max-width:84%;padding:1.35cqw;border:1px solid rgba(216,182,101,.55);background:linear-gradient(155deg,#082d3c,#041d2a);box-shadow:0 28px 70px rgba(0,0,0,.65)}
.contract-modal-top{display:grid;grid-template-columns:6.4cqw 1fr;gap:.85cqw;align-items:center;padding-bottom:.8cqw;border-bottom:1px solid rgba(216,182,101,.23)}.contract-modal-avatar{width:6.2cqw;height:6.2cqw;display:grid;place-items:end center;overflow:hidden;background:#082938;border:1px solid rgba(216,182,101,.3)}.contract-modal-avatar img{width:100%;height:100%;object-fit:contain}.contract-modal-copy span{color:#64c9c6;font:900 .32cqw/1 Arial,sans-serif;letter-spacing:.12em}.contract-modal-copy h3{margin:.3cqw 0 0;color:#f4ecdf;font-size:1.12cqw}.contract-modal-copy p{margin:.3cqw 0 0;color:#7c99a3;font:700 .4cqw/1.35 Arial,sans-serif}.contract-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65cqw;margin-top:.85cqw}.contract-modal-field{display:grid;gap:.35cqw}.contract-modal-field span{color:#7196a3;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.1em}.contract-modal-field input,.contract-modal-field select{height:2.4cqw;border:1px solid rgba(111,155,170,.34);background:#061c29;color:#f0f2ee;padding:0 .6cqw;font:800 .43cqw/1 Arial,sans-serif}.contract-response{margin-top:.8cqw;padding:.72cqw;border:1px solid rgba(111,155,170,.2);background:rgba(3,20,29,.5)}.contract-response strong{display:block;color:#e8d7a8;font-size:.58cqw}.contract-response span{display:block;margin-top:.28cqw;color:#839aa2;font:700 .38cqw/1.4 Arial,sans-serif}.contract-modal-actions{display:flex;justify-content:flex-end;gap:.55cqw;margin-top:.85cqw}.contract-modal-actions button{height:2.45cqw;padding:0 1cqw;border:1px solid rgba(111,155,170,.34);background:#082a38;color:#d9e3e3;font:900 .37cqw/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.contract-modal-actions button.primary{border-color:rgba(216,182,101,.48);background:#0c6870;color:#fff}.contract-modal-actions button:hover{filter:brightness(1.08)}
@media(max-width:1050px){
.office-shell{left:1.5%;right:1.5%}
.office-inbox-layout{grid-template-columns:39% minmax(0,1fr)}
.office-objective-grid{gap:.5cqw}
.office-finance-body{grid-template-columns:1.42fr .9fr}
.office-contracts-layout{grid-template-columns:minmax(0,1.38fr) minmax(18cqw,.72fr)}
}
/* ========================================================================
VELMORA MANAGER — 2026 WHITE SPORTS PRESENTATION LAYER
Art direction supplied by the user. Existing gameplay/state remains live.
======================================================================== */
:root{
--vm-blue:#0b2f82;
--vm-blue2:#123f9c;
--vm-red:#ef2617;
--vm-ink:#111319;
--vm-grey:#68717b;
--vm-line:#d8dce2;
--vm-soft:#f4f5f7;
--vm-white:rgba(255,255,255,.975);
}
html,body{background:#e9ebef;color:var(--vm-ink);font-family:Arial,Helvetica,sans-serif}
.game-frame{background:#f7f7f8;box-shadow:0 22px 75px rgba(19,31,55,.24),0 0 0 1px rgba(33,48,79,.13)}
.screen{transform:translateX(1.2%);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.72,.2,1)}
.screen.is-active{transform:none}
.screen.is-active:not(.menu-screen):not(.select-screen)::before{
content:"";position:absolute;z-index:3;inset:0;pointer-events:none;
background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.23) 43%,transparent 57%);
transform:translateX(-125%);animation:vmScreenSweep .62s ease-out both;
}
@keyframes vmScreenSweep{to{transform:translateX(125%)}}
@keyframes vmRise{from{opacity:0;transform:translateY(.7cqw)}to{opacity:1;transform:none}}
@keyframes vmBadgeIn{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}
button{font-family:Arial,Helvetica,sans-serif}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--vm-blue2);outline-offset:2px}
/* ---------- Main menu: supplied finished artwork + live hit areas ---------- */
.menu-screen{background:url('assets/ui-v2/main-menu.webp') center/cover no-repeat;color:#111}
.menu-bg,.menu-shade,.menu-screen:after,.menu-kicker,.menu-brand h1,.menu-brand p,.menu-rule,.menu-version,.menu-sidecopy{display:none!important}
.menu-brand{position:absolute!important;inset:0!important;width:auto!important;z-index:8!important}
.menu-actions{position:absolute!important;inset:0!important;width:auto!important;display:block!important}
.menu-actions button{position:absolute!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;color:transparent!important;text-shadow:none!important;border-radius:.45cqw;transition:background .16s ease,border-color .16s ease,transform .14s ease!important}
.menu-actions button:hover{background:rgba(7,45,131,.075)!important;border-color:rgba(10,49,130,.55)!important;transform:translateY(-1px)!important;box-shadow:0 7px 24px rgba(14,49,118,.12)!important}
.menu-actions button:active{transform:translateY(1px)!important;background:rgba(7,45,131,.13)!important}
#btnNewCareer{left:6.2%!important;top:45.55%!important;width:30.1%!important;height:8%!important}
#btnContinue{left:6.2%!important;top:55.05%!important;width:30.1%!important;height:8%!important}
#btnSettings{left:10.4%!important;top:64.6%!important;width:21.8%!important;height:6.2%!important}
/* ---------- Club Select ---------- */
.select-screen{background:url('assets/ui-v2/club-select.webp') center/cover no-repeat;color:var(--vm-ink)}
.select-bg,.select-overlay{display:none!important}
.select-header{z-index:20;inset:0!important;border:0!important;height:auto!important;pointer-events:none}
.select-header>div,.select-count{display:none!important}
#btnBackToMenu{pointer-events:auto;position:absolute;left:63.2%;top:82.2%;width:31.8%;height:5.2%;background:transparent;border:1px solid transparent;color:transparent;border-radius:.3cqw;transition:.15s}
#btnBackToMenu:hover{border-color:rgba(11,47,130,.65);background:rgba(11,47,130,.045)}
.select-layout{z-index:7;left:2.9%;right:3%;top:12.6%;bottom:8.4%;grid-template-columns:minmax(0,61.5%) minmax(0,35.7%);gap:1.55%;overflow:visible}
.club-browser{grid-column:1;grid-row:1;position:relative;display:block;overflow:visible;background:transparent}
.club-preview{grid-column:2;grid-row:1;margin-top:7.1%;height:88%;align-self:start;border:1px solid rgba(19,48,103,.11);background:rgba(255,255,255,.965);color:var(--vm-ink);box-shadow:none;border-radius:.42cqw;overflow:hidden}
.club-preview:before{display:none}
.club-search-art{position:absolute;left:0;top:0;width:33.5%;height:4.45cqw;display:block}
.club-search-art span{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden}
.club-search-art input{width:100%;height:2.55cqw;margin-top:.05cqw;border:1px solid #cfd4db;border-radius:.38cqw;background:rgba(255,255,255,.84);padding:0 .9cqw 0 2.2cqw;color:#17191d;font:700 .68cqw Arial,sans-serif;box-shadow:inset 0 1px rgba(255,255,255,.7)}
.club-search-art:after{content:'⌕';position:absolute;left:.75cqw;top:.47cqw;font:700 1.25cqw Arial;color:#17191d}
.filters{position:absolute;left:38.5%;right:0;top:0;height:3.1cqw;display:flex;align-items:flex-start;gap:.5cqw;overflow:visible}
.division-filters{gap:0;flex-wrap:nowrap;height:2.55cqw}
.filter-btn{height:2.55cqw;padding:0 .76cqw;background:rgba(255,255,255,.92);border:1px solid #bfc6d1;border-right:0;color:#16191d;font:800 .55cqw/1 Arial,sans-serif;letter-spacing:.02em}
.filter-btn:first-child{display:none}
.filter-btn:last-child{border-right:1px solid #bfc6d1;border-radius:0 .28cqw .28cqw 0}
.filter-btn:nth-child(2){border-radius:.28cqw 0 0 .28cqw}
.filter-btn.is-active{background:linear-gradient(180deg,#103a91,#092d79);color:#fff;border-color:#092d79;box-shadow:inset 0 -2px rgba(0,0,0,.12)}
.country-filter{position:absolute;left:104%;top:0;width:48%;height:2.55cqw;color:#15171a;font:800 .53cqw Arial,sans-serif;letter-spacing:.04em;display:flex;align-items:center;gap:.6cqw;white-space:nowrap}
.country-filter select{flex:1;width:auto;height:2.55cqw;border:1px solid #cbd0d7;border-radius:.3cqw;background:rgba(255,255,255,.94);color:#17191d;padding:0 .7cqw;font:700 .6cqw Arial,sans-serif}
.club-grid{position:absolute;left:0;right:0;top:8.8%;bottom:0;padding:.75cqw .55cqw .9cqw .8cqw;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7cqw;background:rgba(255,255,255,.56);border:1px solid rgba(32,55,92,.08);border-radius:.4cqw;scrollbar-color:#163b8c transparent}
.club-card{height:10.05cqw;padding:.7cqw;display:grid;grid-template-columns:1fr;grid-template-rows:5.35cqw auto;background:rgba(255,255,255,.93);border:1px solid #d8dce2;color:#15171a;border-radius:.5cqw;box-shadow:none;align-items:start;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.club-card:before{display:none}
.club-card:after{content:"";position:absolute;right:0;top:0;width:0;height:0;border-top:1.18cqw solid transparent;border-left:1.18cqw solid transparent;transition:.15s}
.club-card:hover,.club-card.is-selected{border-color:#0c3a98;transform:translateY(-.12cqw);box-shadow:0 .5cqw 1.2cqw rgba(23,48,93,.1)}
.club-card.is-selected{box-shadow:inset 0 0 0 1px #0c3a98,0 .5cqw 1.2cqw rgba(23,48,93,.08)}
.club-card.is-selected:after{border-top-color:var(--vm-red);border-left-color:transparent}
.club-card-badge{width:100%;height:5.3cqw;background:linear-gradient(180deg,#fff,#f7f8fa);border:1px solid #e1e4e8;border-radius:.32cqw}
.club-card-badge img{width:72%;height:72%;object-fit:contain}
.club-card-copy{padding:.25cqw .1cqw 0}
.club-card h4{font:800 .72cqw/1.05 Arial,sans-serif;color:#15171a}
.club-card p{font:700 .46cqw/1.2 Arial,sans-serif;color:#68717b;margin:.22cqw 0 0}
.club-card .stars{font-size:.58cqw;color:#123a88;margin-top:.2cqw}
.preview-inner{padding:1.1cqw 1.35cqw;grid-template-rows:auto 1fr auto}
.preview-top{gap:.9cqw}.preview-badge-stage{width:6.4cqw;height:6.4cqw;background:#fff;border:1px solid #d9dde3;box-shadow:none;border-radius:.3cqw}.preview-title .eyebrow{color:#707782;font:800 .52cqw Arial,sans-serif;letter-spacing:.05em}.preview-title h3{font:900 1.45cqw/1 Arial,sans-serif;color:#14161b;margin:.18cqw 0}.preview-title p{font:700 .56cqw Arial,sans-serif;color:#6c737c}.preview-center{grid-template-columns:.9fr 1.1fr;gap:1cqw}.preview-kit-wrap{height:12cqw;background:#f7f7f8;border:1px solid #dadddf;border-radius:.28cqw}.preview-stats{gap:.38cqw}.stat-pair{padding:.42cqw .55cqw;background:#f7f8fa;border-left:2px solid #0d3b97;color:#121417}.stat-pair span{color:#707781;font:800 .45cqw Arial,sans-serif}.stat-pair strong{color:#111319;font:800 .63cqw Arial,sans-serif;margin-top:.08cqw}.preview-description{font:600 .58cqw/1.35 Arial,sans-serif;color:#555e69;max-height:3cqw}.start-career{height:2.85cqw;background:linear-gradient(180deg,#113d95,#0a2f82)!important;border:0!important;border-radius:.25cqw;color:#fff!important;font:900 .76cqw Arial,sans-serif;letter-spacing:.06em}
/* ---------- Shared supplied-art career chrome ---------- */
.squad-screen{background:url('assets/ui-v2/squad.webp') center/cover no-repeat!important;color:#14161a}
.transfers-screen{background:url('assets/ui-v2/transfers.webp') center/cover no-repeat!important;color:#14161a}
.office-screen{background:url('assets/ui-v2/office.webp') center/cover no-repeat!important;color:#14161a}
.squad-bg,.squad-shade,.transfers-bg,.transfers-shade,.office-bg,.office-shade,.career-topbar,.central-nav-surface{display:none!important}
.art-template{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.art-top-hitnav{position:absolute;z-index:40;left:21.1%;top:.3%;width:49.6%;height:7.1%;display:grid;grid-template-columns:repeat(6,1fr);gap:.1cqw}
.art-top-hitnav button,.art-utility-hitnav button,.art-bottom-hitnav button{border:0;background:transparent;color:transparent;cursor:pointer;border-radius:.28cqw;transition:background .14s ease,box-shadow .14s ease}
.art-top-hitnav button:hover,.art-bottom-hitnav button:hover{background:rgba(11,47,130,.055);box-shadow:inset 0 -2px rgba(11,47,130,.34)}
.art-utility-hitnav{position:absolute;z-index:40;right:2.15%;top:.45%;width:16.7%;height:6.3%;display:grid;grid-template-columns:repeat(4,1fr);gap:.2cqw}
.art-utility-hitnav button:hover{background:rgba(11,47,130,.06)}
.art-bottom-hitnav{position:absolute;z-index:40;left:27.3%;bottom:.2%;width:49.2%;height:8.6%;display:grid;grid-template-columns:repeat(6,1fr);gap:.1cqw}
/* ---------- Central ---------- */
.central-screen{background:#fff;color:#15171b}
.central-template{filter:none!important;object-fit:cover}
.central-center-clean{display:none!important}
.central-club-top{left:3.15%;right:auto;top:10.05%;width:4.8%;height:8.2%;z-index:10}
.central-club-top img{width:100%;height:100%;object-fit:contain;border:0;background:transparent;filter:none}
.central-club-badge{z-index:10;background:rgba(255,255,255,.94);border:1px solid #d9dde3;box-shadow:0 .4cqw 1.2cqw rgba(20,38,72,.08);border-radius:.35cqw}
.central-club-badge img{width:82%;height:82%;object-fit:contain;filter:none}
.central-home{left:31.3%;top:35.2%;width:8.5%;height:14.5%}
.central-away{left:60.1%;top:35.2%;width:8.5%;height:14.5%}
.central-nameplate{z-index:11;background:rgba(255,255,255,.96)!important;border:0!important;box-shadow:none!important;color:#15171a!important;font:900 .66cqw Arial,sans-serif;letter-spacing:.02em;height:2.4%}
.central-home-name{left:29.2%;top:51.3%;width:12.4%}.central-away-name{left:58.1%;top:51.3%;width:12.4%}
.central-match-title{display:none!important}
.central-stadium{z-index:11;left:42.1%;top:57.3%;width:15.7%;height:2.6%;background:rgba(255,255,255,.96);color:#525a64;font:800 .48cqw Arial,sans-serif;letter-spacing:.03em}
.central-continue{left:26.5%;top:62.0%;width:45.2%;height:5.3%;z-index:15;background:linear-gradient(180deg,#103b92,#092f82);border:0;border-radius:.28cqw;color:#fff;font:900 .72cqw Arial,sans-serif;letter-spacing:.05em;box-shadow:none;transition:.15s}
.central-continue:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 .5cqw 1.4cqw rgba(11,47,130,.16)}
.central-side-panel{z-index:12;background:rgba(255,255,255,.975);border:0;box-shadow:none;overflow:hidden;color:#14161b}
.central-side-panel:before,.central-panel-header{display:none!important}
.central-inbox-panel{left:2.25%;top:28.2%;width:20.85%;height:25.5%}
.central-news-panel{left:2.25%;top:61.5%;width:20.85%;height:22.7%}
.central-objectives-panel{left:74.25%;top:27.8%;width:23%;height:17.8%}
.central-finances-panel{left:74.25%;top:51.1%;width:23%;height:15.9%}
.central-calendar-panel{left:74.25%;top:74.5%;width:23%;height:11.1%}
.central-panel-body{height:100%!important}
.central-inbox-list{height:100%!important;background:#fff;display:grid;grid-template-rows:repeat(3,1fr);gap:.2cqw}
.inbox-row{background:#fff;border:1px solid #e2e5e9;border-radius:.28cqw;color:#1c2026;padding:0 .7cqw 0 2.2cqw;font:800 .56cqw Arial,sans-serif;box-shadow:none}
.inbox-row:before{background:#0c3b98;left:.8cqw}
.inbox-row time{color:#7c838c;font-size:.45cqw}
.central-news-list{height:100%!important;background:#fff;padding:.1cqw;display:grid;grid-template-rows:1fr;gap:.35cqw;overflow:hidden}
.news-row{display:none}.news-row:first-child{display:grid;grid-template-columns:6.7cqw 1fr;gap:.8cqw;border:0;padding:0;height:100%}.news-avatar{width:6.7cqw;height:100%;background:#f2f3f5;border:1px solid #dfe2e6;border-radius:.25cqw}.news-copy strong{font:900 .68cqw/1.15 Arial,sans-serif;color:#15171b}.news-copy small{font:700 .46cqw Arial,sans-serif;color:#727981}
.central-objectives{height:100%!important;padding:0;background:#fff;display:grid;grid-template-rows:repeat(3,1fr);gap:.15cqw}.objective-row{background:#fff;padding:.25cqw .45cqw;border:0;grid-template-columns:1.5cqw 1fr;align-items:center}.objective-icon{color:#0b3b98}.objective-copy strong{font:800 .53cqw Arial,sans-serif;color:#15171b}.progress{height:.28cqw;background:#e5e7eb}.progress i{background:#0c3b98}
.central-finances{height:100%!important;padding:.1cqw;background:#fff;border:0;color:#15171b;display:grid;grid-template-columns:1fr 1fr;gap:.5cqw}.central-finances:before{display:none}.finance-budget{border:1px solid #dfe2e6;border-radius:.3cqw;padding:.55cqw}.finance-label{font:800 .44cqw Arial,sans-serif;color:#6d747e}.finance-value{font:900 1.45cqw Arial,sans-serif;color:#0b2f82;margin-top:.2cqw}.finance-chart{width:100%;height:100%;opacity:.65}.finance-grid{stroke:#e6e8eb}.finance-line{stroke:#123f9c;stroke-width:2;fill:none}.finance-dot{fill:#123f9c}.finance-status{grid-column:1/-1;padding:.25cqw .1cqw;border-top:1px solid #e1e4e8;color:#666;font:700 .45cqw Arial,sans-serif}.finance-status strong{color:#0b2f82}
.central-calendar-mini{height:100%;padding:.2cqw;background:#fff}.central-mini-week,.central-mini-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.08cqw}.central-mini-week span{text-align:center;font:800 .37cqw Arial,sans-serif;color:#7b8189}.central-mini-days button{height:1.12cqw;border:1px solid #e2e5e9;background:#fff;color:#555;font:700 .38cqw Arial,sans-serif;border-radius:.12cqw;cursor:pointer}.central-mini-days button.has-event{background:#eef3ff;border-color:#17449d;color:#0a338c}.central-mini-days button:hover{border-color:#0b3b98}
.central-season-snapshot{position:absolute;z-index:13;left:26.1%;top:72.7%;width:45.6%;height:13.6%;background:rgba(255,255,255,.975);border:0;padding:.45cqw 1cqw;color:#15171b}.central-season-snapshot header{font:900 .62cqw Arial,sans-serif;letter-spacing:.035em;margin-bottom:.45cqw}.snapshot-grid{display:grid;grid-template-columns:repeat(6,1fr);height:8cqw}.snapshot-grid>div{display:grid;place-items:center;border-right:1px solid #e2e5e9}.snapshot-grid>div:last-child{border-right:0}.snapshot-grid strong{font:900 1.18cqw Arial,sans-serif;color:#0b2f82}.snapshot-grid span{font:800 .36cqw Arial,sans-serif;color:#777f88;letter-spacing:.04em}
/* ---------- Squad ---------- */
.squad-shell{position:absolute;z-index:12;left:2.1%;right:2.25%;top:17.7%;bottom:8.8%;display:grid;grid-template-columns:minmax(0,67.7%) minmax(0,30.5%);gap:1.35%;color:#15171b}
.squad-workspace,.player-profile{background:rgba(255,255,255,.97);border:0!important;box-shadow:none!important;border-radius:.38cqw;overflow:hidden}
.squad-heading{position:fixed;z-index:13;left:13.1%;top:9.4%;width:42%;height:6.5%;padding:0;display:flex;align-items:center;background:transparent;border:0;color:#15171b}
.squad-heading .eyebrow,.squad-heading h2,.squad-heading-metrics{display:none!important}.squad-club-lockup{gap:.7cqw}.squad-heading-badge{width:4.5cqw;height:4.5cqw;background:#fff;border:0}.squad-heading-badge img{width:100%;height:100%;object-fit:contain}.squad-club-lockup p{font:900 .72cqw Arial,sans-serif;color:#15171b;margin:0}
.squad-subnav{position:absolute;z-index:20;right:1.2cqw;top:.7cqw;width:auto;display:flex;gap:.25cqw;background:#fff;border:0}.squad-subnav button{height:2cqw;border:1px solid #d7dbe1;background:#fff;color:#4f5660;font:800 .46cqw Arial,sans-serif;border-radius:.22cqw;padding:0 .55cqw}.squad-subnav button.is-active{background:#0b368d;color:#fff;border-color:#0b368d}.squad-season-chip{display:none}
.squad-view{padding:1.1cqw 1.2cqw 1cqw}.swap-banner{min-height:0}.swap-banner:empty{display:none}
.roster-section{background:transparent;border:0!important}.roster-title{margin-bottom:.55cqw}.roster-title h3{font:900 .72cqw Arial,sans-serif;color:#15171b;margin:0}.roster-title p,.roster-kicker{font:700 .42cqw Arial,sans-serif;color:#777f88}
.starter-grid{grid-template-columns:repeat(3,1fr);gap:1.7cqw}.player-card{background:#fff!important;border:1px solid #d9dde3!important;color:#17191d!important;border-radius:.55cqw!important;box-shadow:none!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}.player-card:hover,.player-card.is-selected{transform:translateY(-.16cqw);border-color:#0c3b98!important;box-shadow:0 .65cqw 1.45cqw rgba(18,48,99,.1)!important}.player-card.is-selected:after{content:"";position:absolute;right:0;top:0;border-top:1.2cqw solid var(--vm-red);border-left:1.2cqw solid transparent}.player-card .player-card-name,.player-card h4,.player-card strong{color:#15171b}.player-card small,.player-card span,.player-card p{color:#6e7580}.player-avatar-frame,.player-card-avatar{background:linear-gradient(180deg,#fbfbfc,#f1f3f5)!important;border:1px solid #e2e5e9!important}.player-avatar-frame img,.player-card-avatar img{filter:none!important}.overall-badge,.player-ovr{background:#fff!important;border:1px solid #8e99aa!important;color:#0b2f82!important}.subs-grid{grid-template-columns:repeat(3,1fr);gap:1.6cqw}.squad-summary{background:#fff!important;border-top:1px solid #e0e3e7!important;color:#15171b!important}.player-profile{padding:1.1cqw!important}.profile-hero,.profile-section,.profile-detail-grid>div{background:#fff!important;border-color:#e0e3e7!important;color:#15171b!important}.profile-hero-copy h3,.profile-section h4,.profile-detail-grid strong{color:#15171b!important}.profile-hero-copy p,.profile-section span,.profile-detail-grid span{color:#707782!important}.profile-overall strong{color:#0b2f82!important}.profile-avatar-stage{background:linear-gradient(180deg,#fff,#f4f5f7)!important;border-color:#dce0e5!important}.stat-meter,.profile-meter{background:#e5e7eb!important}.stat-meter i,.profile-meter i{background:#0b3b98!important}
.academy-hero,.archive-hero,.academy-card,.retired-card{background:#fff!important;border-color:#dfe2e6!important;color:#15171b!important}.academy-card:hover,.retired-card:hover{border-color:#0c3b98!important}.academy-footer-note{background:#f6f7f9!important;color:#525b65!important}
/* ---------- Transfers ---------- */
.transfers-shell{position:absolute;z-index:12;left:2.05%;right:2.2%;top:19.1%;bottom:9.1%;display:grid;grid-template-columns:minmax(0,69.2%) minmax(0,29.3%);gap:1.25%;color:#15171b}
.transfer-workspace,.transfer-dossier{background:rgba(255,255,255,.975)!important;border:0!important;border-radius:.4cqw!important;box-shadow:none!important;color:#15171b!important;overflow:hidden}
.transfer-heading{position:fixed;z-index:13;left:2.2%;top:8.2%;width:67%;height:7%;background:transparent!important;border:0!important;padding:0!important}.transfer-heading .eyebrow,.transfer-heading h2,.transfer-heading p{display:none!important}.transfer-budget-block{position:absolute;right:0;top:0;background:rgba(255,255,255,.92)!important;border:1px solid #dfe2e6!important;color:#15171b!important;padding:.45cqw .75cqw!important;border-radius:.3cqw}.transfer-budget-block span,.transfer-budget-block small{color:#747b84!important}.transfer-budget-block strong{color:#0b2f82!important}
.transfer-subnav{background:#fff!important;border:0!important;padding:0!important;height:2.7cqw}.transfer-subnav button{background:#fff!important;color:#17191d!important;border:1px solid #d8dce2!important;font:900 .56cqw Arial,sans-serif}.transfer-subnav button.is-active{background:#0b368d!important;color:#fff!important;border-color:#0b368d!important}.scouting-network-bar{background:#f6f7f9!important;border:1px solid #e0e3e7!important;color:#15171b!important}.transfer-pane{background:#fff!important}.transfer-filterbar{background:#fff!important;border-bottom:1px solid #e0e3e7!important;grid-template-columns:1.5fr repeat(5,.72fr) auto!important;gap:.45cqw!important;padding:.65cqw!important}.transfer-filterbar label span{color:#59616c!important}.transfer-filterbar input,.transfer-filterbar select{background:#fff!important;color:#15171b!important;border:1px solid #cfd4db!important;border-radius:.28cqw!important}.transfer-clear-btn{background:#fff!important;color:#0b2f82!important;border:1px solid #0b2f82!important}.transfer-list-head{background:#fafafa!important;color:#535b66!important;border-color:#e0e3e7!important}.transfer-results{background:#fff!important}.transfer-row{background:#fff!important;color:#15171b!important;border-color:#e2e5e9!important}.transfer-row:hover,.transfer-row.is-selected{background:#f7f9ff!important;border-color:#16459f!important}.transfer-row.is-selected:after{content:"";position:absolute;right:0;top:0;border-top:1cqw solid var(--vm-red);border-left:1cqw solid transparent}.transfer-row strong,.transfer-row b{color:#15171b!important}.transfer-row small,.transfer-row span{color:#6d7580!important}.transfer-row img{background:#f4f5f7!important}.transfer-list-footer{background:#fafafa!important;color:#777f88!important;border-color:#e0e3e7!important}.transfer-dossier{padding:1cqw!important}.dossier-hero,.dossier-section,.dossier-detail-grid>div,.scouting-card{background:#fff!important;border-color:#e0e3e7!important;color:#15171b!important}.dossier-hero h3,.dossier-section h4,.dossier-detail-grid strong{color:#15171b!important}.dossier-hero p,.dossier-section span,.dossier-detail-grid span{color:#707782!important}.dossier-avatar{background:#f4f5f7!important;border-color:#dfe2e6!important}.dossier-overall{color:#0b2f82!important}.dossier-actions button,.transfer-action-primary{border-radius:.25cqw!important}.transfer-action-primary,.dossier-actions .primary-btn{background:#0b368d!important;color:#fff!important;border-color:#0b368d!important}.transfer-action-secondary{background:#fff!important;color:#0b368d!important;border:1px solid #0b368d!important}.transfer-hub-card,.transfer-pane-intro{background:#fff!important;color:#15171b!important;border-color:#dfe2e6!important}
/* ---------- Office / Club ---------- */
.office-shell{position:absolute;z-index:12;left:1.9%;right:1.9%;top:8.7%;bottom:8.8%;color:#15171b;background:transparent!important}
.office-heading{height:7.3%;padding:0 1.2cqw;background:transparent!important;border:0!important}.office-title-lockup .eyebrow{display:none}.office-title-lockup h2{font:900 2.15cqw Arial,sans-serif;color:#15171b;margin:0}.office-title-lockup p{font:800 .62cqw Arial,sans-serif;color:#737b85}.office-heading-badge{width:4.4cqw;height:4.4cqw;background:#fff;border:0}.office-confidence-mini{display:none!important}
.office-subnav{height:4.1cqw;background:#fff!important;border:0!important;justify-content:flex-start}.office-subnav button{background:#fff!important;color:#16181c!important;border:1px solid #d8dce2!important;font:900 .54cqw Arial,sans-serif}.office-subnav button.is-active{background:#0b368d!important;color:#fff!important;border-color:#0b368d!important}.office-stage{background:rgba(255,255,255,.975)!important;border:0!important;border-radius:.35cqw!important;color:#15171b!important}.office-pane{background:#fff!important}.office-inbox-layout{grid-template-columns:28% 1fr;gap:1.2cqw}.office-message-column,.office-message-reader,.office-board-content,.office-finances-content,.office-contract-list-wrap,.office-contract-detail,.office-manager-content{background:#fff!important;border-color:#dfe2e6!important;color:#15171b!important;box-shadow:none!important}.office-message-toolbar,.office-section-heading{background:#fff!important;border-color:#e0e3e7!important}.office-kicker,.office-message-toolbar span{color:#6f7781!important}.office-message-toolbar h3,.office-section-heading h3{color:#15171b!important}.office-inbox-filters button{background:#fff!important;color:#4e5762!important;border-color:#d4d8de!important}.office-inbox-filters button.is-active{background:#0b368d!important;color:#fff!important}.office-message-item{background:#fff!important;color:#15171b!important;border-color:#e2e5e9!important}.office-message-item:hover,.office-message-item.is-selected{background:#f7f9ff!important;border-color:#16459f!important}.office-message-item.is-selected:after{content:"";position:absolute;right:0;top:0;border-top:1cqw solid var(--vm-red);border-left:1cqw solid transparent}.office-message-item strong,.office-message-reader h3,.office-board-content h3,.office-finances-content h3,.office-contract-detail h3,.office-manager-content h3{color:#15171b!important}.office-message-item small,.office-message-reader p,.office-board-content p,.office-finances-content p,.office-contract-detail p,.office-manager-content p{color:#646d78!important}.office-contract-row{background:#fff!important;color:#15171b!important;border-color:#e2e5e9!important}.office-contract-row:hover,.office-contract-row.is-selected{background:#f7f9ff!important;border-color:#16459f!important}.office-contract-table-head{background:#fafafa!important;color:#606873!important}.office-card,.board-objective-card,.finance-card,.manager-card{background:#fff!important;border-color:#e0e3e7!important;color:#15171b!important}.office-stage button.primary-btn,.office-contract-detail .primary-btn{background:#0b368d!important;color:#fff!important;border-color:#0b368d!important}
/* ---------- New Season / Competitions ---------- */
.art-screen{background:#fff;color:#15171b}
.season-live-heading{position:absolute;z-index:12;left:14.5%;top:9.4%;height:5.3%;display:flex;align-items:center;gap:.7cqw}.season-live-badge{width:3.8cqw;height:3.8cqw;display:grid;place-items:center}.season-live-badge img{width:100%;height:100%;object-fit:contain}.season-live-heading strong{display:block;font:900 .72cqw Arial,sans-serif}.season-live-heading span{display:block;margin-top:.12cqw;font:700 .45cqw Arial,sans-serif;color:#747b84}
.season-live-subnav{position:absolute;z-index:15;left:2.1%;top:18.6%;width:56%;height:4.2%;display:grid;grid-template-columns:repeat(6,1fr)}.season-live-subnav button{border:1px solid #d8dce2;border-right:0;background:#fff;color:#15171b;font:900 .52cqw Arial,sans-serif;cursor:pointer}.season-live-subnav button:last-child{border-right:1px solid #d8dce2}.season-live-subnav button.is-active{background:#0b368d;color:#fff;border-color:#0b368d}
.season-main-content{position:absolute;z-index:12;left:2.55%;top:26.1%;width:64.3%;height:52.5%;background:rgba(255,255,255,.982);overflow:auto;padding:.45cqw .8cqw;border:1px solid #e0e3e7;border-radius:.32cqw}.season-side-content{position:absolute;z-index:12;left:69.5%;top:22.7%;width:27.5%;height:65%;display:grid;grid-template-rows:1.05fr .8fr .55fr;gap:.7cqw}.season-side-card{background:rgba(255,255,255,.985);border:1px solid #dfe2e6;border-radius:.32cqw;padding:.8cqw;color:#15171b}.season-side-card>span{display:block;font:900 .55cqw Arial,sans-serif;margin-bottom:.65cqw}.season-side-lockup{display:flex;align-items:center;gap:.7cqw}.season-side-lockup img{width:4.4cqw;height:4.4cqw;object-fit:contain}.season-side-lockup strong{font:900 .72cqw Arial,sans-serif}.season-side-lockup small{display:block;margin-top:.2cqw;color:#747b84;font:700 .5cqw Arial,sans-serif}.season-side-progress{height:.6cqw;border:1px solid #cfd4db;border-radius:2cqw;margin-top:.8cqw;overflow:hidden}.season-side-progress i{display:block;height:100%;background:#0b368d}.highlight-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.6cqw}.highlight-tiles b{min-height:5cqw;display:grid;place-items:center;background:#f5f6f8;border:1px solid #e0e3e7;font:900 1.35cqw Arial;color:#0b2f82}.highlight-tiles small{display:block;font:800 .4cqw Arial;color:#707782}.season-side-card.compact strong{font:900 1cqw Arial;color:#0b2f82}.season-side-card.compact small{display:block;margin-top:.35cqw;color:#747b84;font:700 .47cqw Arial}
.live-table-head,.live-table-row{display:grid;grid-template-columns:2cqw 1fr repeat(6,4.2cqw);align-items:center;gap:.25cqw;min-height:2.65cqw;border-bottom:1px solid #e3e6ea}.live-table-head{position:sticky;top:0;background:#fff;z-index:2;font:900 .43cqw Arial;color:#737b85}.live-table-row{font:800 .53cqw Arial;color:#1b1e23}.live-table-row.is-own{background:#f5f8ff;box-shadow:inset .16cqw 0 #0b3b98}.live-club-cell{display:flex;align-items:center;gap:.55cqw;min-width:0}.live-club-cell img{width:1.6cqw;height:1.6cqw;object-fit:contain}.live-club-cell strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.season-fixture-list{display:grid}.season-fixture{display:grid;grid-template-columns:5.5cqw 1fr 2cqw 1fr 7cqw;align-items:center;min-height:4.5cqw;border-bottom:1px solid #e2e5e9;font:800 .54cqw Arial}.season-fixture>span{display:flex;align-items:center;gap:.45cqw}.season-fixture>span:nth-of-type(2){justify-content:flex-end}.season-fixture img{width:2cqw;height:2cqw;object-fit:contain}.season-fixture time,.season-fixture small{color:#717984;font-size:.45cqw}.season-fixture>b{text-align:center;color:#0b2f82}
.live-calendar header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7cqw}.live-calendar header strong{font:900 .85cqw Arial}.live-calendar header button{height:2.2cqw;padding:0 1cqw;border:0;border-radius:.25cqw;background:#0b368d;color:#fff;font:900 .5cqw Arial;cursor:pointer}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays span{text-align:center;padding:.4cqw;font:900 .42cqw Arial;color:#747b84}.calendar-day{height:5.2cqw;border:1px solid #e1e4e8;margin:-1px 0 0 -1px;padding:.45cqw;background:#fff}.calendar-day b{font:900 .56cqw Arial}.calendar-day span{display:block;margin-top:1.4cqw;color:#0b368d;font:900 .38cqw Arial}.calendar-day.has-match{background:#f4f7ff}
.cup-live h3{font:900 1.15cqw Arial;margin:.3cqw 0}.cup-live p{color:#707782;font:700 .55cqw Arial}.cup-bracket-live{display:grid;grid-template-columns:repeat(2,1fr);gap:.65cqw;margin:1cqw 0}.cup-team{height:3.8cqw;display:grid;grid-template-columns:2.5cqw 1fr 2cqw;align-items:center;border:1px solid #dfe2e6;padding:.5cqw;background:#fff}.cup-team img{width:2.2cqw;height:2.2cqw;object-fit:contain}.cup-team span{font:900 .55cqw Arial}.cup-team b{text-align:center;color:#0b2f82}.cup-live>small{color:#7c838c;font:700 .45cqw Arial}
.live-stat-head,.live-stat-row{display:grid;grid-template-columns:2cqw 2.6cqw 1.35fr 1fr 4cqw 5cqw;align-items:center;min-height:3.65cqw;border-bottom:1px solid #e1e4e8}.live-stat-head{min-height:2.2cqw;font:900 .42cqw Arial;color:#737b85}.live-stat-row{font:800 .53cqw Arial}.live-stat-row img{width:2.4cqw;height:2.4cqw;object-fit:contain;background:#f3f4f6;border-radius:50%}.live-stat-row em{font-style:normal;color:#0b2f82;font-size:.7cqw}.live-stat-row small{color:#6e7580}.records-live{display:grid;grid-template-columns:repeat(2,1fr);gap:.8cqw}.records-live>div{min-height:10cqw;border:1px solid #dfe2e6;padding:1.1cqw;background:#fff;display:flex;flex-direction:column;justify-content:center}.records-live span{font:900 .48cqw Arial;color:#737b85}.records-live strong{font:900 1.65cqw Arial;color:#0b2f82;margin:.3cqw 0}.records-live small{font:700 .5cqw Arial;color:#707782}
/* ---------- Matchday ---------- */
.matchday-competition{position:absolute;z-index:12;left:25.8%;top:22%;width:47.2%;height:4.8%;display:grid;place-items:center;background:rgba(255,255,255,.96);border:1px solid #d9dde3;border-radius:2cqw;font:900 .55cqw Arial;color:#5b636d;letter-spacing:.04em}
.matchday-badge{position:absolute;z-index:12;top:34.1%;width:10.2%;height:16.5%;display:grid;place-items:center;background:rgba(255,255,255,.97);border:1px solid #d9dde3;border-radius:.42cqw}.matchday-badge img{width:82%;height:82%;object-fit:contain}.matchday-home-badge{left:20.5%}.matchday-away-badge{left:45.1%}
.matchday-name{position:absolute;z-index:12;top:51.9%;width:14.9%;height:4.1%;display:grid;place-items:center;background:rgba(255,255,255,.97);font:900 .7cqw Arial;color:#15171b}.matchday-home-name{left:17.8%}.matchday-away-name{left:42.7%}
.matchday-lineup{position:absolute;z-index:12;top:32.1%;width:11.2%;height:26.2%;background:rgba(255,255,255,.96);padding:.5cqw .65cqw;display:grid;align-content:start;gap:.5cqw}.matchday-home-lineup{left:3.2%}.matchday-away-lineup{left:60.2%}.match-lineup-player{display:grid;grid-template-columns:2cqw 1fr;gap:.45cqw;align-items:center;min-height:4.1cqw;border-bottom:1px solid #e2e5e9}.match-lineup-player img{width:1.85cqw;height:1.85cqw;object-fit:contain;border-radius:50%;background:#f2f3f5}.match-lineup-player strong{font:900 .47cqw Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-lineup-player small{display:block;color:#777f88;font:700 .36cqw Arial;margin-top:.1cqw}
.matchday-info{position:absolute;z-index:12;left:4.1%;top:66.5%;width:66.3%;height:8%;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.97);border:1px solid #dfe2e6;border-radius:.35cqw}.matchday-info span{display:grid;place-items:center;border-right:1px solid #e2e5e9;color:#737b85;font:800 .42cqw Arial}.matchday-info span:last-child{border-right:0}.matchday-info b{font:900 .78cqw Arial;color:#0b2f82}
.matchday-summary{position:absolute;z-index:12;left:73.3%;top:22.3%;width:23.5%;height:52%;display:grid;grid-template-rows:1.35fr .75fr;gap:.8cqw}.match-summary-card,.match-readiness{background:rgba(255,255,255,.97);border:1px solid #dfe2e6;border-radius:.35cqw;padding:1cqw}.match-summary-card span,.match-readiness>span{display:block;font:900 .55cqw Arial;margin-bottom:.65cqw}.match-summary-card strong{display:block;font:900 .85cqw Arial;color:#0b2f82}.match-summary-card p{font:700 .52cqw/1.45 Arial;color:#626b75}.match-readiness{display:grid;grid-template-columns:1fr 1fr}.match-readiness>span{grid-column:1/-1}.match-readiness div{display:grid;place-items:center}.match-readiness b{font:900 1.1cqw Arial;color:#0b2f82}.match-readiness small{font:800 .38cqw Arial;color:#737b85}
.match-action{position:absolute;z-index:15;top:79.3%;height:6.1%;border-radius:.28cqw;font:900 .72cqw Arial;letter-spacing:.05em;cursor:pointer;transition:.15s}.match-watch{left:3.2%;width:21.3%;background:#0b368d;color:#fff;border:0}.match-sim{left:25.7%;width:21.3%;background:#fff;color:#0b368d;border:1px solid #0b368d}.match-quick{left:48.3%;width:21.3%;background:#fff;color:#0b368d;border:1px solid #0b368d}.match-action:hover{transform:translateY(-1px);box-shadow:0 .5cqw 1.3cqw rgba(11,47,130,.14);filter:brightness(1.02)}
/* ---------- Results ---------- */
.results-competition{position:absolute;z-index:12;left:20.8%;top:10.7%;width:38%;height:3.2%;font:800 .45cqw Arial;color:#737b85;display:flex;align-items:center}
.results-badge{position:absolute;z-index:12;top:25.4%;width:9.7%;height:14.2%;display:grid;place-items:center;background:rgba(255,255,255,.96);border:1px solid #d9dde3;border-radius:.4cqw}.results-badge img{width:82%;height:82%;object-fit:contain}.results-home-badge{left:6.6%}.results-away-badge{left:59.2%}.results-name{position:absolute;z-index:12;top:40.8%;width:15%;height:4%;background:rgba(255,255,255,.97);display:grid;place-items:center;font:900 .66cqw Arial}.results-home-name{left:3.7%}.results-away-name{left:56.4%}.results-score{position:absolute;z-index:13;left:28%;top:24.8%;width:23.2%;height:15%;display:grid;grid-template-columns:1fr 2cqw 1fr;align-items:center;text-align:center}.results-score strong{height:8.2cqw;display:grid;place-items:center;background:#fff;border:1px solid #9da6b2;border-radius:.4cqw;font:900 3.25cqw Arial;color:#0b2f82}.results-score span{font:900 1.7cqw Arial}
.results-stats,.results-events,.results-ratings{position:absolute;z-index:12;top:51.2%;height:27.5%;background:rgba(255,255,255,.98);border:1px solid #dfe2e6;border-radius:.35cqw;padding:.7cqw .9cqw;color:#15171b}.results-stats{left:2.2%;width:27%}.results-events{left:30%;width:21.1%}.results-ratings{left:52%;width:20.2%}.results-stats h3,.results-events h3,.results-ratings h3{margin:0 0 .6cqw;font:900 .55cqw Arial}.results-stats>div{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:2.2cqw;border-bottom:1px solid #e7e9ec;font:800 .45cqw Arial}.results-stats span{text-align:center;color:#737b85}.results-stats b:first-of-type{text-align:left;color:#0b2f82}.results-stats b:last-child{text-align:right;color:#15171b}.results-events>div{display:grid;grid-template-columns:2cqw 1fr 4.4cqw;align-items:center;min-height:3.4cqw;border-bottom:1px solid #e4e6ea}.results-events span{font:900 .45cqw Arial;color:#0b2f82}.results-events strong{font:900 .47cqw Arial}.results-events small{font:800 .36cqw Arial;color:#727983;text-align:right}
.results-events>div.is-discipline-event strong{display:flex;align-items:center;gap:.18cqw}.discipline-card{display:inline-block;width:.25cqw;height:.38cqw;border-radius:.035cqw;flex:0 0 auto;box-shadow:0 .06cqw .14cqw rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.14)}.discipline-card-yellow{background:#f0c83f}.discipline-card-red{background:#c93137}.discipline-card+.discipline-card{margin-left:-.1cqw}.results-ratings>div{display:grid;grid-template-columns:2.1cqw 1fr 2.5cqw;align-items:center;min-height:3cqw;border-bottom:1px solid #e5e7ea}.results-ratings img{width:1.8cqw;height:1.8cqw;object-fit:contain;border-radius:50%;background:#f2f3f5}.results-ratings strong{font:900 .44cqw Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-ratings b{font:900 .6cqw Arial;color:#0b2f82;text-align:right}
.results-potm,.results-league-impact{position:absolute;z-index:12;left:74%;width:23.5%;background:rgba(255,255,255,.98);border:1px solid #dfe2e6;border-radius:.35cqw;padding:.8cqw}.results-potm{top:18.8%;height:21.5%}.results-league-impact{top:45%;height:21.5%}.results-potm>span,.results-league-impact>span{display:block;font:900 .55cqw Arial;margin-bottom:.6cqw}.potm-live{display:grid;grid-template-columns:6.2cqw 1fr;gap:.8cqw;align-items:center}.potm-live img{width:6cqw;height:6cqw;object-fit:contain;border-radius:50%;background:#f4f5f7;border:1px solid #dfe2e6}.potm-live strong{font:900 .7cqw Arial}.potm-live small{display:block;color:#737b85;font:700 .44cqw Arial;margin:.2cqw 0}.potm-live b{color:#0b2f82;font:900 .7cqw Arial}.impact-live{display:grid;grid-template-columns:4.2cqw 1fr;gap:.7cqw;align-items:center}.impact-live img{width:4cqw;height:4cqw;object-fit:contain}.impact-live strong{font:900 .62cqw Arial;color:#0b2f82}.impact-live small{display:block;margin-top:.25cqw;font:700 .45cqw/1.3 Arial;color:#707782}.results-continue{position:absolute;z-index:15;left:74%;top:71.4%;width:23.5%;height:6.5%;border:0;border-radius:.3cqw;background:#0b368d;color:#fff;font:900 .78cqw Arial;letter-spacing:.05em;cursor:pointer}.results-continue:hover{filter:brightness(1.07);transform:translateY(-1px)}
/* ---------- Modals harmonized with new identity ---------- */
.modal-backdrop{background:rgba(13,20,34,.46)!important;backdrop-filter:blur(7px)}
.modal-card,.negotiation-card,.contract-renewal-card{background:#fff!important;color:#15171b!important;border:1px solid #d8dce2!important;border-radius:.55cqw!important;box-shadow:0 2cqw 5cqw rgba(23,38,68,.22)!important}.modal-card h3,.negotiation-card h3,.contract-renewal-card h3{color:#15171b!important}.modal-card label,.modal-card p{color:#626b76!important}.modal-close{color:#15171b!important}.modal-card .primary-btn,.negotiation-card .primary-btn,.contract-renewal-card .primary-btn{background:#0b368d!important;color:#fff!important;border-color:#0b368d!important}
.toast{background:#fff!important;color:#15171b!important;border:1px solid #cfd4db!important;border-left:.25cqw solid #0b368d!important;box-shadow:0 .5cqw 1.5cqw rgba(22,37,67,.15)!important;font:800 .52cqw Arial,sans-serif!important}
@media (prefers-reduced-motion:reduce){.screen.is-active:not(.menu-screen):not(.select-screen)::before{animation:none!important}}
/* Layout corrections after applying the art backplates. */
.squad-workspace{position:relative;display:grid!important;grid-template-rows:2.55cqw minmax(0,1fr)!important;gap:.55cqw!important;overflow:hidden!important}
.squad-heading{display:none!important}
.squad-subnav{position:relative!important;right:auto!important;top:auto!important;width:100%!important;height:2.55cqw!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;padding:0 .35cqw!important}
.squad-view{min-height:0!important;overflow:auto!important;padding:.7cqw 1.05cqw .8cqw!important}
.squad-view:not(.is-active){display:none!important}
.transfer-workspace{position:relative;display:grid!important;grid-template-rows:2.8cqw 3.45cqw minmax(0,1fr)!important;gap:.45cqw!important;overflow:hidden!important}
.transfer-heading{display:none!important}
.transfer-subnav{height:2.8cqw!important}
.scouting-network-bar{min-height:0!important;height:3.45cqw!important;overflow:hidden!important}
.transfer-pane{min-height:0!important;overflow:hidden!important}
.transfer-pane.is-active{display:flex!important;flex-direction:column!important}
.transfer-filterbar{flex:0 0 auto}
.transfer-results{min-height:0!important;overflow:auto!important}
.transfer-list-footer{flex:0 0 auto}
.office-shell{border:0!important;box-shadow:none!important;overflow:hidden!important;background:transparent!important}
.office-heading{background:transparent!important;border:0!important}
.office-title-lockup h2,.office-title-lockup .eyebrow{display:none!important}
.office-heading-badge{width:4.1cqw!important;height:4.1cqw!important}
.office-title-lockup p{font-size:.58cqw!important;color:#15171b!important}
.office-stage{min-height:0!important;overflow:hidden!important}
.office-pane.is-active{display:block!important}
/* Keep art hit-zones above live content only in the chrome strips. */
.art-top-hitnav,.art-utility-hitnav,.art-bottom-hitnav{pointer-events:none}
.art-top-hitnav button,.art-utility-hitnav button,.art-bottom-hitnav button{pointer-events:auto}
.menu-build-live{position:absolute;z-index:12;left:17%;top:82.0%;min-width:15%;padding:.2cqw .5cqw;background:rgba(255,255,255,.92);display:grid;gap:.12cqw;color:#777f89}.menu-build-live strong{font:900 .46cqw Arial,sans-serif;color:#6e7580}.menu-build-live span{font:800 .42cqw Arial,sans-serif;letter-spacing:.03em}.menu-art-utilities,.select-art-utilities{position:absolute;z-index:30;right:2.1%;top:2.4%;width:6.8%;height:5.3%;display:grid;grid-template-columns:1fr 1fr;gap:.2cqw}.menu-art-utilities button,.select-art-utilities button{border:0;background:transparent;cursor:pointer;border-radius:.3cqw}.menu-art-utilities button:hover,.select-art-utilities button:hover{background:rgba(11,47,130,.055)}
/* Restrained motion language: fast sports-menu feedback, never decorative noise. */
.screen.is-active .central-club-badge img,
.screen.is-active .season-live-badge img,
.screen.is-active .matchday-badge img,
.screen.is-active .results-badge img{animation:vmBadgeIn .32s cubic-bezier(.2,.8,.2,1) both}
.screen.is-active .central-side-panel,
.screen.is-active .central-season-snapshot,
.screen.is-active .squad-workspace,
.screen.is-active .player-profile,
.screen.is-active .transfer-workspace,
.screen.is-active .transfer-dossier,
.screen.is-active .office-stage,
.screen.is-active .season-main-content,
.screen.is-active .season-side-card,
.screen.is-active .matchday-summary,
.screen.is-active .results-stats,
.screen.is-active .results-events,
.screen.is-active .results-ratings{animation:vmRise .28s cubic-bezier(.2,.75,.2,1) both}
.screen.is-active .central-news-panel,.screen.is-active .player-profile,.screen.is-active .transfer-dossier,.screen.is-active .season-side-content{animation-delay:.05s}
.filter-btn:active,.club-card:active,.player-card:active,.transfer-row:active,.office-message-item:active,.match-action:active,.results-continue:active{transform:translateY(1px)!important}
.central-season-snapshot header{display:none!important}.snapshot-grid{height:100%!important}
/* ===== Cleanup patch: club select layout, button polish, return to menu ===== */
.select-layout{top:12.4%!important;bottom:7.6%!important;grid-template-columns:minmax(0,60.4%) minmax(0,37.6%)!important;gap:2%!important;overflow:hidden!important}
.club-browser{display:grid!important;grid-template-columns:minmax(0,34.5%) minmax(0,65.5%)!important;grid-template-rows:2.85cqw minmax(0,1fr)!important;gap:.9cqw 1cqw!important;align-content:stretch!important;min-height:0!important;overflow:hidden!important}
.club-search-art{grid-column:1;grid-row:1;position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important}
.club-search-art input{height:2.7cqw!important;padding-right:.8cqw!important}
.filters{grid-column:2;grid-row:1;position:relative!important;left:auto!important;right:auto!important;top:auto!important;height:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(11.25cqw,12.8cqw)!important;gap:.72cqw!important;align-items:start!important;overflow:visible!important}
.division-filters{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;min-width:0!important;height:2.7cqw!important}
.filter-btn{height:2.7cqw!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;padding:0 .42cqw!important;font:800 .49cqw/1 Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.country-filter{position:relative!important;left:auto!important;top:auto!important;width:auto!important;min-width:0!important;height:auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:.45cqw!important;white-space:nowrap!important}
.country-filter span{display:block!important}
.country-filter select{min-width:0!important;height:2.7cqw!important}
.club-grid{grid-column:1 / span 2;grid-row:2;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;min-height:0!important;height:auto!important;overflow:auto!important;padding:.72cqw .56cqw .85cqw .78cqw!important}
.club-preview{margin-top:0!important;height:auto!important;min-height:0!important;align-self:stretch!important;overflow:auto!important}
.preview-inner{min-height:100%!important;grid-template-rows:auto minmax(0,1fr) auto!important}
.preview-center{align-items:start!important}
.preview-description{max-height:none!important}
.preview-bottom{align-content:end!important}
#btnBackToMenu{z-index:24!important}
.career-management-panel{margin-top:1cqw;padding:.95cqw 1cqw;border:1px solid #d8dce2;background:#f8f9fb;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8cqw;align-items:center;border-radius:.42cqw}
.career-management-panel>div{display:grid;gap:.18cqw;min-width:0}
.career-management-panel span{color:#6d7580;font:900 .4cqw/1 Arial,sans-serif;letter-spacing:.1em}
.career-management-panel strong{color:#15171b;font:900 .72cqw/1.15 Arial,sans-serif}
.career-management-panel small{color:#6f7781;font:700 .42cqw/1.4 Arial,sans-serif}
.modal-secondary-btn{height:2.7cqw;padding:0 1cqw;border:1px solid #0b368d;background:#fff;color:#0b368d;border-radius:.34cqw;font:900 .48cqw/1 Arial,sans-serif;letter-spacing:.05em;cursor:pointer;transition:.15s}
.modal-secondary-btn:hover{background:#f4f7ff;transform:translateY(-1px);box-shadow:0 .4cqw 1.1cqw rgba(11,54,141,.12)}
.modal-secondary-btn:active{transform:translateY(1px)}
.primary-btn,.menu-btn,.start-career,.central-continue,.match-action,.results-continue,.squad-subnav button,.transfer-subnav button,.office-subnav button,.season-subnav button,#advanceCareerDay,.advance-scout-day,.filter-btn,.modal-secondary-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.art-top-hitnav button,.art-bottom-hitnav button,.art-utility-hitnav button,#btnBackToMenu{outline:none}
.art-top-hitnav button:focus-visible,.art-bottom-hitnav button:focus-visible,.art-utility-hitnav button:focus-visible,#btnBackToMenu:focus-visible,.primary-btn:focus-visible,.menu-btn:focus-visible,.start-career:focus-visible,.central-continue:focus-visible,.match-action:focus-visible,.results-continue:focus-visible,.squad-subnav button:focus-visible,.transfer-subnav button:focus-visible,.office-subnav button:focus-visible,.season-subnav button:focus-visible,.filter-btn:focus-visible,.modal-secondary-btn:focus-visible{box-shadow:0 0 0 .16cqw rgba(10,47,130,.16),0 0 0 .28cqw rgba(10,47,130,.38)!important}
@media (max-width: 1500px){
.club-browser{grid-template-columns:minmax(0,33%) minmax(0,67%)!important}
.filters{grid-template-columns:minmax(0,1fr) minmax(10.4cqw,12.2cqw)!important}
.filter-btn{font-size:.46cqw!important;padding:0 .3cqw!important}
}
/* ===== V2 polish pass: cutoffs, readability, shield fit, stage masking ===== */
/* Club selection: ensure all five division tabs fit cleanly and mask the art beneath. */
.filters{position:relative!important;grid-template-columns:minmax(0,1fr) minmax(12.2cqw,13.8cqw)!important;align-items:stretch!important;padding:.22cqw!important;border-radius:.42cqw!important}
.filters::before{content:"";position:absolute;inset:-.18cqw;background:rgba(255,255,255,.97);border:1px solid #dde2e8;border-radius:.42cqw;box-shadow:0 .38cqw 1.05cqw rgba(21,37,67,.08);z-index:0}
.filters>*{position:relative;z-index:1}
.division-filters{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.18cqw!important}
.filter-btn{font:900 .42cqw/1 Arial,sans-serif!important;letter-spacing:.03em!important;padding:0 .18cqw!important}
.country-filter span{font:900 .42cqw/1 Arial,sans-serif!important;color:#4f5862!important;letter-spacing:.05em!important}
.country-filter select,.club-search-art input{background:#fff!important;border:1px solid #d5dae1!important;color:#15171b!important;box-shadow:none!important}
.club-grid{padding-top:.2cqw!important}
.club-card p,.stars{color:#4e5865!important}
/* Shared tab bars: stronger backing so underlying art text cannot show through. */
.squad-subnav,.transfer-subnav,.office-subnav,.season-subnav{position:relative!important;background:#fff!important;border:1px solid #dfe3e8!important;border-radius:.38cqw!important;box-shadow:0 .28cqw .9cqw rgba(20,37,67,.06)!important;overflow:hidden!important}
.squad-subnav::after,.transfer-subnav::after,.office-subnav::after,.season-subnav::after{content:"";position:absolute;left:0;right:0;bottom:-.7cqw;height:.82cqw;background:#fff;pointer-events:none}
.squad-subnav button,.transfer-subnav button,.office-subnav button,.season-subnav button{min-width:0!important}
/* Squad page: restore visible Starting Three area and improve readability. */
.squad-view{background:rgba(255,255,255,.98)!important;border:1px solid #e0e4ea!important;border-radius:.38cqw!important}
.roster-section{overflow:visible!important}
.roster-title,.roster-title.compact{height:auto!important;min-height:2.8cqw!important;padding:.72cqw .1cqw .55cqw!important;background:transparent!important;border-bottom:1px solid #e4e7eb!important}
.roster-title h3{font:900 .84cqw/1 Arial,sans-serif!important;color:#15171b!important}
.roster-title p,.roster-kicker{color:#55606c!important;font-weight:800!important}
.starter-grid,.subs-grid{height:auto!important;padding:.82cqw 0 0!important;align-items:stretch!important}
.starter-grid{min-height:11.9cqw!important}
.subs-grid{min-height:10.7cqw!important}
.player-card{min-height:10.8cqw!important}
.player-card.is-sub{min-height:9.5cqw!important}
.player-card small,.player-card span,.player-card p,.player-meta,.fitness-line{color:#59636f!important}
.player-card h4,.player-card strong{color:#14161b!important}
.role-tag{color:#31596a!important;border-color:#cfd8df!important;background:#f4f8fb!important}
.status-chip{background:#f7f9fb!important;border-color:#d8dee6!important}
.status-chip.neutral{color:#56616e!important}.status-chip.good{color:#197d63!important}.status-chip.bad{color:#a14c44!important}
.squad-summary{gap:.8cqw!important;padding-top:.15cqw!important}
.summary-tile{background:#fbfcfd!important;border:1px solid #e1e5ea!important;border-top:2px solid #0b368d!important}
.summary-tile span,.summary-tile small{color:#56606c!important}.summary-tile strong{color:#15171b!important}
.player-profile,.profile-hero,.profile-section,.profile-detail-grid>div,.profile-status-grid>div,.potential-card{color:#15171b!important}
.profile-topline,.profile-club-line span,.profile-hero-copy p,.profile-section span,.profile-detail-grid span,.profile-status-grid span,.potential-card span,.potential-card small{color:#55606d!important}
.profile-hero-copy h3,.profile-overall strong,.profile-detail-grid strong,.profile-status-grid strong,.potential-card strong{color:#15171b!important}
.profile-swap-btn{background:linear-gradient(180deg,#117178,#0b5961)!important;color:#fff!important;border:0!important}
/* Badge presentation: move away from cheap white cards and seat the crests into shield stages better. */
.central-club-badge,.matchday-badge,.results-badge{background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(245,247,250,.98))!important;border:1px solid #d7dde5!important;border-radius:0!important;clip-path:polygon(50% 0,92% 10%,92% 66%,50% 100%,8% 66%,8% 10%)!important;box-shadow:0 .42cqw 1.15cqw rgba(21,37,67,.1)!important}
.central-club-badge img,.matchday-badge img,.results-badge img{width:76%!important;height:76%!important;object-fit:contain!important;transform:translateY(-.08cqw) scale(1.03)}
.preview-badge-stage,.squad-heading-badge,.office-heading-badge,.season-live-badge{background:linear-gradient(180deg,#fff,#f5f7fa)!important;border:1px solid #d8dde3!important;box-shadow:0 .22cqw .65cqw rgba(20,37,67,.06)!important}
.preview-badge-stage .preview-badge,.squad-heading-badge img,.office-heading-badge img,.season-live-badge img{width:88%!important;height:88%!important;object-fit:contain!important}
/* Office page: bring back the OFFICE title and fully cover underlying guide text/art. */
.office-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 1.2cqw!important}
.office-title-lockup{align-items:center!important}
.office-title-lockup .eyebrow{display:block!important;font:900 .4cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important;color:#6b7380!important}
.office-title-lockup h2{display:block!important;font:900 1.9cqw/1 Arial,sans-serif!important;color:#15171b!important;margin:.08cqw 0 0!important}
.office-title-lockup p{font:800 .56cqw/1.25 Arial,sans-serif!important;color:#515b67!important}
.office-stage{position:relative!important;overflow:hidden!important}
.office-stage::before{content:"";position:absolute;left:0;right:0;top:0;height:3.1cqw;background:#fff;z-index:0}
.office-pane{position:relative!important;z-index:1!important}
.office-section-heading,.office-message-toolbar,.office-contract-table-head{color:#46515d!important}
.office-message-item small,.office-message-reader p,.office-board-content p,.office-finances-content p,.office-contract-detail p,.office-manager-content p,.office-contract-table-head,.office-contract-row small,.office-contract-row span,.office-contract-row p,.office-card span,.board-objective-card span,.finance-card span,.manager-card span{color:#505a66!important}
.office-message-item strong,.office-message-reader h3,.office-board-content h3,.office-finances-content h3,.office-contract-detail h3,.office-manager-content h3,.office-contract-row strong,.office-card strong,.board-objective-card strong,.finance-card strong,.manager-card strong{color:#15171b!important}
.office-contract-detail .primary-btn,.office-stage button.primary-btn{box-shadow:0 .35cqw .9cqw rgba(14,45,110,.14)!important}
/* Match / season readability. */
.matchday-nameplate,.results-name,.season-side-card,.live-table-head,.live-table-row,.season-fixture,.cup-live,.impact-live,.preview-title p,.preview-description,.stat-pair span,.season-live-heading span{color:#4f5965!important}
.matchday-nameplate,.results-name{background:rgba(255,255,255,.98)!important;color:#15171b!important;border:1px solid #dde2e8!important}
.matchday-title,.matchday-stadium,.results-score span,.results-panel h3,.results-panel p,.season-side-card small,.season-side-card span,.live-table-head,.live-table-row span,.season-fixture small,.cup-live small{color:#4d5763!important}
.live-table-row strong,.season-side-card strong,.season-fixture b,.cup-live h3{color:#15171b!important}
/* Responsive safeguard so long labels still fit before clipping. */
@media (max-width: 1600px){
.filter-btn{font-size:.39cqw!important}
.office-subnav button,.season-subnav button,.squad-subnav button,.transfer-subnav button{font-size:.48cqw!important;padding:0 .55cqw!important}
}
/* ===== V3 transfer polish: nav fit + smart avatar cleanup ===== */
img.smart-avatar{display:block;max-width:100%;max-height:100%;background:transparent!important}
.transfers-shell{overflow:visible!important}
.transfer-workspace{grid-template-rows:4.65cqw 2.92cqw 3.55cqw minmax(0,1fr)!important;gap:.7cqw!important}
.transfer-heading{background:#fff!important;border:1px solid #dfe3e8!important;box-shadow:0 .32cqw .95cqw rgba(20,37,67,.06)!important}
.transfer-heading h2{color:#15171b!important}
.transfer-heading p,.transfer-budget-block span,.transfer-budget-block small{color:#59636f!important}
.transfer-budget-block strong{color:#0b368d!important}
.transfer-subnav{position:relative!important;isolation:isolate!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;height:2.92cqw!important;padding:0!important;margin:0!important;background:#fff!important;border:1px solid #dfe3e8!important;border-radius:.38cqw!important;box-shadow:0 .28cqw .9cqw rgba(20,37,67,.06)!important;overflow:hidden!important;z-index:3!important}
.transfer-subnav::before{content:"";position:absolute;inset:0;background:#fff;z-index:-1}
.transfer-subnav button{display:flex!important;align-items:center!important;justify-content:center!important;gap:.3cqw!important;padding:0 .55cqw!important;margin:0!important;min-width:0!important;height:auto!important;background:#fff!important;color:#15171b!important;border:0!important;border-right:1px solid #e2e6eb!important;font:900 .5cqw/1 Arial,sans-serif!important;letter-spacing:.06em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.transfer-subnav button:last-child{border-right:0!important}
.transfer-subnav button:hover{background:#f6f8fb!important;color:#0b368d!important}
.transfer-subnav button.is-active{background:#0b368d!important;color:#fff!important;box-shadow:inset 0 -2px 0 #0a2e7c!important}
.transfer-subnav button.is-active::after{display:none!important}
.transfer-subnav button span{min-width:1.05cqw!important;height:1.05cqw!important;background:rgba(14,95,103,.12)!important;color:#0f6c73!important;font-size:.4cqw!important}
.transfer-subnav button.is-active span{background:rgba(255,255,255,.16)!important;color:#fff!important}
.scouting-network-bar{background:#fff!important;border:1px solid #dfe3e8!important;box-shadow:0 .28cqw .9cqw rgba(20,37,67,.04)!important}
.scout-network-title,.scout-slot,.advance-scout-day{min-width:0}
.scout-network-title{border-right:1px solid #e2e6eb!important}
.scout-network-title span,.scout-slot small,.advance-scout-day small{color:#6c7784!important}
.scout-network-title strong,.scout-slot b{color:#15171b!important}
.scout-slot{background:#f9fbfc!important;border:1px solid #dce2e8!important;color:#15171b!important}
.scout-slot span{color:#0f7478!important}
.advance-scout-day{border:0!important;background:linear-gradient(180deg,#117178,#0b5961)!important;color:#fff!important}
.advance-scout-day span,.advance-scout-day small{color:rgba(255,255,255,.82)!important}
.transfer-pane{position:relative!important;z-index:1!important;background:#fff!important;border:1px solid #dfe3e8!important;border-radius:.38cqw!important;box-shadow:0 .28cqw .9cqw rgba(20,37,67,.04)!important;overflow:hidden!important}
#transferSearchPane{grid-template-rows:4.55cqw 2.1cqw minmax(0,1fr) 2cqw!important}
.transfer-filterbar{grid-template-columns:1.75fr repeat(5,minmax(0,.82fr)) .48fr!important;gap:.38cqw!important;align-items:end!important}
.transfer-filterbar label{min-width:0!important}
.transfer-filterbar label>span{color:#64707d!important;font:900 .35cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
.transfer-filterbar input,.transfer-filterbar select{height:1.95cqw!important;background:#fff!important;border:1px solid #cfd6de!important;color:#15171b!important;font:800 .48cqw/1 Arial,sans-serif!important}
.transfer-clear-btn{height:1.95cqw!important;padding:0 .42cqw!important;background:#fff!important;color:#0b368d!important;border:1px solid #0b368d!important;font:900 .44cqw/1 Arial,sans-serif!important}
.transfer-list-head{background:#fbfcfd!important;color:#55606c!important;border-bottom:1px solid #e1e5ea!important}
.transfer-results{background:#fff!important}
.transfer-player-row{background:#fff!important;color:#15171b!important;border-bottom:1px solid #e5e8ec!important}
.transfer-player-row:nth-child(even){background:#fbfcfd!important}
.transfer-player-row:hover,.transfer-player-row.is-selected{background:#f6f9ff!important}
.transfer-player-row.is-selected{box-shadow:inset 3px 0 #0b368d!important}
.transfer-player-copy strong,.transfer-ovr,.transfer-value{color:#15171b!important}
.transfer-player-copy small,.transfer-club-cell span,.transfer-role-cell,.transfer-value small{color:#5e6873!important}
.transfer-avatar{background:linear-gradient(180deg,#f1f4f7,#eef2f5)!important;border:1px solid #d7dee6!important;border-radius:.2cqw!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important}
.transfer-avatar img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;transform:none!important}
.transfer-list-footer{background:#fbfcfd!important;color:#68737f!important;border-top:1px solid #e1e5ea!important}
.transfer-dossier{background:#fff!important;border:1px solid #dfe3e8!important;border-radius:.42cqw!important;box-shadow:0 .42cqw 1.1cqw rgba(20,37,67,.08)!important}
.transfer-dossier::before{background:linear-gradient(90deg,transparent,#0b368d,transparent)!important}
.dossier-topline{color:#71808e!important;border-bottom:1px solid #e3e7eb!important;background:#fff!important}
.dossier-topline b{color:#0f7478!important}
.dossier-hero{background:#fff!important;grid-template-columns:8.7cqw minmax(0,1fr)!important;align-items:center!important}
.dossier-avatar-stage{height:10.1cqw!important;display:grid!important;place-items:end center!important;padding:.32cqw!important;overflow:hidden!important;background:linear-gradient(180deg,#edf2f6,#f8fafc)!important;border:1px solid #dbe1e8!important;border-bottom:1px solid #dbe1e8!important}
.dossier-avatar-stage img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.14))!important}
.dossier-ovr strong{color:#cdb36c!important}
.dossier-ovr small,.dossier-hero-copy>p,.dossier-club-line span,.dossier-section-title small,.dossier-report p,.dossier-fact-grid span,.dossier-risk-note span{color:#5f6975!important}
.dossier-hero-copy h3,.dossier-scout-strip strong,.dossier-section h4,.dossier-stat strong,.dossier-fact-grid strong,.dossier-report strong{color:#15171b!important}
.dossier-club-line img{background:transparent!important}
.dossier-scout-strip{background:#061d2a!important}
.dossier-scout-strip>div{min-width:0!important}
.dossier-scout-strip strong{font-size:.5cqw!important;line-height:1.15!important;overflow-wrap:anywhere!important}
.dossier-section{border-bottom:1px solid #e3e7eb!important}
.dossier-section-title span{color:#65717e!important}
.dossier-stat span{color:#66717c!important}
.dossier-stat>div{background:#dce4ea!important}
.dossier-stat i{background:linear-gradient(90deg,#0f7478,#2aa0a1)!important}
.dossier-fact-grid>div{background:#f9fbfc!important;border:1px solid #e0e5ea!important}
.dossier-risk-note{border-left:2px solid #c9a74d!important;background:#f7f2e4!important}
.dossier-actions{background:#fff!important;border-top:1px solid #e3e7eb!important}
.dossier-actions button{height:2.18cqw!important;border-radius:.28cqw!important;font:900 .42cqw/1 Arial,sans-serif!important}
.dossier-actions .dossier-primary{background:linear-gradient(180deg,#117178,#0b5961)!important;border-color:#0b5961!important}
@media (max-width: 1600px){
.transfer-subnav button{font-size:.47cqw!important;padding:0 .42cqw!important}
.transfer-filterbar{grid-template-columns:1.6fr repeat(5,minmax(0,.8fr)) .46fr!important}
}
/* ===== V4 corrective reset: stop art bleed, restore live headers, fix squad/transfer layout ===== */
/* Shared opaque surface reset */
.squad-workspace,.player-profile,.transfer-workspace,.transfer-pane,.transfer-dossier,.office-shell,.office-heading,.office-subnav,.office-stage,.office-pane,.office-message-column,.office-message-reader,.office-board-content,.office-finances-content,.office-contract-list-wrap,.office-contract-detail,.office-manager-content{
background:#fff!important;
}
.squad-workspace,.player-profile,.transfer-workspace,.transfer-dossier,.office-shell{
border:1px solid #dfe3e8!important;
border-radius:.42cqw!important;
box-shadow:0 .45cqw 1.25cqw rgba(20,37,67,.08)!important;
overflow:hidden!important;
}
/* Restore live section headings instead of relying on backplate art */
.squad-workspace{
position:relative!important;
display:grid!important;
grid-template-rows:4.75cqw 2.75cqw minmax(0,1fr)!important;
gap:.7cqw!important;
}
.squad-heading{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:1cqw!important;
min-width:0!important;
padding:0 1cqw!important;
background:#fff!important;
border-bottom:1px solid #e1e5ea!important;
}
.squad-club-lockup{min-width:0!important}
.squad-heading .eyebrow{display:block!important;color:#6a7580!important}
.squad-heading h2{display:block!important;margin:.08cqw 0 0!important;color:#15171b!important;font:900 1.7cqw/1 Arial,sans-serif!important;letter-spacing:.03em!important}
.squad-heading p{margin:.18cqw 0 0!important;color:#66727e!important;font:800 .48cqw/1.2 Arial,sans-serif!important}
.squad-heading-metrics div{background:#f8fafc!important;border:1px solid #e0e5ea!important;color:#15171b!important}
.squad-heading-metrics span{color:#697480!important}.squad-heading-metrics strong{color:#0b368d!important}
.squad-subnav{
position:relative!important;
right:auto!important;top:auto!important;width:100%!important;
height:2.75cqw!important;
display:grid!important;
grid-template-columns:1fr 1.1fr 1.05fr minmax(8.4cqw,.8fr)!important;
align-items:stretch!important;
padding:0!important;
background:#fff!important;
}
.squad-subnav button{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;text-align:center!important}
.squad-season-chip{display:grid!important;place-content:center!important;background:#fbfcfd!important;border-left:1px solid #e1e5ea!important}
.squad-season-chip span{color:#6d7884!important}.squad-season-chip strong{color:#15171b!important;font:800 .5cqw/1 Arial,sans-serif!important}
.squad-view{min-height:0!important;overflow:auto!important;padding:.1cqw .95cqw .95cqw!important;background:#fff!important}
.squad-view.is-active{display:grid!important}
.squad-view:not(.is-active){display:none!important}
#seniorSquadView{grid-template-rows:auto auto auto auto!important;align-content:start!important;gap:.75cqw!important}
.roster-section{
background:#fff!important;
border:1px solid #e1e5ea!important;
border-radius:.36cqw!important;
overflow:hidden!important;
}
.roster-title,.roster-title.compact{
height:auto!important;
min-height:3.05cqw!important;
padding:.72cqw .95cqw .6cqw!important;
background:#fff!important;
border-bottom:1px solid #e3e7eb!important;
}
.roster-title h3{color:#15171b!important;font:900 .86cqw/1 Arial,sans-serif!important}
.roster-title p,.roster-kicker{color:#5f6a76!important;font:800 .42cqw/1.2 Arial,sans-serif!important}
.starter-grid,.subs-grid{
height:auto!important;
padding:.82cqw!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
align-items:stretch!important;
}
.starter-grid{gap:.82cqw!important;grid-auto-rows:11.4cqw!important}
.subs-grid{gap:.78cqw!important;grid-auto-rows:9.95cqw!important}
.player-card{height:100%!important;min-height:0!important;background:#fff!important;overflow:hidden!important}
.player-card::before{content:"";position:absolute;inset:0;background:#fff;z-index:0}
.player-card>*{position:relative;z-index:1}
.player-card-top{left:.7cqw!important;right:.7cqw!important;top:.62cqw!important}
.role-tag{background:#f4f7fa!important;border:1px solid #d7dde4!important;color:#586370!important}
.captain-mark{background:#d5b45f!important;color:#102030!important}
.card-ovr strong{color:#15171b!important;text-shadow:none!important}
.card-ovr small{color:#697480!important}
.player-portrait{left:.58cqw!important;top:1.95cqw!important;width:33%!important;bottom:.48cqw!important}
.player-card.is-sub .player-portrait{left:.56cqw!important;top:1.55cqw!important;width:29%!important;bottom:.36cqw!important}
.portrait-halo{border-color:#dce4ea!important;box-shadow:inset 0 0 0 .32cqw rgba(15,116,120,.05)!important}
.player-portrait img{object-position:center bottom!important;filter:drop-shadow(0 6px 8px rgba(0,0,0,.16))!important}
.player-card-copy{left:36.5%!important;right:.68cqw!important;top:2.72cqw!important;bottom:.55cqw!important;justify-content:flex-start!important}
.player-card.is-sub .player-card-copy{left:31.5%!important;right:.58cqw!important;top:1.72cqw!important;bottom:.38cqw!important}
.player-card-copy h4{color:#15171b!important}
.player-meta,.fitness-line,.status-chip,.player-card small,.player-card span,.player-card p{color:#5f6a76!important}
.status-chip{background:#f7fafc!important;border:1px solid #d9e0e7!important}
.fitness-line>div{background:#dfe6ec!important;border:0!important}
.fitness-line i{background:linear-gradient(90deg,#0f7478,#2aa0a1)!important}
.fitness-line strong{color:#15171b!important}
.squad-summary{background:#fff!important;border-top:0!important;padding-top:0!important}
.summary-tile{background:#fff!important;border:1px solid #e1e5ea!important}
.summary-tile span,.summary-tile small{color:#66727d!important}.summary-tile strong{color:#15171b!important}
/* Transfers: restore heading row, use single crisp tab row, keep search results visible */
.transfer-workspace{
position:relative!important;
display:grid!important;
grid-template-rows:4.75cqw 2.8cqw 3.45cqw minmax(0,1fr)!important;
gap:.62cqw!important;
overflow:hidden!important;
}
.transfer-heading{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:1cqw!important;
min-width:0!important;
padding:0 1cqw!important;
background:#fff!important;
border-bottom:1px solid #e1e5ea!important;
}
.transfer-heading h2{margin:.08cqw 0 0!important;color:#15171b!important;font:900 1.7cqw/1 Arial,sans-serif!important}
.transfer-heading p{margin:.18cqw 0 0!important;color:#66727e!important;font:800 .48cqw/1.2 Arial,sans-serif!important}
.transfer-budget-block{background:#f8fafc!important;border:1px solid #e0e5ea!important;padding:.52cqw .72cqw!important;border-radius:.3cqw!important}
.transfer-subnav{
position:relative!important;
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
align-items:stretch!important;
height:2.8cqw!important;
padding:0!important;
background:#fff!important;
overflow:hidden!important;
}
.transfer-subnav::before,.office-subnav::before,.squad-subnav::before{content:"";position:absolute;inset:0;background:#fff;z-index:-1}
.transfer-subnav button,.office-subnav button,.squad-subnav button{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important}
.transfer-subnav button{font:900 .5cqw/1 Arial,sans-serif!important;letter-spacing:.06em!important}
.scouting-network-bar{
min-height:0!important;
height:3.45cqw!important;
background:#fff!important;
border:1px solid #e1e5ea!important;
border-radius:.34cqw!important;
overflow:hidden!important;
}
.transfer-pane{
min-height:0!important;
position:relative!important;
display:none!important;
background:#fff!important;
border:1px solid #e1e5ea!important;
border-radius:.36cqw!important;
overflow:hidden!important;
}
.transfer-pane.is-active{display:grid!important}
#transferSearchPane{grid-template-rows:auto auto minmax(0,1fr) auto!important}
#transferShortlistPane,#transferFreeAgentsPane{grid-template-rows:auto auto minmax(0,1fr)!important}
#transferHubPane{grid-template-rows:auto minmax(0,1fr)!important}
.transfer-filterbar{background:#fff!important;border-bottom:1px solid #e3e7eb!important;padding:.58cqw .72cqw!important}
.transfer-results{min-height:12cqw!important;overflow:auto!important;background:#fff!important}
.transfer-list-head,.transfer-list-footer{background:#fbfcfd!important}
.transfer-list-head{border-bottom:1px solid #e3e7eb!important}
.transfer-list-footer{border-top:1px solid #e3e7eb!important}
.transfer-player-row{height:4.22cqw!important;background:#fff!important}
.transfer-avatar{background:linear-gradient(180deg,#f2f5f8,#eef2f6)!important;border:1px solid #d9e0e6!important}
.transfer-avatar img{object-position:center bottom!important;transform:none!important}
/* Office: restore heading and use opaque panes so template text can't leak through */
.office-shell{
background:#fff!important;
border:1px solid #dfe3e8!important;
grid-template-rows:5.15cqw 2.85cqw minmax(0,1fr)!important;
overflow:hidden!important;
}
.office-heading{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:1cqw!important;
min-width:0!important;
padding:0 1.05cqw!important;
background:#fff!important;
border-bottom:1px solid #e1e5ea!important;
}
.office-title-lockup .eyebrow{display:block!important;color:#6a7580!important}
.office-title-lockup h2{display:block!important;margin:.08cqw 0 0!important;color:#15171b!important;font:900 1.68cqw/1 Arial,sans-serif!important}
.office-title-lockup p{display:block!important;margin:.18cqw 0 0!important;color:#66727e!important;font:800 .48cqw/1.2 Arial,sans-serif!important}
.office-confidence-mini{display:flex!important}
.office-heading-badge{background:linear-gradient(180deg,#fff,#f5f7fa)!important;border:1px solid #d8dde3!important}
.office-subnav{
display:grid!important;
grid-template-columns:1fr 1.35fr .92fr .95fr 1.15fr!important;
align-items:stretch!important;
height:2.85cqw!important;
background:#fff!important;
}
.office-stage{position:relative!important;overflow:hidden!important;background:#fff!important}
.office-stage::before{display:none!important}
.office-pane{position:absolute!important;inset:0!important;background:#fff!important}
.office-pane.is-active{display:block!important}
.office-message-toolbar,.office-section-heading{background:#fff!important}
/* Slightly smaller nav labels on tighter widths */
@media (max-width: 1600px){
.transfer-subnav button,.office-subnav button,.squad-subnav button{font-size:.47cqw!important;padding:0 .45cqw!important}
}
/* ========================================================================
V5 HARD RESET - remove supplied full-screen UI backplates and use only
live HTML panels. This prevents duplicate buttons, static ghost text,
and disappearing live content.
======================================================================== */
/* Replace full-page art UIs with clean live screens */
.squad-screen,
.transfers-screen,
.office-screen{
background:
radial-gradient(circle at 20% 12%, rgba(11,54,141,.05), transparent 18%),
radial-gradient(circle at 82% 16%, rgba(15,116,120,.05), transparent 16%),
linear-gradient(180deg,#f8fafc 0%,#eff3f7 100%) !important;
color:#15171b !important;
}
/* keep background helper layers fully hidden */
.squad-bg,.squad-shade,.transfers-bg,.transfers-shade,.office-bg,.office-shade{
display:none !important;
}
/* real topbar only */
.career-topbar{
display:grid !important;
position:absolute !important;
z-index:30 !important;
left:0 !important;
right:0 !important;
top:0 !important;
height:5.15cqw !important;
grid-template-columns:22% minmax(0,1fr) 16% !important;
align-items:center !important;
background:rgba(255,255,255,.96) !important;
border-bottom:1px solid #dbe2ea !important;
box-shadow:0 .3cqw 1.15cqw rgba(24,42,72,.08) !important;
backdrop-filter: blur(.18cqw);
}
.career-brand{padding:0 1.35cqw !important;gap:.72cqw !important}
.career-brand-mark{
width:2.3cqw !important;height:2.8cqw !important;
background:linear-gradient(180deg,#1a4db2,#0b368d) !important;
border:0 !important;color:#fff !important;
box-shadow:0 .15cqw .5cqw rgba(11,54,141,.18) !important;
}
.career-brand-copy strong{color:#0f1722 !important;font:900 .92cqw/1 Arial,sans-serif !important;letter-spacing:.04em !important}
.career-brand-copy small{color:#67727d !important;font:800 .42cqw/1 Arial,sans-serif !important;letter-spacing:.11em !important}
.career-tabs{
border:0 !important;
display:flex !important;align-items:center !important;justify-content:center !important;gap:.45cqw !important;
}
.career-tabs button{
height:2.2cqw !important;padding:0 1.05cqw !important;min-width:7.2cqw !important;
border:1px solid transparent !important;border-radius:.36cqw !important;
background:transparent !important;color:#15171b !important;
font:900 .72cqw/1 Arial,sans-serif !important;letter-spacing:.045em !important;
}
.career-tabs button:hover{background:#f5f8fc !important;color:#0b368d !important}
.career-tabs button.is-current{
background:#0b368d !important;color:#fff !important;border-color:#0b368d !important;
box-shadow:0 .18cqw .55cqw rgba(11,54,141,.18) !important;
}
.career-tabs button.is-current::after{display:none !important}
.career-tabs button[data-coming]{opacity:.72 !important}
.career-utilities{padding:0 1.2cqw !important;gap:.5cqw !important}
.career-club-mark{
width:2.7cqw !important;height:2.7cqw !important;padding:.18cqw !important;
background:#fff !important;border:1px solid #dbe2ea !important;border-radius:.32cqw !important;
box-shadow:0 .15cqw .45cqw rgba(20,37,67,.06) !important;
}
.career-util-btn{
width:2.35cqw !important;height:2.35cqw !important;border:1px solid #dbe2ea !important;border-radius:.32cqw !important;
background:#fff !important;color:#1e2836 !important;font:700 .95cqw/1 Arial,sans-serif !important;
}
.career-util-btn:hover{background:#f5f8fc !important;color:#0b368d !important}
/* shell layout */
.squad-shell,.transfers-shell,.office-shell{
position:absolute !important;
z-index:10 !important;
left:2.2% !important; right:2.2% !important;
top:6.15cqw !important; bottom:1.25cqw !important;
}
.squad-shell{display:grid !important;grid-template-columns:minmax(0,1fr) 29% !important;gap:.95cqw !important}
.transfers-shell{display:grid !important;grid-template-columns:minmax(0,1fr) 28.5% !important;gap:.95cqw !important}
.office-shell{display:grid !important;grid-template-rows:4.55cqw 2.7cqw minmax(0,1fr) !important}
/* universal card surfaces */
.squad-workspace,.player-profile,.transfer-workspace,.transfer-dossier,.office-shell,
.office-message-column,.office-message-reader,.office-board-content,.office-finances-content,
.office-contract-list-wrap,.office-contract-detail,.office-manager-content{
background:#fff !important;
color:#15171b !important;
border:1px solid #dde4eb !important;
border-radius:.46cqw !important;
box-shadow:0 .42cqw 1.3cqw rgba(24,42,72,.07) !important;
}
/* SQUAD */
.squad-workspace{
display:grid !important;
grid-template-rows:4.55cqw 2.7cqw minmax(0,1fr) !important;
gap:.7cqw !important;
padding:.85cqw !important;
overflow:hidden !important;
}
.squad-heading{
display:flex !important;align-items:center !important;justify-content:space-between !important;
padding:.4cqw .8cqw !important;
background:#fff !important;border:1px solid #e1e7ee !important;border-radius:.34cqw !important;
}
.squad-heading-badge{background:#fff !important;border:1px solid #dbe2ea !important;border-radius:.28cqw !important}
.squad-heading .eyebrow,.roster-kicker{color:#6d7884 !important}
.squad-heading h2{margin:.05cqw 0 0 !important;color:#15171b !important;font:900 1.45cqw/1 Arial,sans-serif !important;letter-spacing:.04em !important}
.squad-heading p{margin:.2cqw 0 0 !important;color:#66727e !important;font:800 .5cqw/1.2 Arial,sans-serif !important}
.squad-heading-metrics{display:grid !important;grid-template-columns:repeat(3,6.2cqw) !important;height:100% !important}
.squad-heading-metrics>div{display:grid !important;place-content:center !important;text-align:center !important;border-left:1px solid #e3e8ee !important;background:#fbfcfd !important}
.squad-heading-metrics span{color:#6c7783 !important}.squad-heading-metrics strong{color:#0b368d !important;font:900 1.02cqw/1 Arial,sans-serif !important}
.squad-subnav{
display:grid !important;grid-template-columns:1fr 1fr 1fr 9.25cqw !important;
height:2.7cqw !important;overflow:hidden !important;
background:#fff !important;border:1px solid #e1e7ee !important;border-radius:.34cqw !important;
}
.squad-subnav button{
height:100% !important;border:0 !important;border-right:1px solid #e1e7ee !important;
background:#fff !important;color:#15171b !important;font:900 .52cqw/1 Arial,sans-serif !important;letter-spacing:.05em !important;
}
.squad-subnav button:hover{background:#f6f9fc !important;color:#0b368d !important}
.squad-subnav button.is-active{background:#0b368d !important;color:#fff !important}
.squad-subnav button span{display:inline-grid !important;place-items:center !important;min-width:1.05cqw !important;height:1.05cqw !important;margin-left:.25cqw !important;border-radius:.18cqw !important;background:rgba(15,116,120,.12) !important;color:#0f7478 !important;font-size:.4cqw !important}
.squad-subnav button.is-active span{background:rgba(255,255,255,.16) !important;color:#fff !important}
.squad-season-chip{display:grid !important;place-content:center !important;background:#fbfcfd !important}
.squad-season-chip span{color:#6d7884 !important}.squad-season-chip strong{color:#15171b !important;font:800 .47cqw/1 Arial,sans-serif !important}
.squad-view{min-height:0 !important;overflow:auto !important;background:#fff !important;padding-right:.1cqw !important}
.squad-view:not(.is-active){display:none !important}
.squad-view.is-active{display:grid !important}
#seniorSquadView{grid-template-rows:auto auto auto auto !important;align-content:start !important;gap:.72cqw !important}
.swap-banner{display:none !important}
.roster-section{
display:block !important;
background:#fff !important;border:1px solid #e1e7ee !important;border-radius:.36cqw !important;overflow:hidden !important;
}
.roster-title,.roster-title.compact{
display:flex !important;align-items:center !important;justify-content:space-between !important;
min-height:2.85cqw !important;height:auto !important;padding:.68cqw .86cqw !important;
background:#fbfcfd !important;border-bottom:1px solid #e3e8ee !important;
}
.roster-title h3{margin:0 !important;color:#15171b !important;font:900 .85cqw/1 Arial,sans-serif !important;letter-spacing:.05em !important}
.roster-title p{margin:0 !important;color:#66727e !important;font:800 .45cqw/1.2 Arial,sans-serif !important}
.starter-grid,.subs-grid{
display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:.78cqw !important;padding:.78cqw !important;min-height:0 !important;height:auto !important;
}
.player-card{
position:relative !important;display:block !important;min-height:0 !important;height:11cqw !important;
background:#fff !important;color:#15171b !important;border:1px solid #dce3ea !important;border-radius:.42cqw !important;
box-shadow:0 .2cqw .8cqw rgba(20,37,67,.06) !important;overflow:hidden !important;
}
.player-card.is-sub{height:9.3cqw !important}
.player-card:hover,.player-card.is-selected{transform:translateY(-.08cqw) !important;border-color:#0b368d !important;box-shadow:0 .35cqw 1cqw rgba(11,54,141,.10) !important}
.player-card::after{display:none !important}
.player-card-top{left:.7cqw !important;right:.7cqw !important;top:.55cqw !important}
.role-tag{background:#f4f7fa !important;border:1px solid #d8e0e7 !important;color:#5d6874 !important}
.captain-mark{background:#d8bb70 !important;color:#1e2836 !important}
.card-ovr strong{color:#15171b !important;text-shadow:none !important}
.card-ovr small{color:#6d7884 !important}
.player-portrait{left:.55cqw !important;top:1.85cqw !important;bottom:.45cqw !important;width:32% !important}
.player-card.is-sub .player-portrait{left:.55cqw !important;top:1.45cqw !important;bottom:.35cqw !important;width:29% !important}
.portrait-halo{background:#fbfdfe !important;border:1px solid #dbe3ea !important;box-shadow:none !important}
.player-card-copy{left:36% !important;right:.65cqw !important;top:2.5cqw !important;bottom:.5cqw !important;justify-content:flex-start !important}
.player-card.is-sub .player-card-copy{left:32% !important;top:1.65cqw !important;right:.55cqw !important;bottom:.35cqw !important}
.player-card-copy h4,.player-card-copy strong{color:#15171b !important}
.player-meta,.fitness-line strong,.player-card small,.player-card span,.player-card p{color:#66727e !important}
.status-chip{background:#f7fafc !important;border:1px solid #dbe2e9 !important;color:#5f6a76 !important}
.fitness-line>div{background:#e3e9ee !important}
.fitness-line i{background:linear-gradient(90deg,#0f7478,#2aa0a1) !important}
.squad-summary{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:.72cqw !important;background:transparent !important;border:0 !important;padding:0 !important}
.summary-tile{background:#fff !important;border:1px solid #e1e7ee !important;border-radius:.36cqw !important;min-height:7.6cqw !important;padding:.9cqw !important}
.summary-tile span,.summary-tile small{color:#67727e !important}.summary-tile strong{color:#15171b !important}
.player-profile{padding:.9cqw !important;overflow:auto !important}
.profile-hero,.profile-section,.profile-detail-grid>div{background:#fff !important;border:1px solid #e1e7ee !important;color:#15171b !important}
.profile-hero-copy h3,.profile-section h4,.profile-detail-grid strong{color:#15171b !important}
.profile-hero-copy p,.profile-section span,.profile-detail-grid span{color:#66727e !important}
.profile-overall strong{color:#0b368d !important}
.profile-avatar-stage{background:#f7fafc !important;border-color:#dce4ea !important}
.stat-meter,.profile-meter{background:#e3e9ee !important}.stat-meter i,.profile-meter i{background:#0f7478 !important}
/* TRANSFERS */
.transfer-workspace{
display:grid !important;
grid-template-rows:4.55cqw 2.7cqw 3.3cqw minmax(0,1fr) !important;
gap:.7cqw !important;
padding:.85cqw !important;
overflow:hidden !important;
}
.transfer-heading{
display:flex !important;align-items:center !important;justify-content:space-between !important;
padding:.4cqw .8cqw !important;
background:#fff !important;border:1px solid #e1e7ee !important;border-radius:.34cqw !important;
}
.transfer-heading .eyebrow{color:#6d7884 !important}
.transfer-heading h2{margin:.05cqw 0 0 !important;color:#15171b !important;font:900 1.45cqw/1 Arial,sans-serif !important;letter-spacing:.04em !important}
.transfer-heading p{margin:.2cqw 0 0 !important;color:#66727e !important;font:800 .5cqw/1.2 Arial,sans-serif !important}
.transfer-budget-block{min-width:10.8cqw !important;height:auto !important;padding:.55cqw .75cqw !important;background:#fbfcfd !important;border:1px solid #e1e7ee !important;border-radius:.3cqw !important;text-align:right !important}
.transfer-budget-block span,.transfer-budget-block small{color:#6c7783 !important}.transfer-budget-block strong{color:#0b368d !important;font:900 1.1cqw/1 Arial,sans-serif !important}
.transfer-subnav{
display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;
height:2.7cqw !important;overflow:hidden !important;
background:#fff !important;border:1px solid #e1e7ee !important;border-radius:.34cqw !important;
}
.transfer-subnav button{
height:100% !important;border:0 !important;border-right:1px solid #e1e7ee !important;
background:#fff !important;color:#15171b !important;font:900 .52cqw/1 Arial,sans-serif !important;letter-spacing:.05em !important;
}
.transfer-subnav button:last-child{border-right:0 !important}
.transfer-subnav button:hover{background:#f6f9fc !important;color:#0b368d !important}
.transfer-subnav button.is-active{background:#0b368d !important;color:#fff !important}
.transfer-subnav button span{display:inline-grid !important;place-items:center !important;min-width:1.05cqw !important;height:1.05cqw !important;margin-left:.25cqw !important;border-radius:50% !important;background:rgba(15,116,120,.12) !important;color:#0f7478 !important;font-size:.4cqw !important}
.transfer-subnav button.is-active span{background:rgba(255,255,255,.16) !important;color:#fff !important}
.scouting-network-bar{display:grid !important;grid-template-columns:16% minmax(0,1fr) 14% !important;gap:.55cqw !important;height:3.3cqw !important;padding:.52cqw !important;background:#fff !important;border:1px solid #e1e7ee !important;border-radius:.34cqw !important;overflow:hidden !important}
.scout-network-title,.scout-slot,.advance-scout-day{background:#fbfcfd !important;border:1px solid #e1e7ee !important;color:#15171b !important;border-radius:.28cqw !important}
.scout-network-title{display:grid !important;align-content:center !important;padding:0 .65cqw !important}
.scout-network-title span,.scout-network-title small,.scout-slot small{color:#6c7783 !important}.scout-network-title strong,.scout-slot b,.advance-scout-day strong{color:#15171b !important}
.scout-slots{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:.55cqw !important}
.scout-slot{display:grid !important;align-content:center !important;padding:0 .65cqw !important}.scout-slot span{color:#0f7478 !important}
.advance-scout-day{display:grid !important;place-content:center !important;padding:0 .4cqw !important;cursor:pointer !important}
.transfer-pane{min-height:0 !important;display:none !important;background:#fff !important;border:1px solid #e1e7ee !important;border-radius:.36cqw !important;overflow:hidden !important}
.transfer-pane.is-active{display:grid !important}
#transferSearchPane{grid-template-rows:auto auto minmax(0,1fr) auto !important}
#transferShortlistPane,#transferFreeAgentsPane{grid-template-rows:auto auto minmax(0,1fr) !important}
#transferHubPane{grid-template-rows:auto minmax(0,1fr) !important}
.transfer-filterbar{display:grid !important;grid-template-columns:1.6fr repeat(5,.78fr) auto !important;gap:.45cqw !important;align-items:end !important;padding:.6cqw !important;background:#fff !important;border-bottom:1px solid #e3e8ee !important}
.transfer-filterbar label{display:grid !important;gap:.22cqw !important}
.transfer-filterbar label>span{color:#6c7783 !important;font:800 .4cqw/1 Arial,sans-serif !important;letter-spacing:.09em !important}
.transfer-filterbar input,.transfer-filterbar select{height:1.95cqw !important;background:#fff !important;color:#15171b !important;border:1px solid #cfd8e2 !important;border-radius:.24cqw !important;padding:0 .55cqw !important;font:700 .49cqw/1 Arial,sans-serif !important}
.transfer-clear-btn{height:1.95cqw !important;background:#fff !important;color:#0b368d !important;border:1px solid #0b368d !important;border-radius:.24cqw !important;font:900 .45cqw/1 Arial,sans-serif !important;letter-spacing:.05em !important}
.transfer-list-head,.transfer-player-row{
display:grid !important;grid-template-columns:2.25fr 1.55fr 1.05fr .55fr .65fr .95fr !important;align-items:center !important;gap:.4cqw !important;
}
.transfer-list-head{padding:.45cqw .75cqw !important;background:#fbfcfd !important;color:#68727e !important;border-bottom:1px solid #e3e8ee !important;font:800 .39cqw/1 Arial,sans-serif !important;letter-spacing:.11em !important}
.transfer-results{display:block !important;min-height:0 !important;overflow:auto !important;background:#fff !important}
.transfer-player-row{width:100% !important;padding:.6cqw .75cqw !important;min-height:4cqw !important;border:0 !important;border-bottom:1px solid #e7ecf1 !important;background:#fff !important;color:#15171b !important;text-align:left !important}
.transfer-player-row:nth-child(even){background:#fbfcfd !important}
.transfer-player-row:hover,.transfer-player-row.is-selected{background:#f5f9ff !important}
.transfer-player-row.is-selected{box-shadow:inset .16cqw 0 0 #0b368d !important}
.transfer-player-main{display:grid !important;grid-template-columns:3.05cqw minmax(0,1fr) !important;gap:.6cqw !important;align-items:center !important}
.transfer-avatar{display:grid !important;place-items:center !important;width:3.05cqw !important;height:3.05cqw !important;background:linear-gradient(180deg,#f6f9fc,#eef3f7) !important;border:1px solid #dbe3ea !important;border-radius:.28cqw !important;overflow:hidden !important}
.transfer-avatar img{max-width:94% !important;max-height:94% !important;object-fit:contain !important;object-position:center bottom !important}
.transfer-player-copy strong,.transfer-ovr,.transfer-value{color:#15171b !important}
.transfer-player-copy small,.transfer-club-cell span,.transfer-role-cell,.transfer-value small,.transfer-num{color:#66727e !important}
.transfer-club-cell{display:grid !important;grid-template-columns:1.5cqw minmax(0,1fr) !important;gap:.38cqw !important;align-items:center !important}
.transfer-club-cell img{width:1.35cqw !important;height:1.35cqw !important;object-fit:contain !important}
.transfer-value{text-align:right !important;font:800 .56cqw/1 Arial,sans-serif !important}.transfer-value small{display:block !important;margin-top:.12cqw !important;font:800 .33cqw/1 Arial,sans-serif !important}
.transfer-list-footer{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:.45cqw .75cqw !important;background:#fbfcfd !important;border-top:1px solid #e3e8ee !important;color:#66727e !important;font:800 .4cqw/1 Arial,sans-serif !important}
.transfer-hub-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:.75cqw !important;padding:.75cqw !important;overflow:auto !important}
.transfer-hub-card,.transfer-pane-intro{background:#fff !important;border:1px solid #e1e7ee !important;color:#15171b !important;border-radius:.36cqw !important}
.transfer-pane-intro{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:.75cqw !important}
.transfer-pane-intro h3{margin:.1cqw 0 0 !important;color:#15171b !important}.transfer-pane-intro p{margin:.2cqw 0 0 !important;color:#66727e !important}
.transfer-dossier{padding:.85cqw !important;overflow:auto !important}
.dossier-topline,.dossier-scout-strip,.dossier-hero,.dossier-section,.dossier-fact-grid>div,.dossier-risk-note{background:#fff !important;color:#15171b !important;border-color:#e1e7ee !important}
.dossier-hero h3,.dossier-section h4,.dossier-fact-grid strong{color:#15171b !important}
.dossier-hero p,.dossier-section span,.dossier-fact-grid span,.dossier-report p{color:#66727e !important}
.dossier-avatar-stage{background:#f7fafc !important;border-color:#dce4ea !important}
.dossier-ovr strong{color:#0b368d !important}
.dossier-actions button,.transfer-action-primary{border-radius:.26cqw !important}
.transfer-action-primary,.dossier-actions .primary-btn,.dossier-actions .dossier-primary{background:#0b368d !important;color:#fff !important;border-color:#0b368d !important}
.transfer-action-secondary,#toggleShortlist{background:#fff !important;color:#0b368d !important;border:1px solid #0b368d !important}
/* OFFICE */
.office-shell{background:#fff !important;overflow:hidden !important}
.office-heading{
display:flex !important;align-items:center !important;justify-content:space-between !important;
padding:.45cqw .9cqw !important;background:#fff !important;border-bottom:1px solid #e2e8ee !important;
}
.office-title-lockup{display:flex !important;align-items:center !important;gap:.72cqw !important}
.office-heading-badge{width:3.1cqw !important;height:3.1cqw !important;display:grid !important;place-items:center !important;padding:.18cqw !important;background:#fff !important;border:1px solid #dbe2ea !important;border-radius:.28cqw !important}
.office-title-lockup .eyebrow,.office-kicker{color:#6d7884 !important}
.office-title-lockup h2{margin:.05cqw 0 0 !important;color:#15171b !important;font:900 1.45cqw/1 Arial,sans-serif !important;letter-spacing:.04em !important}
.office-title-lockup p{margin:.2cqw 0 0 !important;color:#66727e !important;font:800 .5cqw/1.2 Arial,sans-serif !important}
.office-confidence-mini>div{background:#fbfcfd !important;border:1px solid #e1e7ee !important;color:#15171b !important}
.office-confidence-mini span,.office-confidence-mini small{color:#6c7783 !important}.office-confidence-mini strong{color:#0b368d !important}
.office-subnav{display:grid !important;grid-template-columns:1fr 1.25fr .95fr .95fr 1.15fr !important;height:2.7cqw !important;background:#fff !important;border-bottom:1px solid #e2e8ee !important}
.office-subnav button{height:100% !important;border:0 !important;border-right:1px solid #e1e7ee !important;background:#fff !important;color:#15171b !important;font:900 .5cqw/1 Arial,sans-serif !important;letter-spacing:.05em !important}
.office-subnav button:hover{background:#f6f9fc !important;color:#0b368d !important}.office-subnav button.is-active{background:#0b368d !important;color:#fff !important}
.office-subnav button span{display:inline-grid !important;place-items:center !important;min-width:1.05cqw !important;height:1.05cqw !important;margin-left:.25cqw !important;border-radius:.18cqw !important;background:rgba(15,116,120,.12) !important;color:#0f7478 !important;font-size:.4cqw !important}
.office-subnav button.is-active span{background:rgba(255,255,255,.16) !important;color:#fff !important}
.office-stage{position:relative !important;background:#fff !important;overflow:hidden !important}
.office-pane{position:absolute !important;inset:0 !important;display:none !important;background:#fff !important}
.office-pane.is-active{display:block !important}
.office-inbox-layout,.office-contracts-layout{height:100% !important}
.office-message-toolbar,.office-section-heading{background:#fff !important;border-bottom:1px solid #e2e8ee !important}
@media (max-width:1600px){
.career-tabs button{min-width:6.4cqw !important;font-size:.64cqw !important}
.squad-subnav button,.transfer-subnav button,.office-subnav button{font-size:.47cqw !important}
}
/* ========================================================================
V6 STABILITY PASS
- restore the supplied Velmora top/bottom chrome
- keep the live content completely separate from the full-screen backplate
- force Squad/Transfers into simple flex layouts so content cannot collapse
======================================================================== */
/* Revert V5 topbar/logo change: use the supplied art strip again. */
.career-topbar{display:none!important}
.squad-screen::before,.transfers-screen::before,.office-screen::before{
content:"";position:absolute;z-index:22;left:0;right:0;top:0;height:7.7%;
background-repeat:no-repeat;background-size:100% auto;background-position:top center;
pointer-events:none;
}
.squad-screen::after,.transfers-screen::after,.office-screen::after{
content:"";position:absolute;z-index:22;left:0;right:0;bottom:0;height:8.5%;
background-repeat:no-repeat;background-size:100% auto;background-position:bottom center;
pointer-events:none;
}
.squad-screen::before,.squad-screen::after{background-image:url('assets/ui-v2/squad.webp')}
.transfers-screen::before,.transfers-screen::after{background-image:url('assets/ui-v2/transfers.webp')}
.office-screen::before,.office-screen::after{background-image:url('assets/ui-v2/office.webp')}
.art-top-hitnav,.art-utility-hitnav,.art-bottom-hitnav{display:grid!important;z-index:50!important}
/* Clean middle canvas only; no full-page supplied UI underneath. */
.squad-screen,.transfers-screen,.office-screen{
background:linear-gradient(180deg,#f8fafc 0%,#eff3f7 100%)!important;
}
/* Content sits strictly between the restored art strips. */
.squad-shell,.transfers-shell,.office-shell{
top:8.55%!important;bottom:9.15%!important;
left:2.35%!important;right:2.35%!important;
z-index:10!important;
}
/* ---------------- SQUAD: simple flex stack, never collapse ---------------- */
.squad-shell{display:grid!important;grid-template-columns:minmax(0,1fr) 29.2%!important;gap:.95cqw!important}
.squad-workspace{
display:flex!important;flex-direction:column!important;gap:.65cqw!important;
min-width:0!important;min-height:0!important;height:100%!important;
padding:.8cqw!important;background:#fff!important;
border:1px solid #dde4eb!important;border-radius:.45cqw!important;overflow:hidden!important;
}
.squad-heading{flex:0 0 4.25cqw!important;min-height:0!important}
.squad-subnav{flex:0 0 2.62cqw!important;min-height:0!important}
.squad-view{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:0!important;background:#fff!important;border:0!important}
.squad-view:not(.is-active){display:none!important}
.squad-view.is-active{display:flex!important;flex-direction:column!important;gap:.65cqw!important}
#seniorSquadView{display:flex!important;flex-direction:column!important;gap:.65cqw!important;align-content:unset!important}
#seniorSquadView:not(.is-active){display:none!important}
.roster-section{display:block!important;flex:0 0 auto!important;background:#fff!important;border:1px solid #e1e7ee!important;border-radius:.36cqw!important;overflow:hidden!important}
.roster-title,.roster-title.compact{min-height:2.55cqw!important;height:auto!important;padding:.55cqw .8cqw!important}
.starter-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.7cqw!important;padding:.7cqw!important;height:11.15cqw!important;min-height:11.15cqw!important}
.subs-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.7cqw!important;padding:.65cqw .7cqw!important;height:9.45cqw!important;min-height:9.45cqw!important}
.player-card{display:block!important;position:relative!important;height:100%!important;min-height:0!important;visibility:visible!important;opacity:1!important}
.player-card.is-sub{height:100%!important}
.squad-summary{flex:0 0 6.6cqw!important;min-height:6.6cqw!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.65cqw!important}
.summary-tile{min-height:0!important;height:100%!important}
.player-profile{height:100%!important;min-height:0!important;overflow:auto!important;background:#fff!important}
/* ---------------- TRANSFERS: simple flex stack, always show rows ---------------- */
.transfers-shell{display:grid!important;grid-template-columns:minmax(0,1fr) 28.8%!important;gap:.95cqw!important}
.transfer-workspace{
display:flex!important;flex-direction:column!important;gap:.65cqw!important;
min-width:0!important;min-height:0!important;height:100%!important;
padding:.8cqw!important;background:#fff!important;
border:1px solid #dde4eb!important;border-radius:.45cqw!important;overflow:hidden!important;
}
.transfer-heading{display:flex!important;flex:0 0 4.25cqw!important;min-height:0!important}
.transfer-subnav{display:grid!important;flex:0 0 2.62cqw!important;min-height:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.scouting-network-bar{display:grid!important;flex:0 0 3.12cqw!important;min-height:0!important}
.transfer-pane{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;background:#fff!important}
.transfer-pane:not(.is-active){display:none!important}
.transfer-pane.is-active{display:flex!important;flex-direction:column!important}
.transfer-filterbar{flex:0 0 auto!important;display:grid!important}
.transfer-list-head{flex:0 0 1.9cqw!important;display:grid!important}
.transfer-results{display:block!important;flex:1 1 auto!important;min-height:8cqw!important;overflow:auto!important;background:#fff!important;visibility:visible!important;opacity:1!important}
.transfer-player-row{display:grid!important;visibility:visible!important;opacity:1!important;min-height:4.05cqw!important;height:auto!important}
.transfer-list-footer{flex:0 0 1.85cqw!important;display:flex!important}
#transferShortlistPane .transfer-pane-intro,#transferFreeAgentsPane .transfer-pane-intro,#transferHubPane .transfer-pane-intro{flex:0 0 auto!important}
#shortlistResults,#freeAgentResults{flex:1 1 auto!important;min-height:8cqw!important;overflow:auto!important}
.transfer-hub-grid{flex:1 1 auto!important;min-height:0!important;overflow:auto!important}
.transfer-dossier{height:100%!important;min-height:0!important;overflow:auto!important;background:#fff!important}
/* one row of live transfer tabs only */
.transfer-subnav button{position:relative!important;margin:0!important;min-width:0!important;padding:0 .45cqw!important}
.transfer-subnav button::after{display:none!important}
/* ---------------- OFFICE: keep the restored art chrome but live content only ---------------- */
.office-shell{height:auto!important;background:#fff!important;overflow:hidden!important}
@media (max-width:1600px){
.starter-grid{height:10.7cqw!important;min-height:10.7cqw!important}
.subs-grid{height:9.1cqw!important;min-height:9.1cqw!important}
.squad-summary{flex-basis:6.2cqw!important;min-height:6.2cqw!important}
.transfer-subnav button,.squad-subnav button,.office-subnav button{font-size:.46cqw!important}
}
/* ========================================================================
V7 SURGICAL POLISH
- explicit supplied-art chrome on Squad / Transfers / Office
- no visual hitbox overlays
- reset legacy fixed-position headings
- compact Squad stats/header alignment
- transfer list hard visibility guard
======================================================================== */
/* Disable the pseudo-element strips from V6; explicit chrome is safer. */
.squad-screen::before,.transfers-screen::before,.office-screen::before,
.squad-screen::after,.transfers-screen::after,.office-screen::after{content:none!important;display:none!important}
.career-art-top-chrome,.career-art-bottom-chrome{
position:absolute;left:0;right:0;z-index:44;overflow:hidden;pointer-events:none;background-repeat:no-repeat;background-size:100% auto;
}
.career-art-top-chrome{top:0;height:7.75%;background-position:top center}
.career-art-bottom-chrome{bottom:0;height:8.65%;background-position:bottom center}
.squad-screen .career-art-top-chrome,.squad-screen .career-art-bottom-chrome{background-image:url('assets/ui-v2/squad.webp')}
.transfers-screen .career-art-top-chrome,.transfers-screen .career-art-bottom-chrome{background-image:url('assets/ui-v2/transfers.webp')}
.office-screen .career-art-top-chrome,.office-screen .career-art-bottom-chrome{background-image:url('assets/ui-v2/office.webp')}
/* Invisible but accurately aligned interaction layer over the supplied chrome. */
.art-top-hitnav{
left:21.85%!important;top:.15%!important;width:49.3%!important;height:7.15%!important;
grid-template-columns:1.12fr .9fr 1.13fr 1fr 1.28fr .78fr!important;gap:0!important;z-index:55!important;
}
.art-utility-hitnav{right:2.1%!important;top:.2%!important;width:17.4%!important;height:6.8%!important;grid-template-columns:repeat(4,1fr)!important;z-index:55!important}
.art-bottom-hitnav{z-index:55!important}
.art-top-hitnav button,.art-utility-hitnav button,.art-bottom-hitnav button{
background:transparent!important;box-shadow:none!important;border:0!important;outline:0!important;
}
.art-top-hitnav button:hover,.art-top-hitnav button:focus-visible,
.art-utility-hitnav button:hover,.art-utility-hitnav button:focus-visible,
.art-bottom-hitnav button:hover,.art-bottom-hitnav button:focus-visible{
background:transparent!important;box-shadow:none!important;
}
/* Keep live content strictly below/above supplied chrome. */
.squad-shell,.transfers-shell,.office-shell{top:8.35%!important;bottom:9.05%!important}
/* Kill stale fixed-position rules left from the earlier art-overlay experiments. */
.squad-heading,.transfer-heading{
position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
width:auto!important;height:auto!important;z-index:auto!important;
}
.transfer-heading .eyebrow,.transfer-heading h2,.transfer-heading p{display:block!important}
/* Squad header: compact, aligned, and never sitting over STARTING THREE. */
.squad-workspace{padding:.72cqw!important;gap:.55cqw!important}
.squad-heading{
flex:0 0 3.45cqw!important;min-height:3.45cqw!important;
padding:.28cqw .6cqw!important;border:1px solid #e1e7ee!important;border-radius:.34cqw!important;background:#fff!important;
}
.squad-heading-badge{width:2.55cqw!important;height:2.55cqw!important;padding:.12cqw!important;flex:0 0 auto!important}
.squad-club-lockup{gap:.55cqw!important}
.squad-heading .eyebrow{font-size:.32cqw!important;letter-spacing:.13em!important}
.squad-heading h2{font-size:1.05cqw!important;line-height:1!important;margin:.05cqw 0 0!important}
.squad-heading p{font-size:.39cqw!important;line-height:1.1!important;margin:.1cqw 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.squad-heading-metrics{grid-template-columns:repeat(3,5.2cqw)!important;height:2.55cqw!important;align-self:center!important}
.squad-heading-metrics>div{border:1px solid #e0e6ec!important;border-left-width:1px!important;background:#fbfcfd!important}
.squad-heading-metrics span{font-size:.3cqw!important;letter-spacing:.08em!important}
.squad-heading-metrics strong{font-size:.8cqw!important;margin-top:.08cqw!important}
.squad-subnav{flex:0 0 2.35cqw!important;height:2.35cqw!important;min-height:2.35cqw!important}
.squad-subnav button{font-size:.46cqw!important}
.squad-season-chip span{font-size:.28cqw!important}.squad-season-chip strong{font-size:.4cqw!important}
.roster-title,.roster-title.compact{min-height:2.25cqw!important;padding:.45cqw .7cqw!important}
.roster-title h3{font-size:.72cqw!important}.roster-title p{font-size:.38cqw!important}.roster-kicker{font-size:.31cqw!important}
.starter-grid{height:10.6cqw!important;min-height:10.6cqw!important}
.subs-grid{height:8.75cqw!important;min-height:8.75cqw!important}
.squad-summary{flex-basis:5.75cqw!important;min-height:5.75cqw!important}
.summary-tile{padding:.62cqw!important}
.player-profile{padding:.72cqw!important}
/* Transfer header and rows stay in normal flow. */
.transfer-workspace{padding:.72cqw!important;gap:.55cqw!important}
.transfer-heading{
flex:0 0 3.45cqw!important;min-height:3.45cqw!important;
padding:.3cqw .7cqw!important;border:1px solid #e1e7ee!important;border-radius:.34cqw!important;background:#fff!important;
}
.transfer-heading .eyebrow{font-size:.31cqw!important;letter-spacing:.12em!important}
.transfer-heading h2{font-size:1.05cqw!important;margin:.05cqw 0 0!important;line-height:1!important}
.transfer-heading p{font-size:.39cqw!important;margin:.1cqw 0 0!important;line-height:1.1!important}
.transfer-budget-block{
position:relative!important;right:auto!important;top:auto!important;min-width:8.7cqw!important;height:2.55cqw!important;
padding:.3cqw .55cqw!important;border:1px solid #e1e7ee!important;background:#fbfcfd!important;align-self:center!important;
}
.transfer-budget-block span{font-size:.29cqw!important}.transfer-budget-block strong{font-size:.85cqw!important}.transfer-budget-block small{font-size:.27cqw!important}
.transfer-subnav{flex:0 0 2.35cqw!important;height:2.35cqw!important;min-height:2.35cqw!important}
.transfer-subnav button{font-size:.46cqw!important}
.scouting-network-bar{flex:0 0 2.75cqw!important;height:2.75cqw!important;min-height:2.75cqw!important}
.transfer-pane.is-active{display:flex!important;flex-direction:column!important;min-height:0!important}
#transferSearchPane{display:flex!important;flex-direction:column!important}
.transfer-filterbar{flex:0 0 auto!important}
.transfer-list-head{flex:0 0 1.72cqw!important}
.transfer-results{display:block!important;flex:1 1 auto!important;min-height:10cqw!important;overflow-y:auto!important;visibility:visible!important;opacity:1!important}
.transfer-results:empty::after{content:'Loading player market…';display:grid;place-items:center;height:100%;min-height:10cqw;color:#74808c;font:800 .48cqw/1 Arial,sans-serif}
.transfer-player-row{display:grid!important;width:100%!important;min-height:3.8cqw!important;visibility:visible!important;opacity:1!important}
.transfer-list-footer{flex:0 0 1.7cqw!important}
.transfer-dossier{padding:.68cqw!important}
/* Office top hit target alignment: CLUB is the narrower final slot in the art. */
.office-screen .art-top-hitnav{grid-template-columns:1.12fr .9fr 1.13fr 1fr 1.28fr .78fr!important}
@media (max-width:1500px){
.squad-heading-metrics{grid-template-columns:repeat(3,4.8cqw)!important}
.squad-heading h2,.transfer-heading h2{font-size:.96cqw!important}
.art-top-hitnav{left:21.7%!important;width:49.6%!important}
}
/* ===== V8 surgical clean-up: compact match crests + stricter avatar isolation ===== */
.central-club-badge,.matchday-badge,.results-badge{overflow:hidden;display:grid;place-items:center}
.compact-crest{width:72%;height:72%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#2d5fd1 0%,#153d97 45%,#0d2e7b 100%);clip-path:polygon(50% 0,92% 10%,92% 66%,50% 100%,8% 66%,8% 10%);box-shadow:inset 0 .12cqw .18cqw rgba(255,255,255,.22),0 .18cqw .4cqw rgba(15,34,78,.16);border:.08cqw solid rgba(214,182,102,.72)}
.compact-crest span{display:block;color:#fff;font:900 1.15cqw/1 Arial,sans-serif;letter-spacing:.12em;text-shadow:0 .08cqw .12cqw rgba(0,0,0,.25);transform:translateY(.02cqw)}
.matchday-badge .compact-crest span,.results-badge .compact-crest span{font-size:1.05cqw}
.central-club-badge img,.matchday-badge img,.results-badge img{display:none!important}
/* V9 shield-fit patch: restore real club artwork and fit it into a shield frame */
.central-club-badge,
.matchday-badge,
.results-badge{
background:transparent !important;
border:0 !important;
border-radius:0 !important;
clip-path:none !important;
box-shadow:none !important;
overflow:visible !important;
}
.central-club-badge img,
.matchday-badge img,
.results-badge img{
display:block !important;
}
.compact-crest{display:none !important;}
.fitted-shield{
position:relative;
width:100%;
height:100%;
display:grid;
place-items:center;
}
.fitted-shield-frame{
position:absolute;
inset:2% 4%;
background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(243,246,250,.98));
border:.08cqw solid #d7dde5;
clip-path:polygon(50% 0,93% 10%,93% 66%,50% 100%,7% 66%,7% 10%);
box-shadow:0 .42cqw 1.15cqw rgba(21,37,67,.10), inset 0 .08cqw .12cqw rgba(255,255,255,.55);
}
.fitted-shield-frame::after{
content:"";
position:absolute;
inset:4.5% 5.5%;
border:.06cqw solid rgba(196,204,215,.65);
clip-path:polygon(50% 0,93% 10%,93% 66%,50% 100%,7% 66%,7% 10%);
}
.fitted-shield-media{
position:absolute;
inset:9% 17% 17% 17%;
clip-path:polygon(50% 0,92% 10%,92% 66%,50% 100%,8% 66%,8% 10%);
overflow:hidden;
display:grid;
place-items:stretch;
background:linear-gradient(180deg,#ffffff,#eef2f7);
box-shadow:inset 0 0 0 .05cqw rgba(204,211,221,.6);
}
.fitted-shield-media img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center;
transform:none !important;
filter:none !important;
}
.fitted-shield-fallback{
width:100%;
height:100%;
display:grid;
place-items:center;
background:radial-gradient(circle at 35% 28%,#2d5fd1 0%,#153d97 45%,#0d2e7b 100%);
color:#fff;
font:900 1.15cqw/1 Arial,sans-serif;
letter-spacing:.12em;
text-shadow:0 .08cqw .12cqw rgba(0,0,0,.25);
}
.matchday-badge .fitted-shield-media,
.results-badge .fitted-shield-media{
inset:10% 17% 16% 17%;
}
.matchday-badge .fitted-shield-fallback,
.results-badge .fitted-shield-fallback{
font-size:1.05cqw;
}
.central-club-badge .fitted-shield-frame{inset:1.5% 4.5%;}
.matchday-badge .fitted-shield-frame{inset:2.5% 4%;}
.results-badge .fitted-shield-frame{inset:2.5% 4%;}
/* ===== V10 squad management, readability and chrome fixes ===== */
.squad-screen .career-topbar,
.transfers-screen .career-topbar,
.office-screen .career-topbar{display:grid!important;z-index:45!important}
.squad-screen .art-top-hitnav,
.squad-screen .art-utility-hitnav,
.squad-screen .art-bottom-hitnav,
.transfers-screen .art-top-hitnav,
.transfers-screen .art-utility-hitnav,
.transfers-screen .art-bottom-hitnav,
.office-screen .art-top-hitnav,
.office-screen .art-utility-hitnav,
.office-screen .art-bottom-hitnav,
.squad-screen .career-art-top-chrome,
.squad-screen .career-art-bottom-chrome,
.transfers-screen .career-art-top-chrome,
.transfers-screen .career-art-bottom-chrome,
.office-screen .career-art-top-chrome,
.office-screen .career-art-bottom-chrome{display:none!important}
.career-topbar{
height:5.05cqw!important;
grid-template-columns:27.5% minmax(0,1fr) 18%!important;
background:linear-gradient(180deg,rgba(248,250,252,.985),rgba(240,244,248,.985))!important;
border-bottom:1px solid #d7dde6!important;
box-shadow:0 .3cqw 1.2cqw rgba(18,40,82,.08)!important;
}
.career-brand{padding:0 1.2cqw!important;gap:.7cqw!important}
.career-brand-mark{
width:2.2cqw!important;height:2.55cqw!important;border-radius:.22cqw!important;clip-path:none!important;
background:linear-gradient(180deg,#123b97,#0b2f82)!important;border:0!important;color:#fff!important;
font:900 1.05cqw/1 Georgia,serif!important;box-shadow:none!important;
}
.career-brand-copy strong{color:#15171b!important;font:900 .96cqw/1 Arial,sans-serif!important;letter-spacing:.035em!important}
.career-brand-copy small{color:#68717d!important;font:800 .43cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
.career-tabs{border-left:1px solid #e3e7ed!important;border-right:1px solid #e3e7ed!important}
.career-tabs button{color:#5c6470!important;background:transparent!important;font:900 .58cqw/1 Arial,sans-serif!important;border-right:1px solid #e3e7ed!important}
.career-tabs button:hover{background:#f5f8ff!important;color:#0b368d!important}
.career-tabs button.is-current{background:linear-gradient(180deg,#123b97,#0b2f82)!important;color:#fff!important}
.career-tabs button.is-current:after{left:0!important;right:0!important;bottom:0!important;height:.18cqw!important;background:#e2b85e!important}
.career-utilities{gap:.55cqw!important;padding:0 1.05cqw!important}
.career-club-mark{width:2.6cqw!important;height:2.6cqw!important;padding:.18cqw!important;background:#fff!important;border:1px solid #d9dfe7!important;border-radius:.32cqw!important}
.career-club-mark img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}
.career-util-btn{width:2.25cqw!important;height:2.25cqw!important;border:1px solid #d9dfe7!important;border-radius:.3cqw!important;background:#fff!important;color:#4b5360!important;font:900 .95cqw/1 Arial,sans-serif!important}
.career-util-btn:hover{background:#f5f8ff!important;color:#0b368d!important}
.squad-shell,.transfers-shell,.office-shell{top:6.45cqw!important}
.squad-workspace{grid-template-rows:4.3cqw 2.65cqw 18.1cqw 13.4cqw minmax(5.5cqw,1fr)!important}
.squad-heading{display:flex!important;position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;padding:.55cqw 1.05cqw!important;background:#fff!important;border:1px solid #e1e5ea!important;border-radius:.35cqw!important;box-shadow:0 .35cqw .9cqw rgba(18,40,82,.05)!important}
.squad-heading .eyebrow,.squad-heading h2,.squad-heading-metrics{display:unset!important}
.squad-heading .eyebrow{display:block!important;color:#6f7782!important;font:900 .4cqw/1 Arial,sans-serif!important;letter-spacing:.18em!important}
.squad-heading h2{display:block!important;color:#15171b!important;font:900 1.18cqw/1 Arial,sans-serif!important;margin:.14cqw 0 0!important}
.squad-heading p{color:#6f7782!important;font:800 .5cqw/1.2 Arial,sans-serif!important}
.squad-heading-badge{width:2.8cqw!important;height:2.8cqw!important;padding:.16cqw!important;background:#fff!important;border:1px solid #dbe2ea!important;border-radius:.28cqw!important}
.squad-heading-metrics{display:grid!important;grid-template-columns:repeat(3,6.2cqw)!important;height:auto!important}
.squad-heading-metrics>div{border-left:1px solid #e6e9ee!important}
.squad-heading-metrics span{color:#707883!important;font:900 .4cqw/1 Arial,sans-serif!important}
.squad-heading-metrics strong{color:#0b368d!important;font:900 .9cqw/1 Arial,sans-serif!important;margin-top:.14cqw!important}
.squad-subnav{background:#fff!important;border:1px solid #e0e4ea!important;border-radius:.35cqw!important}
.swap-banner{background:#f8fafc!important;border:1px solid #e0e4ea!important;color:#4d5661!important;opacity:1!important;border-radius:.35cqw!important}
.swap-banner:empty:before{color:#5f6874!important;font:800 .48cqw/1 Arial,sans-serif!important}
.swap-banner.is-active{background:#f7f4ea!important;border-color:#d9be77!important}
.swap-banner span{color:#866318!important}.swap-banner strong{color:#15171b!important}
.swap-banner button{background:#fff!important;color:#0b368d!important;border:1px solid #0b368d!important;border-radius:.24cqw!important}
.subs-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.75cqw!important;align-content:start!important}
.starter-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.15cqw!important}
.empty-player-slot{min-height:8.9cqw!important}
.player-card{min-height:9.35cqw!important}
.player-card .player-card-footer{gap:.28cqw!important}
.squad-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.player-profile{padding:1.08cqw!important;background:rgba(255,255,255,.97)!important;border:1px solid #e1e5ea!important;border-radius:.45cqw!important;box-shadow:0 .35cqw .95cqw rgba(18,40,82,.05)!important}
.profile-hero,.profile-section,.profile-detail-grid>div,.profile-status-grid>div,.potential-card{background:#fff!important;border-color:#e3e7ed!important;color:#15171b!important}
.profile-topline span{color:#6f7782!important}
.profile-detail-grid span,.profile-status-grid span,.potential-card span{color:#6d7580!important;font:900 .4cqw/1 Arial,sans-serif!important;letter-spacing:.09em!important}
.profile-detail-grid strong,.profile-status-grid strong,.profile-hero-copy h3,.profile-section h4{color:#15171b!important}
.profile-hero-copy p,.profile-section p,.profile-club-line span{color:#67707b!important}
.profile-stat span{color:#5c6470!important;font:900 .4cqw/1 Arial,sans-serif!important}
.profile-stat strong{color:#15171b!important;font:900 .52cqw/1 Arial,sans-serif!important}
.profile-stat>div{height:.38cqw!important;background:#e6eaf0!important;border:0!important;border-radius:99px!important}
.profile-stat i{background:linear-gradient(90deg,#1b9ba0,#0b368d)!important}
.potential-card{margin-top:.75cqw!important;padding:.88cqw .9cqw!important;border:1px solid #dbe3ea!important;border-left:.24cqw solid #0b368d!important;background:linear-gradient(180deg,#fbfcfd,#f6f8fb)!important;border-radius:.35cqw!important}
.potential-head{align-items:center!important}
.potential-head b{color:#0b368d!important;font:900 1.05cqw/1 Arial,sans-serif!important;letter-spacing:.04em!important}
.potential-card strong{color:#15171b!important;font:900 .58cqw/1.12 Arial,sans-serif!important}
.potential-meter{height:.48cqw!important;margin-top:.6cqw!important;background:#e6eaf0!important;border:0!important;border-radius:99px!important;overflow:hidden!important}
.potential-meter i{background:linear-gradient(90deg,#2db6bb,#0b368d)!important}
.potential-meta{gap:.55cqw .8cqw!important}.potential-meta>div{border-top:1px solid #e5e9ef!important;padding-top:.46cqw!important}
.potential-meta strong{font:900 .48cqw/1.15 Arial,sans-serif!important;color:#17202a!important}
.profile-action-stack,.contract-detail-actions{display:grid!important;gap:.55cqw!important;margin-top:.8cqw!important}
.profile-swap-btn,.contract-renew-btn{height:2.35cqw!important;border:0!important;border-radius:.3cqw!important;background:linear-gradient(180deg,#123b97,#0b2f82)!important;color:#fff!important;font:900 .5cqw/1 Arial,sans-serif!important;letter-spacing:.09em!important}
.profile-release-btn,.contract-release-btn{height:2.15cqw!important;border:1px solid #c64242!important;border-radius:.3cqw!important;background:#fff!important;color:#a52a2a!important;font:900 .47cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important;cursor:pointer!important}
.profile-release-btn:hover,.contract-release-btn:hover{background:#fff4f4!important}
.transfer-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.75cqw 1.05cqw!important;background:#fff!important;border:1px solid #e1e5ea!important;border-radius:.35cqw!important;box-shadow:0 .35cqw .9cqw rgba(18,40,82,.05)!important}
.transfer-heading h2{margin:.1cqw 0 0!important;color:#15171b!important;font:900 1.18cqw/1 Arial,sans-serif!important}
.transfer-heading p,.transfer-budget-block span,.transfer-budget-block small{color:#6f7782!important}
.transfer-budget-block strong{color:#0b368d!important}
.transfer-workspace{grid-template-rows:4.3cqw 2.8cqw 3.45cqw minmax(0,1fr)!important}
.transfer-subnav{height:2.8cqw!important;background:#fff!important;border:1px solid #e0e4ea!important;border-radius:.35cqw!important;overflow:hidden!important}
.transfer-subnav button{background:#fff!important;color:#5b6470!important;border:0!important;border-right:1px solid #e0e4ea!important;font:900 .52cqw Arial,sans-serif!important}
.transfer-subnav button.is-active{background:linear-gradient(180deg,#123b97,#0b2f82)!important;color:#fff!important}
.transfer-subnav button.is-active:after{background:#e2b85e!important}
.scouting-network-bar{background:#f8fafc!important;border:1px solid #e0e4ea!important;border-radius:.35cqw!important}
.transfer-filterbar{border:1px solid #e0e4ea!important;border-radius:.35cqw!important}
.transfer-row img,.contract-avatar img{object-fit:contain!important}
.central-club-badge .fitted-shield-frame{inset:1.5% 4.2%!important}
.central-club-badge .fitted-shield-media{inset:7.5% 14.5% 13.5% 14.5%!important}
.central-club-badge .fitted-shield-media img{object-position:center 58%!important;transform:scale(1.06)!important}
.matchday-badge .fitted-shield-media,.results-badge .fitted-shield-media{inset:8.5% 15% 13.5% 15%!important}
.matchday-badge .fitted-shield-media img,.results-badge .fitted-shield-media img{object-position:center 56%!important;transform:scale(1.04)!important}
.office-heading{background:#fff!important;border:1px solid #e1e5ea!important;border-radius:.35cqw!important;box-shadow:0 .35cqw .9cqw rgba(18,40,82,.05)!important;padding:.7cqw 1.05cqw!important;height:auto!important}
.office-title-lockup .eyebrow{display:block!important;color:#6f7782!important;font:900 .4cqw/1 Arial,sans-serif!important;letter-spacing:.18em!important}
.office-title-lockup h2{display:block!important;color:#15171b!important;font:900 1.16cqw/1 Arial,sans-serif!important;margin:.14cqw 0 0!important}
.office-title-lockup p{color:#6f7782!important}
.office-heading-badge{width:2.8cqw!important;height:2.8cqw!important;padding:.16cqw!important;border:1px solid #dbe2ea!important;border-radius:.28cqw!important;background:#fff!important}
.contract-detail-actions .contract-renew-btn,.contract-detail-actions .contract-release-btn{width:100%!important}
/* ===== V11 start-career stability fix ===== */
/* The old transparent Back hitbox overlapped the live Start Career button.
Hide it completely and use the live Back button inside the club preview. */
#btnBackToMenu{display:none!important;pointer-events:none!important;}
.preview-career-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:.55cqw!important;position:relative!important;z-index:60!important;}
#btnStartCareer{position:relative!important;z-index:61!important;pointer-events:auto!important;cursor:pointer!important;}
#btnStartCareer:disabled{opacity:.72!important;cursor:wait!important;}
.preview-back-btn{height:2.45cqw!important;border:1px solid #0b368d!important;border-radius:.25cqw!important;background:#fff!important;color:#0b368d!important;font:900 .62cqw/1 Arial,sans-serif!important;letter-spacing:.06em!important;cursor:pointer!important;position:relative!important;z-index:61!important;}
.preview-back-btn:hover{background:#f4f7ff!important;}
.club-preview,.preview-inner,.preview-bottom{isolation:isolate!important;}
/* ===== V12 lineup board + swap visibility ===== */
.formation-section{
border:1px solid #dce3ea!important;
border-radius:.45cqw!important;
overflow:hidden!important;
background:#fff!important;
}
.formation-section .roster-title{
background:linear-gradient(180deg,#fbfcfd,#f5f8fb)!important;
border-bottom:1px solid #dce3ea!important;
}
#startersGrid{
position:relative!important;
isolation:isolate!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:1.05cqw!important;
min-height:14.8cqw!important;
padding:2.15cqw 1.15cqw 1.2cqw!important;
overflow:hidden!important;
background:
radial-gradient(circle at 50% 62%,transparent 0 2.25cqw,rgba(255,255,255,.20) 2.3cqw 2.42cqw,transparent 2.47cqw),
linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.20) 50%,transparent 50.2%),
linear-gradient(180deg,rgba(15,68,104,.96),rgba(7,43,70,.98))!important;
}
#startersGrid::before{
content:"MATCHDAY SHAPE";
position:absolute;
z-index:0;
left:50%;top:.5cqw;
transform:translateX(-50%);
color:rgba(255,255,255,.72);
font:900 .38cqw/1 Arial,sans-serif;
letter-spacing:.18em;
}
#startersGrid::after{
content:"";
position:absolute;
z-index:0;
left:8%;right:8%;top:1.55cqw;bottom:1.1cqw;
border:.06cqw solid rgba(255,255,255,.16);
border-radius:1.2cqw;
pointer-events:none;
}
#startersGrid .player-card{
z-index:2!important;
height:10.3cqw!important;
min-height:10.3cqw!important;
background:rgba(255,255,255,.97)!important;
border-color:rgba(216,226,235,.96)!important;
box-shadow:0 .45cqw 1.2cqw rgba(0,0,0,.16)!important;
}
#startersGrid .player-card:nth-child(1),
#startersGrid .player-card:nth-child(3){transform:translateY(.75cqw)}
#startersGrid .player-card:nth-child(2){transform:translateY(-.18cqw)}
#startersGrid .player-card:hover,
#startersGrid .player-card.is-selected{transform:translateY(-.22cqw)!important}
#startersGrid .player-card:nth-child(1):hover,
#startersGrid .player-card:nth-child(3):hover,
#startersGrid .player-card:nth-child(1).is-selected,
#startersGrid .player-card:nth-child(3).is-selected{transform:translateY(.4cqw)!important}
.bench-section{
border:1px solid #dce3ea!important;
border-radius:.45cqw!important;
overflow:hidden!important;
background:#fff!important;
}
.bench-section .roster-title{background:#fbfcfd!important}
#subsGrid{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:.65cqw!important;
padding:.75cqw!important;
background:#fff!important;
}
#subsGrid .player-card{height:8.8cqw!important;min-height:8.8cqw!important}
.player-card.is-swap-source{
border-color:#d3aa42!important;
box-shadow:0 0 0 .12cqw rgba(211,170,66,.28),0 .45cqw 1.1cqw rgba(0,0,0,.10)!important;
}
.player-card.is-swap-target{
border-color:#0f8f83!important;
box-shadow:0 0 0 .14cqw rgba(15,143,131,.22),0 .45cqw 1.1cqw rgba(0,0,0,.10)!important;
cursor:pointer!important;
}
.swap-target-label,.swap-source-label{
position:absolute!important;
z-index:8!important;
left:.55cqw!important;right:.55cqw!important;bottom:.45cqw!important;
height:1.25cqw!important;
display:grid!important;place-items:center!important;
border-radius:.2cqw!important;
color:#fff!important;
font:900 .38cqw/1 Arial,sans-serif!important;
letter-spacing:.08em!important;
pointer-events:none!important;
}
.swap-target-label{background:#0f7e76!important}
.swap-source-label{background:#9b771f!important}
#swapBanner.is-active{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:.7cqw!important;
min-height:2.2cqw!important;
padding:.4cqw .75cqw!important;
background:#fff8e8!important;
border:1px solid #d8b45c!important;
color:#2c3138!important;
}
#swapBanner.is-active span{color:#8d6b17!important}
#swapBanner.is-active strong{color:#1c2026!important}
#swapBanner.is-active button{background:#fff!important;border:1px solid #9b771f!important;color:#765815!important}
.profile-action-stack{
position:sticky!important;
bottom:0!important;
z-index:12!important;
margin-top:.7cqw!important;
padding:.55cqw 0 0!important;
background:linear-gradient(180deg,rgba(255,255,255,.88),#fff 34%)!important;
}
.profile-swap-btn{
min-height:2.35cqw!important;
background:linear-gradient(180deg,#117b79,#0b5f63)!important;
color:#fff!important;
border:0!important;
border-radius:.28cqw!important;
font:900 .48cqw/1 Arial,sans-serif!important;
letter-spacing:.08em!important;
cursor:pointer!important;
}
@media (max-width:1500px){
#startersGrid{min-height:16.2cqw!important;padding-top:2.35cqw!important}
#startersGrid .player-card{height:11.2cqw!important;min-height:11.2cqw!important}
#subsGrid{gap:.5cqw!important}
}
/* === V14 premium squad/header polish === */
.squad-screen .career-topbar,
.transfers-screen .career-topbar,
.office-screen .career-topbar{
display:grid!important;
grid-template-columns:18% minmax(0,1fr) 15%!important;
align-items:center!important;
gap:1.1cqw!important;
height:4.2cqw!important;
padding:0 .95cqw!important;
background:rgba(255,255,255,.985)!important;
border-bottom:1px solid #dfe5ea!important;
box-shadow:0 .22cqw .65cqw rgba(18,40,82,.05)!important;
z-index:70!important;
}
.career-brand{display:flex!important;align-items:center!important;min-width:0!important;padding:0 .2cqw!important;gap:.45cqw!important}
.career-brand-logo{display:block;height:1.82cqw;width:auto;object-fit:contain;image-rendering:auto}
.career-tabs{
display:flex!important;align-items:center!important;justify-content:center!important;
gap:.18cqw!important;height:100%!important;
}
.career-tabs button{
position:relative;min-width:7.1cqw;height:2.25cqw;padding:0 .95cqw!important;
border:1px solid transparent!important;border-radius:.3cqw!important;background:transparent!important;
color:#171b20!important;font:900 .58cqw/1 Arial,sans-serif!important;letter-spacing:.06em!important;
}
.career-tabs button:hover{background:#f5f8fb!important;color:#0a2f88!important;border-color:#dfe6ed!important}
.career-tabs button.is-current{
background:linear-gradient(180deg,#1744a4,#10358a)!important;color:#fff!important;
box-shadow:0 .18cqw .35cqw rgba(14,49,124,.16)!important;
}
.career-tabs button.is-current::after{
content:"";position:absolute;left:23%;right:23%;bottom:-.48cqw;height:2px;background:#0c0f14;border-radius:999px;
}
.career-tabs button[data-coming]{color:#3a434d!important;opacity:.85}
.career-utilities{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.5cqw!important}
.career-club-mark{width:2.2cqw!important;height:2.2cqw!important;padding:.16cqw!important;border-radius:.32cqw!important;background:linear-gradient(180deg,#fff,#f4f7fa)!important;border:1px solid #d8e1e9!important;box-shadow:0 .18cqw .45cqw rgba(20,37,67,.06)!important}
.career-club-mark img{width:100%!important;height:100%!important;object-fit:contain!important}
.career-util-btn{width:2.1cqw!important;height:2.1cqw!important;border-radius:.32cqw!important;border:1px solid #d7dfe7!important;background:#f8fbfd!important;color:#0f357e!important;font:900 .8cqw/1 Arial,sans-serif!important}
.career-util-btn:hover{background:#eef4fb!important}
.central-club-badge .fitted-shield-frame{inset:1.7% 4.1%!important}
.central-club-badge .fitted-shield-media{inset:8.7% 13.6% 11.6% 10.8%!important}
.central-club-badge .fitted-shield-media img{object-position:46% 61%!important;transform:translate(-4%,4%) scale(1.03)!important}
.matchday-badge .fitted-shield-media,
.results-badge .fitted-shield-media{inset:8.9% 14.4% 12.2% 11.2%!important}
.matchday-badge .fitted-shield-media img,
.results-badge .fitted-shield-media img{object-position:46% 60%!important;transform:translate(-3%,3%) scale(1.03)!important}
.starters-section,
.substitutes-section{background:#fff!important;border:1px solid #e1e7ee!important;border-radius:.42cqw!important;overflow:hidden!important}
.starters-section{box-shadow:0 .42cqw 1cqw rgba(16,38,74,.05)!important}
.roster-title{padding:.88cqw 1.05cqw .72cqw!important;margin:0!important;background:#fff!important;border-bottom:1px solid #edf1f5!important}
.roster-title.compact{height:auto!important}
.roster-title .roster-kicker{display:block!important;color:#67727e!important;font:900 .39cqw/1 Arial,sans-serif!important;letter-spacing:.18em!important}
.roster-title h3{margin:.14cqw 0 0!important;color:#15171b!important;font:900 .98cqw/1 Arial,sans-serif!important;letter-spacing:.055em!important}
.roster-title p{margin:.2cqw 0 0!important;color:#78828d!important;font:800 .45cqw/1.25 Arial,sans-serif!important}
.formation-section .starter-grid,
.substitutes-section .subs-grid{
position:relative!important;display:grid!important;align-items:stretch!important;height:auto!important;
}
.formation-section .starter-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.05cqw!important;
min-height:13.8cqw!important;padding:1.08cqw!important;
background:
radial-gradient(circle at 50% 48%,rgba(255,255,255,.06) 0 12%,transparent 12% 100%),
linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.12) 50%,transparent 50.2%),
linear-gradient(180deg,#123d66 0%,#0d3457 45%,#082847 100%)!important;
}
.formation-section .starter-grid::before{
content:"";position:absolute;inset:.9cqw;border:1px solid rgba(255,255,255,.16);border-radius:.95cqw;pointer-events:none;
}
.formation-section .starter-grid::after{
content:"";position:absolute;left:50%;top:50%;width:3.9cqw;height:3.9cqw;border-radius:50%;transform:translate(-50%,-50%);
border:1px solid rgba(255,255,255,.15);pointer-events:none;
}
.formation-section .starter-grid>*{position:relative;z-index:2}
.substitutes-section .subs-grid{
grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.78cqw!important;
min-height:11.4cqw!important;padding:.88cqw 1.05cqw 1.05cqw!important;
background:linear-gradient(180deg,#fbfcfd,#f7f9fb)!important;
}
.player-card{
--tier-base:#c2894f;--tier-soft:#edd2b6;--tier-deep:#9a6b2a;
position:relative!important;overflow:hidden!important;min-width:0!important;min-height:0!important;
text-align:left!important;border:1px solid #d8dfe7!important;border-radius:.82cqw!important;
background:linear-gradient(180deg,#fff,#f7f9fb)!important;color:#15171b!important;
box-shadow:0 .32cqw .95cqw rgba(12,35,72,.08)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.player-card::before{content:"";position:absolute;left:0;right:0;top:0;height:.26cqw;background:linear-gradient(90deg,var(--tier-base),var(--tier-soft))}
.player-card.tier-gold{--tier-base:#c9a13d;--tier-soft:#f6e2a0;--tier-deep:#8e6a1f}
.player-card.tier-silver{--tier-base:#a3adba;--tier-soft:#e3e8ef;--tier-deep:#667386}
.player-card.tier-bronze{--tier-base:#b67a4f;--tier-soft:#e2bea4;--tier-deep:#87502a}
.player-card-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.35),transparent 42%)}
.player-card:hover{transform:translateY(-.12cqw)!important;border-color:#9fb1c2!important;box-shadow:0 .55cqw 1.1cqw rgba(12,35,72,.12)!important}
.player-card.is-selected{border-color:#1142a2!important;box-shadow:0 0 0 2px rgba(17,66,162,.10),0 .62cqw 1.2cqw rgba(12,35,72,.12)!important}
.player-card.is-selected::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#1142a2}
.player-card.is-swap-source{border-color:var(--tier-base)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--tier-base) 20%, white) inset,0 .62cqw 1.2cqw rgba(12,35,72,.12)!important}
.player-card.is-swap-target{border-color:#19a69f!important;box-shadow:0 0 0 2px rgba(25,166,159,.14),0 .62cqw 1.2cqw rgba(12,35,72,.12)!important}
.player-card-top{
position:absolute!important;left:.78cqw!important;right:.78cqw!important;top:.75cqw!important;z-index:6!important;
display:flex!important;align-items:flex-start!important;gap:.35cqw!important;
}
.player-card-tags{display:flex;flex-wrap:wrap;gap:.28cqw;min-width:0;max-width:58%}
.role-tag,.area-tag,.tier-chip,.player-pill{
display:inline-flex;align-items:center;justify-content:center;min-width:0;
padding:.24cqw .42cqw;border-radius:.36cqw;border:1px solid #d8e1e9;background:#f8fbfd;
font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.08em;white-space:nowrap;color:#56616d;overflow:hidden;text-overflow:ellipsis;
}
.role-tag{background:#f5f8fb!important;color:#164191!important;border-color:#d6e1f4!important}
.area-tag{color:#6b7783!important;border-color:#d9e2ea!important}
.captain-mark{width:1cqw!important;height:1cqw!important;flex:0 0 auto!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#d5b45f!important;color:#112437!important;font:900 .42cqw/1 Arial,sans-serif!important}
.card-ovr-wrap{margin-left:auto;display:flex;align-items:flex-start;gap:.28cqw;min-width:0}
.tier-chip{border-color:color-mix(in srgb,var(--tier-base) 42%, white)!important;color:var(--tier-deep)!important;background:color-mix(in srgb,var(--tier-soft) 70%, white)!important}
.card-ovr{
min-width:3.05cqw;padding:.34cqw .45cqw .3cqw!important;border-radius:.48cqw!important;text-align:center!important;
border:1px solid color-mix(in srgb,var(--tier-base) 45%, white)!important;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--tier-soft) 42%, white))!important;
box-shadow:inset 0 1px rgba(255,255,255,.85)!important;
}
.card-ovr strong{display:block!important;color:#15171b!important;font:900 1.32cqw/.92 Georgia,serif!important;text-shadow:none!important}
.card-ovr small{display:block!important;margin-top:.05cqw!important;color:#68717d!important;font:900 .31cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
.player-portrait{
position:absolute!important;left:.85cqw!important;top:2.3cqw!important;bottom:2.05cqw!important;width:36%!important;
display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:visible!important;z-index:2!important;
}
.portrait-halo{
position:absolute!important;left:4%!important;right:4%!important;top:8%!important;aspect-ratio:1!important;border-radius:50%!important;
background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.85),rgba(236,241,246,.98) 58%,rgba(222,229,236,.95) 100%)!important;
border:1px solid #dbe4eb!important;box-shadow:inset 0 0 0 .42cqw rgba(232,237,243,.78)!important;
}
.player-portrait img{position:relative!important;z-index:3!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center 58%!important;filter:drop-shadow(0 .26cqw .35cqw rgba(0,0,0,.16))!important}
.player-card-copy{
position:absolute!important;left:38.5%!important;right:.82cqw!important;top:2.85cqw!important;bottom:2.05cqw!important;z-index:5!important;
display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-width:0!important;
}
.player-card-context{display:block!important;color:#74808c!important;font:900 .32cqw/1 Arial,sans-serif!important;letter-spacing:.16em!important}
.player-card-copy h4{margin:.18cqw 0 0!important;color:#171b20!important;font:900 .84cqw/1.04 Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.player-meta{display:flex!important;flex-wrap:wrap!important;gap:.32cqw .55cqw!important;margin-top:.28cqw!important;color:#6f7b87!important;font:800 .36cqw/1.1 Arial,sans-serif!important;letter-spacing:.03em!important}
.player-pill-row{display:flex!important;flex-wrap:wrap!important;gap:.24cqw!important;margin-top:.46cqw!important;min-width:0!important}
.player-pill.good{color:#187b5f!important;background:#eefaf5!important;border-color:#cfeee2!important}
.player-pill.bad{color:#aa4b41!important;background:#fff3f1!important;border-color:#f3d8d4!important}
.player-pill.neutral{color:#5a6670!important;background:#f7fafc!important;border-color:#dce5ec!important}
.fitness-line{
display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:.35cqw!important;margin-top:auto!important;
color:#71808b!important;font:900 .33cqw/1 Arial,sans-serif!important;letter-spacing:.09em!important;
}
.fitness-line>div{height:.34cqw!important;background:#edf2f6!important;border:1px solid #d6e0e8!important;border-radius:999px!important;overflow:hidden!important}
.fitness-line i{display:block!important;height:100%!important;background:linear-gradient(90deg,#13959a,#47b6c5)!important}
.fitness-line strong{color:#1a2027!important;font:900 .39cqw/1 Arial,sans-serif!important}
.player-card-footer{
position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:1.7cqw!important;padding:0 .82cqw!important;z-index:6!important;
display:flex!important;align-items:center!important;justify-content:space-between!important;
border-top:1px solid #e5ebf0!important;background:linear-gradient(180deg,#fbfcfd,#f4f7fa)!important;
color:#72808c!important;font:900 .32cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important;
}
.player-card-footer b{color:#25303a!important;font:900 .32cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important}
.player-card.is-sub .player-card-top{top:.62cqw!important}
.player-card.is-sub .player-card-tags{max-width:54%}
.player-card.is-sub .role-tag,.player-card.is-sub .area-tag,.player-card.is-sub .tier-chip,.player-card.is-sub .player-pill{font-size:.3cqw!important;padding:.2cqw .34cqw!important}
.player-card.is-sub .card-ovr{min-width:2.7cqw!important;padding:.28cqw .36cqw!important}
.player-card.is-sub .card-ovr strong{font-size:1.08cqw!important}
.player-card.is-sub .card-ovr small{font-size:.28cqw!important}
.player-card.is-sub .player-portrait{top:1.85cqw!important;bottom:1.9cqw!important;width:31%!important;left:.7cqw!important}
.player-card.is-sub .portrait-halo{top:13%!important}
.player-card.is-sub .player-card-copy{left:34%!important;top:2.15cqw!important;bottom:1.9cqw!important;right:.6cqw!important}
.player-card.is-sub .player-card-context{font-size:.28cqw!important}
.player-card.is-sub .player-card-copy h4{font-size:.69cqw!important}
.player-card.is-sub .player-meta{font-size:.31cqw!important;margin-top:.22cqw!important}
.player-card.is-sub .fitness-line{font-size:.29cqw!important}
.player-card.is-sub .fitness-line strong{font-size:.34cqw!important}
.player-card.is-sub .player-card-footer{height:1.45cqw!important;font-size:.27cqw!important}
.player-card.is-sub .player-card-footer b{font-size:.27cqw!important}
.swap-source-label,.swap-target-label{
position:absolute!important;right:.55cqw!important;bottom:2.05cqw!important;z-index:8!important;padding:.22cqw .36cqw!important;border-radius:.3cqw!important;
font:900 .29cqw/1 Arial,sans-serif!important;letter-spacing:.1em!important;color:#fff!important
}
.swap-source-label{background:linear-gradient(180deg,#bc9438,#997321)!important;border:1px solid #caa656!important}
.swap-target-label{background:linear-gradient(180deg,#0ea9a0,#0d877f)!important;border:1px solid #42c7c0!important}
.empty-player-slot{display:grid!important;place-items:center!important;background:linear-gradient(180deg,#fbfcfd,#f4f7fa)!important;border-style:dashed!important;border-width:1px!important;border-color:#cfd8e1!important;color:#51606d!important}
.empty-player-slot::before{display:none!important}
.empty-player-slot>div{padding:1.1cqw!important;text-align:center!important}
.empty-player-slot span{display:block!important;color:#6f7e8b!important;font:900 .35cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
.empty-player-slot strong{display:block!important;margin-top:.3cqw!important;color:#19212a!important;font:900 .76cqw/1.05 Arial,sans-serif!important}
.empty-player-slot small{display:block!important;margin-top:.35cqw!important;color:#72808c!important;font:800 .38cqw/1.25 Arial,sans-serif!important}
.player-profile{box-shadow:0 .45cqw 1.1cqw rgba(15,39,82,.06)!important}
.profile-overall strong{white-space:nowrap!important}
/* ========================================================================
V15 OFFICE READABILITY + LIGHT THEME + SHIELD FIT FINAL PASS
Visual-only patch: no career/squad/transfer logic changed.
======================================================================== */
/* --- Badge art: fit the REAL club artwork deeper into the shield --- */
.central-club-badge .fitted-shield-media{
inset:8.2% 10.8% 9.2% 13.8%!important;
transform:translate(-4.4%,5.6%)!important;
}
.central-club-badge .fitted-shield-media img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:50% 53%!important;
transform:scale(1.17)!important;
transform-origin:center center!important;
}
.matchday-badge .fitted-shield-media,
.results-badge .fitted-shield-media{
inset:8.4% 11.4% 9.8% 13.8%!important;
transform:translate(-3.8%,5.2%)!important;
}
.matchday-badge .fitted-shield-media img,
.results-badge .fitted-shield-media img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:50% 53%!important;
transform:scale(1.15)!important;
transform-origin:center center!important;
}
/* Header club mark: keep it tidy and contained rather than a raw square crop. */
.career-club-mark{
overflow:hidden!important;
background:linear-gradient(180deg,#fff,#f4f7fa)!important;
border:1px solid #d9e0e7!important;
}
.career-club-mark img{object-fit:contain!important;transform:scale(.91)!important;filter:none!important}
/* --- Office baseline readability --- */
.office-stage,
.office-pane,
.office-board-content,
.office-finances-content,
.office-contract-list-wrap,
.office-contract-detail,
.office-manager-content{
color:#151a20!important;
}
.office-section-heading h3,
.office-message-toolbar h3{
font-size:1.05cqw!important;
color:#161b21!important;
}
.office-kicker,
.office-section-heading .office-kicker,
.office-message-toolbar>span{
font-size:.42cqw!important;
color:#68737e!important;
}
/* Contract list: make all status / row text actually legible. */
.office-contract-table-head{
background:#f7f9fb!important;
color:#596571!important;
border-bottom:1px solid #dfe5eb!important;
font:900 .40cqw/1 Arial,sans-serif!important;
letter-spacing:.09em!important;
}
.office-contract-row{
min-height:5.15cqw!important;
background:#fff!important;
color:#17202a!important;
border-bottom:1px solid #e4e8ed!important;
}
.office-contract-row:hover{background:#f7faff!important}
.office-contract-row.is-selected{
background:linear-gradient(90deg,#f2f7ff,#fff)!important;
box-shadow:inset 3px 0 #17449f!important;
}
.contract-player-cell strong{
color:#171c22!important;
font:900 .67cqw/1.05 Arial,sans-serif!important;
}
.contract-player-cell small{
margin-top:.22cqw!important;
color:#65717d!important;
font:800 .39cqw/1 Arial,sans-serif!important;
}
.contract-cell{color:#59636e!important;font:800 .44cqw/1 Arial,sans-serif!important}
.contract-cell strong{color:#171c22!important;font-size:.49cqw!important}
.contract-status-chip{
min-width:4.2cqw!important;
justify-content:center!important;
padding:.34cqw .5cqw!important;
border:1px solid #bcded8!important;
border-radius:.25cqw!important;
background:#e9f7f3!important;
color:#176b5e!important;
font:900 .38cqw/1 Arial,sans-serif!important;
letter-spacing:.07em!important;
}
.contract-status-chip.warn{background:#fff6df!important;border-color:#ead79a!important;color:#8a6213!important}
.contract-status-chip.retire{background:#fff0ef!important;border-color:#e8c3bf!important;color:#9e443d!important}
.contract-avatar{background:#f4f7f9!important;border-color:#d9e0e6!important}
/* Contract detail: stronger dark text + readable status / values. */
.office-contract-detail{background:#fff!important;padding:1.15cqw!important}
.contract-detail-hero{border-bottom:1px solid #e3e7ec!important}
.contract-detail-avatar{background:#f7f9fb!important;border-color:#dfe4e9!important}
.contract-detail-copy span{color:#157f7b!important;font:900 .40cqw/1 Arial,sans-serif!important;letter-spacing:.11em!important}
.contract-detail-copy h3{color:#171b20!important;font-size:1.18cqw!important}
.contract-detail-copy p{color:#606b76!important;font:800 .46cqw/1.35 Arial,sans-serif!important}
.contract-detail-copy b{
display:inline-flex!important;
margin-top:.5cqw!important;
padding:.27cqw .48cqw!important;
border-radius:.3cqw!important;
background:#eef7f4!important;
border:1px solid #cce5de!important;
color:#176b5e!important;
font:900 .52cqw/1 Arial,sans-serif!important;
letter-spacing:.07em!important;
}
.contract-detail-grid{border-color:#dfe4ea!important;background:#fff!important}
.contract-detail-grid>div{padding:.72cqw!important;border-color:#e1e6eb!important;background:#fbfcfd!important}
.contract-detail-grid span{color:#697580!important;font:900 .37cqw/1 Arial,sans-serif!important;letter-spacing:.09em!important}
.contract-detail-grid strong{color:#171c22!important;font:900 .66cqw/1.05 Arial,sans-serif!important}
.contract-advice{
margin-top:.9cqw!important;
padding:.85cqw!important;
border-left:3px solid #d3ad4f!important;
background:#fff9e9!important;
}
.contract-advice b{color:#886616!important;font:900 .39cqw/1 Arial,sans-serif!important}
.contract-advice span{color:#4f5b66!important;font:800 .45cqw/1.45 Arial,sans-serif!important}
.contract-detail-actions{gap:.65cqw!important;margin-top:1cqw!important}
.contract-renew-btn,
.contract-release-btn{
min-height:2.65cqw!important;
font-size:.48cqw!important;
letter-spacing:.07em!important;
}
.contract-renew-btn{background:linear-gradient(180deg,#17449f,#0f347f)!important;border-color:#17449f!important}
.contract-release-btn{background:#fff!important;color:#b52f2f!important;border-color:#d94a4a!important}
/* Renewal modal: high-contrast, larger, white sports-management styling. */
.contract-renewal-card{
width:48cqw!important;
max-width:88%!important;
padding:1.55cqw!important;
border:1px solid #d9e0e7!important;
border-radius:.68cqw!important;
background:#fff!important;
color:#161b21!important;
box-shadow:0 1.6cqw 4.2cqw rgba(23,38,68,.24)!important;
}
.contract-modal-top{grid-template-columns:7cqw 1fr!important;border-bottom:1px solid #e3e7ec!important;padding-bottom:1cqw!important}
.contract-modal-avatar{width:6.8cqw!important;height:6.8cqw!important;background:#f5f8fa!important;border-color:#dce3e9!important}
.contract-modal-copy span{color:#15817d!important;font:900 .41cqw/1 Arial,sans-serif!important}
.contract-modal-copy h3{color:#171b20!important;font-size:1.32cqw!important}
.contract-modal-copy p{color:#5e6974!important;font:800 .48cqw/1.35 Arial,sans-serif!important}
.contract-modal-grid{gap:.8cqw!important;margin-top:1cqw!important}
.contract-modal-field{gap:.42cqw!important}
.contract-modal-field span{color:#606c78!important;font:900 .39cqw/1 Arial,sans-serif!important}
.contract-modal-field input,
.contract-modal-field select{
height:2.65cqw!important;
padding:0 .7cqw!important;
border:1px solid #cfd7df!important;
border-radius:.26cqw!important;
background:#f8fafc!important;
color:#171c22!important;
font:900 .52cqw/1 Arial,sans-serif!important;
}
.contract-response{
margin-top:1cqw!important;
padding:.9cqw!important;
border:1px solid #e4d5a7!important;
border-left:3px solid #d3ad4f!important;
border-radius:.28cqw!important;
background:#fff9e8!important;
}
.contract-response strong{color:#7c5e17!important;font:900 .61cqw/1.1 Arial,sans-serif!important}
.contract-response span{color:#4e5963!important;font:800 .46cqw/1.45 Arial,sans-serif!important}
.contract-modal-actions{gap:.65cqw!important;margin-top:1cqw!important}
.contract-modal-actions button{
height:2.65cqw!important;
padding:0 1.15cqw!important;
border:1px solid #cfd7df!important;
border-radius:.28cqw!important;
background:#f8fafc!important;
color:#303a45!important;
font:900 .44cqw/1 Arial,sans-serif!important;
}
.contract-modal-actions button.primary{background:linear-gradient(180deg,#17898a,#0e7174)!important;border-color:#0e7174!important;color:#fff!important}
.contract-renewal-card .modal-close{color:#222a31!important;font-size:1.25cqw!important}
/* --- Board Expectations: light premium club-admin styling --- */
.office-board-content{background:#fff!important}
.board-confidence-card,
.board-directive-card,
.office-objective-card{
background:linear-gradient(180deg,#fff,#f8fafb)!important;
border:1px solid #dfe5eb!important;
border-radius:.46cqw!important;
box-shadow:0 .28cqw .75cqw rgba(18,40,82,.045)!important;
}
.board-confidence-card{border-top:3px solid #1a8a88!important}
.board-directive-card{border-top:3px solid #d1ae56!important}
.board-big-ring{background:conic-gradient(#199993 calc(var(--confidence)*1%),#e8edf1 0)!important}
.board-big-ring:after{background:#fff!important;border:1px solid #e0e6eb!important}
.board-big-ring strong{color:#123f93!important}
.board-big-ring span{color:#66727d!important;font-size:.36cqw!important}
.board-confidence-copy span,
.board-directive-card>span{color:#157f7b!important;font-size:.4cqw!important}
.board-confidence-copy h3,
.board-directive-card h3{color:#171b20!important;font-size:1.05cqw!important}
.board-confidence-copy p,
.board-directive-card p{color:#5e6974!important;font-size:.46cqw!important}
.board-directive-card .board-crest-watermark{opacity:.09!important;filter:none!important}
.office-objective-card{border-left:3px solid var(--objective-accent,#57c7c1)!important}
.office-objective-card:before{display:none!important}
.office-objective-card .objective-tag{color:#63707b!important;font-size:.36cqw!important}
.objective-tag b{color:#9a7624!important}
.office-objective-card h4{color:#171b20!important;font-size:.84cqw!important}
.office-objective-card p{color:#626d78!important;font-size:.44cqw!important}
.office-objective-progress>div{background:#e8edf1!important;border-color:#d7dfe7!important;border-radius:999px!important;overflow:hidden!important}
.office-objective-progress i{background:linear-gradient(90deg,#168d88,#46b9b4)!important}
.office-objective-progress span{color:#66727c!important;font-size:.36cqw!important}
.office-objective-progress strong{color:#17449f!important}
/* --- Finances: white dashboard, gold/teal accents, no dark-blue panels --- */
.office-finances-content{background:#fff!important}
.office-finance-metric,
.finance-ledger-card,
.finance-health-card{
background:linear-gradient(180deg,#fff,#f8fafb)!important;
border:1px solid #dfe5eb!important;
border-radius:.46cqw!important;
box-shadow:0 .25cqw .7cqw rgba(18,40,82,.04)!important;
}
.office-finance-metric{border-top:3px solid #c9a34d!important}
.office-finance-metric:nth-child(2){border-top-color:#318b9d!important}
.office-finance-metric:nth-child(3){border-top-color:#64758b!important}
.office-finance-metric:nth-child(4){border-top-color:#2d9d76!important}
.office-finance-metric span{color:#65717d!important;font-size:.38cqw!important}
.office-finance-metric strong{color:#17449f!important;font:900 1.18cqw/1 Arial,sans-serif!important}
.office-finance-metric.is-good strong{color:#217b5f!important}
.office-finance-metric.is-gold strong{color:#9a7521!important}
.office-finance-metric small{color:#68737e!important;font-size:.39cqw!important}
.finance-card-heading span,
.finance-health-card>span{color:#16827d!important;font-size:.39cqw!important}
.finance-card-heading h3,
.finance-health-card h3{color:#171b20!important}
.finance-card-heading small{color:#67737f!important;font-size:.36cqw!important}
.office-finance-chart .grid{stroke:#e5e9ed!important}
.office-finance-chart .line{stroke:#1f9691!important}
.office-finance-chart .dot{fill:#2aa7a0!important;stroke:#fff!important}
.finance-ledger-foot{border-color:#e1e6eb!important}
.finance-ledger-foot>div{border-color:#e1e6eb!important}
.finance-ledger-foot span{color:#66727d!important;font-size:.35cqw!important}
.finance-ledger-foot strong{color:#1b232b!important;font:900 .61cqw/1 Arial,sans-serif!important}
.finance-health-score{background:#f6faf9!important;border-color:#dbe8e4!important}
.finance-health-score b{color:#247a5f!important}
.finance-health-score strong{color:#171b20!important;font-family:Arial,sans-serif!important;font-weight:900!important}
.finance-health-score small{color:#67737f!important;font-size:.38cqw!important}
.finance-health-row{border-color:#e2e7eb!important}
.finance-health-row span{color:#5f6b76!important;font-size:.44cqw!important}
.finance-health-row strong{color:#17449f!important;font-size:.43cqw!important}
.finance-health-note{background:#fff9e8!important;border-left-color:#d3ad4f!important;color:#5c6670!important;font-size:.42cqw!important}
/* --- Manager Career: same light administration language --- */
.office-manager-content{background:#fff!important}
.manager-profile-card,
.manager-timeline-card{
background:linear-gradient(180deg,#fff,#f8fafb)!important;
border:1px solid #dfe5eb!important;
border-radius:.46cqw!important;
box-shadow:0 .26cqw .75cqw rgba(18,40,82,.04)!important;
}
.manager-profile-card{border-top:3px solid #17449f!important}
.manager-timeline-card{border-top:3px solid #1c918b!important}
.manager-profile-hero{border-color:#e1e6eb!important}
.manager-crest-stage{background:#f5f8fa!important;border-color:#dfe5eb!important}
.manager-crest-stage img{filter:none!important}
.manager-profile-copy span,
.manager-timeline-card>span{color:#16827d!important;font-size:.4cqw!important}
.manager-profile-copy h3,
.manager-timeline-card h3{color:#171b20!important}
.manager-profile-copy p{color:#626d78!important;font-size:.47cqw!important}
.manager-profile-copy b{color:#9a7521!important;font:900 .64cqw/1 Arial,sans-serif!important}
.manager-metric{background:#fbfcfd!important;border-color:#e1e6eb!important;border-radius:.3cqw!important}
.manager-metric span{color:#67737e!important;font-size:.36cqw!important}
.manager-metric strong{color:#17449f!important;font:900 .66cqw/1 Arial,sans-serif!important}
.manager-profile-note{background:#eef8f6!important;border-left-color:#1c918b!important;color:#52616a!important;font-size:.43cqw!important}
.timeline-event{border-color:#e2e7eb!important}
.timeline-event:before{background:#1b948f!important;box-shadow:0 0 0 3px rgba(27,148,143,.11)!important}
.timeline-event time{color:#9a7521!important;font-size:.38cqw!important}
.timeline-event strong{color:#171b20!important;font:900 .53cqw/1.15 Arial,sans-serif!important}
.timeline-event span{color:#626e79!important;font-size:.4cqw!important}
.manager-save-id{background:#f6f8fa!important;border-color:#dfe5eb!important;border-radius:.28cqw!important}
.manager-save-id span{color:#687480!important;font-size:.35cqw!important}
.manager-save-id strong{color:#17449f!important;font:900 .49cqw/1 Arial,sans-serif!important}
/* ========================================================================
V16 BADGE POSITION + 5-PLACE RESERVES
======================================================================== */
/* Final shield placement: enlarge the real artwork and physically bias it
left + down inside the white shield, rather than merely scaling it. */
.central-club-badge .fitted-shield-media{
top:10.5%!important;
right:12.8%!important;
bottom:4.2%!important;
left:7.2%!important;
inset:auto!important;
transform:none!important;
}
.central-club-badge .fitted-shield-media img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:48% 57%!important;
transform:scale(1.12)!important;
transform-origin:center center!important;
}
.matchday-badge .fitted-shield-media,
.results-badge .fitted-shield-media{
top:10.5%!important;
right:12.5%!important;
bottom:4.5%!important;
left:7.5%!important;
inset:auto!important;
transform:none!important;
}
.matchday-badge .fitted-shield-media img,
.results-badge .fitted-shield-media img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:48% 57%!important;
transform:scale(1.1)!important;
transform-origin:center center!important;
}
/* Senior squad now has three distinct registration bands:
3 starters / 5 bench / 5 reserves. */
#seniorSquadView{
display:flex!important;
flex-direction:column!important;
gap:.72cqw!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
padding-right:.16cqw!important;
}
#seniorSquadView:not(.is-active){display:none!important}
.reserves-section{
flex:0 0 auto!important;
background:linear-gradient(180deg,#fff,#fafbfc)!important;
border:1px solid #dfe5eb!important;
border-radius:.44cqw!important;
overflow:hidden!important;
box-shadow:0 .25cqw .75cqw rgba(18,40,82,.035)!important;
}
.reserves-section .roster-title{
background:linear-gradient(180deg,#f7f9fb,#f3f6f8)!important;
border-bottom:1px solid #e0e6ec!important;
}
.reserves-section .roster-kicker{color:#8c6b27!important}
.reserves-grid{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:.72cqw!important;
padding:.78cqw 1.02cqw 1cqw!important;
min-height:9.55cqw!important;
background:linear-gradient(180deg,#f8fafc,#f3f6f8)!important;
}
.player-card.is-reserve{
min-height:8.75cqw!important;
height:8.75cqw!important;
background:linear-gradient(180deg,#fbfcfd,#f1f4f7)!important;
border-color:#d8e0e7!important;
box-shadow:0 .22cqw .62cqw rgba(18,40,82,.045)!important;
}
.player-card.is-reserve::before{height:.18cqw!important;opacity:.72!important}
.player-card.is-reserve .player-card-top{top:.58cqw!important;left:.58cqw!important;right:.58cqw!important}
.player-card.is-reserve .player-card-tags{max-width:55%!important}
.player-card.is-reserve .role-tag,
.player-card.is-reserve .area-tag,
.player-card.is-reserve .tier-chip,
.player-card.is-reserve .player-pill{font-size:.29cqw!important;padding:.19cqw .32cqw!important}
.player-card.is-reserve .card-ovr{min-width:2.6cqw!important;padding:.26cqw .32cqw!important}
.player-card.is-reserve .card-ovr strong{font-size:1.02cqw!important}
.player-card.is-reserve .card-ovr small{font-size:.27cqw!important}
.player-card.is-reserve .player-portrait{
top:1.72cqw!important;
bottom:1.62cqw!important;
left:.55cqw!important;
width:30%!important;
}
.player-card.is-reserve .player-card-copy{
left:33%!important;
right:.52cqw!important;
top:2cqw!important;
bottom:1.65cqw!important;
}
.player-card.is-reserve .player-card-context{font-size:.27cqw!important;color:#8a6e34!important}
.player-card.is-reserve .player-card-copy h4{font-size:.65cqw!important}
.player-card.is-reserve .player-meta{font-size:.29cqw!important}
.player-card.is-reserve .player-pill-row{margin-top:.28cqw!important}
.player-card.is-reserve .fitness-line{font-size:.27cqw!important}
.player-card.is-reserve .fitness-line strong{font-size:.32cqw!important}
.player-card.is-reserve .player-card-footer{
height:1.35cqw!important;
font-size:.25cqw!important;
background:linear-gradient(180deg,#f2f5f8,#eaf0f4)!important;
}
.player-card.is-reserve .player-card-footer b{font-size:.25cqw!important}
/* Keep empty reserve positions visibly useful rather than looking broken. */
.reserves-grid .empty-player-slot{height:8.75cqw!important;min-height:8.75cqw!important;background:linear-gradient(180deg,#fafbfc,#f1f4f7)!important}
.reserves-grid .empty-player-slot strong{font-size:.62cqw!important}
.reserves-grid .empty-player-slot small{font-size:.34cqw!important}
/* Matchday eight remains distinct from reserves. */
.substitutes-section{border-color:#dfe5eb!important}
.substitutes-section .roster-kicker{color:#1b817c!important}
/* V16.1 correction: use one explicit inset so earlier shorthand cannot reset placement. */
.central-club-badge .fitted-shield-media{
inset:10.5% 12.8% 4.2% 7.2%!important;
transform:none!important;
}
.matchday-badge .fitted-shield-media,
.results-badge .fitted-shield-media{
inset:10.5% 12.5% 4.5% 7.5%!important;
transform:none!important;
}
/* ========================================================================
V17 — FINAL SHIELD ALIGNMENT + DRAG/DROP SQUAD MANAGEMENT
======================================================================== */
/* The artwork itself is now shifted as one clipped piece inside the existing
white shield. Earlier patches resized the image inside its own mask; this
moves the actual mask left/down so the white border is visually even. */
.central-club-badge .fitted-shield-media{
inset:10.5% 12.8% 4.2% 7.2%!important;
transform:translate(-5.2%,4.5%)!important;
transform-origin:center center!important;
}
.central-club-badge .fitted-shield-media img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:50% 55%!important;
transform:scale(1.08)!important;
transform-origin:center center!important;
}
.matchday-badge .fitted-shield-media,
.results-badge .fitted-shield-media{
inset:10.5% 12.5% 4.5% 7.5%!important;
transform:translate(-5%,4.2%)!important;
transform-origin:center center!important;
}
.matchday-badge .fitted-shield-media img,
.results-badge .fitted-shield-media img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:50% 55%!important;
transform:scale(1.07)!important;
transform-origin:center center!important;
}
/* Squad cards are true draggable roster slots. Click/swap remains as the
accessible fallback; drag is a direct desktop interaction. */
#startersGrid [draggable="true"],
#subsGrid [draggable="true"],
#reservesGrid [draggable="true"]{
cursor:grab!important;
user-select:none!important;
-webkit-user-drag:element;
}
#startersGrid [draggable="true"]:active,
#subsGrid [draggable="true"]:active,
#reservesGrid [draggable="true"]:active{cursor:grabbing!important}
.player-card.is-dragging{
opacity:.48!important;
transform:scale(.985)!important;
border-color:#17449f!important;
box-shadow:0 0 0 2px rgba(23,68,159,.12)!important;
}
.is-squad-dragging #startersGrid [data-drop-group],
.is-squad-dragging #subsGrid [data-drop-group],
.is-squad-dragging #reservesGrid [data-drop-group]{
transition:border-color .12s ease,box-shadow .12s ease,background .12s ease!important;
}
.player-card.is-drag-over,
.empty-player-slot.is-drag-over{
border-color:#15978f!important;
box-shadow:0 0 0 3px rgba(21,151,143,.14),0 .45cqw 1cqw rgba(15,57,84,.08)!important;
background:linear-gradient(180deg,#f7fffd,#ecf9f6)!important;
}
.player-card.is-drag-over::after,
.empty-player-slot.is-drag-over::after{
content:"DROP HERE"!important;
position:absolute!important;
left:50%!important;
top:50%!important;
transform:translate(-50%,-50%)!important;
z-index:20!important;
padding:.38cqw .62cqw!important;
border-radius:.35cqw!important;
background:#0c746f!important;
color:#fff!important;
font:900 .38cqw/1 Arial,sans-serif!important;
letter-spacing:.12em!important;
box-shadow:0 .18cqw .5cqw rgba(0,0,0,.16)!important;
pointer-events:none!important;
}
.empty-player-slot[data-drop-group]{cursor:copy!important}
.player-card-footer b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* Make the three squad bands read instantly as distinct destinations while
retaining the same premium card language. */
.starters-section .roster-title{border-left:.22cqw solid #17449f!important}
.substitutes-section .roster-title{border-left:.22cqw solid #198f89!important}
.reserves-section .roster-title{border-left:.22cqw solid #b08a36!important}
.starters-section .roster-title::after{content:"DRAG PLAYERS HERE TO START";color:#17449f;font:900 .33cqw/1 Arial,sans-serif;letter-spacing:.12em}
.substitutes-section .roster-title::after{content:"5 MATCHDAY BENCH SLOTS";color:#167b76;font:900 .33cqw/1 Arial,sans-serif;letter-spacing:.12em}
.reserves-section .roster-title::after{content:"5 SENIOR RESERVE SLOTS";color:#8a6a26;font:900 .33cqw/1 Arial,sans-serif;letter-spacing:.12em}
@media (prefers-reduced-motion:reduce){
.player-card.is-dragging,.player-card.is-drag-over,.empty-player-slot.is-drag-over{transition:none!important}
}
/* V17.1: align Central club artwork to the ACTUAL shield geometry baked into
assets/ui-v2/central.webp (measured from the source image), rather than
placing a second oversized shield on top of it. */
.central-home{
left:31.22%!important;
top:35.92%!important;
width:7.06%!important;
height:15.20%!important;
}
.central-away{
left:59.39%!important;
top:35.81%!important;
width:7.06%!important;
height:15.30%!important;
}
.central-club-badge .fitted-shield{
width:100%!important;
height:100%!important;
}
.central-club-badge .fitted-shield-frame{
display:none!important;
}
.central-club-badge .fitted-shield-media{
inset:5.8% 6.8% 8.6% 6.8%!important;
transform:none!important;
clip-path:polygon(50% 0,93% 8%,96% 60%,88% 73%,72% 87%,50% 100%,28% 87%,12% 73%,4% 60%,7% 8%)!important;
background:transparent!important;
box-shadow:none!important;
}
.central-club-badge .fitted-shield-media img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:50% 52%!important;
transform:scale(1.035)!important;
filter:none!important;
}
/* ========================================================================
V17.2 — CENTRAL TOP-LEFT CLUB BADGE: FIT THE BAKED SHIELD
The shield outline already exists in assets/ui-v2/central.webp. We only
position and mask the real club artwork inside its inner face.
======================================================================== */
.central-club-top{
left:3.23%!important;
right:auto!important;
top:10.02%!important;
width:4.48%!important;
height:9.42%!important;
z-index:12!important;
display:grid!important;
place-items:center!important;
overflow:visible!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.central-club-top img{
display:block!important;
width:82%!important;
height:84%!important;
max-width:none!important;
max-height:none!important;
object-fit:cover!important;
object-position:50% 53%!important;
clip-path:polygon(50% 0,91% 8%,91% 59%,84% 71%,70% 85%,50% 100%,30% 85%,16% 71%,9% 59%,9% 8%)!important;
transform:translate(-1.2%,2.8%) scale(1.01)!important;
transform-origin:center center!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
filter:none!important;
box-shadow:none!important;
}
/* ========================================================================
V17.3 — CENTRAL ADVANCE STRIP
FIFA-style career calendar control fitted into the large blank header area.
======================================================================== */
.central-advance-panel{
position:absolute;
z-index:14;
left:15.25%;
right:18.2%;
top:8.35%;
height:11.55%;
display:grid;
grid-template-columns:19.5% minmax(0,1fr);
align-items:stretch;
overflow:hidden;
border:1px solid #d4dde5;
border-radius:.42cqw;
background:rgba(255,255,255,.965);
box-shadow:0 .42cqw 1.1cqw rgba(18,40,72,.10),inset 0 1px 0 rgba(255,255,255,.85);
backdrop-filter:blur(.18cqw);
}
.central-advance-panel::after{
content:"";
position:absolute;
left:19.5%;
top:0;
bottom:0;
width:1px;
background:#dce4eb;
pointer-events:none;
}
.central-advance-action{
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
gap:.16cqw;
min-width:0;
padding:0 1.05cqw;
border:0;
color:#fff;
cursor:pointer;
overflow:hidden;
background:
radial-gradient(circle at 15% 15%,rgba(66,181,183,.2),transparent 37%),
linear-gradient(135deg,#0d344e 0%,#0a2940 55%,#071f31 100%);
box-shadow:inset -.2cqw 0 .6cqw rgba(0,0,0,.12);
transition:filter .18s ease,transform .18s ease,background .18s ease;
}
.central-advance-action::before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:.22cqw;
background:linear-gradient(180deg,#d8b85f,#f0d88f);
}
.central-advance-action::after{
content:"";
position:absolute;
inset:0;
opacity:.3;
background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.11) 42%,transparent 64%);
transform:translateX(-110%);
transition:transform .42s ease;
}
.central-advance-action:hover{filter:brightness(1.08)}
.central-advance-action:hover::after{transform:translateX(110%)}
.central-advance-action:active{transform:translateY(1px)}
.central-advance-action:disabled{cursor:wait;filter:saturate(.7) brightness(.92)}
.central-advance-action .advance-kicker{
color:#9cd8da;
font:900 .45cqw/1 Arial,sans-serif;
letter-spacing:.16em;
}
.central-advance-action strong{
color:#fff;
font:900 1.03cqw/1 Arial,sans-serif;
letter-spacing:.075em;
}
.central-advance-action small{
color:#b9cad2;
font:800 .37cqw/1.1 Arial,sans-serif;
letter-spacing:.035em;
}
.central-advance-action i{
position:absolute;
right:.72cqw;
top:50%;
transform:translateY(-50%);
color:#e7ce84;
font:400 1.65cqw/1 Arial,sans-serif;
opacity:.9;
}
.central-advance-calendar{
min-width:0;
display:grid;
grid-template-rows:30% 70%;
background:linear-gradient(180deg,rgba(249,251,253,.98),rgba(243,247,250,.98));
}
.central-advance-calendar>header{
display:flex;
align-items:center;
justify-content:space-between;
gap:.6cqw;
padding:0 .85cqw;
border-bottom:1px solid #dfe6ec;
background:rgba(247,249,251,.9);
}
.central-advance-calendar>header span{
color:#71808d;
font:900 .39cqw/1 Arial,sans-serif;
letter-spacing:.15em;
}
.central-advance-calendar>header strong{
color:#17314b;
font:900 .54cqw/1 Arial,sans-serif;
letter-spacing:.08em;
}
.central-advance-days{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
min-width:0;
transition:transform .32s cubic-bezier(.22,.75,.24,1),opacity .22s ease;
}
.central-advance-day{
position:relative;
display:grid;
grid-template-rows:auto auto 1fr;
align-content:center;
justify-items:center;
gap:.06cqw;
min-width:0;
padding:.35cqw .26cqw .24cqw;
border:0;
border-right:1px solid #e0e6ec;
background:transparent;
cursor:pointer;
transition:background .15s ease,transform .15s ease,box-shadow .15s ease;
}
.central-advance-day:last-child{border-right:0}
.central-advance-day:hover{background:#eef4f9;z-index:2}
.central-advance-day:active{transform:translateY(1px)}
.central-advance-day span{
color:#6b7783;
font:900 .37cqw/1 Arial,sans-serif;
letter-spacing:.1em;
}
.central-advance-day strong{
color:#172433;
font:900 1.02cqw/.95 Georgia,serif;
}
.central-advance-day small{
align-self:end;
max-width:100%;
min-height:.65cqw;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#87929c;
font:900 .3cqw/1 Arial,sans-serif;
letter-spacing:.045em;
}
.central-advance-day.is-today{
background:linear-gradient(180deg,#f4f9fd,#ebf3f8);
box-shadow:inset 0 -.16cqw 0 #134298;
}
.central-advance-day.is-today::before{
content:"TODAY";
position:absolute;
top:.1cqw;
left:50%;
transform:translateX(-50%);
color:#17449f;
font:900 .24cqw/1 Arial,sans-serif;
letter-spacing:.1em;
}
.central-advance-day.is-today span{margin-top:.15cqw;color:#17449f}
.central-advance-day.has-match small{color:#9a7123}
.central-advance-day.has-match::after{
content:"";
position:absolute;
left:15%;
right:15%;
bottom:0;
height:.12cqw;
background:#d0ab4d;
border-radius:999px 999px 0 0;
}
.central-advance-day.has-scout small{color:#0c7777}
.central-advance-day.has-weekend span{color:#8c7b55}
.central-advance-sweep{
position:absolute;
z-index:20;
top:0;
bottom:0;
width:12%;
left:-15%;
opacity:0;
pointer-events:none;
background:linear-gradient(90deg,transparent,rgba(122,204,211,.28),rgba(255,255,255,.72),transparent);
}
.central-advance-panel.is-advancing .central-advance-days{
transform:translateX(-6%);
opacity:.45;
}
.central-advance-panel.is-advancing .central-advance-sweep{
opacity:1;
animation:centralAdvanceSweep .38s ease-out forwards;
}
.central-advance-panel.has-advanced .central-advance-days{
animation:centralAdvanceSettle .36s cubic-bezier(.2,.8,.2,1);
}
@keyframes centralAdvanceSweep{from{left:-15%}to{left:108%}}
@keyframes centralAdvanceSettle{0%{transform:translateX(3%);opacity:.4}100%{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){
.central-advance-action,.central-advance-action::after,.central-advance-days{transition:none!important}
.central-advance-panel.is-advancing .central-advance-sweep,.central-advance-panel.has-advanced .central-advance-days{animation:none!important}
}
/* ========================================================================
V17.4 — CENTRAL ADVANCE STRIP POLISH
Better fit, stronger event hierarchy, matchday mini club shields.
======================================================================== */
.central-advance-panel{
left:15.6%!important;
right:18.55%!important;
top:8.75%!important;
height:10.05%!important;
grid-template-columns:17.5% minmax(0,1fr)!important;
border:1px solid #dbe2e9!important;
border-radius:.34cqw!important;
background:rgba(255,255,255,.985)!important;
box-shadow:0 .28cqw .8cqw rgba(18,40,72,.075),inset 0 1px 0 rgba(255,255,255,.95)!important;
backdrop-filter:blur(.12cqw)!important;
}
.central-advance-panel::after{left:17.5%!important;background:#dfe5eb!important}
.central-advance-action{
padding:0 .9cqw!important;
gap:.11cqw!important;
background:
radial-gradient(circle at 12% 12%,rgba(64,129,215,.2),transparent 42%),
linear-gradient(135deg,#123f91 0%,#0b347c 57%,#07295f 100%)!important;
box-shadow:inset -.12cqw 0 .45cqw rgba(0,0,0,.08)!important;
}
.central-advance-action::before{width:.18cqw!important;background:linear-gradient(180deg,#d0aa4e,#f0d786)!important}
.central-advance-action .advance-kicker{color:#e5c76f!important;font-size:.39cqw!important;letter-spacing:.17em!important}
.central-advance-action strong{font-size:.9cqw!important;letter-spacing:.08em!important}
.central-advance-action small{
max-width:85%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:#d3dce8!important;
font-size:.31cqw!important;
letter-spacing:.025em!important;
}
.central-advance-action i{right:.6cqw!important;font-size:1.35cqw!important;color:#efd57e!important}
.central-advance-calendar{grid-template-rows:24% 76%!important;background:linear-gradient(180deg,#fbfcfd,#f5f8fb)!important}
.central-advance-calendar>header{padding:0 .72cqw!important;background:#fafbfd!important;border-bottom:1px solid #e2e8ee!important}
.central-advance-calendar>header span{font-size:.32cqw!important;color:#7a8490!important;letter-spacing:.16em!important}
.central-advance-calendar>header strong{font-size:.45cqw!important;color:#233b56!important;letter-spacing:.1em!important}
.central-advance-days{background:#fff!important}
.central-advance-day{
grid-template-rows:auto auto minmax(0,1fr)!important;
align-content:start!important;
gap:.02cqw!important;
padding:.2cqw .22cqw .16cqw!important;
background:#fff!important;
border-right:1px solid #e5eaf0!important;
}
.central-advance-day:hover{background:#f5f8fb!important;box-shadow:inset 0 0 0 1px rgba(18,63,145,.08)!important}
.central-advance-day .advance-day-name{
margin:0!important;
color:#717c87!important;
font:900 .31cqw/1 Arial,sans-serif!important;
letter-spacing:.11em!important;
}
.central-advance-day .advance-day-number{
color:#182433!important;
font:900 .82cqw/.96 Georgia,serif!important;
}
.central-advance-day.is-today{
background:linear-gradient(180deg,#f5f9fd,#eef5fb)!important;
box-shadow:inset 0 -.13cqw 0 #16479f!important;
}
.central-advance-day.is-today::before{
top:.04cqw!important;
left:.3cqw!important;
transform:none!important;
color:#17489f!important;
font-size:.19cqw!important;
letter-spacing:.08em!important;
}
.central-advance-day.is-today .advance-day-name{color:#17489f!important}
.advance-event{
align-self:end;
width:100%;
min-width:0;
min-height:1.55cqw;
display:flex;
align-items:center;
justify-content:center;
gap:.18cqw;
padding:.12cqw .16cqw;
border-radius:.25cqw;
overflow:hidden;
color:#77828d;
font:900 .26cqw/1 Arial,sans-serif;
letter-spacing:.045em;
}
.advance-event-label{font:900 .25cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important;white-space:nowrap!important}
.advance-event-empty{min-height:1.15cqw!important;background:transparent!important;color:#b2bbc4!important}
.advance-event-weekend{min-height:1.15cqw!important;background:#f5f6f7!important;color:#8a7a59!important;border:1px solid #ece8df!important}
.advance-event-scout{
background:linear-gradient(180deg,#eefafa,#e6f5f5)!important;
color:#087777!important;
border:1px solid #cce9e8!important;
}
.advance-event-icon{
display:grid!important;
place-items:center!important;
width:.85cqw!important;
height:.85cqw!important;
flex:0 0 .85cqw!important;
border-radius:50%!important;
background:#0c817f!important;
color:#fff!important;
font:900 .42cqw/1 Arial,sans-serif!important;
}
.central-advance-day.has-scout{
background:linear-gradient(180deg,#fff,#f5fbfb)!important;
box-shadow:inset 0 -.11cqw 0 #169a97!important;
}
.central-advance-day.has-match{
background:linear-gradient(180deg,#fffdf7 0%,#fff9e9 100%)!important;
box-shadow:inset 0 0 0 1px rgba(196,153,48,.35),inset 0 -.15cqw 0 #c59b37!important;
}
.central-advance-day.has-match:hover{
background:linear-gradient(180deg,#fffdf6,#fff5d9)!important;
box-shadow:inset 0 0 0 1px rgba(183,135,23,.5),inset 0 -.16cqw 0 #b88b24,0 .12cqw .4cqw rgba(141,102,18,.08)!important;
}
.central-advance-day.has-match::after{display:none!important}
.advance-event-match{
min-height:1.75cqw!important;
display:grid!important;
grid-template-columns:auto 1fr!important;
grid-template-rows:auto auto!important;
align-items:center!important;
column-gap:.25cqw!important;
row-gap:.04cqw!important;
padding:.12cqw .2cqw!important;
background:rgba(255,255,255,.8)!important;
border:1px solid rgba(200,161,67,.36)!important;
color:#72551b!important;
}
.advance-event-match>.advance-event-label{
grid-column:1/2!important;
grid-row:1/3!important;
writing-mode:vertical-rl!important;
transform:rotate(180deg)!important;
color:#9a7423!important;
font-size:.19cqw!important;
letter-spacing:.1em!important;
}
.advance-match-clubs{
grid-column:2/3!important;
grid-row:1/2!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:.2cqw!important;
min-width:0!important;
}
.advance-match-clubs b{color:#856821!important;font:900 .28cqw/1 Arial,sans-serif!important;text-transform:uppercase!important}
.advance-event-match>small{
grid-column:2/3!important;
grid-row:2/3!important;
display:block!important;
color:#876d35!important;
font:900 .2cqw/1 Arial,sans-serif!important;
letter-spacing:.08em!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
text-align:center!important;
}
.advance-mini-badge{
position:relative!important;
display:grid!important;
place-items:center!important;
width:1.02cqw!important;
height:1.08cqw!important;
flex:0 0 auto!important;
overflow:hidden!important;
clip-path:polygon(50% 0,92% 11%,92% 66%,50% 100%,8% 66%,8% 11%)!important;
background:#fff!important;
box-shadow:0 .06cqw .16cqw rgba(32,43,57,.15)!important;
transition:transform .16s ease,filter .16s ease!important;
}
.advance-mini-badge img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;transform:none!important;filter:none!important}
.advance-mini-badge.is-fallback{background:#123d8c!important;color:#fff!important;font:900 .24cqw/1 Arial,sans-serif!important}
.central-advance-day.has-match:hover .advance-mini-badge:first-child{transform:translateX(-.04cqw) scale(1.06)!important}
.central-advance-day.has-match:hover .advance-mini-badge:last-child{transform:translateX(.04cqw) scale(1.06)!important}
.central-advance-day.has-match .advance-event-label{animation:advanceMatchPulse 2.2s ease-in-out infinite}
@keyframes advanceMatchPulse{0%,100%{opacity:.72}50%{opacity:1}}
.central-advance-panel.is-advancing .central-advance-days{transform:translateX(-3.5%)!important;opacity:.52!important}
@media (prefers-reduced-motion:reduce){.central-advance-day.has-match .advance-event-label{animation:none!important}}
/* ========================================================================
V17.5 — SEASON / COMPETITIONS POLISH
======================================================================== */
.season-live-heading{left:14.18%!important;top:9.15%!important;height:7.45%!important;gap:.78cqw!important;align-items:center!important;pointer-events:none}
.season-live-badge{width:3.52cqw!important;height:4.12cqw!important;display:grid!important;place-items:center!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;flex:0 0 auto!important}
.season-live-badge img{display:block!important;width:82%!important;height:84%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:50% 53%!important;clip-path:polygon(50% 0,91% 8%,91% 59%,84% 71%,70% 85%,50% 100%,30% 85%,16% 71%,9% 59%,9% 8%)!important;transform:translate(-.5%,2.4%) scale(1.015)!important;transform-origin:center center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important}
.season-live-heading>div:last-child{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:12.6cqw!important;height:4.2cqw!important;padding-left:.2cqw!important}
.season-live-heading strong{color:#171a1f!important;font:900 .78cqw/1.05 Arial,sans-serif!important;letter-spacing:.01em!important}
.season-live-heading span{color:#68727e!important;margin-top:.2cqw!important;font:800 .46cqw/1.1 Arial,sans-serif!important;letter-spacing:.03em!important}
.season-live-subnav{left:2.18%!important;top:18.45%!important;width:63.6%!important;height:4.65%!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:.38cqw!important;padding:.34cqw!important;background:rgba(255,255,255,.96)!important;border:1px solid #dfe5eb!important;border-radius:.55cqw!important;box-shadow:0 .28cqw .85cqw rgba(22,42,73,.07)!important;overflow:visible!important}
.season-live-subnav button{position:relative!important;display:grid!important;grid-template-columns:1.28cqw minmax(0,1fr)!important;align-items:center!important;justify-items:start!important;gap:.48cqw!important;height:100%!important;min-width:0!important;padding:0 .7cqw!important;background:linear-gradient(180deg,#fff,#f7f9fb)!important;color:#4b5560!important;border:1px solid #e0e5eb!important;border-radius:.34cqw!important;font:900 .47cqw/1 Arial,sans-serif!important;letter-spacing:.055em!important;cursor:pointer!important;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,color .14s ease!important;overflow:hidden!important}
.season-live-subnav button::before{width:1.28cqw!important;height:1.28cqw!important;display:grid!important;place-items:center!important;border-radius:.3cqw!important;background:#f0f4f8!important;border:1px solid #d9e1e9!important;color:#0b3a92!important;font:900 .62cqw/1 Arial,sans-serif!important;letter-spacing:0!important;transition:.14s ease!important}
.season-live-subnav button[data-season-tab="table"]::before{content:"▦"}
.season-live-subnav button[data-season-tab="fixtures"]::before{content:"↔"}
.season-live-subnav button[data-season-tab="calendar"]::before{content:"□"}
.season-live-subnav button[data-season-tab="cup"]::before{content:"♢"}
.season-live-subnav button[data-season-tab="stats"]::before{content:"↗"}
.season-live-subnav button[data-season-tab="records"]::before{content:"★"}
.season-live-subnav button:hover{transform:translateY(-.06cqw)!important;border-color:#b8c7d8!important;box-shadow:0 .22cqw .55cqw rgba(25,51,91,.08)!important;color:#17396f!important}
.season-live-subnav button.is-active{background:linear-gradient(180deg,#1747a7,#103a91)!important;color:#fff!important;border-color:#103a91!important;box-shadow:0 .28cqw .65cqw rgba(16,58,145,.2)!important}
.season-live-subnav button.is-active::before{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
.season-live-subnav button.is-active::after{content:""!important;position:absolute!important;left:1.05cqw!important;right:1.05cqw!important;bottom:.16cqw!important;height:.12cqw!important;border-radius:99px!important;background:#dfb853!important}
.season-main-content{left:2.2%!important;top:24.55%!important;width:64.45%!important;height:56.2%!important;padding:.82cqw .92cqw!important;background:rgba(255,255,255,.985)!important;border:1px solid #dfe5eb!important;border-radius:.52cqw!important;box-shadow:0 .34cqw 1cqw rgba(20,41,73,.055)!important}
.season-side-content{left:68.2%!important;top:24.55%!important;width:29.15%!important;height:56.2%!important;grid-template-rows:1.05fr .86fr .58fr!important;gap:.72cqw!important}
.season-side-card{background:rgba(255,255,255,.99)!important;border:1px solid #dfe5eb!important;border-radius:.52cqw!important;padding:.88cqw!important;box-shadow:0 .28cqw .75cqw rgba(20,41,73,.05)!important}
.season-side-card>span{color:#68737e!important;font:900 .48cqw/1 Arial,sans-serif!important;letter-spacing:.11em!important;margin-bottom:.7cqw!important}
.season-side-lockup{gap:.72cqw!important;align-items:center!important}
.season-side-lockup img{width:4.25cqw!important;height:4.45cqw!important;object-fit:cover!important;object-position:50% 53%!important;clip-path:polygon(50% 0,91% 8%,91% 59%,84% 71%,70% 85%,50% 100%,30% 85%,16% 71%,9% 59%,9% 8%)!important;transform:translateY(.08cqw) scale(.96)!important;background:transparent!important;border:0!important;filter:none!important}
.season-side-lockup strong{font:900 .82cqw/1.05 Arial,sans-serif!important;color:#171a1f!important}
.season-side-lockup small{font:800 .48cqw/1.1 Arial,sans-serif!important;color:#6e7782!important;margin-top:.22cqw!important}
.season-side-progress{height:.46cqw!important;background:#eef2f6!important;border:0!important;border-radius:99px!important;margin-top:.8cqw!important}
.season-side-progress i{background:linear-gradient(90deg,#0f4098,#4f83dc)!important;border-radius:99px!important}
.highlight-tiles{gap:.55cqw!important}
.highlight-tiles b{min-height:4.9cqw!important;border-radius:.36cqw!important;background:linear-gradient(180deg,#fafbfd,#f3f6f9)!important;border:1px solid #e0e5eb!important;color:#0d3b91!important;font:900 1.35cqw/1 Arial,sans-serif!important}
.highlight-tiles small{margin-top:.15cqw!important;color:#6e7782!important;font:900 .36cqw/1 Arial,sans-serif!important;letter-spacing:.09em!important}
.season-side-card.compact strong{font:900 1.08cqw/1 Arial,sans-serif!important;color:#151a20!important}
.live-table-head{min-height:2.45cqw!important;border-radius:.32cqw .32cqw 0 0!important;background:#f5f8fb!important;color:#68737f!important;border-bottom:1px solid #dce3ea!important}
.live-table-row{min-height:2.85cqw!important;border-bottom:1px solid #edf0f3!important}.live-table-row:hover{background:#f8faff!important}.live-table-row.is-own{background:linear-gradient(90deg,#eef4ff,#f8faff)!important;box-shadow:inset .18cqw 0 #16489e!important}.live-club-cell img{width:1.65cqw!important;height:1.65cqw!important;object-fit:contain!important}
.season-fixture{min-height:4.35cqw!important;margin-bottom:.35cqw!important;padding:0 .5cqw!important;border:1px solid #e4e9ee!important;border-radius:.38cqw!important;background:linear-gradient(180deg,#fff,#fafbfd)!important}.season-fixture:hover{border-color:#bdcadd!important;box-shadow:0 .18cqw .5cqw rgba(22,44,80,.05)!important}.season-fixture>b{color:#0f4098!important;font-size:.7cqw!important}
.live-calendar header{min-height:2.8cqw!important;margin-bottom:.72cqw!important;padding:.25cqw .15cqw .55cqw!important;border-bottom:1px solid #e4e9ee!important}.live-calendar header strong{font:900 .92cqw/1 Arial,sans-serif!important;color:#171b20!important}.live-calendar header button{height:2.25cqw!important;border-radius:.32cqw!important;background:linear-gradient(180deg,#1747a7,#103a91)!important;box-shadow:0 .18cqw .45cqw rgba(16,58,145,.15)!important}.calendar-weekdays span{color:#76808a!important;font-size:.4cqw!important;letter-spacing:.1em!important}.calendar-day{height:5.05cqw!important;padding:.46cqw!important;border-color:#e2e7ec!important;background:#fff!important;transition:.12s ease!important}.calendar-day:hover{background:#fbfcfe!important;box-shadow:inset 0 0 0 1px #cdd7e2!important}.calendar-day.has-match{background:linear-gradient(180deg,#fffaf0,#fffdf8)!important;box-shadow:inset .16cqw 0 #d0a337!important}.calendar-day.has-match span{display:inline-flex!important;margin-top:1.25cqw!important;padding:.2cqw .36cqw!important;border-radius:99px!important;background:#f4e7bf!important;color:#795c13!important;font-size:.34cqw!important}
.cup-live h3{font-size:1.3cqw!important;color:#171a1f!important}.cup-bracket-live{gap:.72cqw!important}.cup-team{height:4.05cqw!important;border-radius:.38cqw!important;background:linear-gradient(180deg,#fff,#fafbfd)!important;border-color:#e0e5eb!important}.records-live>div{border-radius:.42cqw!important;background:linear-gradient(180deg,#fff,#fafbfd)!important;border-color:#e0e5eb!important}
@media (prefers-reduced-motion:reduce){.season-live-subnav button,.calendar-day,.season-fixture{transition:none!important}}
/* ===== V17.6 Central dashboard functionality / interaction pass ===== */
.central-side-panel{transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}
.central-side-panel.is-actionable{cursor:pointer;outline:none}
.central-side-panel.is-actionable:hover{box-shadow:0 .45cqw 1.15cqw rgba(20,43,79,.09)!important;transform:translateY(-.05cqw)}
.central-side-panel.is-actionable:focus-visible{box-shadow:0 0 0 2px rgba(13,57,146,.2)!important}
.central-inbox-list{gap:.18cqw!important}
.inbox-row.central-inbox-row{
width:100%;min-width:0;margin:0;border:1px solid #e1e6eb!important;border-radius:.28cqw!important;
display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
padding:.42cqw .62cqw .42cqw 1.8cqw!important;background:#fff!important;color:#171b20!important;
text-align:left!important;cursor:pointer!important;font:inherit!important;appearance:none!important;
transition:background .14s ease,border-color .14s ease,transform .14s ease!important;
}
.inbox-row.central-inbox-row:hover{background:#f6f9ff!important;border-color:#bccbe2!important;transform:translateX(.06cqw)}
.inbox-row.central-inbox-row:focus-visible{outline:2px solid rgba(13,57,146,.28)!important;outline-offset:0!important}
.inbox-row.central-inbox-row:before{content:""!important;position:absolute!important;left:.7cqw!important;width:.48cqw!important;height:.48cqw!important;border-radius:50%!important;background:#0b3b98!important;box-shadow:none!important}
.inbox-row.central-inbox-row.is-read:before{background:#c9d0d8!important}
.central-inbox-copy{display:block!important;min-width:0!important;color:#171b20!important}
.central-inbox-copy strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#171b20!important;font:900 .53cqw/1.08 Arial,sans-serif!important}
.central-inbox-copy small{display:block!important;margin-top:.14cqw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#7b8490!important;font:800 .34cqw/1 Arial,sans-serif!important;letter-spacing:.035em!important}
.inbox-row.central-inbox-row time{color:#77818c!important;font:800 .36cqw/1 Arial,sans-serif!important;white-space:nowrap!important;margin-left:.5cqw!important}
.central-news-list{
height:100%!important;padding:.12cqw!important;display:grid!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:.18cqw!important;
background:#fff!important;overflow:hidden!important;
}
.news-row.central-news-row{
display:grid!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;
grid-template-columns:3.35cqw minmax(0,1fr)!important;gap:.55cqw!important;align-items:center!important;
padding:.32cqw .38cqw!important;border:1px solid #e3e7ec!important;border-radius:.28cqw!important;
background:#fff!important;color:#15171b!important;text-align:left!important;cursor:pointer!important;appearance:none!important;
transition:background .14s ease,border-color .14s ease,transform .14s ease!important;
}
.news-row.central-news-row:hover{background:#f7f9fd!important;border-color:#bdcce2!important;transform:translateX(.05cqw)}
.news-row.central-news-row:focus-visible{outline:2px solid rgba(13,57,146,.25)!important;outline-offset:0!important}
.central-news-row .news-avatar{width:3.35cqw!important;height:100%!important;max-height:3.35cqw!important;min-height:2.65cqw!important;border:1px solid #dfe4e9!important;border-radius:.22cqw!important;background:linear-gradient(180deg,#f7f9fb,#eef2f5)!important;overflow:hidden!important;display:grid!important;place-items:center!important}
.central-news-row .news-avatar img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;transform:none!important;filter:none!important}
.central-news-row .news-copy{min-width:0!important;align-self:center!important}
.central-news-row .news-copy strong{display:block!important;color:#161a1f!important;font:900 .48cqw/1.12 Arial,sans-serif!important;white-space:normal!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
.central-news-row .news-copy small.central-news-category{display:block!important;margin:0 0 .15cqw!important;color:#0b3b98!important;font:900 .29cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important}
.central-news-row .news-copy span{display:block!important;margin-top:.17cqw!important;color:#7a838d!important;font:900 .28cqw/1 Arial,sans-serif!important;letter-spacing:.07em!important}
.central-objectives{gap:.15cqw!important}
.objective-row.central-objective-row{
width:100%!important;height:100%!important;margin:0!important;border:1px solid transparent!important;border-radius:.24cqw!important;
background:#fff!important;color:#15171b!important;text-align:left!important;cursor:pointer!important;appearance:none!important;
grid-template-columns:1.5cqw minmax(0,1fr)!important;align-items:center!important;padding:.26cqw .46cqw!important;
transition:background .14s ease,border-color .14s ease,transform .14s ease!important;
}
.objective-row.central-objective-row:hover{background:#f6f9ff!important;border-color:#d7e0ef!important;transform:translateX(.05cqw)}
.objective-row.central-objective-row:focus-visible{outline:2px solid rgba(13,57,146,.22)!important}
.central-objective-row .objective-copy{min-width:0!important}
.central-objective-row .objective-copy strong{font:900 .49cqw/1.08 Arial,sans-serif!important;color:#171b20!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.objective-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.4cqw!important;margin-top:.18cqw!important}
.objective-meta span{color:#747e88!important;font:900 .27cqw/1 Arial,sans-serif!important;letter-spacing:.05em!important}
.objective-meta b{color:#0b3b98!important;font:900 .29cqw/1 Arial,sans-serif!important}
.central-objective-row .progress{height:.25cqw!important;margin-top:.17cqw!important;border:0!important;border-radius:999px!important;background:#e7ebef!important;overflow:hidden!important}
.central-objective-row .progress i{background:linear-gradient(90deg,#0c3b98,#2c65c5)!important;border-radius:999px!important}
.central-finances-panel{outline:none!important}
.central-finances{position:relative!important;cursor:pointer!important}
.central-finances .finance-budget small{display:block!important;margin-top:.15cqw!important;color:#7b8490!important;font:800 .32cqw/1.1 Arial,sans-serif!important}
.central-finances .finance-status{align-items:center!important}
.central-finances .finance-status button{
margin-left:auto!important;border:0!important;background:transparent!important;color:#0b3b98!important;padding:.15cqw .2cqw!important;
font:900 .3cqw/1 Arial,sans-serif!important;letter-spacing:.07em!important;cursor:pointer!important;
}
.central-finances .finance-status button:hover{text-decoration:underline!important}
.central-calendar-mini{display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:.08cqw!important;padding:.15cqw .2cqw .18cqw!important}
.central-mini-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.4cqw!important;min-width:0!important;padding:0 .08cqw!important}
.central-mini-meta strong{color:#1b2027!important;font:900 .36cqw/1 Arial,sans-serif!important;letter-spacing:.06em!important}
.central-mini-meta span{color:#7d8791!important;font:900 .25cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important}
.central-mini-week span{font-size:.28cqw!important}
.central-mini-days{grid-template-columns:repeat(7,1fr)!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:.08cqw!important;min-height:0!important}
.central-mini-days button{
position:relative!important;display:grid!important;place-items:center!important;height:auto!important;min-height:1.02cqw!important;padding:0!important;
border:1px solid #e1e5e9!important;border-radius:.12cqw!important;background:#fff!important;color:#525b65!important;cursor:pointer!important;
font:800 .32cqw/1 Arial,sans-serif!important;transition:background .12s ease,border-color .12s ease,transform .12s ease!important;
}
.central-mini-days button:hover{border-color:#0b3b98!important;background:#f5f8ff!important;transform:translateY(-1px)!important}
.central-mini-days button.is-today{box-shadow:inset 0 0 0 1px #0b3b98!important;color:#0b3b98!important;font-weight:900!important}
.central-mini-days button.is-out-month{opacity:.38!important}
.central-mini-days button.has-match{background:#fff8e8!important;border-color:#d4a943!important;color:#725414!important}
.central-mini-days button.has-scout{background:#eef9f8!important;border-color:#57afa9!important;color:#176b67!important}
.central-mini-days button b{font:900 .31cqw/1 Arial,sans-serif!important}
.central-mini-days button small{position:absolute!important;right:.08cqw!important;bottom:.02cqw!important;font:900 .22cqw/1 Arial,sans-serif!important;color:inherit!important}
#infoText{white-space:pre-line!important;line-height:1.55!important}
@media (max-width:1450px){
.central-news-row .news-copy strong{font-size:.45cqw!important}
.central-inbox-copy strong{font-size:.5cqw!important}
.central-objective-row .objective-copy strong{font-size:.46cqw!important}
}
/* ========================================================================== */
/* V18 — CREATE A MANAGER */
/* ========================================================================== */
.manager-creator-screen{
background:#f5f7fa!important;color:#13171e!important;font-family:Arial,Helvetica,sans-serif!important;
}
.manager-creator-bg{
position:absolute;inset:0;z-index:0;
background:
linear-gradient(90deg,rgba(255,255,255,.985) 0 18%,rgba(248,250,252,.94) 42%,rgba(255,255,255,.97) 100%),
url('assets/ui-v2/central.webp') center/cover no-repeat;
}
.manager-creator-bg::after{
content:"";position:absolute;inset:0;background:
linear-gradient(120deg,transparent 0 48%,rgba(18,65,151,.035) 48.1% 48.25%,transparent 48.35%),
linear-gradient(60deg,transparent 0 70%,rgba(18,65,151,.025) 70.1% 70.25%,transparent 70.35%);
}
.manager-create-header{
position:absolute;z-index:5;left:0;right:0;top:0;height:7.1cqw;padding:0 3.1cqw;
display:grid;grid-template-columns:3.2cqw 9.2cqw minmax(0,1fr) auto;gap:1.15cqw;align-items:center;
background:rgba(255,255,255,.985);border-bottom:1px solid #dce2e9;box-shadow:0 .22cqw .8cqw rgba(20,38,70,.05);
}
.manager-back-btn{width:2.45cqw;height:2.45cqw;border:1px solid #d5dce5;border-radius:.28cqw;background:#fff;color:#123b91;font:700 1.5cqw/1 Georgia,serif;cursor:pointer}
.manager-back-btn:hover{background:#f1f6ff;border-color:#94acd8}
.manager-create-logo{width:8.6cqw;height:auto;object-fit:contain}
.manager-create-title{padding-left:1.2cqw;border-left:1px solid #dce1e7;min-width:0}
.manager-create-title span,.manager-create-progress span{display:block;color:#7a8490;font:900 .42cqw/1 Arial,sans-serif;letter-spacing:.15em}
.manager-create-title h2{margin:.18cqw 0 0;color:#11141a;font:900 1.45cqw/1 Arial,sans-serif;letter-spacing:.045em}
.manager-create-progress{text-align:right;border-left:1px solid #e1e6ec;padding-left:1.1cqw}
.manager-create-progress strong{display:block;margin-top:.22cqw;color:#103c96;font:900 .58cqw/1 Arial,sans-serif;letter-spacing:.1em}
.manager-create-shell{
position:absolute;z-index:2;left:3.1cqw;right:3.1cqw;top:8.35cqw;bottom:2.55cqw;
display:grid;grid-template-columns:15.7cqw 27.7cqw minmax(0,1fr);gap:1.15cqw;min-width:0;min-height:0;
}
.manager-stage-rail,.manager-live-stage,.manager-config-panel{
border:1px solid #dce3ea;background:rgba(255,255,255,.97);box-shadow:0 .45cqw 1.25cqw rgba(21,42,79,.055);min-width:0;min-height:0;
}
.manager-stage-rail{padding:.75cqw;display:flex;flex-direction:column;gap:.48cqw}
.manager-stage-tab{
width:100%;min-height:4.65cqw;padding:.65cqw .72cqw;display:grid;grid-template-columns:2.05cqw minmax(0,1fr);gap:.65cqw;align-items:center;text-align:left;
border:1px solid transparent;border-left:.22cqw solid transparent;background:transparent;color:#59636f;cursor:pointer;transition:.16s ease;
}
.manager-stage-tab>span{width:1.9cqw;height:1.9cqw;display:grid;place-items:center;border-radius:50%;border:1px solid #cfd7e0;color:#77818d;font:900 .45cqw/1 Arial,sans-serif}
.manager-stage-tab strong{display:block;color:#303842;font:900 .52cqw/1.1 Arial,sans-serif;letter-spacing:.07em}
.manager-stage-tab small{display:block;margin-top:.19cqw;color:#8a939d;font:700 .39cqw/1.15 Arial,sans-serif}
.manager-stage-tab:hover{background:#f6f9fd;border-color:#e1e7ef}
.manager-stage-tab.is-active{background:linear-gradient(90deg,#f0f5ff,#fafcff);border-color:#d3deef;border-left-color:#1748ab}
.manager-stage-tab.is-active>span{background:#1748ab;border-color:#1748ab;color:#fff;box-shadow:0 .18cqw .4cqw rgba(23,72,171,.18)}
.manager-stage-tab.is-active strong{color:#123b91}
.manager-stage-note{margin-top:auto;padding:.8cqw;border-top:1px solid #e2e7ed;color:#747e89}
.manager-stage-note span{color:#b28c35;font:900 .4cqw/1 Arial,sans-serif;letter-spacing:.13em}
.manager-stage-note p{margin:.34cqw 0 0;font:700 .42cqw/1.42 Arial,sans-serif}
.manager-live-stage{
position:relative;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;justify-items:center;
background:
radial-gradient(circle at 50% 37%,rgba(255,255,255,.98) 0 21%,rgba(238,244,249,.96) 58%,rgba(226,233,240,.98) 100%);
}
.manager-live-stage::before{content:"";position:absolute;left:10%;right:10%;bottom:8.2cqw;height:1px;background:linear-gradient(90deg,transparent,#a8b5c3,transparent)}
.manager-live-stage::after{content:"";position:absolute;left:50%;bottom:6.55cqw;width:14.5cqw;height:2cqw;border-radius:50%;transform:translateX(-50%);background:rgba(41,56,73,.08);filter:blur(.45cqw)}
.manager-studio-kicker{position:relative;z-index:4;margin-top:1.05cqw;color:#6b7885;font:900 .42cqw/1 Arial,sans-serif;letter-spacing:.16em}
.manager-live-preview{position:relative;z-index:3;width:20cqw;min-height:25.8cqw;display:grid;place-items:center;align-self:center}
.manager-paperdoll{position:relative;width:256px;aspect-ratio:2/3;max-width:100%;isolation:isolate}
.manager-ground-shadow{position:absolute;z-index:0;left:22%;right:22%;bottom:4%;height:4.7%;border-radius:50%;background:rgba(20,30,42,.18);filter:blur(3px)}
.manager-layer{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none;user-select:none}
.manager-layer-0{z-index:1}.manager-layer-1{z-index:2}.manager-layer-2{z-index:3}.manager-layer-3{z-index:4}.manager-layer-4{z-index:5}.manager-layer-5{z-index:6}.manager-layer-6{z-index:7}.manager-layer-7{z-index:8}
.manager-paperdoll-large{width:18.4cqw;filter:drop-shadow(0 .45cqw .58cqw rgba(22,38,57,.12))}
.manager-preview-plinth{position:relative;z-index:4;width:84%;margin-bottom:.75cqw;padding:.62cqw .8cqw;text-align:center;border-top:1px solid #c9d1da;border-bottom:1px solid #e0e5ea;background:rgba(255,255,255,.72)}
.manager-preview-plinth span{display:block;color:#151a20;font:900 .68cqw/1 Arial,sans-serif;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.manager-preview-plinth small{display:block;margin-top:.18cqw;color:#6c7782;font:800 .37cqw/1 Arial,sans-serif;letter-spacing:.11em}
.manager-preview-actions{position:relative;z-index:5;width:84%;padding-bottom:1cqw;display:grid;grid-template-columns:1fr 1fr;gap:.5cqw}
.manager-preview-actions button{height:2.3cqw;border:1px solid #cdd6df;background:#fff;color:#17419a;border-radius:.28cqw;font:900 .43cqw/1 Arial,sans-serif;letter-spacing:.1em;cursor:pointer}
.manager-preview-actions button:first-child{background:linear-gradient(180deg,#1649ac,#103789);color:#fff;border-color:#103789}
.manager-preview-actions button:hover{transform:translateY(-1px);box-shadow:0 .25cqw .55cqw rgba(23,55,115,.12)}
.manager-config-panel{position:relative;display:grid;grid-template-rows:minmax(0,1fr) 4.2cqw;overflow:hidden}
.manager-config-stage{display:none;min-height:0;padding:1.25cqw 1.35cqw 1cqw;overflow:hidden}
.manager-config-stage.is-active{display:flex;flex-direction:column;animation:managerPanelIn .25s ease both}
@keyframes managerPanelIn{from{opacity:0;transform:translateX(.55cqw)}to{opacity:1;transform:none}}
.manager-panel-heading{padding-bottom:.78cqw;border-bottom:1px solid #e0e5ea}
.manager-panel-heading>span{color:#168c8f;font:900 .4cqw/1 Arial,sans-serif;letter-spacing:.15em}
.manager-panel-heading h3{margin:.22cqw 0 .22cqw;color:#14181e;font:900 1.17cqw/1 Arial,sans-serif}
.manager-panel-heading p{margin:0;color:#6b7580;font:700 .47cqw/1.35 Arial,sans-serif}
.manager-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75cqw;margin-top:1.1cqw}
.manager-field{display:grid;gap:.3cqw}.manager-field-wide{grid-column:1/-1}
.manager-field>span{color:#596572;font:900 .39cqw/1 Arial,sans-serif;letter-spacing:.12em}
.manager-field input,.manager-field select{width:100%;height:2.8cqw;padding:0 .75cqw;border:1px solid #ccd6e0;border-radius:.25cqw;background:#fbfcfe;color:#181d23;font:800 .58cqw/1 Arial,sans-serif;outline:none}
.manager-field input:focus,.manager-field select:focus{border-color:#2d61bb;box-shadow:0 0 0 2px rgba(45,97,187,.08)}
.manager-field small{color:#87919a;font:700 .37cqw/1.2 Arial,sans-serif}
.manager-identity-card{margin-top:1cqw;padding:.85cqw .9cqw;border-left:.22cqw solid #d2a94f;background:#f6f8fa}
.manager-identity-card span{color:#ae8736;font:900 .38cqw/1 Arial,sans-serif;letter-spacing:.12em}
.manager-identity-card strong{display:block;margin-top:.3cqw;color:#192028;font:900 .62cqw/1.15 Arial,sans-serif}
.manager-identity-card p{margin:.3cqw 0 0;color:#68737e;font:700 .42cqw/1.35 Arial,sans-serif}
.manager-category-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:.85cqw;border:1px solid #d8dfe7;border-radius:.3cqw;overflow:hidden;flex:0 0 auto}
.manager-category-tabs-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.manager-category-tabs button{height:2.35cqw;border:0;border-right:1px solid #dfe5eb;background:#fff;color:#626c77;font:900 .38cqw/1 Arial,sans-serif;letter-spacing:.07em;cursor:pointer}
.manager-category-tabs button:last-child{border-right:0}.manager-category-tabs button:hover{background:#f5f8fc;color:#17449c}.manager-category-tabs button.is-active{background:#17449c;color:#fff;box-shadow:inset 0 -.18cqw #d9b45a}
.manager-option-grid{margin-top:.8cqw;padding:.05cqw .35cqw .35cqw 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55cqw;align-content:start;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#aeb9c4 transparent}
.manager-outfit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.manager-option{position:relative;min-height:6.8cqw;padding:.46cqw;border:1px solid #dce3ea;border-radius:.38cqw;background:#fff;text-align:left;cursor:pointer;overflow:hidden;transition:.14s ease}
.manager-option:hover{border-color:#9db1ce;transform:translateY(-.08cqw);box-shadow:0 .25cqw .55cqw rgba(18,43,82,.08)}
.manager-option.is-selected{border-color:#1749ab;box-shadow:inset 0 0 0 1px #1749ab,0 .25cqw .6cqw rgba(23,73,171,.1)}
.manager-option.is-selected::after{content:"✓";position:absolute;right:.34cqw;top:.34cqw;width:1.05cqw;height:1.05cqw;border-radius:50%;display:grid;place-items:center;background:#1749ab;color:#fff;font:900 .45cqw/1 Arial,sans-serif}
.manager-option-thumb{height:4.35cqw;display:grid;place-items:center;border-radius:.22cqw;background:linear-gradient(180deg,#f4f7fa,#e8edf2);overflow:hidden}
.manager-option-thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
/* Schema 5 repair: modular face/detail choices use a readable head crop instead of a tiny full-body thumbnail. */
.manager-option[data-manager-option-category="face"] .manager-option-thumb img,
.manager-option[data-manager-option-category="eye"] .manager-option-thumb img,
.manager-option[data-manager-option-category="eyebrow"] .manager-option-thumb img,
.manager-option[data-manager-option-category="complexion"] .manager-option-thumb img,
.manager-option[data-manager-option-category="makeup"] .manager-option-thumb img,
.manager-option[data-manager-option-category="age"] .manager-option-thumb img,
.manager-option[data-manager-option-category="facial_hair"] .manager-option-thumb img,
.manager-option[data-manager-option-category="eyewear"] .manager-option-thumb img{object-fit:cover;object-position:50% 20%}
.manager-option[data-manager-option-category="hair"] .manager-option-thumb img,
.manager-option[data-manager-option-category="hair_accessory"] .manager-option-thumb img{object-fit:cover;object-position:50% 14%}
.manager-option[data-manager-option-category="outfit"] .manager-option-thumb{background:radial-gradient(circle at 50% 32%,#ffffff 0%,#f2f6f9 58%,#e6ecf1 100%)}
.manager-option[data-manager-option-category="outfit"] .manager-option-thumb img{object-fit:contain;object-position:50% 58%;transform:scale(1.48);transform-origin:50% 58%}
.manager-option strong{display:block;margin-top:.36cqw;color:#242b33;font:900 .42cqw/1.1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.manager-option small{display:block;margin-top:.13cqw;color:#8a949e;font:800 .31cqw/1 Arial,sans-serif;letter-spacing:.05em}
.manager-palette-option{min-height:4.6cqw;padding:.5cqw;border:1px solid #dce3ea;border-radius:.38cqw;background:#fff;cursor:pointer;text-align:left}
.manager-palette-option i{display:block;height:2.25cqw;border-radius:.24cqw;border:1px solid rgba(30,42,55,.14)}
.manager-palette-option strong{display:block;margin-top:.42cqw;color:#343c46;font:900 .42cqw/1.1 Arial,sans-serif}
.manager-palette-option:hover{border-color:#9db1ce}.manager-palette-option.is-selected{border-color:#1749ab;box-shadow:inset 0 0 0 1px #1749ab}
.manager-confirm-profile{display:grid;grid-template-columns:10.2cqw minmax(0,1fr);gap:1.15cqw;align-items:center;margin-top:1.05cqw;padding:.85cqw;border:1px solid #dfe5eb;background:linear-gradient(120deg,#f7f9fb,#fff)}
.manager-confirm-portrait{height:10cqw;overflow:hidden;position:relative;background:radial-gradient(circle,#fff,#edf2f6);border:1px solid #d7dfe8}
.manager-paperdoll-confirm{position:absolute!important;width:8.5cqw!important;left:50%!important;top:-.5cqw!important;transform:translateX(-50%)!important}
.manager-confirm-copy>span{color:#168b8e;font:900 .4cqw/1 Arial,sans-serif;letter-spacing:.15em}.manager-confirm-copy h3{margin:.28cqw 0 .2cqw;color:#11161c;font:900 1.25cqw/1 Arial,sans-serif}.manager-confirm-copy p{margin:0;color:#69737e;font:800 .52cqw/1.2 Arial,sans-serif}.manager-confirm-tags{display:flex;gap:.35cqw;margin-top:.7cqw}.manager-confirm-tags b{padding:.32cqw .48cqw;border:1px solid #d8e0e7;background:#fff;color:#5b6671;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.08em}.manager-confirm-tags b:first-child{border-color:#e1c471;color:#927124;background:#fffaf0}
.manager-confirm-facts{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:.75cqw;border:1px solid #dfe5eb}.manager-confirm-facts>div{padding:.72cqw;border-right:1px solid #e2e7ec}.manager-confirm-facts>div:last-child{border-right:0}.manager-confirm-facts span{display:block;color:#7b8691;font:900 .35cqw/1 Arial,sans-serif;letter-spacing:.12em}.manager-confirm-facts strong{display:block;margin-top:.28cqw;color:#1d252d;font:900 .49cqw/1.2 Arial,sans-serif}.manager-confirm-note{margin-top:.75cqw;padding:.72cqw;border-left:.2cqw solid #168f91;background:#f2f8f8;color:#62707b;font:700 .42cqw/1.38 Arial,sans-serif}
.manager-create-footer{height:4.2cqw;padding:.62cqw .8cqw;display:grid;grid-template-columns:8.5cqw minmax(0,1fr) 10.7cqw;gap:.7cqw;align-items:center;border-top:1px solid #dce3ea;background:#f8fafc}
.manager-create-footer button{height:2.75cqw;border-radius:.28cqw;font:900 .48cqw/1 Arial,sans-serif;letter-spacing:.1em;cursor:pointer}.manager-secondary-action{border:1px solid #cfd8e1;background:#fff;color:#44515d}.manager-secondary-action:disabled{opacity:.35;cursor:default}.manager-primary-action{border:1px solid #0e368d;background:linear-gradient(180deg,#174cad,#103786);color:#fff;box-shadow:0 .2cqw .45cqw rgba(15,53,139,.13)}.manager-primary-action:hover{filter:brightness(1.07)}
.manager-footer-status{text-align:center;min-width:0}.manager-footer-status span{display:block;color:#33404d;font:900 .4cqw/1 Arial,sans-serif;letter-spacing:.11em}.manager-footer-status small{display:block;margin-top:.16cqw;color:#85909a;font:700 .34cqw/1 Arial,sans-serif}
/* Reusable manager portrait crops */
.manager-portrait-crop{position:relative;overflow:hidden;background:radial-gradient(circle,#fff,#e9eef3)}
.manager-portrait-crop .manager-paperdoll{position:absolute;left:50%;top:-36%;width:128%;transform:translateX(-50%)}
.manager-portrait-crop .manager-ground-shadow{display:none}
.central-manager-portrait{position:absolute;z-index:16;right:4.72%;top:8.25%;width:5.35%;height:9.25%;border-radius:50%;overflow:hidden;border:1px solid rgba(44,63,86,.17);background:#f3f6f8;box-shadow:0 .2cqw .55cqw rgba(21,38,68,.08)}
.central-manager-portrait .manager-portrait-crop{width:100%;height:100%;background:transparent}
.central-manager-portrait .manager-paperdoll{top:-32%;width:132%}
.central-manager-portrait::after{content:"MANAGER";position:absolute;left:50%;bottom:-1.06cqw;transform:translateX(-50%);color:#6b7580;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.09em}
/* Club selection now acknowledges the created manager without disrupting the club browser. */
.preview-inner{grid-template-rows:auto 1fr auto auto!important}
.preview-manager-strip{position:relative;z-index:3;display:grid;grid-template-columns:3.6cqw minmax(0,1fr);gap:.65cqw;align-items:center;margin:.15cqw 0 .55cqw;padding:.48cqw .58cqw;border:1px solid rgba(140,166,179,.23);border-left:.18cqw solid var(--club-accent,#1bb5b6);background:rgba(6,30,42,.78);color:#fff}
.preview-manager-portrait{width:3.25cqw;height:3.25cqw;border-radius:.22cqw;overflow:hidden;border:1px solid rgba(255,255,255,.15)}
.preview-manager-portrait .manager-portrait-crop{width:100%;height:100%;background:#eaf0f3}.preview-manager-portrait .manager-paperdoll{top:-33%;width:132%}
.preview-manager-strip span{display:block;color:#70cbcb;font:900 .35cqw/1 Arial,sans-serif;letter-spacing:.13em}.preview-manager-strip strong{display:block;margin-top:.18cqw;color:#fff;font:900 .58cqw/1 Arial,sans-serif}.preview-manager-strip small{display:block;margin-top:.14cqw;color:#a9bdc5;font:700 .37cqw/1 Arial,sans-serif}
/* Manager Career uses the created person rather than only a club crest. */
.manager-profile-hero{grid-template-columns:6.5cqw minmax(0,1fr) 4cqw!important;align-items:center!important}
.manager-career-avatar{width:5.6cqw;height:5.6cqw;border:1px solid #d8e0e7;background:#edf2f5;overflow:hidden;border-radius:.35cqw}
.manager-career-avatar .manager-portrait-crop{width:100%;height:100%}.manager-career-avatar .manager-paperdoll{top:-34%;width:130%}
.manager-profile-hero .manager-crest-stage{justify-self:end;width:3.6cqw;height:3.6cqw}
@media (prefers-reduced-motion:reduce){.manager-config-stage.is-active{animation:none!important}.manager-option,.manager-preview-actions button{transition:none!important}}
/* ========================================================================
V18.5 — FREE AGENTS LAYOUT / OVERFLOW FIX
Keeps the unattached market fully contained inside Transfers.
======================================================================== */
#screenTransfers[data-transfer-view="free-agents"] .transfers-shell,
#screenTransfers[data-transfer-view="free-agents"] .transfer-workspace,
#screenTransfers[data-transfer-view="free-agents"] #transferFreeAgentsPane,
#screenTransfers[data-transfer-view="free-agents"] #freeAgentResults,
#screenTransfers[data-transfer-view="free-agents"] .transfer-dossier{
box-sizing:border-box!important;
min-width:0!important;
max-width:100%!important;
min-height:0!important;
transform:none!important;
}
#screenTransfers[data-transfer-view="free-agents"] .transfers-shell{
overflow:hidden!important;
}
#screenTransfers[data-transfer-view="free-agents"] .transfer-workspace{
overflow:hidden!important;
}
#transferFreeAgentsPane{
position:relative!important;
inset:auto!important;
left:auto!important;
right:auto!important;
top:auto!important;
bottom:auto!important;
width:100%!important;
height:100%!important;
max-height:100%!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
}
#transferFreeAgentsPane.is-active{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
justify-content:flex-start!important;
}
#transferFreeAgentsPane .transfer-pane-intro{
position:relative!important;
inset:auto!important;
flex:0 0 4.1cqw!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
padding:.62cqw .82cqw!important;
border:0!important;
border-bottom:1px solid #e1e7ee!important;
border-radius:0!important;
background:linear-gradient(180deg,#ffffff,#f7f9fb)!important;
overflow:hidden!important;
}
#transferFreeAgentsPane .transfer-pane-intro::after{
content:attr(data-player-count) " AVAILABLE";
position:absolute;
right:.8cqw;
bottom:.55cqw;
padding:.25cqw .45cqw;
border-radius:.24cqw;
background:#eef6f6;
border:1px solid #d3e7e6;
color:#0f7478;
font:900 .33cqw/1 Arial,sans-serif;
letter-spacing:.08em;
}
#transferFreeAgentsPane .transfer-pane-intro .shortlist-mark{
display:none!important;
}
#transferFreeAgentsPane .transfer-pane-intro h3{
margin:.12cqw 0 0!important;
color:#15191f!important;
font:900 1.02cqw/1 Arial,sans-serif!important;
}
#transferFreeAgentsPane .transfer-pane-intro p{
max-width:72%!important;
margin:.22cqw 0 0!important;
color:#687480!important;
font:700 .43cqw/1.25 Arial,sans-serif!important;
}
#transferFreeAgentsPane .transfer-list-head{
position:relative!important;
inset:auto!important;
flex:0 0 1.9cqw!important;
width:100%!important;
margin:0!important;
padding:0 .72cqw!important;
display:grid!important;
grid-template-columns:2.25fr 1.6fr 1.05fr .55fr .55fr .9fr!important;
gap:.42cqw!important;
align-items:center!important;
background:#f8fafc!important;
border:0!important;
border-bottom:1px solid #e1e7ee!important;
color:#66727e!important;
overflow:hidden!important;
}
#freeAgentResults{
position:relative!important;
inset:auto!important;
flex:1 1 0!important;
width:100%!important;
height:auto!important;
max-height:none!important;
margin:0!important;
padding:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
contain:layout paint!important;
background:#fff!important;
scrollbar-gutter:stable!important;
}
#freeAgentResults .transfer-player-row{
position:relative!important;
inset:auto!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:4.2cqw!important;
min-height:4.2cqw!important;
margin:0!important;
padding:0 .72cqw!important;
display:grid!important;
grid-template-columns:2.25fr 1.6fr 1.05fr .55fr .55fr .9fr!important;
gap:.42cqw!important;
align-items:center!important;
overflow:hidden!important;
transform:none!important;
box-sizing:border-box!important;
border:0!important;
border-bottom:1px solid #e4e9ee!important;
background:#fff!important;
}
#freeAgentResults .transfer-player-row:nth-child(even){background:#fbfcfd!important}
#freeAgentResults .transfer-player-row:hover{background:#f4f8ff!important}
#freeAgentResults .transfer-player-row.is-selected{
background:linear-gradient(90deg,#edf5ff,#f8fbff)!important;
box-shadow:inset .18cqw 0 #1748a1!important;
}
#freeAgentResults .transfer-player-row>*{
min-width:0!important;
max-width:100%!important;
overflow:hidden!important;
}
#freeAgentResults .transfer-club-cell{
grid-template-columns:1.5cqw minmax(0,1fr)!important;
}
#freeAgentResults .transfer-free-mark{
width:1.35cqw!important;
height:1.35cqw!important;
display:grid!important;
place-items:center!important;
border-radius:50%!important;
background:#eef6f6!important;
color:#0f7478!important;
border:1px solid #d5e7e6!important;
}
#screenTransfers[data-transfer-view="free-agents"] .transfer-dossier{
position:relative!important;
inset:auto!important;
width:100%!important;
height:100%!important;
overflow-y:auto!important;
overflow-x:hidden!important;
}
@media (max-width:1600px){
#transferFreeAgentsPane .transfer-pane-intro{flex-basis:4.35cqw!important}
#freeAgentResults .transfer-player-row{height:4.45cqw!important;min-height:4.45cqw!important}
}
/* ========================================================================
V18.6 — TRANSFER MARKET HARD FIX + CENTRAL MANAGER PORTRAIT CROP
Definitive overrides placed last so older ID-specific patches cannot win.
======================================================================== */
/* Central manager portrait: proper head + shoulders crop inside the baked circle. */
.central-manager-portrait{
overflow:hidden!important;
}
.central-manager-portrait .manager-portrait-crop{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
overflow:hidden!important;
border-radius:50%!important;
background:transparent!important;
}
.central-manager-portrait .manager-paperdoll,
.central-manager-portrait .manager-paperdoll.manager-paperdoll-portrait{
position:absolute!important;
left:50%!important;
top:-22%!important;
width:220%!important;
max-width:none!important;
transform:translateX(-50%)!important;
transform-origin:50% 0!important;
}
.central-manager-portrait .manager-ground-shadow{display:none!important}
/* Transfers: one active pane only. The previous Search pane had an ID rule that
could keep it visible underneath Free Agents, which made content look off-screen. */
#transferSearchPane,
#transferShortlistPane,
#transferHubPane,
#transferFreeAgentsPane{
position:relative!important;
inset:auto!important;
left:auto!important;
right:auto!important;
top:auto!important;
bottom:auto!important;
width:100%!important;
max-width:100%!important;
height:auto!important;
max-height:none!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
transform:none!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
#transferSearchPane:not(.is-active),
#transferShortlistPane:not(.is-active),
#transferHubPane:not(.is-active),
#transferFreeAgentsPane:not(.is-active){display:none!important}
#transferSearchPane.is-active,
#transferShortlistPane.is-active,
#transferHubPane.is-active,
#transferFreeAgentsPane.is-active{
display:flex!important;
flex:1 1 0!important;
flex-direction:column!important;
align-items:stretch!important;
}
#screenTransfers .transfers-shell{
min-width:0!important;
min-height:0!important;
overflow:hidden!important;
}
#screenTransfers .transfer-workspace{
display:flex!important;
flex-direction:column!important;
min-width:0!important;
min-height:0!important;
height:100%!important;
max-height:100%!important;
overflow:hidden!important;
}
#screenTransfers .transfer-heading{flex:0 0 3.45cqw!important;min-height:3.45cqw!important}
#screenTransfers .transfer-subnav{flex:0 0 2.35cqw!important;min-height:2.35cqw!important}
#screenTransfers .scouting-network-bar{flex:0 0 2.75cqw!important;min-height:2.75cqw!important}
#screenTransfers .transfer-filterbar{
position:relative!important;
inset:auto!important;
flex:0 0 auto!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
box-sizing:border-box!important;
overflow:visible!important;
}
#screenTransfers .transfer-list-head{
position:relative!important;
inset:auto!important;
flex:0 0 1.85cqw!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
box-sizing:border-box!important;
}
#transferResults,
#shortlistResults,
#freeAgentResults{
position:relative!important;
inset:auto!important;
display:block!important;
flex:1 1 0!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
padding:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
visibility:visible!important;
opacity:1!important;
transform:none!important;
contain:layout!important;
scrollbar-gutter:stable!important;
background:#fff!important;
box-sizing:border-box!important;
}
#screenTransfers .transfer-list-footer{
position:relative!important;
inset:auto!important;
flex:0 0 1.7cqw!important;
width:100%!important;
margin:0!important;
box-sizing:border-box!important;
}
/* Player rows stay in normal flow and cannot inherit an old off-canvas transform. */
#transferResults .transfer-player-row,
#shortlistResults .transfer-player-row,
#freeAgentResults .transfer-player-row{
position:relative!important;
inset:auto!important;
display:grid!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:4.05cqw!important;
min-height:4.05cqw!important;
margin:0!important;
padding:.52cqw .72cqw!important;
transform:none!important;
translate:none!important;
visibility:visible!important;
opacity:1!important;
overflow:hidden!important;
box-sizing:border-box!important;
grid-template-columns:2.25fr 1.6fr 1.05fr .55fr .62fr .95fr!important;
gap:.42cqw!important;
align-items:center!important;
border:0!important;
border-bottom:1px solid #e4e9ee!important;
background:#fff!important;
color:#15191f!important;
}
#transferResults .transfer-player-row:nth-child(even),
#shortlistResults .transfer-player-row:nth-child(even),
#freeAgentResults .transfer-player-row:nth-child(even){background:#fbfcfd!important}
#transferResults .transfer-player-row:hover,
#shortlistResults .transfer-player-row:hover,
#freeAgentResults .transfer-player-row:hover{background:#f4f8ff!important}
#transferResults .transfer-player-row.is-selected,
#shortlistResults .transfer-player-row.is-selected,
#freeAgentResults .transfer-player-row.is-selected{
background:linear-gradient(90deg,#edf5ff,#f8fbff)!important;
box-shadow:inset .18cqw 0 #1748a1!important;
}
/* Free Agent introduction fits above its list instead of consuming the list viewport. */
#transferFreeAgentsPane .transfer-pane-intro,
#transferShortlistPane .transfer-pane-intro,
#transferHubPane .transfer-pane-intro{
position:relative!important;
inset:auto!important;
flex:0 0 3.5cqw!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:3.5cqw!important;
margin:0!important;
padding:.52cqw .75cqw!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
#transferFreeAgentsPane .transfer-pane-intro::after{
bottom:.48cqw!important;
right:.7cqw!important;
}
/* Search controls stay inside their viewport on ordinary desktop widths. */
#screenTransfers .transfer-filterbar{
grid-template-columns:minmax(10cqw,1.65fr) repeat(5,minmax(5.15cqw,.78fr)) 3.65cqw!important;
gap:.4cqw!important;
padding:.52cqw .62cqw!important;
}
#screenTransfers .transfer-filterbar input,
#screenTransfers .transfer-filterbar select,
#screenTransfers .transfer-clear-btn{
width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
#screenTransfers .transfer-dossier{
min-width:0!important;
max-width:100%!important;
height:100%!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
transform:none!important;
}
@media (max-width:1500px){
#screenTransfers .transfer-filterbar{
grid-template-columns:minmax(9.5cqw,1.5fr) repeat(5,minmax(4.8cqw,.76fr)) 3.5cqw!important;
gap:.32cqw!important;
}
#transferResults .transfer-player-row,
#shortlistResults .transfer-player-row,
#freeAgentResults .transfer-player-row{
height:4.35cqw!important;
min-height:4.35cqw!important;
}
}
/* ---------- V20.5.1 Matchday, scouting privacy and manager tile repair ---------- */
body.v20-ui #screenCentral>.central-continue{
position:absolute!important;
left:25.5%!important;
top:68.8%!important;
width:47.7%!important;
height:2.55cqw!important;
min-height:2.55cqw!important;
display:grid!important;
place-items:center!important;
margin:0!important;
padding:0 .9cqw!important;
z-index:20!important;
border:1px solid #0b4ca3!important;
border-radius:.34cqw!important;
background:linear-gradient(180deg,#1d58bd,#0b409b)!important;
box-shadow:0 .28cqw .72cqw rgba(9,47,112,.16)!important;
color:#fff!important;
font:900 .68cqw/1 Arial,sans-serif!important;
letter-spacing:.09em!important;
}
body.v20-ui #screenCentral>.central-continue:hover{transform:translateY(-.04cqw)!important;filter:brightness(1.05)!important}
body.v20-ui .central-manager-portrait{
right:1.15cqw!important;
top:5.45cqw!important;
width:4.8cqw!important;
height:5.75cqw!important;
display:grid!important;
grid-template-rows:minmax(0,1fr) 1.28cqw!important;
overflow:hidden!important;
border:1px solid #bdcad8!important;
border-radius:.52cqw!important;
background:linear-gradient(155deg,#fff 0%,#edf5fb 100%)!important;
box-shadow:0 .42cqw 1.15cqw rgba(14,44,78,.14)!important;
}
body.v20-ui .central-manager-portrait::before{
content:""!important;
position:absolute!important;
inset:0 0 1.28cqw!important;
z-index:0!important;
background:radial-gradient(circle at 50% 84%,rgba(35,180,190,.2),transparent 52%),linear-gradient(135deg,rgba(14,59,105,.04),rgba(21,151,174,.09))!important;
}
body.v20-ui .central-manager-portrait .manager-portrait-crop{
position:relative!important;
inset:auto!important;
z-index:1!important;
grid-row:1!important;
width:100%!important;
height:100%!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
}
body.v20-ui .central-manager-portrait .manager-paperdoll,
body.v20-ui .central-manager-portrait .manager-paperdoll.manager-paperdoll-portrait,
body.v20-ui .central-manager-portrait .central-manager-paperdoll .manager-paperdoll{
top:-27%!important;
width:172%!important;
max-width:none!important;
}
body.v20-ui .central-manager-portrait>span{
position:relative!important;
z-index:3!important;
grid-row:2!important;
min-width:0!important;
display:grid!important;
place-content:center!important;
gap:.1cqw!important;
padding:0 .28cqw!important;
background:linear-gradient(90deg,#092a4d,#104f88)!important;
text-align:center!important;
}
body.v20-ui .central-manager-portrait>span b{color:#65d4d8!important;font:900 .2cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
body.v20-ui .central-manager-portrait>span strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font:900 .27cqw/1 Arial,sans-serif!important;letter-spacing:.035em!important}
body.v20-ui .matchday-stage-v2{
display:grid!important;
grid-template-columns:minmax(12cqw,18%) minmax(0,1fr) minmax(12cqw,18%)!important;
grid-template-rows:minmax(0,1fr)!important;
align-items:stretch!important;
}
body.v20-ui .matchday-stage-v2>.matchday-lineup-panel.home{grid-column:1!important;grid-row:1!important}
body.v20-ui .matchday-stage-v2>.matchday-centre-card{grid-column:2!important;grid-row:1!important}
body.v20-ui .matchday-stage-v2>.matchday-lineup-panel.away{grid-column:3!important;grid-row:1!important}
body.v20-ui .matchday-centre-card{
display:grid!important;
grid-template-columns:minmax(0,1fr) 5.5cqw minmax(0,1fr)!important;
grid-template-rows:minmax(0,1fr) 4.6cqw!important;
align-items:center!important;
}
body.v20-ui .matchday-centre-card>.matchday-team.home{grid-column:1!important;grid-row:1!important}
body.v20-ui .matchday-centre-card>.matchday-versus{grid-column:2!important;grid-row:1!important}
body.v20-ui .matchday-centre-card>.matchday-team.away{grid-column:3!important;grid-row:1!important}
body.v20-ui .matchday-centre-card>.matchday-info{grid-column:1/-1!important;grid-row:2!important}
body.v20-ui .matchday-centre-card>.matchday-team,
body.v20-ui .matchday-centre-card>.matchday-versus{
position:relative!important;
inset:auto!important;
width:auto!important;
height:auto!important;
margin:0!important;
transform:none!important;
}
body.v20-ui .matchday-actions-v2{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:1.35fr repeat(3,1fr)!important;overflow:hidden!important}
body.v20-ui .matchday-actions-v2>.match-action{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;transform:none!important}
body.v20-ui .match-lineup-player[class*="knowledge-"] small{white-space:normal!important}
body.v20-ui .vm-club-player>div>b.is-range,
body.v20-ui .vm-player-dossier>header>div>b.is-range{width:auto!important;min-width:1.75cqw!important;padding:0 .25cqw!important;background:#2875b9!important;font-size:.4cqw!important}
body.v20-ui .vm-club-player>div>b.is-unknown,
body.v20-ui .vm-player-dossier>header>div>b.is-unknown{background:#6f7d8b!important;color:#fff!important}
body.v20-ui .vm-player-intel-banner{
min-height:2.6cqw!important;
margin-top:.55cqw!important;
padding:.45cqw .65cqw!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
gap:.75cqw!important;
border:1px solid #cdd9e5!important;
border-left:.2cqw solid #3279bd!important;
border-radius:.4cqw!important;
background:linear-gradient(90deg,#f5f9fd,#fff)!important;
}
body.v20-ui .vm-player-intel-banner span,
body.v20-ui .vm-player-intel-banner small{display:block!important;color:#788899!important;font:900 .24cqw/1.25 Arial,sans-serif!important;letter-spacing:.07em!important}
body.v20-ui .vm-player-intel-banner strong{display:block!important;margin:.18cqw 0!important;color:#143f69!important;font:900 .4cqw/1 Arial,sans-serif!important}
body.v20-ui .vm-player-intel-banner button{min-width:7.6cqw!important;height:1.65cqw!important;padding:0 .55cqw!important;border:0!important;border-radius:.25cqw!important;background:#0d4ca1!important;color:#fff!important;font:900 .3cqw/1 Arial,sans-serif!important;letter-spacing:.06em!important;cursor:pointer!important}
body.v20-ui .vm-player-intel-banner button:disabled{background:#8b9cad!important;cursor:not-allowed!important}
body.v20-ui .vm-player-attribute.is-hidden i b{width:0!important}
body.v20-ui .vm-player-attribute.is-hidden>strong{color:#9aa6b2!important}
body.v20-ui .vm-player-attribute.is-estimate i b{background:linear-gradient(90deg,#4b83b2,#63b8bd)!important}
body.v20-ui .vm-match-lineups b.is-hidden{color:#8391a0!important}
body.v20-ui .vm-match-lineups b.is-estimate{color:#286daa!important}
/* ============================================================
V20.4 — WORLD COMPETITION HUB, CLUB PROFILES & CALENDAR
============================================================ */
body.v20-ui .vm-table-broadcast{grid-template-rows:auto auto auto minmax(0,1fr)}
body.v20-ui .vm-league-browser{
min-height:3.15cqw;display:grid;grid-template-columns:15cqw minmax(22cqw,1fr) 8.2cqw auto;align-items:center;gap:.75cqw;
padding:.45cqw 1cqw;border-bottom:1px solid #cbd6e2;background:linear-gradient(90deg,#f8fafc,#eef4f9);
}
body.v20-ui .vm-league-browser>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.48cqw;min-width:0}
body.v20-ui .vm-league-browser>div>span{color:#6e7d8f!important;font:900 .3cqw/1 Arial,sans-serif!important;letter-spacing:.1em!important}
body.v20-ui .vm-league-browser label{position:relative;display:block;min-width:0}
body.v20-ui .vm-league-browser select{
width:100%;height:1.85cqw;padding:0 1.75cqw 0 .68cqw;appearance:none;outline:0;
border:1px solid #c8d4e0;border-radius:.32cqw;background:#fff;color:#17324f;
font:900 .37cqw/1 Arial,sans-serif;letter-spacing:.035em;cursor:pointer;
}
body.v20-ui .vm-league-browser select:focus{border-color:#1c6ac4;box-shadow:0 0 0 .12cqw rgba(28,106,196,.15)}
body.v20-ui .vm-league-browser label>i{position:absolute;right:.62cqw;top:50%;transform:translateY(-54%);color:#1c5da7;font:900 .62cqw/1 Arial;pointer-events:none}
body.v20-ui .vm-league-browser>button{
height:1.85cqw;border:1px solid #174f91;border-radius:.32cqw;background:#0c3b70;color:#fff;
font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.065em;cursor:pointer;
}
body.v20-ui .vm-league-browser>button:hover{background:#15579e}
body.v20-ui .vm-league-browser>button:disabled{border-color:#d2dbe4!important;background:#e3e9ef!important;color:#8a98a7!important;opacity:1!important}
body.v20-ui .vm-league-browser>small{justify-self:end;color:#728195!important;font:900 .29cqw/1 Arial,sans-serif!important;letter-spacing:.07em!important;white-space:nowrap}
body.v20-ui .vm-table-broadcast .live-table-row{width:100%;border-top:0!important;border-right:0!important;border-left:0!important;text-align:left!important;cursor:pointer!important;appearance:none!important}
body.v20-ui .vm-table-broadcast .live-table-row:focus-visible{z-index:3;outline:.16cqw solid #24bfd0!important;outline-offset:-.16cqw!important}
/* Club inspection */
body.v20-ui .vm-club-profile{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;background:#edf2f7;color:#172a40}
body.v20-ui .vm-club-profile-hero{
position:relative;overflow:hidden;display:grid;grid-template-columns:10.5cqw 5.6cqw minmax(0,1fr) 12cqw;align-items:center;gap:1.1cqw;
min-height:7.3cqw;padding:.7cqw 1.2cqw;background:linear-gradient(112deg,#06182f,#0a2e59 62%,#124f9c);color:#fff;box-shadow:inset 0 -.18cqw var(--profile-accent);
}
body.v20-ui .vm-club-profile-hero::after{content:"";position:absolute;right:8%;bottom:-8cqw;width:22cqw;height:22cqw;border:1.2cqw solid rgba(255,255,255,.05);border-radius:50%;pointer-events:none}
body.v20-ui .vm-club-profile-hero>button{
align-self:start;height:1.85cqw;padding:0 .65cqw;border:1px solid rgba(255,255,255,.2);border-radius:.3cqw;background:rgba(255,255,255,.07);color:#fff;
font:900 .72cqw/1 Arial,sans-serif;cursor:pointer;text-align:left;
}
body.v20-ui .vm-club-profile-hero>button span{margin-left:.28cqw;font-size:.31cqw;letter-spacing:.08em;vertical-align:.12cqw}
body.v20-ui .vm-club-profile-hero>button:hover{background:rgba(255,255,255,.14)}
body.v20-ui .vm-club-profile-badge{width:5.25cqw;height:5.25cqw;display:grid;place-items:center;padding:.45cqw;border:1px solid rgba(255,255,255,.22);border-radius:.75cqw;background:rgba(255,255,255,.1);box-shadow:0 .35cqw .9cqw rgba(0,0,0,.22)}
body.v20-ui .vm-club-profile-badge img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 .18cqw .2cqw rgba(0,0,0,.3))}
body.v20-ui .vm-club-profile-hero>div:nth-of-type(2){min-width:0}
body.v20-ui .vm-club-profile-hero>div:nth-of-type(2)>span{color:#9ddde5!important;font:900 .32cqw/1 Arial,sans-serif!important;letter-spacing:.11em!important}
body.v20-ui .vm-club-profile-hero h1{margin:.38cqw 0 .25cqw;color:#fff!important;font:900 1.45cqw/.92 Arial,sans-serif!important;letter-spacing:-.045em!important}
body.v20-ui .vm-club-profile-hero p{margin:0;color:#c5d4e4!important;font:800 .4cqw/1.2 Arial,sans-serif!important}
body.v20-ui .vm-club-profile-hero>aside{z-index:1;padding:.72cqw .8cqw;border-left:1px solid rgba(255,255,255,.18)}
body.v20-ui .vm-club-profile-hero>aside span{display:block;color:#aebfd2!important;font:900 .3cqw/1 Arial,sans-serif!important;letter-spacing:.1em!important}
body.v20-ui .vm-club-profile-hero>aside strong{display:block;margin:.32cqw 0;color:#fff!important;font:900 1.2cqw/1 Arial,sans-serif!important}
body.v20-ui .vm-club-profile-hero>aside small{display:block;color:#c7d7e6!important;font:800 .32cqw/1.3 Arial,sans-serif!important}
body.v20-ui .vm-club-profile-nav{display:grid;grid-template-columns:repeat(4,1fr);min-height:2.55cqw;border-bottom:1px solid #cdd7e1;background:#fff}
body.v20-ui .vm-club-profile-nav button{border:0;border-right:1px solid #e1e7ed;background:#fff;color:#637286;font:900 .36cqw/1 Arial,sans-serif;letter-spacing:.07em;cursor:pointer}
body.v20-ui .vm-club-profile-nav button:hover{background:#f1f6fb;color:#174b86}
body.v20-ui .vm-club-profile-nav button.is-active{background:#0b315f;color:#fff;box-shadow:inset 0 -.18cqw #25c5d4}
body.v20-ui .vm-club-profile>main{min-height:0;overflow:auto;padding:.85cqw;background:#edf2f7}
body.v20-ui .vm-club-fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.62cqw}
body.v20-ui .vm-club-fact-grid article{min-height:4.5cqw;padding:.72cqw;border:1px solid #d2dce6;border-radius:.48cqw;background:#fff;box-shadow:0 .15cqw .45cqw rgba(18,48,80,.055)}
body.v20-ui .vm-club-fact-grid span,body.v20-ui .vm-club-overview-grid article>span{color:#718095!important;font:900 .3cqw/1 Arial,sans-serif!important;letter-spacing:.09em!important}
body.v20-ui .vm-club-fact-grid strong{display:block;margin:.45cqw 0 .28cqw;color:#0d376a!important;font:900 1cqw/1 Arial,sans-serif!important}
body.v20-ui .vm-club-fact-grid small{color:#778596!important;font:800 .32cqw/1.25 Arial,sans-serif!important}
body.v20-ui .vm-club-overview-grid{display:grid;grid-template-columns:1.25fr .85fr 1fr;gap:.65cqw;margin-top:.65cqw}
body.v20-ui .vm-club-overview-grid>article{min-height:11.5cqw;padding:.85cqw;border:1px solid #d2dce6;border-radius:.48cqw;background:#fff;box-shadow:0 .15cqw .45cqw rgba(18,48,80,.055)}
body.v20-ui .vm-club-story h2{margin:.5cqw 0 .4cqw;color:#112c4b!important;font:900 .72cqw/1.05 Arial,sans-serif!important}
body.v20-ui .vm-club-story p{margin:0;color:#56677a!important;font:700 .38cqw/1.45 Arial,sans-serif!important}
body.v20-ui .vm-club-story dl{display:grid;grid-template-columns:1fr 1fr;gap:.5cqw;margin:.7cqw 0 0}
body.v20-ui .vm-club-story dl>div{padding:.4cqw;border-left:.14cqw solid var(--profile-accent);background:#f5f8fb}
body.v20-ui .vm-club-story dt{color:#8491a0;font:900 .26cqw/1 Arial;letter-spacing:.08em}
body.v20-ui .vm-club-story dd{margin:.2cqw 0 0;color:#21374f;font:900 .35cqw/1.2 Arial}
body.v20-ui .vm-club-player{display:grid;grid-template-columns:2.7cqw minmax(0,1fr) auto;align-items:center;gap:.5cqw;min-height:3.35cqw;padding:.35cqw .48cqw;border:1px solid #dbe3eb;border-radius:.38cqw;background:#f8fafc}
body.v20-ui .vm-club-player>div{position:relative;width:2.55cqw;height:2.55cqw;display:grid;place-items:center;overflow:hidden;border-radius:.35cqw;background:linear-gradient(145deg,#dfe9f4,#fff)}
body.v20-ui .vm-club-player>div img{width:100%;height:100%;object-fit:contain}
body.v20-ui .vm-club-player>div>b{position:absolute;right:.12cqw;bottom:.12cqw;min-width:.78cqw;height:.78cqw;display:grid;place-items:center;border-radius:.15cqw;background:#0b376c;color:#fff!important;font:900 .31cqw/1 Arial}
body.v20-ui .vm-club-player section{min-width:0}
body.v20-ui .vm-club-player section>span{display:block;color:#718095!important;font:900 .25cqw/1 Arial!important;letter-spacing:.06em!important}
body.v20-ui .vm-club-player section>strong{display:block;margin:.18cqw 0;color:#152a42!important;font:900 .4cqw/1 Arial!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .vm-club-player section>small{display:block;color:#7b8896!important;font:800 .27cqw/1 Arial!important}
body.v20-ui .vm-club-player>em{color:#4b7b69!important;font:900 .25cqw/1 Arial!important;font-style:normal!important;white-space:nowrap}
body.v20-ui .vm-club-player.is-injured>em{color:#b84554!important}
body.v20-ui .vm-club-key-people .vm-club-player{margin-top:.65cqw}
body.v20-ui .vm-club-manager{margin-top:.55cqw;padding:.55cqw;border-left:.16cqw solid var(--profile-accent);background:#f1f5f9}
body.v20-ui .vm-club-manager b{display:block;color:#7d8998;font:900 .27cqw/1 Arial;letter-spacing:.08em}
body.v20-ui .vm-club-manager strong{display:block;margin:.25cqw 0;color:#18324e;font:900 .45cqw/1 Arial}
body.v20-ui .vm-club-manager small{color:#718095;font:800 .3cqw/1.2 Arial}
body.v20-ui .vm-club-recent header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45cqw}
body.v20-ui .vm-club-recent header>div{display:flex;gap:.15cqw}
body.v20-ui .vm-club-recent header b{width:.82cqw;height:.82cqw;display:grid;place-items:center;border-radius:50%;background:#dfe5eb;color:#6d7884;font:900 .27cqw/1 Arial}
body.v20-ui .vm-club-recent .is-w{background:#1fad78!important;color:#fff!important}.vm-club-recent .is-d{background:#758397!important;color:#fff!important}.vm-club-recent .is-l{background:#df5364!important;color:#fff!important}
body.v20-ui .vm-club-recent>div{display:grid;grid-template-columns:.8cqw 1.35cqw minmax(0,1fr) auto;align-items:center;gap:.42cqw;min-height:1.82cqw;border-top:1px solid #e6ebf0}
body.v20-ui .vm-club-recent>div>b{width:.72cqw;height:.72cqw;display:grid;place-items:center;border-radius:.12cqw;font:900 .25cqw/1 Arial}
body.v20-ui .vm-club-recent>div>img{width:1.15cqw;height:1.15cqw;object-fit:contain}
body.v20-ui .vm-club-recent>div span strong{display:block;color:#20364e!important;font:900 .34cqw/1 Arial!important}.vm-club-recent>div span small{display:block;margin-top:.12cqw;color:#82909f!important;font:800 .25cqw/1 Arial!important}
body.v20-ui .vm-club-recent>div>em{color:#0e315a!important;font:900 .4cqw/1 Arial!important;font-style:normal!important}
body.v20-ui .vm-club-empty-copy{color:#768697;font:800 .34cqw/1.4 Arial}
/* Club squad, academy and records */
body.v20-ui .vm-club-squad>header,body.v20-ui .vm-club-youth>header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:.65cqw}
body.v20-ui .vm-club-squad>header span,body.v20-ui .vm-club-youth>header span{color:#6f7e90!important;font:900 .3cqw/1 Arial!important;letter-spacing:.09em!important}
body.v20-ui .vm-club-squad>header h2,body.v20-ui .vm-club-youth>header h2{margin:.25cqw 0 0;color:#112d4e!important;font:900 .78cqw/1 Arial!important}
body.v20-ui .vm-club-squad>header>small{color:#7a8998!important;font:900 .29cqw/1 Arial!important;letter-spacing:.055em!important}
body.v20-ui .vm-club-pitch{position:relative;min-height:8.7cqw;display:grid;place-items:center;overflow:hidden;border:.12cqw solid rgba(255,255,255,.45);border-radius:.58cqw;background:linear-gradient(180deg,#176d72,#0f5964);box-shadow:inset 0 0 0 .18cqw rgba(3,36,50,.18),0 .25cqw .7cqw rgba(11,47,76,.12)}
body.v20-ui .vm-club-pitch::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.42)}
body.v20-ui .vm-club-pitch::after{content:"";position:absolute;left:50%;top:50%;width:4.2cqw;height:4.2cqw;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.45);border-radius:50%}
body.v20-ui .vm-club-pitch>i{position:absolute;inset:.6cqw;border:1px solid rgba(255,255,255,.38);pointer-events:none}
body.v20-ui .vm-club-pitch>div{z-index:1;width:76%;display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw}
body.v20-ui .vm-club-pitch .vm-club-player{background:rgba(255,255,255,.94)}
body.v20-ui .vm-club-roster-columns{display:grid;grid-template-columns:1fr 1fr;gap:.65cqw;margin-top:.65cqw}
body.v20-ui .vm-club-roster-columns>section{display:grid;gap:.35cqw;padding:.65cqw;border:1px solid #d2dce6;border-radius:.5cqw;background:#fff}
body.v20-ui .vm-club-roster-columns>section>header{display:flex;justify-content:space-between;color:#687789;font:900 .31cqw/1 Arial;letter-spacing:.08em}
body.v20-ui .vm-club-roster-columns>section>header strong{color:#14487f!important}
body.v20-ui .vm-club-youth>header{padding:.75cqw 1cqw;border-radius:.55cqw;background:linear-gradient(105deg,#09294f,#135f85);color:#fff}
body.v20-ui .vm-club-youth>header h2{color:#fff!important}.vm-club-youth>header p{margin:.25cqw 0 0;color:#b9d3df!important;font:800 .34cqw/1.2 Arial!important}
body.v20-ui .vm-club-youth>header>div:last-child{text-align:right}.vm-club-youth>header>div:last-child strong{display:block;color:#fff!important;font:900 1.2cqw/1 Arial!important}.vm-club-youth>header>div:last-child span,.vm-club-youth>header>div:last-child small{display:block;margin-top:.18cqw;color:#bfe7eb!important;font:900 .28cqw/1 Arial!important}
body.v20-ui .vm-club-youth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6cqw}
body.v20-ui .vm-club-youth-grid>article{display:grid;grid-template-columns:4.3cqw minmax(0,1fr);min-height:5.6cqw;overflow:hidden;border:1px solid #d2dce6;border-radius:.5cqw;background:#fff;box-shadow:0 .18cqw .5cqw rgba(15,45,77,.06)}
body.v20-ui .vm-club-youth-grid>article>div{position:relative;display:grid;place-items:end center;background:linear-gradient(145deg,#dbe8f4,#eef5fa);overflow:hidden}
body.v20-ui .vm-club-youth-grid>article>div img{width:100%;height:100%;object-fit:contain}.vm-club-youth-grid>article>div b{position:absolute;left:.3cqw;bottom:.3cqw;padding:.2cqw .32cqw;border-radius:.18cqw;background:#0a3769;color:#fff!important;font:900 .25cqw/1 Arial!important}
body.v20-ui .vm-club-youth-grid>article>section{min-width:0;padding:.65cqw}.vm-club-youth-grid>article>section>span{color:#62758b!important;font:900 .27cqw/1 Arial!important;letter-spacing:.06em!important}.vm-club-youth-grid>article>section>strong{display:block;margin:.3cqw 0;color:#152c47!important;font:900 .48cqw/1 Arial!important}.vm-club-youth-grid>article>section>small{color:#7b8998!important;font:800 .28cqw/1 Arial!important}
body.v20-ui .vm-club-youth-grid>article>section>div{display:grid;grid-template-columns:1fr 1fr;gap:.35cqw;margin-top:.55cqw}.vm-club-youth-grid>article>section>div>b{padding:.38cqw;background:#f1f5f9;color:#164b83!important;font:900 .45cqw/1 Arial!important}.vm-club-youth-grid>article>section>div small{display:block;margin-bottom:.2cqw;color:#8793a0!important;font:900 .24cqw/1 Arial!important;letter-spacing:.05em!important}
body.v20-ui .vm-club-profile-empty{min-height:9cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #b9c8d7;border-radius:.5cqw;background:#f8fafc;color:#6e7e90}.vm-club-profile-empty strong{font:900 .58cqw/1 Arial}.vm-club-profile-empty span{margin-top:.35cqw;font:800 .34cqw/1.3 Arial}.vm-club-profile-empty.compact{min-height:5cqw}
body.v20-ui .vm-club-history-intro{padding:1cqw 1.1cqw;border-radius:.55cqw;background:linear-gradient(110deg,#071d39,#124b82);color:#fff}
body.v20-ui .vm-club-history-intro>span{color:#91dce4!important;font:900 .3cqw/1 Arial!important;letter-spacing:.1em!important}.vm-club-history-intro h2{margin:.3cqw 0;color:#fff!important;font:900 .9cqw/1 Arial!important}.vm-club-history-intro p{max-width:72%;margin:.35cqw 0;color:#c5d6e6!important;font:700 .36cqw/1.4 Arial!important}
body.v20-ui .vm-club-history-intro>div{display:flex;gap:.5cqw;margin-top:.7cqw}.vm-club-history-intro>div>b{min-width:7cqw;padding:.5cqw;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff!important;font:900 .65cqw/1 Arial!important}.vm-club-history-intro>div small{display:block;margin-top:.2cqw;color:#b8ccde!important;font:900 .24cqw/1 Arial!important;letter-spacing:.05em!important}
body.v20-ui .vm-club-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65cqw;margin-top:.65cqw}.vm-club-history-grid>section,.vm-club-legends{padding:.65cqw;border:1px solid #d2dce6;border-radius:.5cqw;background:#fff}.vm-club-history-grid>section>header,.vm-club-legends>header{padding:0 0 .5cqw;color:#617286;font:900 .31cqw/1 Arial;letter-spacing:.08em}.vm-club-history-grid article{display:grid;grid-template-columns:5.2cqw minmax(0,1fr) 4.4cqw;align-items:center;gap:.45cqw;min-height:2.25cqw;border-top:1px solid #e5ebf0}.vm-club-history-grid article>span{color:#718095;font:900 .31cqw/1 Arial}.vm-club-history-grid article>strong{color:#1e354e!important;font:900 .37cqw/1 Arial!important}.vm-club-history-grid article>b{color:#14538f!important;font:900 .38cqw/1 Arial!important;text-align:right}.vm-club-history-grid article>small{grid-column:2/4;color:#7b8998!important;font:800 .27cqw/1 Arial!important}.vm-club-legends{display:grid;grid-template-columns:repeat(2,1fr);gap:.4cqw;margin-top:.65cqw}.vm-club-legends>header{grid-column:1/-1}
/* Broadcast calendar */
body.v20-ui #screenSeason.is-calendar-view .season-main-content{left:1.65cqw!important;right:1.65cqw!important;top:10.25cqw!important;width:auto!important;padding:0!important;overflow:hidden!important;background:#e9eff5!important;border-color:#c7d3df!important;box-shadow:0 .45cqw 1.5cqw rgba(9,30,58,.12)!important}
body.v20-ui #screenSeason.is-calendar-view .season-side-content{display:none!important}
body.v20-ui .vm-calendar-centre{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#e9eff5;color:#172a40;font-family:Arial,Helvetica,sans-serif}
body.v20-ui .vm-calendar-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1.4cqw;min-height:5.5cqw;padding:.75cqw 1.15cqw;background:linear-gradient(112deg,#06182f,#0a315f 58%,#1266a0 125%);color:#fff}
body.v20-ui .vm-calendar-hero::after{content:"";position:absolute;right:25%;top:-9cqw;width:16cqw;height:16cqw;border:1cqw solid rgba(39,199,212,.08);border-radius:50%}
body.v20-ui .vm-calendar-hero>div:first-child>span{display:flex;align-items:center;gap:.28cqw;color:#9ddde5!important;font:900 .31cqw/1 Arial!important;letter-spacing:.11em!important}.vm-calendar-hero>div:first-child>span i{width:.36cqw;height:.36cqw;border-radius:50%;background:#24c7d4;box-shadow:0 0 .4cqw rgba(36,199,212,.8)}
body.v20-ui .vm-calendar-hero h1{margin:.32cqw 0 .22cqw;color:#fff!important;font:900 1.15cqw/.95 Arial!important;letter-spacing:-.04em!important}.vm-calendar-hero p{margin:0;color:#afc3d6!important;font:800 .32cqw/1.2 Arial!important;letter-spacing:.05em!important}
body.v20-ui .vm-calendar-month-metrics{z-index:1;display:flex;align-items:stretch;height:3.35cqw;border:1px solid rgba(255,255,255,.13);border-radius:.42cqw;background:rgba(255,255,255,.055)}
body.v20-ui .vm-calendar-month-metrics article{min-width:6.2cqw;display:flex;flex-direction:column;justify-content:center;padding:0 .75cqw;border-right:1px solid rgba(255,255,255,.12)}.vm-calendar-month-metrics article:last-child{border-right:0}.vm-calendar-month-metrics strong{color:#fff!important;font:900 .78cqw/1 Arial!important}.vm-calendar-month-metrics span{margin-top:.25cqw;color:#adc3d7!important;font:900 .25cqw/1 Arial!important;letter-spacing:.07em!important}
body.v20-ui .vm-calendar-hero .calendar-toolbar-actions{z-index:1;display:grid!important;grid-template-columns:2.2cqw 4.6cqw 2.2cqw!important;gap:.28cqw!important;margin:0!important}
body.v20-ui .vm-calendar-hero .calendar-toolbar-actions button{height:2.25cqw!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:.35cqw!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font:900 .5cqw/1 Arial!important;cursor:pointer!important}.vm-calendar-hero .calendar-toolbar-actions button:nth-child(2){font-size:.31cqw!important;letter-spacing:.07em!important}.vm-calendar-hero .calendar-toolbar-actions button:hover{background:#fff!important;color:#0b376a!important}
body.v20-ui .vm-calendar-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 26.5cqw;gap:.7cqw;padding:.7cqw}
body.v20-ui .vm-calendar-layout .career-calendar-shell{min-height:0;height:100%;display:grid;grid-template-rows:1.65cqw minmax(0,1fr);padding:0!important;overflow:hidden;border:1px solid #cbd6e1!important;border-radius:.5cqw!important;background:#fff!important;box-shadow:0 .2cqw .6cqw rgba(14,43,74,.07)!important}
body.v20-ui .vm-calendar-layout .calendar-weekdays{display:grid!important;grid-template-columns:repeat(7,1fr)!important;border-bottom:1px solid #d7e0e8!important;background:#eaf0f6!important}.vm-calendar-layout .calendar-weekdays span{display:grid!important;place-items:center!important;color:#68788b!important;font:900 .29cqw/1 Arial!important;letter-spacing:.09em!important}.vm-calendar-layout .calendar-weekdays span.is-weekend{background:#e3ebf3!important;color:#355b82!important}
body.v20-ui .vm-calendar-layout .calendar-days{min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:repeat(7,1fr)!important;grid-template-rows:repeat(6,minmax(0,1fr))!important;gap:0!important;background:#dce4ec!important}
body.v20-ui .vm-calendar-layout .calendar-day{position:relative!important;min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:.42cqw!important;border:0!important;border-right:1px solid #dce4eb!important;border-bottom:1px solid #dce4eb!important;border-radius:0!important;background:#fff!important;color:#172b42!important;text-align:left!important;cursor:pointer!important;overflow:hidden!important}
body.v20-ui .vm-calendar-layout .calendar-day:nth-child(7n),body.v20-ui .vm-calendar-layout .calendar-day:nth-child(7n-1){background:#f8fafc!important}.vm-calendar-layout .calendar-day:hover{z-index:2;background:#eef6ff!important;box-shadow:inset 0 0 0 .1cqw #63a5df!important}.vm-calendar-layout .calendar-day.is-out-month{background:#f4f6f8!important;opacity:.55!important}.vm-calendar-layout .calendar-day.is-selected{z-index:3;background:#edf5ff!important;box-shadow:inset 0 0 0 .14cqw #175aae!important}.vm-calendar-layout .calendar-day.is-today::after{content:"";position:absolute;left:0;top:0;bottom:0;width:.18cqw;background:#21c5d2}
body.v20-ui .vm-calendar-date{display:flex!important;align-items:center!important;justify-content:space-between!important}.vm-calendar-date>b{color:#162b43!important;font:900 .52cqw/1 Arial!important}.vm-calendar-date>em{padding:.16cqw .25cqw;border-radius:.15cqw;background:#0c437d;color:#fff!important;font:900 .22cqw/1 Arial!important;font-style:normal!important;letter-spacing:.05em!important}
body.v20-ui .vm-calendar-layout .calendar-event-stack{display:flex!important;flex-direction:column!important;gap:.22cqw!important;margin-top:.38cqw!important;min-height:0!important}
body.v20-ui .vm-calendar-layout .calendar-event-chip{width:100%!important;min-height:1.18cqw!important;display:flex!important;align-items:center!important;gap:.2cqw!important;padding:.16cqw .28cqw!important;border:1px solid #d4dee8!important;border-radius:.24cqw!important;background:#f3f6f9!important;color:#40536a!important;overflow:hidden!important}
body.v20-ui .vm-calendar-layout .calendar-event-chip>b{flex:0 0 auto;color:#173f70!important;font:900 .25cqw/1 Arial!important}.vm-calendar-layout .calendar-event-chip>small{margin-left:auto;color:#697a8d!important;font:900 .22cqw/1 Arial!important;letter-spacing:.045em!important}.vm-calendar-layout .calendar-event-chip.is-match{border-color:#b8d6d9!important;background:linear-gradient(90deg,#e9f8f7,#fff9e9)!important}.vm-calendar-layout .calendar-event-chip.is-match img{width:.7cqw!important;height:.7cqw!important;object-fit:contain!important}.vm-calendar-layout .calendar-event-chip.is-match>b{margin:auto;color:#0a4662!important}.vm-calendar-layout .calendar-event-chip.is-transfer-response,.vm-calendar-layout .calendar-event-chip.is-transfer-window-open{border-left:.16cqw solid #7559c5!important}.vm-calendar-layout .calendar-event-chip.is-transfer-window-close{border-left:.16cqw solid #de5362!important}.vm-calendar-layout .calendar-event-chip.is-board-review{border-left:.16cqw solid #d5a83a!important}.vm-calendar-layout .calendar-event-chip.is-youth-report{border-left:.16cqw solid #1ba67a!important}.vm-calendar-layout .calendar-event-chip.is-training-review,.vm-calendar-layout .calendar-event-chip.is-player-recovery{border-left:.16cqw solid #3c83ce!important}.vm-calendar-layout .calendar-more{color:#60748a!important;font:900 .22cqw/1 Arial!important;letter-spacing:.04em!important}
body.v20-ui .vm-calendar-day-panel{min-height:0;overflow:auto;border:1px solid #cbd6e1;border-radius:.5cqw;background:#fff;box-shadow:0 .2cqw .6cqw rgba(14,43,74,.07)}
body.v20-ui .vm-calendar-selected{display:grid;grid-template-columns:4.5cqw minmax(0,1fr);align-items:center;gap:.7cqw;padding:.85cqw;border-bottom:1px solid #dbe3eb;background:linear-gradient(120deg,#f8fafc,#edf4fb)}.vm-calendar-selected>div{width:4.2cqw;height:4.2cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5cqw;background:#0a376b;color:#fff}.vm-calendar-selected>div span{color:#9edee5!important;font:900 .22cqw/1 Arial!important;letter-spacing:.06em!important}.vm-calendar-selected>div strong{margin-top:.2cqw;color:#fff!important;font:900 1.25cqw/1 Arial!important}.vm-calendar-selected h2{margin:0;color:#122a45!important;font:900 .56cqw/1.12 Arial!important}.vm-calendar-selected section>small{display:inline-block;margin-top:.42cqw;padding:.2cqw .34cqw;border-radius:.18cqw;background:#e3e9ef;color:#627387!important;font:900 .25cqw/1 Arial!important;letter-spacing:.06em!important}.vm-calendar-selected section>small.is-today{background:#dff6f4;color:#117267!important}.vm-calendar-selected section>small.is-upcoming{background:#e4eefb;color:#215e9f!important}
body.v20-ui .vm-calendar-fixture{margin:.65cqw;overflow:hidden;border:1px solid #cbd8e4;border-radius:.48cqw;background:linear-gradient(135deg,#071f3c,#0d427b);color:#fff;box-shadow:0 .28cqw .7cqw rgba(8,35,66,.15)}.vm-calendar-fixture header{display:flex;justify-content:space-between;padding:.48cqw .58cqw;border-bottom:1px solid rgba(255,255,255,.12)}.vm-calendar-fixture header span,.vm-calendar-fixture header b{color:#b7d6e5!important;font:900 .27cqw/1 Arial!important;letter-spacing:.06em!important}.vm-calendar-fixture>div{display:grid;grid-template-columns:1fr 3.5cqw 1fr;align-items:center;padding:.75cqw .55cqw}.vm-calendar-fixture>div section{display:flex;flex-direction:column;align-items:center;gap:.28cqw;min-width:0}.vm-calendar-fixture>div section img{width:2.3cqw;height:2.3cqw;object-fit:contain}.vm-calendar-fixture>div section strong{max-width:100%;color:#fff!important;font:900 .34cqw/1 Arial!important;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vm-calendar-fixture>div>b{color:#fff!important;font:900 .72cqw/1 Arial!important;text-align:center}.vm-calendar-fixture footer{padding:.42cqw;border-top:1px solid rgba(255,255,255,.1);color:#b8ccdf;font:800 .26cqw/1 Arial;text-align:center}.vm-calendar-fixture.is-played{background:linear-gradient(135deg,#11243a,#31516d)}
body.v20-ui .vm-calendar-agenda{margin:.65cqw}.vm-calendar-agenda>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.38cqw}.vm-calendar-agenda>header span,.vm-calendar-agenda>header strong{color:#68798c!important;font:900 .28cqw/1 Arial!important;letter-spacing:.08em!important}.vm-calendar-agenda .calendar-agenda-row{display:grid!important;grid-template-columns:1.55cqw minmax(0,1fr) auto!important;align-items:center!important;gap:.48cqw!important;min-height:2.65cqw!important;padding:.35cqw!important;border:1px solid #dce4eb!important;border-left:.16cqw solid #7592ad!important;border-radius:.32cqw!important;background:#f8fafc!important}.vm-calendar-agenda .calendar-agenda-row+article{margin-top:.3cqw}.vm-calendar-agenda .calendar-agenda-row.blocking{border-left-color:#db5261!important}.vm-calendar-agenda .calendar-agenda-row.important{border-left-color:#d0a43b!important}.vm-calendar-agenda .calendar-agenda-row>b{width:1.4cqw;height:1.4cqw;display:grid;place-items:center;border-radius:.28cqw;background:#e5edf5;color:#1b558e!important;font:900 .3cqw/1 Arial!important}.vm-calendar-agenda .calendar-agenda-row div{min-width:0}.vm-calendar-agenda .calendar-agenda-row div span{display:block;color:#7b8997!important;font:900 .23cqw/1 Arial!important;letter-spacing:.05em!important}.vm-calendar-agenda .calendar-agenda-row div strong{display:block;margin-top:.16cqw;color:#20364e!important;font:900 .33cqw/1.15 Arial!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vm-calendar-agenda .calendar-agenda-row>small{color:#7a8897!important;font:900 .22cqw/1 Arial!important;letter-spacing:.05em!important}
body.v20-ui .vm-calendar-agenda .calendar-empty-day{min-height:7cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #bdcad7;border-radius:.45cqw;background:#f7fafc;text-align:center}.vm-calendar-agenda .calendar-empty-day i{width:1.7cqw;height:1.7cqw;display:grid;place-items:center;border-radius:50%;background:#dff3ee;color:#188066;font:900 .65cqw/1 Arial}.vm-calendar-agenda .calendar-empty-day strong{margin:.48cqw 0 .28cqw;color:#284058!important;font:900 .42cqw/1 Arial!important}.vm-calendar-agenda .calendar-empty-day small{max-width:75%;color:#7b8997!important;font:800 .29cqw/1.35 Arial!important}
body.v20-ui .vm-calendar-key{display:flex;flex-wrap:wrap;gap:.55cqw;margin:.7cqw;padding-top:.55cqw;border-top:1px solid #e2e8ee}.vm-calendar-key span{display:flex;align-items:center;gap:.25cqw;color:#748396!important;font:900 .23cqw/1 Arial!important;letter-spacing:.05em!important}.vm-calendar-key i{width:.16cqw;height:.7cqw;border-radius:1cqw;background:#3e83cb}.vm-calendar-key i.is-match{background:#1fa878}.vm-calendar-key i.is-career{background:#d0a43b}.vm-calendar-key i.is-deadline{background:#db5261}.vm-calendar-key i.is-medical{background:#7c62c8}
@media (max-width:1200px){
body.v20-ui .vm-league-browser{grid-template-columns:14cqw minmax(20cqw,1fr) 8cqw auto}
body.v20-ui #screenSeason.is-calendar-view .season-main-content{left:1.25cqw!important;right:1.25cqw!important;width:auto!important}
body.v20-ui .vm-calendar-layout{grid-template-columns:minmax(0,1fr) 28cqw}
}
@media (max-width:900px){
body.v20-ui .vm-league-browser{grid-template-columns:14cqw minmax(18cqw,1fr) 8cqw}.vm-league-browser>small{display:none}
body.v20-ui .vm-club-profile-hero{grid-template-columns:9cqw 5.2cqw minmax(0,1fr) 10cqw}.vm-club-overview-grid{grid-template-columns:1.2fr .8fr}.vm-club-recent{grid-column:1/-1}.vm-club-youth-grid{grid-template-columns:repeat(2,1fr)}
body.v20-ui #screenSeason.is-calendar-view .season-main-content{left:1cqw!important;right:1cqw!important;width:auto!important}
body.v20-ui .vm-calendar-hero{grid-template-columns:minmax(0,1fr) auto}.vm-calendar-month-metrics{display:none}.vm-calendar-layout{grid-template-columns:minmax(0,1fr) 30cqw}
}
/* ========================================================================
V18.7 — DEFINITIVE MANAGER PORTRAIT PLACEMENT FIX
Central uses the exact baked-circle coordinates from central.webp (1672x941).
Manager Career uses the same head/shoulders crop rather than the full body.
======================================================================== */
/* The artwork circle in central.webp is centred at approx (1570.5, 136.5)
with an 86.8px diameter. Match that baked artwork instead of drawing a
second circle beside it. */
.central-manager-portrait{
position:absolute!important;
z-index:16!important;
left:auto!important;
right:3.47%!important;
top:9.90%!important;
width:5.19%!important;
height:9.22%!important;
aspect-ratio:1/1!important;
border:0!important;
border-radius:50%!important;
background:transparent!important;
box-shadow:none!important;
overflow:hidden!important;
pointer-events:none!important;
}
.central-manager-portrait::after{display:none!important}
.central-manager-portrait .manager-portrait-crop{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
border:0!important;
border-radius:50%!important;
background:transparent!important;
overflow:hidden!important;
}
.central-manager-portrait .manager-paperdoll,
.central-manager-portrait .manager-paperdoll.manager-paperdoll-portrait,
.central-manager-portrait .central-manager-paperdoll .manager-paperdoll{
position:absolute!important;
left:50%!important;
top:-35%!important;
width:220%!important;
max-width:none!important;
min-width:0!important;
height:auto!important;
transform:translateX(-50%)!important;
transform-origin:50% 0!important;
}
.central-manager-portrait .manager-ground-shadow{display:none!important}
/* Manager Career — turn the old full-body thumbnail into a deliberate
profile crop. The max-width override is essential: the generic paper-doll
rule otherwise caps the avatar at 100% and makes the full body reappear. */
.manager-career-avatar{
position:relative!important;
width:5.9cqw!important;
height:5.9cqw!important;
overflow:hidden!important;
border:1px solid #d7e0e8!important;
border-radius:.48cqw!important;
background:radial-gradient(circle at 50% 38%,#ffffff 0%,#f5f8fa 58%,#e9eef3 100%)!important;
box-shadow:0 .22cqw .55cqw rgba(18,40,82,.07)!important;
}
.manager-career-avatar .manager-portrait-crop{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
overflow:hidden!important;
background:transparent!important;
}
.manager-career-avatar .manager-paperdoll,
.manager-career-avatar .manager-paperdoll.manager-paperdoll-portrait,
.manager-career-avatar .office-manager-paperdoll .manager-paperdoll{
position:absolute!important;
left:50%!important;
top:-35%!important;
width:220%!important;
max-width:none!important;
min-width:0!important;
height:auto!important;
transform:translateX(-50%)!important;
transform-origin:50% 0!important;
}
.manager-career-avatar .manager-ground-shadow{display:none!important}
/* Use the same portrait logic anywhere a compact manager headshot is used.
This prevents future full-body regressions from the generic max-width rule. */
.preview-manager-portrait .manager-paperdoll,
.preview-manager-portrait .manager-paperdoll.manager-paperdoll-portrait{
top:-34%!important;
width:205%!important;
max-width:none!important;
transform:translateX(-50%)!important;
}
@media (max-width:1500px){
.central-manager-portrait{
right:3.47%!important;
top:9.90%!important;
}
}
/* =========================================================
V19 PHASE 1 — CAREER CALENDAR / ADVANCE ENGINE
========================================================= */
.central-advance-action.is-matchday-ready{
background:linear-gradient(135deg,#102f69 0%,#0c377f 55%,#bd8c2f 145%)!important;
box-shadow:0 .25cqw .75cqw rgba(10,42,105,.2)!important;
}
.central-advance-action.is-matchday-ready::before{background:linear-gradient(180deg,#f0d079,#c7942f)!important}
.central-advance-action.is-matchday-ready .advance-kicker{color:#f3d781!important}
.central-advance-action.is-matchday-ready strong{font-size:.73cqw!important;letter-spacing:.055em!important}
.central-advance-action.is-matchday-ready small{color:#dce8f7!important}
.central-advance-action.is-matchday-ready i{animation:v19MatchArrow 1.25s ease-in-out infinite!important}
@keyframes v19MatchArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(.12cqw)}}
.advance-event-symbol{
display:grid!important;place-items:center!important;
width:.84cqw!important;height:.84cqw!important;border-radius:.18cqw!important;
font:900 .27cqw/1 Arial,sans-serif!important;letter-spacing:.02em!important;
border:1px solid currentColor!important;background:#fff!important;
}
.advance-event-deadline,.advance-event-transfer,.advance-event-board,.advance-event-youth,.advance-event-contract{
min-height:1.14cqw!important;display:flex!important;align-items:center!important;justify-content:center!important;
gap:.22cqw!important;padding:.12cqw .18cqw!important;border-radius:.2cqw!important;border:1px solid!important;
}
.advance-event-deadline{background:#fff7e8!important;border-color:#d6ac54!important;color:#765315!important}
.advance-event-transfer{background:#eef4ff!important;border-color:#8cacdf!important;color:#19488d!important}
.advance-event-board{background:#f3f5f9!important;border-color:#a9b5c6!important;color:#485a72!important}
.advance-event-youth{background:#eef9f7!important;border-color:#85c4ba!important;color:#1a6f67!important}
.advance-event-contract{background:#fffaf0!important;border-color:#dcc885!important;color:#725e24!important}
.advance-event-deadline small,.advance-event-transfer small{font:900 .22cqw/1 Arial,sans-serif!important;letter-spacing:.07em!important;color:inherit!important}
.central-advance-day.has-deadline{background:linear-gradient(180deg,#fffdf8,#fff8e9)!important;box-shadow:inset 0 -.16cqw #cf9d39!important}
.central-advance-day.has-transfer{background:linear-gradient(180deg,#fff,#f3f7ff)!important;box-shadow:inset 0 -.16cqw #356bb9!important}
.central-advance-day.has-board{background:linear-gradient(180deg,#fff,#f6f7f9)!important}
.central-advance-day.has-youth{background:linear-gradient(180deg,#fff,#f2faf8)!important}
.central-advance-day.has-contract{background:linear-gradient(180deg,#fff,#fffbf1)!important}
.central-mini-days button.has-deadline{background:#fff7e8!important;border-color:#c99b3f!important;color:#765315!important}
.central-mini-days button.has-transfer{background:#eef4ff!important;border-color:#7fa1d8!important;color:#1f4e92!important}
.central-mini-days button.has-board{background:#f3f5f8!important;border-color:#aeb9c6!important;color:#4a5a6c!important}
.central-mini-days button.has-youth{background:#eef9f7!important;border-color:#7abcb3!important;color:#176b63!important}
.central-mini-days button.has-contract{background:#fffaf0!important;border-color:#d5bf78!important;color:#725d23!important}
/* Season fixtures now behave like calendar navigation, not static mock rows. */
.season-fixture{
width:100%!important;text-align:left!important;cursor:pointer!important;color:#18212a!important;
}
.season-fixture.is-today{border-color:#d1a241!important;box-shadow:inset .18cqw 0 #d1a241,0 .18cqw .55cqw rgba(20,41,73,.06)!important;background:#fffaf0!important}
.season-fixture.is-past:not(.is-played){opacity:.55!important}
.season-fixture.is-played{background:#f6f8fa!important}
.season-fixture time{font-weight:900!important;letter-spacing:.04em!important}
/* Full calendar rebuilt around actual career dates and events. */
.career-calendar-shell{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;background:#fff}
.career-calendar-toolbar{
display:flex;align-items:center;justify-content:space-between;gap:1cqw;
padding:.25cqw .1cqw .72cqw;border-bottom:1px solid #e2e8ee;margin-bottom:.35cqw;
}
.career-calendar-toolbar>div:first-child span{display:block;color:#7b8490;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.16em}
.career-calendar-toolbar>div:first-child strong{display:block;margin-top:.18cqw;color:#141b23;font:900 .94cqw/1 Arial,sans-serif;letter-spacing:.025em}
.calendar-toolbar-actions{display:flex;align-items:center;gap:.28cqw}
.calendar-toolbar-actions button{
min-width:2.1cqw;height:1.9cqw;padding:0 .6cqw;border:1px solid #d9e1e9;border-radius:.28cqw;background:#fff;color:#17449a;
font:900 .42cqw/1 Arial,sans-serif;cursor:pointer;transition:.15s ease;
}
.calendar-toolbar-actions button[data-calendar-nav="today"]{min-width:4.5cqw;letter-spacing:.08em}
.calendar-toolbar-actions button:hover{background:#f2f6fb;border-color:#b6c8de;transform:translateY(-1px)}
.v19-calendar-days{height:100%;min-height:0;grid-template-rows:repeat(6,minmax(0,1fr))!important}
.v19-calendar-days .calendar-day{
position:relative!important;height:auto!important;min-height:0!important;overflow:hidden!important;cursor:pointer!important;text-align:left!important;
padding:.42cqw!important;border:1px solid #e2e7ec!important;margin:-1px 0 0 -1px!important;background:#fff!important;
transition:background .13s ease,border-color .13s ease,box-shadow .13s ease,transform .13s ease!important;
}
.v19-calendar-days .calendar-day:hover{z-index:2;background:#fbfdff!important;border-color:#b9c7d7!important;box-shadow:0 .18cqw .45cqw rgba(17,39,75,.07)!important}
.v19-calendar-days .calendar-day.is-out-month{background:#f8fafb!important;opacity:.48!important}
.v19-calendar-days .calendar-day.is-today{box-shadow:inset .16cqw 0 #17449a!important;background:#f8fbff!important}
.v19-calendar-days .calendar-day.is-selected{z-index:3!important;box-shadow:inset 0 0 0 2px #17449a!important;background:#f4f8ff!important}
.v19-calendar-days .calendar-day>b{display:block!important;color:#1b2229!important;font:900 .5cqw/1 Arial,sans-serif!important}
.calendar-event-stack{display:flex!important;flex-direction:column!important;gap:.16cqw!important;margin-top:.28cqw!important;min-height:0!important}
.calendar-event-chip{
display:flex!important;align-items:center!important;gap:.18cqw!important;min-height:.75cqw!important;padding:.1cqw .18cqw!important;
border-radius:.18cqw!important;background:#f3f6fa!important;border:1px solid #d9e0e8!important;color:#4c5967!important;overflow:hidden!important;
}
.calendar-event-chip>b{font:900 .25cqw/1 Arial,sans-serif!important;flex:0 0 auto!important}
.calendar-event-chip>small{margin:0!important;color:inherit!important;font:900 .23cqw/1 Arial,sans-serif!important;letter-spacing:.05em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.calendar-event-chip.is-match{justify-content:center!important;background:#fff8e9!important;border-color:#d8b05b!important;color:#755718!important}
.calendar-event-chip.is-match .advance-mini-badge{width:.6cqw!important;height:.6cqw!important;clip-path:polygon(50% 0,93% 10%,93% 66%,50% 100%,7% 66%,7% 10%)!important}
.calendar-event-chip.is-match .advance-mini-badge img{width:100%!important;height:100%!important;object-fit:cover!important}
.calendar-event-chip.is-match small{margin-left:.08cqw!important}
.calendar-event-chip.is-scout-report{background:#eef9f7!important;border-color:#8bc7bd!important;color:#176d65!important}
.calendar-event-chip.is-transfer-response{background:#eef4ff!important;border-color:#8cabe0!important;color:#1a4b91!important}
.calendar-event-chip.is-transfer-window-close{background:#fff7e6!important;border-color:#d3a64b!important;color:#765315!important}
.calendar-event-chip.is-board-review{background:#f2f4f7!important;border-color:#b7c0cc!important;color:#4d5c6d!important}
.calendar-event-chip.is-youth-report{background:#f0faf7!important;border-color:#9acfc5!important;color:#1b6c64!important}
.calendar-event-chip.is-contract-expiry-warning{background:#fffaf0!important;border-color:#ddca8d!important;color:#725e25!important}
.calendar-more{display:inline-flex!important;width:max-content!important;padding:.08cqw .2cqw!important;border-radius:99px!important;background:#e9eef4!important;color:#5b6978!important;font:900 .22cqw/1 Arial,sans-serif!important}
/* Calendar side detail replaces the generic competition card while Calendar is open. */
.season-side-content:has(.calendar-detail-card){grid-template-rows:auto auto minmax(0,1fr)!important;overflow:auto!important;padding-right:.05cqw!important}
.calendar-detail-card strong{display:block!important;color:#142139!important;font:900 .78cqw/1.15 Arial,sans-serif!important;line-height:1.15!important}
.calendar-detail-card small{display:block!important;margin-top:.32cqw!important;color:#7b8490!important;font:800 .38cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important}
.calendar-fixture-detail>span,.calendar-agenda>span{color:#72808c!important;font-size:.39cqw!important;letter-spacing:.12em!important}
.calendar-detail-match{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:.55cqw!important;margin:.5cqw 0!important}
.calendar-detail-match>div{display:flex!important;align-items:center!important;gap:.4cqw!important;min-width:0!important}
.calendar-detail-match>div:last-child{flex-direction:row-reverse!important;text-align:right!important}
.calendar-detail-match img{width:2cqw!important;height:2cqw!important;object-fit:contain!important}
.calendar-detail-match strong{font:900 .56cqw/1.05 Arial,sans-serif!important;overflow:hidden!important;text-overflow:ellipsis!important}
.calendar-detail-match>b{color:#b3882e!important;font:900 .55cqw/1 Georgia,serif!important}
.calendar-agenda{overflow:auto!important}
.calendar-agenda-row{display:grid!important;grid-template-columns:4.4cqw minmax(0,1fr) auto!important;align-items:center!important;gap:.35cqw!important;padding:.48cqw 0!important;border-bottom:1px solid #edf1f4!important}
.calendar-agenda-row>b{color:#496074!important;font:900 .34cqw/1 Arial,sans-serif!important;letter-spacing:.05em!important}
.calendar-agenda-row>strong{color:#18212a!important;font:800 .48cqw/1.18 Arial,sans-serif!important}
.calendar-agenda-row>small{color:#7d8791!important;font:900 .28cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important}
.calendar-agenda-row.important{border-left:.12cqw solid #c89c3d!important;padding-left:.35cqw!important}
.calendar-agenda-row.blocking{border-left:.12cqw solid #17449a!important;padding-left:.35cqw!important;background:#f6f9ff!important}
.calendar-empty-day{padding:.8cqw 0!important}.calendar-empty-day strong{display:block;color:#2b3540!important;font:900 .5cqw/1 Arial,sans-serif!important}.calendar-empty-day small{display:block;margin-top:.25cqw;color:#7d8791!important;font:700 .4cqw/1.2 Arial,sans-serif!important}
/* Pending transfer negotiations now visibly wait for calendar time. */
.negotiation-response.is-pending{border-color:#9bb2cf!important;background:#f3f7fc!important;color:#224a7d!important}
.negotiation-actions .submit-offer:disabled{cursor:not-allowed!important;opacity:.62!important;filter:saturate(.55)!important}
.dossier-primary:disabled{cursor:not-allowed!important;background:#eef2f6!important;color:#63717f!important;border:1px solid #d6dee6!important;box-shadow:none!important}
@media (prefers-reduced-motion:reduce){
.central-advance-action.is-matchday-ready i{animation:none!important}
.calendar-toolbar-actions button,.v19-calendar-days .calendar-day{transition:none!important}
}
.central-continue.is-matchday-ready{
background:linear-gradient(90deg,#113a91,#174ba9 58%,#a87b23 160%)!important;
box-shadow:0 .28cqw .72cqw rgba(14,52,132,.22)!important;
letter-spacing:.08em!important;
}
.central-continue.is-matchday-ready::after{content:"MATCHDAY";margin-left:.55cqw;color:#f0d37b;font-size:.34cqw;letter-spacing:.14em}
.advance-event-medical,.advance-event-training{
min-height:1.14cqw!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.22cqw!important;
padding:.12cqw .18cqw!important;border-radius:.2cqw!important;border:1px solid!important;
}
.advance-event-medical{background:#f0f8ff!important;border-color:#93b9d8!important;color:#255b84!important}
.advance-event-training{background:#f2faf8!important;border-color:#91c6bc!important;color:#246c63!important}
.central-mini-days button.has-medical{background:#f0f8ff!important;border-color:#91b8d7!important;color:#255b84!important}
.central-mini-days button.has-training{background:#f2faf8!important;border-color:#91c6bc!important;color:#246c63!important}
.calendar-event-chip.is-training-review{background:#f2faf8!important;border-color:#91c6bc!important;color:#246c63!important}
.calendar-event-chip.is-player-recovery{background:#f0f8ff!important;border-color:#93b9d8!important;color:#255b84!important}
.v19-calendar-days .calendar-day span{margin-top:0!important}
.v19-calendar-days .calendar-day.has-match span{margin-top:0!important;padding:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;font-size:inherit!important}
.v19-calendar-days .calendar-day.has-match .calendar-event-chip{padding:.1cqw .18cqw!important;border-radius:.18cqw!important;background:#fff8e9!important;color:#755718!important}
.v19-calendar-days .calendar-day.has-match .advance-mini-badge{padding:0!important;background:transparent!important;border-radius:0!important}
/* ========================================================================
V19.1 — Manager Creator Schema v5 / expanded modular customization
======================================================================== */
.manager-composite-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;user-select:none}
.manager-paperdoll .manager-ground-shadow{z-index:0}.manager-paperdoll .manager-composite-canvas{z-index:1}
.manager-custom-pronouns.is-hidden{display:none!important}
.manager-form-grid-v5{grid-template-columns:repeat(2,minmax(0,1fr));gap:.58cqw .7cqw;margin-top:.78cqw}
.manager-form-grid-v5 .manager-field input,.manager-form-grid-v5 .manager-field select{height:2.35cqw;font-size:.51cqw}
.manager-category-tabs-scroll{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin;scrollbar-color:#aeb9c4 transparent;white-space:nowrap;scroll-snap-type:x proximity}
.manager-category-tabs-scroll button{position:relative;flex:0 0 auto;min-width:5.35cqw;padding:0 1.05cqw 0 .58cqw;border-right:1px solid #dfe5eb!important;scroll-snap-align:start}
.manager-category-tabs-scroll button.is-active{background:#17449c!important;color:#fff!important}
.manager-tab-lock{position:absolute;right:.32cqw;top:50%;transform:translateY(-50%);width:.58cqw;height:.58cqw;display:grid;place-items:center;border-radius:50%;color:#8a96a2;font:900 .45cqw/1 Arial,sans-serif;cursor:pointer;opacity:.78}
.manager-category-tabs button.is-active .manager-tab-lock{color:#fff}.manager-tab-lock:hover,.manager-tab-lock:focus-visible{outline:1px solid currentColor;opacity:1}.manager-tab-lock.is-locked{color:#d3aa4d!important;opacity:1;text-shadow:0 0 .25cqw rgba(211,170,77,.2)}
.manager-age-controls{display:flex;flex-wrap:wrap;gap:.7cqw;margin:.55cqw 0 -.15cqw;padding:.48cqw .58cqw;border:1px solid #e0e6ed;background:#f8fafc;border-radius:.3cqw}
.manager-age-controls label{display:flex;align-items:center;gap:.34cqw;color:#5d6873;font:800 .38cqw/1.15 Arial,sans-serif}.manager-age-controls input{accent-color:#17449c}
.manager-option.is-locked{opacity:.72;cursor:not-allowed;background:linear-gradient(180deg,#fafbfc,#f1f3f5)}
.manager-option.is-locked::before{content:"LOCKED";position:absolute;left:.35cqw;top:.35cqw;z-index:4;padding:.18cqw .3cqw;border-radius:.2cqw;background:#223144;color:#fff;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.08em}
.manager-option.is-locked .manager-option-thumb{filter:saturate(.35) brightness(.93)}
.manager-random-studio{position:relative;z-index:5;width:84%;margin:-.45cqw 0 .72cqw;padding:.48cqw;border:1px solid #ccd6df;background:rgba(255,255,255,.86);backdrop-filter:blur(5px);display:grid;grid-template-columns:1fr .82fr;gap:.35cqw}
.manager-random-studio label{display:grid;gap:.18cqw}.manager-random-studio label>span{color:#687682;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.12em}.manager-random-studio select,.manager-random-studio input{width:100%;height:1.75cqw;padding:0 .4cqw;border:1px solid #d1dae3;background:#fff;color:#26313b;font:800 .38cqw/1 Arial,sans-serif;border-radius:.2cqw;outline:none}.manager-random-studio select:focus,.manager-random-studio input:focus{border-color:#17449c;box-shadow:0 0 0 2px rgba(23,68,156,.08)}
.manager-random-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:.25cqw}.manager-random-actions button{height:1.55cqw;border:1px solid #d6dee7;background:#f9fbfd;color:#344250;border-radius:.18cqw;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.07em;cursor:pointer}.manager-random-actions button:hover{border-color:#8ca8d7;color:#17449c;background:#fff}
.manager-preview-actions-v5{padding-bottom:.6cqw}
.manager-live-stage{grid-template-rows:auto minmax(0,1fr) auto auto auto!important}
.manager-live-preview{min-height:23.2cqw!important}
.manager-preset-toolbar{display:grid;grid-template-columns:11.2cqw minmax(0,1fr);gap:.55cqw;align-items:end;margin:.72cqw 0 .15cqw;padding:.58cqw;border:1px solid #dbe3ea;background:linear-gradient(180deg,#fbfcfd,#f5f8fb);border-radius:.32cqw}
.manager-preset-toolbar label{display:grid;gap:.22cqw}.manager-preset-toolbar label span{color:#60707e;font:900 .33cqw/1 Arial,sans-serif;letter-spacing:.11em}.manager-preset-toolbar select{height:2.15cqw;padding:0 .5cqw;border:1px solid #ccd7e1;background:#fff;color:#1b2731;font:900 .42cqw/1 Arial,sans-serif;border-radius:.22cqw}
.manager-preset-actions{display:grid;grid-template-columns:minmax(5.6cqw,.9fr) .75fr .9fr .9fr;gap:.3cqw}.manager-preset-actions select,.manager-preset-actions button{height:2.15cqw;border:1px solid #cfd9e3;background:#fff;color:#3e4b58;border-radius:.22cqw;font:900 .32cqw/1 Arial,sans-serif;letter-spacing:.06em}.manager-preset-actions button{cursor:pointer}.manager-preset-actions button:hover{border-color:#17449c;color:#17449c}.manager-preset-actions #managerApplyPresetAll{background:#17449c;color:#fff;border-color:#17449c}
.manager-wardrobe-tabs{margin-top:.5cqw!important}
.manager-config-stage[data-manager-pane="1"] .manager-option-grid,.manager-config-stage[data-manager-pane="2"] .manager-option-grid{margin-top:.55cqw}
.manager-config-stage[data-manager-pane="1"] .manager-option,.manager-config-stage[data-manager-pane="2"] .manager-option{min-height:6.15cqw}
.manager-config-stage[data-manager-pane="1"] .manager-option-thumb,.manager-config-stage[data-manager-pane="2"] .manager-option-thumb{height:3.75cqw}
/* Clear keyboard focus for creator controls. */
.manager-creator-screen button:focus-visible,.manager-creator-screen input:focus-visible,.manager-creator-screen select:focus-visible,[data-manager-lock-category]:focus-visible{outline:2px solid #17449c!important;outline-offset:2px!important}
/* Finished composite only is scaled; individual source layers stay at native 256x384. */
.manager-composite-canvas{transform:none!important;max-width:none!important}
@media(max-width:760px){
html,body{overflow:auto}.app-root{min-height:100%;place-items:start center}.game-frame{width:100vw;height:100svh;max-height:none;aspect-ratio:auto;overflow:auto;container-type:inline-size}
.manager-creator-screen{min-height:100svh;overflow:auto;background:#eef3f7}
.manager-create-header{position:sticky;top:0;height:64px;padding:0 14px;grid-template-columns:38px 92px minmax(0,1fr);gap:8px;z-index:30}.manager-create-progress{display:none}.manager-back-btn{width:36px;height:36px;font-size:22px}.manager-create-logo{width:88px}.manager-create-title{padding-left:9px}.manager-create-title span{font-size:8px}.manager-create-title h2{font-size:17px}
.manager-create-shell{position:relative;left:auto;right:auto;top:auto;bottom:auto;padding:12px;display:grid;grid-template-columns:1fr;gap:10px;min-height:calc(100svh - 64px)}
.manager-stage-rail{order:1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px}.manager-stage-tab{min-height:48px;padding:6px;grid-template-columns:24px 1fr;gap:5px}.manager-stage-tab>span{width:22px;height:22px;font-size:8px}.manager-stage-tab strong{font-size:9px}.manager-stage-tab small,.manager-stage-note{display:none}
.manager-live-stage{order:2;min-height:420px;grid-template-rows:auto minmax(260px,1fr) auto auto auto}.manager-studio-kicker{font-size:8px}.manager-live-preview{width:230px;min-height:280px!important}.manager-paperdoll-large{width:210px}.manager-preview-plinth{font-size:10px}.manager-preview-plinth span{font-size:12px}.manager-preview-plinth small{font-size:8px}.manager-preview-actions,.manager-random-studio{width:92%}.manager-preview-actions button{height:38px;font-size:9px}.manager-random-studio select,.manager-random-studio input{height:32px;font-size:10px}.manager-random-studio label>span{font-size:8px}.manager-random-actions button{height:30px;font-size:8px}
.manager-config-panel{order:3;display:grid;grid-template-rows:minmax(520px,auto) 64px;overflow:visible}.manager-config-stage{padding:14px;overflow:visible}.manager-panel-heading>span{font-size:8px}.manager-panel-heading h3{font-size:22px}.manager-panel-heading p{font-size:11px}.manager-form-grid-v5{grid-template-columns:1fr;gap:9px}.manager-field-wide{grid-column:auto}.manager-field>span{font-size:8px}.manager-field input,.manager-field select,.manager-form-grid-v5 .manager-field input,.manager-form-grid-v5 .manager-field select{height:42px;font-size:12px}.manager-field small{font-size:9px}.manager-identity-card span{font-size:8px}.manager-identity-card strong{font-size:12px}.manager-identity-card p{font-size:10px}
.manager-category-tabs-scroll{margin-top:10px}.manager-category-tabs-scroll button{min-width:110px;height:42px;font-size:8px;padding-right:24px}.manager-tab-lock{right:8px;width:14px;height:14px;font-size:11px}.manager-age-controls{margin-top:8px;padding:8px}.manager-age-controls label{font-size:9px}.manager-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none;overflow:visible}.manager-option,.manager-config-stage[data-manager-pane="1"] .manager-option,.manager-config-stage[data-manager-pane="2"] .manager-option{min-height:144px;padding:7px}.manager-option-thumb,.manager-config-stage[data-manager-pane="1"] .manager-option-thumb,.manager-config-stage[data-manager-pane="2"] .manager-option-thumb{height:96px}.manager-option strong{font-size:10px}.manager-option small{font-size:8px}.manager-palette-option{min-height:90px;padding:8px}.manager-palette-option i{height:48px}.manager-palette-option strong{font-size:10px}
.manager-preset-toolbar{grid-template-columns:1fr;gap:7px;padding:8px}.manager-preset-toolbar label span{font-size:8px}.manager-preset-toolbar select{height:38px;font-size:10px}.manager-preset-actions{grid-template-columns:1fr 1fr}.manager-preset-actions select,.manager-preset-actions button{height:36px;font-size:8px}.manager-preset-actions #managerApplyPresetAll{grid-column:1/-1}
.manager-create-footer{position:sticky;bottom:0;height:64px;padding:8px;grid-template-columns:96px 1fr 120px;z-index:20}.manager-create-footer button{height:44px;font-size:9px}.manager-footer-status span{font-size:8px}.manager-footer-status small{font-size:7px}
.manager-confirm-profile{grid-template-columns:110px 1fr;gap:12px;padding:10px}.manager-confirm-portrait{height:110px}.manager-paperdoll-confirm{width:96px!important}.manager-confirm-copy>span{font-size:8px}.manager-confirm-copy h3{font-size:18px}.manager-confirm-copy p{font-size:10px}.manager-confirm-facts{grid-template-columns:1fr}.manager-confirm-facts>div{border-right:0;border-bottom:1px solid #e2e7ec}.manager-confirm-facts span{font-size:8px}.manager-confirm-facts strong{font-size:10px}.manager-confirm-note{font-size:10px}
}
.manager-custom-title.is-hidden{display:none!important}
/* ============================================================
V19.2 — FIRST APPOINTMENT / UNEMPLOYED CAREER PATH
============================================================ */
.career-start-screen,.unemployed-screen,.appointment-screen{background:#f4f7fa;color:#14202c;overflow:hidden}
.career-start-bg,.unemployed-bg,.appointment-bg{position:absolute;inset:0;pointer-events:none;background:
linear-gradient(115deg,rgba(17,75,142,.045),transparent 34%),
radial-gradient(circle at 82% 20%,rgba(25,136,145,.075),transparent 24%),
linear-gradient(180deg,#fbfcfd 0%,#eef3f7 100%)}
.career-start-bg::after,.unemployed-bg::after,.appointment-bg::after{content:"";position:absolute;left:0;right:0;top:9.3%;height:1px;background:#dbe3ea}
.career-start-header,.unemployed-header,.appointment-header{position:absolute;z-index:3;left:4.2%;right:4.2%;top:0;height:9.3%;display:flex;align-items:center;gap:1.1cqw}
.career-start-header .manager-back-btn,.unemployed-header .manager-back-btn,.appointment-header .manager-back-btn{position:static;flex:0 0 auto}
.career-start-heading,.unemployed-title,.appointment-header>div:first-of-type{padding-left:.9cqw;border-left:1px solid #d8e0e7}
.career-start-heading>span,.unemployed-title>span,.appointment-header>div:first-of-type>span{display:block;color:#168b91;font:900 .38cqw/1 Arial,sans-serif;letter-spacing:.15em}
.career-start-heading h2,.unemployed-title h2,.appointment-header>div:first-of-type h2{margin:.2cqw 0 0;color:#121820;font:900 1.18cqw/1 Arial,sans-serif;letter-spacing:.035em}
.career-start-status,.unemployed-date,.appointment-step{margin-left:auto;text-align:right;padding-left:1.1cqw;border-left:1px solid #dbe3e9}
.career-start-status span,.unemployed-date span,.appointment-step span{display:block;color:#84909b;font:900 .33cqw/1 Arial,sans-serif;letter-spacing:.13em}
.career-start-status strong,.unemployed-date strong,.appointment-step strong{display:block;margin-top:.25cqw;color:#17469e;font:900 .55cqw/1 Arial,sans-serif;letter-spacing:.07em}
.career-start-shell{position:absolute;z-index:2;left:5.2%;right:5.2%;top:12.1%;bottom:5.4%;display:grid;grid-template-columns:24% minmax(0,1fr);gap:1.2cqw}
.career-start-manager{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.35cqw;border:1px solid #dbe3ea;background:linear-gradient(180deg,#fff,#f2f6f9);overflow:hidden}
.career-start-manager::after{content:"";position:absolute;left:12%;right:12%;top:61%;height:1px;background:linear-gradient(90deg,transparent,#cbd6df,transparent)}
.career-start-portrait{position:relative;width:12.8cqw;height:18.8cqw;display:grid;place-items:center;overflow:hidden}
.career-start-portrait .manager-paperdoll{width:12.4cqw;max-width:none;filter:drop-shadow(0 .45cqw .45cqw rgba(23,43,66,.12))}
.career-start-kicker{margin-top:.6cqw;color:#168b91;font:900 .35cqw/1 Arial,sans-serif;letter-spacing:.14em}
.career-start-manager h3{margin:.35cqw 0 .18cqw;text-align:center;color:#151b22;font:900 .95cqw/1 Arial,sans-serif}
.career-start-manager>p{margin:0;text-align:center;color:#6f7b86;font:800 .42cqw/1.25 Arial,sans-serif;letter-spacing:.08em}
.career-start-license{width:100%;margin-top:auto;padding:.75cqw;border-top:.17cqw solid #174aa8;background:#fff;box-shadow:0 .2cqw .7cqw rgba(20,40,70,.06)}
.career-start-license span{display:block;color:#75818c;font:900 .33cqw/1 Arial,sans-serif;letter-spacing:.13em}
.career-start-license strong{display:block;margin-top:.28cqw;color:#17449c;font:900 .65cqw/1 Arial,sans-serif}
.career-start-license small{display:block;margin-top:.35cqw;color:#7a858f;font:700 .37cqw/1.35 Arial,sans-serif}
.career-path-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;gap:1cqw;min-width:0}
.career-path-card{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:1.55cqw;border:1px solid #d7e0e8;background:#fff;color:#16202a;text-align:left;cursor:pointer;overflow:hidden;transition:.16s ease}
.career-path-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:.25cqw;background:#1749a9}
.career-path-card-unemployed::before{background:#168c91}
.career-path-card::after{content:"";position:absolute;right:-3cqw;top:-3cqw;width:11cqw;height:11cqw;border-radius:50%;background:rgba(23,73,169,.045)}
.career-path-card-unemployed::after{background:rgba(22,140,145,.06)}
.career-path-card:hover{transform:translateY(-.18cqw);border-color:#a8b9cb;box-shadow:0 .7cqw 1.5cqw rgba(31,56,86,.09)}
.career-path-number{position:relative;z-index:1;color:#a8b5c2;font:900 .7cqw/1 Arial,sans-serif;letter-spacing:.06em}
.career-path-copy{position:relative;z-index:1;margin-top:1.7cqw}
.career-path-copy>span{color:#1749a9;font:900 .39cqw/1 Arial,sans-serif;letter-spacing:.14em}.career-path-card-unemployed .career-path-copy>span{color:#168c91}
.career-path-copy h3{margin:.35cqw 0 .55cqw;color:#10161d;font:900 1.25cqw/1 Arial,sans-serif;letter-spacing:.02em}
.career-path-copy p{margin:0;max-width:92%;color:#63707d;font:700 .5cqw/1.5 Arial,sans-serif}
.career-path-details{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.35cqw;margin-top:1.2cqw}
.career-path-details b{padding:.3cqw .42cqw;border:1px solid #dbe3ea;background:#f7f9fb;color:#5f6b76;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.08em}
.career-path-action{position:relative;z-index:1;margin-top:auto;padding-top:1.1cqw;border-top:1px solid #e4e9ee;color:#1749a9;font:900 .55cqw/1 Arial,sans-serif;letter-spacing:.09em}.career-path-card-unemployed .career-path-action{color:#168c91}
.career-path-action i{float:right;font:normal 900 1cqw/1 Arial,sans-serif}
.career-start-note{grid-column:1/-1;display:grid;grid-template-columns:7.5cqw 1fr;gap:.8cqw;align-items:center;padding:.7cqw .9cqw;border:1px solid #dae3e9;border-left:.2cqw solid #d1aa53;background:#fffdf8}
.career-start-note span{color:#9a762a;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.13em}
.career-start-note p{margin:0;color:#6a7279;font:700 .41cqw/1.4 Arial,sans-serif}
.unemployed-shell{position:absolute;z-index:2;left:4.2%;right:4.2%;top:11.2%;bottom:4.3%;display:grid;grid-template-columns:19% minmax(0,1fr) 20%;gap:1cqw}
.unemployed-profile-panel,.job-market-panel,.job-market-sidebar>section{border:1px solid #d9e2e9;background:#fff}
.unemployed-profile-panel{display:flex;flex-direction:column;align-items:center;padding:1.05cqw;overflow:hidden}
.unemployed-portrait{position:relative;width:10.3cqw;height:15.3cqw;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#fff,#eef3f6)}
.unemployed-portrait .manager-paperdoll{width:10.3cqw;max-width:none}
.unemployed-profile-panel>span{margin-top:.65cqw;color:#168c91;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.13em}
.unemployed-profile-panel h3{margin:.3cqw 0 .15cqw;text-align:center;color:#121920;font:900 .82cqw/1 Arial,sans-serif}
.unemployed-profile-panel>p{margin:0;color:#7b8792;font:800 .38cqw/1 Arial,sans-serif;letter-spacing:.07em}
.unemployed-rep{width:100%;margin-top:1cqw;padding-top:.8cqw;border-top:1px solid #e3e8ed}
.unemployed-rep small{display:block;color:#818d97;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.1em}.unemployed-rep strong{display:block;margin-top:.25cqw;color:#17449c;font:900 .57cqw/1 Arial,sans-serif}.unemployed-rep>div{height:.38cqw;margin-top:.45cqw;background:#e8edf1;overflow:hidden}.unemployed-rep i{display:block;height:100%;background:linear-gradient(90deg,#1749a9,#168c91);width:18%}
.unemployed-stat-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.45cqw;margin-top:auto}.unemployed-stat-grid>div{padding:.6cqw .45cqw;background:#f5f8fa;border-top:1px solid #dde5eb}.unemployed-stat-grid span{display:block;color:#8a949d;font:900 .28cqw/1.1 Arial,sans-serif;letter-spacing:.08em}.unemployed-stat-grid strong{display:block;margin-top:.25cqw;color:#17212a;font:900 .7cqw/1 Arial,sans-serif}
.job-market-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:1cqw;min-width:0;overflow:hidden}
.job-market-heading{display:flex;align-items:flex-start;gap:1cqw;padding-bottom:.75cqw;border-bottom:1px solid #e0e6eb}.job-market-heading>div:first-child>span{color:#168c91;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.13em}.job-market-heading h3{margin:.25cqw 0 .22cqw;color:#111820;font:900 1cqw/1 Arial,sans-serif}.job-market-heading p{margin:0;color:#74808a;font:700 .4cqw/1.35 Arial,sans-serif}.job-market-live{margin-left:auto;display:flex;align-items:center;gap:.35cqw;padding:.38cqw .48cqw;border:1px solid #cfe0df;background:#f4fbfa;color:#287b79;font:900 .29cqw/1 Arial,sans-serif;letter-spacing:.09em;white-space:nowrap}.job-market-live i{width:.42cqw;height:.42cqw;border-radius:50%;background:#2aa596;box-shadow:0 0 .45cqw rgba(42,165,150,.38)}
.job-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65cqw;align-content:start;overflow:auto;min-height:0;padding:.75cqw .22cqw .5cqw 0;scrollbar-width:thin;scrollbar-color:#a9b7c2 transparent}
.job-offer-card{position:relative;padding:.75cqw;border:1px solid #d9e2e9;background:#fff;overflow:hidden}.job-offer-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:.18cqw;background:var(--job-accent,#168c91)}
.job-offer-top{display:grid;grid-template-columns:2.7cqw minmax(0,1fr) auto;gap:.55cqw;align-items:center}.job-offer-badge{width:2.55cqw;height:2.55cqw;display:grid;place-items:center}.job-offer-badge img{max-width:100%;max-height:100%;object-fit:contain}.job-offer-top span{display:block;color:#168c91;font:900 .29cqw/1 Arial,sans-serif;letter-spacing:.1em}.job-offer-top h4{margin:.15cqw 0 0;color:#141c24;font:900 .65cqw/1 Arial,sans-serif}.job-offer-top p{margin:.13cqw 0 0;color:#7d8790;font:800 .31cqw/1 Arial,sans-serif}.job-offer-top>b{align-self:start;padding:.28cqw .34cqw;background:#f5f7f9;color:#68737d;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.07em}
.job-offer-reason{margin:.65cqw 0;padding:.5cqw .55cqw;border-left:.16cqw solid #d1aa53;background:#fffcf5;color:#65707a;font:700 .37cqw/1.35 Arial,sans-serif}
.job-offer-facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e0e6eb}.job-offer-facts>div{padding:.5cqw;border-right:1px solid #e4e9ed;min-width:0}.job-offer-facts>div:last-child{border-right:0}.job-offer-facts span{display:block;color:#88929b;font:900 .26cqw/1 Arial,sans-serif;letter-spacing:.08em}.job-offer-facts strong{display:block;margin-top:.23cqw;color:#26313a;font:900 .34cqw/1.22 Arial,sans-serif;overflow:hidden;text-overflow:ellipsis}
.job-offer-actions{display:grid;grid-template-columns:.72fr 1.28fr;gap:.4cqw;margin-top:.6cqw}.job-offer-actions button{height:2.2cqw;border:1px solid #cfd9e2;background:#fff;color:#52616e;font:900 .36cqw/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.job-offer-actions .job-offer-accept{border-color:#17449c;background:#1749a9;color:#fff}.job-offer-actions button:hover{filter:brightness(1.04);transform:translateY(-1px)}
.job-market-empty{grid-column:1/-1;align-self:center;justify-self:stretch;margin:1.2cqw 1.8cqw;padding:2.2cqw;text-align:center;border:1px dashed #cfd9e1;background:#f8fafb}.job-market-empty>span{color:#168c91;font:900 .33cqw/1 Arial,sans-serif;letter-spacing:.14em}.job-market-empty h4{margin:.4cqw 0 .42cqw;color:#172029;font:900 .82cqw/1 Arial,sans-serif}.job-market-empty p{max-width:26cqw;margin:0 auto;color:#74808a;font:700 .4cqw/1.45 Arial,sans-serif}.job-market-scan{display:flex;justify-content:center;gap:.28cqw;margin-top:1cqw}.job-market-scan i{width:.35cqw;height:.35cqw;border-radius:50%;background:#aab8c3;animation:jobScan 1.1s infinite ease-in-out}.job-market-scan i:nth-child(2){animation-delay:.12s}.job-market-scan i:nth-child(3){animation-delay:.24s}.job-market-scan i:nth-child(4){animation-delay:.36s}@keyframes jobScan{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-.28cqw);opacity:1}}
.job-wait-controls{display:grid;grid-template-columns:minmax(0,1fr) 6.6cqw 9.3cqw;gap:.5cqw;align-items:center;padding-top:.72cqw;border-top:1px solid #e0e6eb}.job-wait-controls span{display:block;color:#46535f;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.08em}.job-wait-controls p{margin:.22cqw 0 0;color:#89939b;font:700 .33cqw/1.3 Arial,sans-serif}.job-wait-controls button{height:2.45cqw;border:1px solid #ccd7df;background:#fff;color:#43515d;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.07em;cursor:pointer}.job-wait-controls .job-advance-primary{border-color:#123f91;background:linear-gradient(180deg,#174bac,#103a8d);color:#fff}
.job-market-sidebar{display:grid;grid-template-rows:auto auto auto 1fr;gap:.65cqw;min-width:0}.job-market-sidebar>section{padding:.8cqw}.job-market-sidebar span{color:#168c91;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.12em}.job-market-sidebar h4{margin:.28cqw 0 .35cqw;color:#15202a;font:900 .62cqw/1 Arial,sans-serif}.job-market-sidebar p{margin:0;color:#6f7b85;font:700 .37cqw/1.42 Arial,sans-serif}.market-likelihood{display:grid;grid-template-columns:1fr;gap:.3cqw;margin-top:.55cqw}.market-likelihood b{color:#56636f;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.06em}.market-likelihood i{display:block;position:relative;height:.28cqw;background:#e7ecef}.market-likelihood i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:#168c91}.job-market-tip{align-self:stretch;background:linear-gradient(180deg,#fbfcfd,#f3f7f9)!important}.job-market-tip span{color:#9c782d}
.job-world-activity{padding:.72cqw!important;min-height:0}
.job-world-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5cqw;padding-bottom:.48cqw;border-bottom:1px solid #e3e8ed}
.job-world-head span{display:block!important;color:#168c91!important;font:900 .28cqw/1 Arial,sans-serif!important;letter-spacing:.11em!important}.job-world-head strong{display:block;margin-top:.22cqw;color:#18222b;font:900 .43cqw/1 Arial,sans-serif}.job-world-head>b{color:#87919a;font:900 .25cqw/1 Arial,sans-serif;letter-spacing:.05em}
.job-world-results{display:grid;margin-top:.38cqw}.job-world-results>div{display:grid;grid-template-columns:3.4cqw minmax(0,1fr) 2cqw minmax(0,1fr);gap:.26cqw;align-items:center;min-height:1.35cqw;border-bottom:1px solid #eef2f4}.job-world-results>div:last-child{border-bottom:0}.job-world-results time{color:#9aa3ab;font:800 .23cqw/1 Arial,sans-serif}.job-world-results span{color:#53616c!important;font:900 .27cqw/1 Arial,sans-serif!important;letter-spacing:.02em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-world-results span:last-child{text-align:right}.job-world-results strong{text-align:center;color:#16202a;font:900 .38cqw/1 Arial,sans-serif}.job-world-empty{margin:.45cqw 0 0!important;color:#7b8791!important;font:700 .31cqw/1.35 Arial,sans-serif!important}
.appointment-content{position:absolute;z-index:2;left:5%;right:5%;top:11%;bottom:4.7%}
.appointment-stage{position:relative;height:100%;display:grid;grid-template-columns:18% 18% minmax(0,1fr);gap:1cqw;padding:1cqw;border:1px solid #d9e2e9;background:#fff;overflow:hidden}.appointment-stage::before{content:"";position:absolute;left:0;right:0;top:0;height:.25cqw;background:var(--appointment-accent,#168c91)}
.appointment-club-side,.appointment-manager-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.8cqw;background:linear-gradient(180deg,#f7f9fb,#eef3f6);border:1px solid #e0e6eb}.appointment-club-side>span,.appointment-manager-side>span{color:#168c91;font:900 .29cqw/1 Arial,sans-serif;letter-spacing:.12em;text-align:center}.appointment-badge{width:7.2cqw;height:7.2cqw;margin:1.2cqw 0 .8cqw;display:grid;place-items:center}.appointment-badge img{max-width:100%;max-height:100%;object-fit:contain}.appointment-club-side h3,.appointment-manager-side h3{margin:0;text-align:center;color:#14202a;font:900 .72cqw/1.05 Arial,sans-serif}.appointment-club-side p,.appointment-manager-side p{margin:.3cqw 0 0;text-align:center;color:#7c8790;font:800 .34cqw/1.3 Arial,sans-serif}.appointment-manager-portrait{position:relative;width:8.2cqw;height:11.8cqw;margin:.5cqw 0 .4cqw;display:grid;place-items:center;overflow:hidden}.appointment-manager-portrait .manager-paperdoll{width:8.1cqw;max-width:none}
.appointment-main{display:flex;flex-direction:column;padding:1.25cqw 1.45cqw;min-width:0}.appointment-kicker{color:#168c91;font:900 .35cqw/1 Arial,sans-serif;letter-spacing:.15em}.appointment-main h1{margin:.45cqw 0 .55cqw;color:#111820;font:900 1.34cqw/1.08 Arial,sans-serif;letter-spacing:.015em}.appointment-main>p{margin:0;max-width:90%;color:#64717c;font:700 .46cqw/1.45 Arial,sans-serif}.appointment-contract-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1cqw;border:1px solid #dce4ea}.appointment-contract-grid>div{padding:.65cqw;border-right:1px solid #e1e7ec;min-width:0}.appointment-contract-grid>div:last-child{border-right:0}.appointment-contract-grid span{display:block;color:#8b959d;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.1em}.appointment-contract-grid strong{display:block;margin-top:.26cqw;color:#1e2a34;font:900 .43cqw/1.25 Arial,sans-serif}
.appointment-first-days{margin-top:1cqw;padding:.75cqw;background:#f7f9fb;border-left:.18cqw solid #d0aa51}.appointment-first-days>span{display:block;margin-bottom:.45cqw;color:#98752b;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.11em}.appointment-first-days>div{display:grid;grid-template-columns:1.35cqw 1fr;gap:.45cqw;align-items:center;margin:.25cqw 0}.appointment-first-days b{display:grid;place-items:center;width:1.25cqw;height:1.25cqw;border-radius:50%;background:#1749a9;color:#fff;font:900 .3cqw/1 Arial,sans-serif}.appointment-first-days p{margin:0;color:#66727d;font:700 .36cqw/1.3 Arial,sans-serif}.appointment-sign{margin-top:auto;height:3cqw;border:1px solid #0e388a;background:linear-gradient(180deg,#174bac,#103987);color:#fff;font:900 .48cqw/1 Arial,sans-serif;letter-spacing:.1em;cursor:pointer;box-shadow:0 .25cqw .6cqw rgba(20,59,143,.14)}.appointment-sign i{float:right;margin-right:.8cqw;font:normal 900 1cqw/1 Arial,sans-serif}.appointment-sign:hover{filter:brightness(1.06);transform:translateY(-1px)}
@media (prefers-reduced-motion:reduce){.job-market-scan i{animation:none!important}.career-path-card,.job-offer-actions button,.appointment-sign{transition:none!important}}
.career-path-visual{position:relative;z-index:1;margin:1.25cqw 0 1cqw;padding:.7cqw;border:1px solid #e0e6eb;background:#f8fafb}
.career-club-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:.3cqw;align-items:end;height:6.2cqw}.career-club-ladder span{display:flex;align-items:flex-end;justify-content:center;padding:.38cqw .15cqw;background:#eef3f7;border-top:.17cqw solid #1749a9;color:#6d7882;font:900 .28cqw/1.15 Arial,sans-serif;text-align:center;letter-spacing:.06em}.career-club-ladder span:nth-child(1){height:4.8cqw}.career-club-ladder span:nth-child(2){height:3.9cqw;opacity:.9}.career-club-ladder span:nth-child(3){height:3cqw;opacity:.8}.career-club-ladder span:nth-child(4){height:2.1cqw;opacity:.7}
.career-job-pulse{display:grid;gap:.42cqw;height:6.2cqw;align-content:center}.career-job-pulse>div{display:grid;grid-template-columns:.55cqw 1fr auto;align-items:center;gap:.45cqw;padding:.5cqw .58cqw;background:#fff;border:1px solid #e2e8ec}.career-job-pulse i{width:.43cqw;height:.43cqw;border-radius:50%;background:#168c91;box-shadow:0 0 .4cqw rgba(22,140,145,.24)}.career-job-pulse span{color:#5f6c77;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.07em}.career-job-pulse>div::after{content:"WAITING";color:#99a3ab;font:900 .25cqw/1 Arial,sans-serif;letter-spacing:.08em}.career-job-pulse>div:nth-child(3)::after{content:"POSSIBLE";color:#168c91}
.job-market-sidebar{grid-template-rows:auto auto auto auto!important;align-content:start}
.appointment-main{justify-content:center!important}.appointment-sign{margin-top:1.1cqw!important}
.job-offer-grid.is-single{grid-template-columns:minmax(0,1fr)}
.job-offer-grid.is-single .job-offer-card{width:72%;max-width:38cqw}
/* ========================================================================== */
/* V19.3 — WELCOME TO THE JOB / FIRST WEEK CINEMATIC CAREER ONBOARDING */
/* ========================================================================== */
.first-week-screen{background:#07131d;color:#f4f7fa;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.first-week-backdrop{position:absolute;inset:0;background:center/cover no-repeat;transform:scale(1.012);transition:background-image .28s ease,transform .65s cubic-bezier(.2,.75,.2,1);filter:saturate(.92) contrast(1.02)}
.first-week-screen.is-active .first-week-backdrop{transform:scale(1)}
.first-week-grade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,12,20,.88) 0%,rgba(5,15,24,.62) 34%,rgba(5,14,22,.16) 63%,rgba(3,10,16,.52) 100%),linear-gradient(0deg,rgba(3,10,16,.94) 0%,rgba(3,10,16,.42) 31%,rgba(3,10,16,.1) 64%,rgba(3,10,16,.66) 100%)}
.first-week-grade::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 38%,color-mix(in srgb,var(--fw-accent,#1b7891) 20%,transparent),transparent 42%);opacity:.65}
.first-week-header{position:absolute;z-index:5;left:2.7%;right:2.7%;top:2.1%;height:6.3%;display:grid;grid-template-columns:3.1cqw minmax(0,1fr) auto auto;gap:.85cqw;align-items:center;border-bottom:1px solid rgba(255,255,255,.19)}
.first-week-icon-btn{width:2.65cqw;height:2.65cqw;border:1px solid rgba(255,255,255,.22);background:rgba(5,18,29,.78);color:#fff;font:400 1.65cqw/1 Arial;cursor:pointer;backdrop-filter:blur(9px);transition:.15s}
.first-week-icon-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}
.first-week-brand{min-width:0}.first-week-brand span{display:block;color:#8fb7c8;font:900 .38cqw/1 Arial;letter-spacing:.19em}.first-week-brand h2{margin:.18cqw 0 0;color:#fff;font:900 .92cqw/1 Arial;letter-spacing:.055em}
.first-week-club-lockup{height:3cqw;display:flex;align-items:center;gap:.55cqw;padding:0 .8cqw 0 .55cqw;border-left:1px solid rgba(255,255,255,.16);border-right:1px solid rgba(255,255,255,.16);background:rgba(3,13,21,.34);backdrop-filter:blur(8px)}
.first-week-club-lockup img{width:2.18cqw!important;height:2.18cqw!important;max-width:none!important;max-height:none!important;object-fit:contain!important;filter:drop-shadow(0 .2cqw .3cqw rgba(0,0,0,.45))}
.first-week-club-lockup span{display:grid;gap:.12cqw;min-width:6.2cqw}.first-week-club-lockup b{font:900 .53cqw/1 Arial;color:#fff}.first-week-club-lockup small{font:800 .31cqw/1 Arial;letter-spacing:.08em;color:#92adba;text-transform:uppercase}
.first-week-date{text-align:right;min-width:6.4cqw}.first-week-date span{display:block;color:#8da9b6;font:800 .31cqw/1 Arial;letter-spacing:.13em}.first-week-date strong{display:block;margin-top:.2cqw;color:#fff;font:900 .53cqw/1 Arial;letter-spacing:.05em}
.first-week-progress{position:absolute;z-index:6;left:3.2%;right:3.2%;top:9.2%;height:3.2%;display:grid;grid-template-columns:repeat(7,1fr);gap:0;background:rgba(4,15,24,.7);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);overflow:hidden}
.first-week-progress span{position:relative;display:flex;align-items:center;gap:.42cqw;padding:0 .55cqw;border-right:1px solid rgba(255,255,255,.08);color:#7893a0;min-width:0;transition:.18s}.first-week-progress span:last-child{border-right:0}.first-week-progress span::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:.15cqw;background:var(--fw-accent,#35b8bd);transition:.25s}
.first-week-progress span.is-active{background:rgba(255,255,255,.075);color:#fff}.first-week-progress span.is-active::after,.first-week-progress span.is-done::after{right:0}.first-week-progress span.is-done{color:#b8c8cf}
.first-week-progress i{width:1.1cqw;height:1.1cqw;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;border-radius:50%;font:900 .29cqw/1 Arial;font-style:normal;flex:0 0 auto}.first-week-progress .is-active i{background:var(--fw-accent,#1b7891);border-color:var(--fw-accent,#1b7891);box-shadow:0 0 .7cqw color-mix(in srgb,var(--fw-accent,#1b7891) 40%,transparent)}.first-week-progress .is-done i{background:rgba(255,255,255,.12);color:#9de0d7}
.first-week-progress b{font:900 .31cqw/1.05 Arial;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.first-week-ghost-badge{position:absolute;z-index:1;right:5.5%;top:16.5%;width:20cqw;height:20cqw;display:grid;place-items:center;opacity:.065;filter:grayscale(1) brightness(2)}.first-week-ghost-badge img{width:100%!important;height:100%!important;object-fit:contain!important}
.first-week-content{position:absolute;z-index:4;left:3.2%;right:3.2%;top:13.6%;bottom:9.1%;min-height:0;overflow:hidden}
.first-week-footer{position:absolute;z-index:7;left:0;right:0;bottom:0;height:7.1%;padding:0 3.2%;display:grid;grid-template-columns:8.5cqw minmax(0,1fr) 7.2cqw 11.8cqw;gap:.65cqw;align-items:center;background:linear-gradient(180deg,rgba(4,14,23,.86),rgba(3,11,18,.98));border-top:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px)}
.first-week-footer button{height:2.55cqw;border:1px solid rgba(255,255,255,.18);font:900 .38cqw/1 Arial;letter-spacing:.08em;cursor:pointer;transition:.15s}.first-week-secondary,.first-week-skip{background:rgba(255,255,255,.045);color:#c4d1d7}.first-week-secondary:disabled{opacity:.28;cursor:default}.first-week-skip{border-color:transparent!important;background:transparent!important;color:#7794a1}.first-week-skip:hover{color:#fff}.first-week-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--fw-accent,#1b7891) 92%,#fff 8%),color-mix(in srgb,var(--fw-accent,#1b7891) 72%,#001019 28%));color:#fff;border-color:color-mix(in srgb,var(--fw-accent,#1b7891) 65%,#fff 35%)!important;box-shadow:0 .3cqw .85cqw rgba(0,0,0,.28)}.first-week-primary i{font-style:normal;font-size:.75cqw;margin-left:.4cqw}.first-week-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}
.first-week-footer-copy{text-align:center;min-width:0}.first-week-footer-copy span{display:block;color:#8098a4;font:800 .3cqw/1 Arial;letter-spacing:.15em}.first-week-footer-copy strong{display:block;margin-top:.14cqw;color:#eaf1f4;font:900 .4cqw/1 Arial;letter-spacing:.07em}
.fw-scene-grid{position:relative;width:100%;height:100%;animation:fwSceneIn .34s cubic-bezier(.18,.76,.2,1) both}@keyframes fwSceneIn{from{opacity:0;transform:translateY(.45cqw)}to{opacity:1;transform:none}}
.fw-scene-title{position:absolute;left:0;top:7%;width:47%;padding:.2cqw 0}.fw-scene-title.compact{top:4%;width:44%}.fw-scene-title>span{display:block;color:#8cc8c5;font:900 .42cqw/1 Arial;letter-spacing:.19em}.fw-scene-title h1{margin:.45cqw 0 .55cqw;font:900 2.5cqw/.92 Arial;color:#fff;letter-spacing:-.035em;text-shadow:0 .28cqw .8cqw rgba(0,0,0,.5)}.fw-scene-title.compact h1{font-size:2.15cqw}.fw-scene-title p{margin:0;max-width:38cqw;color:#d0dce1;font:600 .62cqw/1.47 Arial;text-shadow:0 .12cqw .4cqw rgba(0,0,0,.55)}
.fw-snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:.35cqw;margin-top:1.05cqw;max-width:34cqw}.fw-snapshot>div{padding:.62cqw .7cqw;border-top:2px solid var(--fw-accent,#1b7891);background:rgba(5,17,26,.82);backdrop-filter:blur(9px)}.fw-snapshot span{display:block;color:#7f99a6;font:800 .3cqw/1 Arial;letter-spacing:.11em}.fw-snapshot strong{display:block;margin-top:.25cqw;color:#fff;font:900 .62cqw/1 Arial}
.fw-form{display:flex;align-items:center;gap:.35cqw;margin-top:.6cqw}.fw-form>span{margin-right:.25cqw;color:#849ba6;font:800 .3cqw Arial;letter-spacing:.12em}.fw-form b{width:1.22cqw;height:1.22cqw;display:grid;place-items:center;border-radius:.15cqw;font:900 .38cqw Arial;background:#52626c}.fw-form .is-w{background:#187b5b}.fw-form .is-d{background:#8c7336}.fw-form .is-l{background:#8a3c48}
.fw-dialogue-card{position:absolute;right:0;top:4%;width:28%;min-height:14cqw;display:grid;grid-template-columns:8.2cqw 1fr;align-items:end;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(8,22,32,.86),rgba(5,15,24,.96));backdrop-filter:blur(13px);overflow:hidden;box-shadow:0 .6cqw 1.8cqw rgba(0,0,0,.3)}.fw-dialogue-card::before{content:"";position:absolute;inset:0 0 auto 0;height:.18cqw;background:var(--fw-accent,#1b7891)}.fw-dialogue-card>img{width:8.5cqw;max-height:13.5cqw;object-fit:contain;object-position:center bottom;align-self:end}.fw-dialogue-card>div{align-self:center;padding:1cqw .9cqw 1cqw .25cqw}.fw-dialogue-card span,.fw-dialogue-feature span{display:block;color:#80afb8;font:900 .31cqw Arial;letter-spacing:.13em}.fw-dialogue-card h3{margin:.25cqw 0 .55cqw;font:900 .86cqw Arial}.fw-dialogue-card p,.fw-dialogue-feature p{margin:0;color:#d4dee2;font:italic 600 .54cqw/1.45 Georgia,serif}
.fw-objective-strip{position:absolute;left:0;right:0;bottom:1%;display:grid;grid-template-columns:repeat(3,1fr);gap:.55cqw}.fw-objective{min-height:7.8cqw;padding:.75cqw .85cqw;border:1px solid rgba(255,255,255,.12);background:rgba(5,18,28,.88);backdrop-filter:blur(12px);position:relative;overflow:hidden}.fw-objective::after{content:"";position:absolute;left:0;top:0;bottom:0;width:.16cqw;background:#6b8996}.fw-objective.is-primary::after{background:var(--fw-accent,#1b7891)}.fw-objective>div{display:flex;justify-content:space-between;gap:.5cqw}.fw-objective>div span,.fw-objective>div b{font:900 .28cqw Arial;letter-spacing:.1em}.fw-objective>div span{color:#9bb0ba}.fw-objective>div b{color:#d8b665}.fw-objective h4{margin:.52cqw 0 .35cqw;font:900 .63cqw/1.15 Arial;color:#fff}.fw-objective p{margin:0;color:#aebfc7;font:600 .42cqw/1.35 Arial}.fw-objective>small{display:inline-block;margin-top:.45cqw;padding:.2cqw .33cqw;background:rgba(255,255,255,.08);color:#9ed4cc;font:900 .27cqw Arial;letter-spacing:.09em}
.fw-staff-grid{display:grid;grid-template-columns:31% 1fr;grid-template-rows:1fr 7.2cqw;gap:.7cqw}.fw-dialogue-feature{align-self:end;display:grid;grid-template-columns:10.2cqw 1fr;align-items:end;min-height:20cqw;padding-right:.7cqw;background:linear-gradient(90deg,rgba(4,14,22,.78),rgba(4,14,22,.22));border-left:.18cqw solid var(--fw-accent,#1b7891)}.fw-dialogue-feature.small{position:absolute;left:0;bottom:4%;width:33%;min-height:18cqw;grid-template-columns:9.2cqw 1fr}.fw-dialogue-feature>img{width:10.2cqw;max-height:19.2cqw;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 .3cqw .55cqw rgba(0,0,0,.4))}.fw-dialogue-feature.small>img{width:9.2cqw;max-height:17cqw}.fw-dialogue-feature>div{padding:1cqw .7cqw 1.1cqw .2cqw}.fw-dialogue-feature h1{margin:.25cqw 0 .6cqw;font:900 1.38cqw/1 Arial;color:#fff}
.fw-report-panel{align-self:center;margin-top:1.5cqw;height:23.2cqw;padding:1cqw 1.05cqw;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(5,20,31,.91),rgba(6,17,26,.82));backdrop-filter:blur(14px);box-shadow:0 .7cqw 2cqw rgba(0,0,0,.25)}.fw-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:.6cqw;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.6cqw}.fw-panel-head>span,.fw-panel-head div>span{color:#85a4b0;font:900 .33cqw Arial;letter-spacing:.13em}.fw-panel-head h3{margin:.2cqw 0 0;font:900 .83cqw Arial;color:#fff}.fw-panel-head button{height:1.85cqw;padding:0 .65cqw;border:1px solid color-mix(in srgb,var(--fw-accent,#1b7891) 65%,#fff 15%);background:color-mix(in srgb,var(--fw-accent,#1b7891) 67%,#03101a 33%);color:#fff;font:900 .3cqw Arial;letter-spacing:.07em;cursor:pointer}.fw-report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.4cqw;margin:.8cqw 0}.fw-report-metrics>div{padding:.68cqw;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.fw-report-metrics b{display:block;color:#fff;font:900 1.25cqw/1 Arial}.fw-report-metrics span{display:block;margin-top:.25cqw;color:#849ba6;font:800 .28cqw Arial;letter-spacing:.1em}.fw-report-lines{display:grid;grid-template-columns:1fr 1fr;gap:.45cqw}.fw-report-lines>div{display:flex;justify-content:space-between;gap:.5cqw;padding:.65cqw .7cqw;background:rgba(3,12,20,.58);border-left:.12cqw solid rgba(255,255,255,.18)}.fw-report-lines span{color:#8da4af;font:800 .3cqw Arial;letter-spacing:.08em}.fw-report-lines strong{font:900 .4cqw Arial;color:#edf5f7;text-align:right}
.fw-staff-row{grid-column:1/-1;padding:.55cqw .75cqw;background:rgba(3,13,21,.86);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.fw-staff-row>span{display:block;margin-bottom:.35cqw;color:#7896a3;font:900 .28cqw Arial;letter-spacing:.14em}.fw-staff-row>div{display:grid;grid-template-columns:repeat(5,1fr);gap:.5cqw}.fw-staff-mini{display:grid;grid-template-columns:2.8cqw 1fr;align-items:center;gap:.4cqw;min-width:0}.fw-staff-mini img{width:2.65cqw;height:2.65cqw;object-fit:contain;object-position:center bottom;background:rgba(255,255,255,.04);border-bottom:.12cqw solid var(--fw-accent,#1b7891)}.fw-staff-mini span{min-width:0}.fw-staff-mini b{display:block;color:#fff;font:900 .36cqw Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fw-staff-mini small{display:block;margin-top:.12cqw;color:#7e98a4;font:800 .25cqw Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fw-squad-grid{display:grid;grid-template-columns:43% 1fr;grid-template-rows:10.5cqw 1fr;gap:.7cqw}.fw-squad-grid .fw-scene-title{position:relative;left:auto;top:auto;width:auto;grid-column:1/-1;align-self:end}.fw-lineup-panel,.fw-captain-panel{padding:.8cqw;border:1px solid rgba(255,255,255,.12);background:rgba(4,16,25,.88);backdrop-filter:blur(13px);min-height:0}.fw-lineup-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.5cqw;margin-top:.7cqw}.fw-player{display:grid;grid-template-columns:4.6cqw 1fr;align-items:center;gap:.45cqw;min-height:8cqw;padding:.55cqw;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}.fw-player.is-starter{display:block;text-align:center}.fw-player-avatar{height:4.8cqw;display:grid;place-items:end center;overflow:hidden}.fw-player-avatar img{max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom}.fw-player span{display:block;color:#78a5af;font:900 .27cqw Arial;letter-spacing:.09em}.fw-player h4{margin:.2cqw 0 .15cqw;color:#fff;font:900 .5cqw Arial}.fw-player p{margin:0;color:#8ba0aa;font:700 .3cqw Arial}.fw-captain-options{display:grid;grid-template-columns:1fr 1fr;gap:.45cqw;margin-top:.7cqw}.fw-captain-option{min-height:5cqw;padding:.4cqw;display:grid;grid-template-columns:3.6cqw 1fr;gap:.45cqw;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#fff;cursor:pointer}.fw-captain-option:hover,.fw-captain-option.is-selected{border-color:var(--fw-accent,#1b7891);background:color-mix(in srgb,var(--fw-accent,#1b7891) 16%,rgba(4,16,25,.9))}.fw-captain-option>div{height:4cqw;overflow:hidden;display:grid;place-items:end center}.fw-captain-option img{max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom}.fw-captain-option span{min-width:0}.fw-captain-option b{display:block;font:900 .43cqw Arial}.fw-captain-option small{display:block;margin-top:.18cqw;color:#8fa6b0;font:700 .28cqw Arial}
.fw-identity-grid{display:grid;grid-template-columns:48% 1fr;grid-template-rows:9.6cqw 1fr;gap:.7cqw}.fw-identity-grid .fw-scene-title{position:relative;left:auto;top:auto;width:auto;grid-column:1/-1}.fw-tactics-panel,.fw-training-panel{padding:.75cqw;border:1px solid rgba(255,255,255,.12);background:rgba(4,16,25,.86);backdrop-filter:blur(13px);overflow:hidden}.fw-tactic-group{margin-bottom:.65cqw}.fw-tactic-group>span{display:block;margin-bottom:.36cqw;color:#85a1ad;font:900 .29cqw Arial;letter-spacing:.12em}.fw-tactic-group{display:grid;grid-template-columns:repeat(4,1fr);gap:.35cqw}.fw-tactic-group>span{grid-column:1/-1}.fw-choice{min-height:4.75cqw;padding:.5cqw;text-align:left;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#fff;cursor:pointer}.fw-choice:hover,.fw-choice.is-selected{border-color:var(--fw-accent,#1b7891);background:color-mix(in srgb,var(--fw-accent,#1b7891) 18%,rgba(4,16,25,.85))}.fw-choice b{display:block;font:900 .36cqw Arial;letter-spacing:.04em}.fw-choice small{display:block;margin-top:.3cqw;color:#8fa3ad;font:600 .27cqw/1.32 Arial}.fw-training-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:.32cqw;margin:.55cqw 0 .7cqw}.fw-training-choices button{height:2.1cqw;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#a9bbc3;font:900 .29cqw Arial;letter-spacing:.06em;cursor:pointer}.fw-training-choices button.is-selected{background:var(--fw-accent,#1b7891);color:#fff;border-color:color-mix(in srgb,var(--fw-accent,#1b7891) 60%,#fff 40%)}.fw-focus-head{display:flex;justify-content:space-between;margin-bottom:.38cqw}.fw-focus-head span,.fw-focus-head small{font:900 .27cqw Arial;letter-spacing:.1em;color:#809aa6}.fw-focus-players{display:grid;grid-template-columns:1fr 1fr;gap:.3cqw}.fw-focus-player{height:3.65cqw;display:grid;grid-template-columns:3cqw 1fr;gap:.35cqw;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.08);background:rgba(2,10,17,.45);color:#fff;cursor:pointer;overflow:hidden}.fw-focus-player>img,.fw-focus-player>.smart-avatar{max-width:3cqw;max-height:3.4cqw;object-fit:contain;object-position:center bottom}.fw-focus-player.is-selected{border-color:var(--fw-accent,#1b7891);box-shadow:inset .14cqw 0 var(--fw-accent,#1b7891)}.fw-focus-player b{display:block;font:900 .34cqw Arial}.fw-focus-player small{display:block;margin-top:.1cqw;color:#819ba7;font:700 .25cqw Arial}
.fw-recruitment-grid{position:relative}.fw-analysis-screen{position:absolute;right:0;top:3%;width:64%;height:92%;padding:.9cqw 1cqw;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,rgba(5,18,28,.92),rgba(4,13,21,.84));backdrop-filter:blur(15px);box-shadow:0 .7cqw 2cqw rgba(0,0,0,.3)}.fw-analysis-screen::before{content:"";position:absolute;left:0;right:0;top:0;height:.16cqw;background:var(--fw-accent,#1b7891)}.fw-analysis-head span{color:#78b7b7;font:900 .32cqw Arial;letter-spacing:.14em}.fw-analysis-head h2{margin:.28cqw 0 .16cqw;color:#fff;font:900 1.25cqw Arial}.fw-analysis-head p{margin:0;color:#829da8;font:700 .34cqw Arial}.fw-target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.48cqw;margin-top:.72cqw}.fw-target{min-height:18.8cqw;padding:.55cqw;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);overflow:hidden}.fw-target-avatar{height:7.2cqw;display:grid;place-items:end center;background:radial-gradient(circle at 50% 75%,rgba(255,255,255,.08),transparent 65%);overflow:hidden}.fw-target-avatar img{max-width:95%;max-height:100%;object-fit:contain;object-position:center bottom}.fw-target>span{display:block;margin-top:.45cqw;color:#7897a4;font:900 .26cqw Arial;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fw-target h4{margin:.2cqw 0;color:#fff;font:900 .49cqw Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fw-target p{min-height:1.7cqw;margin:.15cqw 0;color:#91a8b2;font:700 .28cqw/1.35 Arial}.fw-target>strong{display:block;margin:.35cqw 0;color:#d8b665;font:900 .47cqw Arial}.fw-target>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:.3cqw}.fw-target button{height:1.8cqw;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#c1ced4;font:900 .27cqw Arial;cursor:pointer}.fw-target button.is-on{border-color:var(--fw-accent,#1b7891);color:#fff;background:color-mix(in srgb,var(--fw-accent,#1b7891) 35%,transparent)}.fw-target button:disabled{cursor:default;opacity:.72}
.fw-press-grid{position:relative}.fw-media-crowd{position:absolute;left:0;right:0;bottom:-2.2cqw;height:11.5cqw;display:flex;justify-content:center;align-items:flex-end;gap:.4cqw;opacity:.8;filter:brightness(.62) saturate(.7);pointer-events:none}.fw-media-crowd img{height:10.5cqw;max-width:9cqw;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 .3cqw .35cqw rgba(0,0,0,.45))}.fw-media-crowd img:nth-child(2n){height:9.6cqw}.fw-press-manager{position:absolute;left:1%;bottom:7%;width:28%;height:24cqw;display:flex;align-items:flex-end}.fw-manager-stage{width:12.5cqw;height:23cqw;display:grid;place-items:end center;overflow:hidden}.manager-paperdoll-firstweek{width:11.5cqw!important;max-width:none!important;filter:drop-shadow(0 .4cqw .5cqw rgba(0,0,0,.45))}.fw-press-manager>div:last-child{padding:0 0 3cqw .4cqw}.fw-press-manager span{color:#86c2bf;font:900 .31cqw Arial;letter-spacing:.12em}.fw-press-manager h1{margin:.3cqw 0;color:#fff;font:900 1.2cqw Arial}.fw-press-question{position:absolute;right:3%;top:4%;width:49%;padding:1cqw;border:1px solid rgba(255,255,255,.14);background:rgba(4,15,24,.9);backdrop-filter:blur(15px);box-shadow:0 .7cqw 2cqw rgba(0,0,0,.28)}.fw-press-officer{display:flex;align-items:center;gap:.45cqw;margin-bottom:.65cqw;padding-bottom:.55cqw;border-bottom:1px solid rgba(255,255,255,.1)}.fw-press-officer img{width:3.2cqw;height:3.2cqw;object-fit:contain;object-position:center bottom}.fw-press-officer b{display:block;font:900 .4cqw Arial}.fw-press-officer small{display:block;margin-top:.12cqw;color:#7896a2;font:800 .27cqw Arial}.fw-press-question>span{color:#76a8b1;font:900 .29cqw Arial;letter-spacing:.13em}.fw-press-question h2{margin:.35cqw 0 .7cqw;color:#fff;font:900 1.1cqw/1.08 Arial}.fw-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4cqw}.fw-answer{min-height:5.2cqw;padding:.55cqw .65cqw;text-align:left;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#fff;cursor:pointer}.fw-answer:hover,.fw-answer.is-selected{border-color:var(--fw-accent,#1b7891);background:color-mix(in srgb,var(--fw-accent,#1b7891) 17%,rgba(4,15,24,.9))}.fw-answer b{display:block;font:900 .36cqw Arial;letter-spacing:.07em}.fw-answer span{display:block;margin-top:.3cqw;color:#91a7b0;font:600 .31cqw/1.35 Arial}
.fw-ready-grid{display:grid;grid-template-columns:58% 1fr;gap:1cqw;align-items:center}.fw-ready-hero{height:27cqw;position:relative;display:flex;align-items:flex-end;padding:0 0 2.2cqw 18cqw}.fw-ready-manager{position:absolute;left:1.5cqw;bottom:.7cqw;width:14.5cqw;height:27cqw;display:grid;place-items:end center;overflow:hidden}.manager-paperdoll-firstweek-ready{width:13.5cqw!important;max-width:none!important;filter:drop-shadow(0 .5cqw .65cqw rgba(0,0,0,.45))}.fw-ready-crest{position:absolute;left:12cqw;top:2cqw;width:7.5cqw;height:7.5cqw;display:grid;place-items:center;padding:.5cqw;background:rgba(5,17,26,.8);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(9px)}.fw-ready-crest img{width:100%!important;height:100%!important;object-fit:contain!important}.fw-ready-hero>div:last-child span{color:#87c8c4;font:900 .42cqw Arial;letter-spacing:.17em}.fw-ready-hero h1{margin:.55cqw 0 .45cqw;color:#fff;font:900 3.05cqw/.87 Arial;letter-spacing:-.05em;text-shadow:0 .35cqw .9cqw rgba(0,0,0,.5)}.fw-ready-hero p{margin:0;color:#c9d7dc;font:700 .55cqw Arial;letter-spacing:.05em}.fw-ready-summary{display:grid;grid-template-columns:1fr 1fr;gap:.45cqw;padding:1cqw;border:1px solid rgba(255,255,255,.14);background:rgba(4,15,24,.88);backdrop-filter:blur(14px)}.fw-ready-summary>div{min-height:5.2cqw;padding:.6cqw;background:rgba(255,255,255,.035);border-top:.12cqw solid rgba(255,255,255,.18)}.fw-ready-summary>div:nth-child(1),.fw-ready-summary>div:nth-child(4){border-top-color:var(--fw-accent,#1b7891)}.fw-ready-summary span{display:block;color:#819ba6;font:900 .28cqw Arial;letter-spacing:.1em}.fw-ready-summary strong{display:block;margin-top:.42cqw;color:#fff;font:900 .52cqw/1.2 Arial}.fw-ready-summary small{display:block;margin-top:.2cqw;color:#79939f;font:700 .27cqw Arial}
@media (prefers-reduced-motion:reduce){.fw-scene-grid{animation:none!important}.first-week-backdrop{transition:none!important}}
.manager-style-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.35cqw;margin-top:.55cqw}.manager-style-strip>div{padding:.45cqw .55cqw;border:1px solid #dfe5ea;background:#f7f9fb}.manager-style-strip span{display:block;color:#84919c;font:900 .28cqw Arial;letter-spacing:.08em}.manager-style-strip strong{display:block;margin-top:.18cqw;color:#22313d;font:900 .4cqw Arial}
.fw-board-props{position:absolute;right:27%;bottom:10.5%;width:8.5cqw;height:5.7cqw;display:flex;align-items:flex-end;gap:.15cqw;opacity:.86;filter:drop-shadow(0 .2cqw .25cqw rgba(0,0,0,.35));pointer-events:none}.fw-board-props img:first-child{width:5.4cqw;max-height:5.3cqw;object-fit:contain}.fw-board-props img:last-child{width:3.6cqw;max-height:3.5cqw;object-fit:contain;transform:rotate(7deg)}
.fw-recruitment-prop{position:absolute;left:26%;bottom:2%;width:6.5cqw;height:7.2cqw;display:grid;place-items:end center;opacity:.88;filter:drop-shadow(0 .2cqw .28cqw rgba(0,0,0,.4));pointer-events:none}.fw-recruitment-prop img{max-width:100%;max-height:100%;object-fit:contain}
/* ===== V19.3.1 presentation/readability repair pass ===== */
.first-week-progress{height:3.7%!important}
.first-week-progress span{padding:0 .7cqw!important;gap:.52cqw!important}
.first-week-progress i{width:1.28cqw!important;height:1.28cqw!important;font:900 .36cqw/1 Arial!important}
.first-week-progress b{font:900 .38cqw/1.08 Arial!important}
.first-week-footer{grid-template-columns:9.5cqw minmax(0,1fr) 8cqw 13.4cqw!important}
.first-week-footer button{height:2.9cqw!important;font:900 .44cqw/1 Arial!important}
.first-week-footer-copy span{font:800 .34cqw/1.05 Arial!important}
.first-week-footer-copy strong{font:900 .48cqw/1.08 Arial!important}
.fw-scene-title>span{font:900 .5cqw/1 Arial!important}
.fw-scene-title h1{font:900 3.05cqw/.92 Arial!important}
.fw-scene-title.compact h1{font-size:2.6cqw!important}
.fw-scene-title p{max-width:42cqw!important;font:600 .78cqw/1.5 Arial!important}
.fw-snapshot{gap:.48cqw!important;max-width:37cqw!important}
.fw-snapshot>div{padding:.78cqw .82cqw!important}
.fw-snapshot span{font:800 .34cqw/1 Arial!important}
.fw-snapshot strong{font:900 .72cqw/1.05 Arial!important}
.fw-form>span{font:800 .34cqw Arial!important}
.fw-form b{width:1.35cqw!important;height:1.35cqw!important;font:900 .42cqw Arial!important}
.fw-dialogue-card{width:31%!important;min-height:16.2cqw!important;grid-template-columns:9cqw 1fr!important}
.fw-dialogue-card>img{width:9cqw!important;max-height:15cqw!important}
.fw-dialogue-card>div{padding:1.15cqw 1cqw 1.1cqw .35cqw!important}
.fw-dialogue-card span,.fw-dialogue-feature span{font:900 .38cqw/1.1 Arial!important}
.fw-dialogue-card h3{font:900 1.08cqw/1.03 Arial!important}
.fw-dialogue-card p,.fw-dialogue-feature p{font:600 .68cqw/1.5 Arial!important;font-style:italic!important}
.fw-objective-strip{gap:.7cqw!important}
.fw-objective{min-height:8.7cqw!important;padding:.9cqw .95cqw!important}
.fw-objective>div span,.fw-objective>div b{font:900 .33cqw Arial!important}
.fw-objective h4{font:900 .74cqw/1.15 Arial!important}
.fw-objective p{font:600 .5cqw/1.42 Arial!important}
.fw-objective>small{font:900 .31cqw Arial!important}
.fw-staff-grid{grid-template-columns:34% 1fr!important;grid-template-rows:1fr 8.1cqw!important;gap:.9cqw!important}
.fw-dialogue-feature{grid-template-columns:11.2cqw 1fr!important;min-height:22cqw!important;padding-right:.9cqw!important}
.fw-dialogue-feature.small{width:35%!important;min-height:19.8cqw!important;grid-template-columns:10cqw 1fr!important}
.fw-dialogue-feature>img{width:11.2cqw!important;max-height:20.8cqw!important}
.fw-dialogue-feature.small>img{width:10cqw!important;max-height:18.4cqw!important}
.fw-dialogue-feature>div{padding:1.2cqw .9cqw 1.2cqw .3cqw!important}
.fw-dialogue-feature h1{font:900 1.75cqw/1 Arial!important}
.fw-report-panel{margin-top:1.3cqw!important;height:24.8cqw!important;padding:1.15cqw 1.2cqw!important}
.fw-panel-head{padding-bottom:.72cqw!important;gap:.72cqw!important}
.fw-panel-head>span,.fw-panel-head div>span{font:900 .4cqw/1 Arial!important}
.fw-panel-head h3{font:900 1cqw/1.05 Arial!important}
.fw-panel-head button{height:2.08cqw!important;padding:0 .8cqw!important;font:900 .36cqw/1 Arial!important}
.fw-report-metrics{gap:.5cqw!important;margin:.92cqw 0!important}
.fw-report-metrics>div{padding:.84cqw!important}
.fw-report-metrics b{font:900 1.45cqw/1 Arial!important}
.fw-report-metrics span{font:800 .34cqw/1.1 Arial!important}
.fw-report-lines{gap:.55cqw!important}
.fw-report-lines>div{padding:.82cqw!important;align-items:center!important}
.fw-report-lines span{font:800 .34cqw/1.1 Arial!important}
.fw-report-lines strong{font:900 .48cqw/1.2 Arial!important}
.fw-staff-row{padding:.7cqw .85cqw!important}
.fw-staff-row>span{font:900 .34cqw/1 Arial!important}
.fw-staff-row>div{gap:.65cqw!important}
.fw-staff-mini{grid-template-columns:3.25cqw 1fr!important;gap:.5cqw!important}
.fw-staff-mini img{width:3.1cqw!important;height:3.1cqw!important}
.fw-staff-mini b{font:900 .42cqw/1.1 Arial!important}
.fw-staff-mini small{font:800 .31cqw/1.15 Arial!important}
.fw-squad-grid{grid-template-columns:44% 1fr!important;grid-template-rows:11.5cqw 1fr!important;gap:.9cqw!important}
.fw-lineup-panel,.fw-captain-panel{padding:1cqw!important}
.fw-lineup-cards{gap:.62cqw!important;margin-top:.82cqw!important}
.fw-player{grid-template-columns:5.8cqw 1fr!important;gap:.65cqw!important;min-height:9.6cqw!important;padding:.78cqw!important}
.fw-player-avatar{height:6.2cqw!important}
.fw-player span{font:900 .33cqw/1.1 Arial!important}
.fw-player h4{font:900 .63cqw/1.12 Arial!important}
.fw-player p{font:700 .37cqw/1.32 Arial!important}
.fw-captain-options{gap:.55cqw!important;margin-top:.82cqw!important}
.fw-captain-option{min-height:6cqw!important;padding:.58cqw!important;grid-template-columns:4.5cqw 1fr!important;gap:.58cqw!important}
.fw-captain-option>div{height:4.8cqw!important}
.fw-captain-option b{font:900 .5cqw/1.1 Arial!important}
.fw-captain-option small{font:700 .33cqw/1.2 Arial!important}
.fw-identity-grid{grid-template-rows:10.8cqw 1fr!important;gap:.9cqw!important}
.fw-tactics-panel,.fw-training-panel{padding:.95cqw!important}
.fw-tactic-group{gap:.45cqw!important;margin-bottom:.78cqw!important}
.fw-tactic-group>span{font:900 .35cqw/1 Arial!important}
.fw-choice{min-height:5.6cqw!important;padding:.68cqw!important}
.fw-choice b{font:900 .42cqw/1.1 Arial!important}
.fw-choice small{font:600 .32cqw/1.38 Arial!important}
.fw-training-choices{gap:.42cqw!important;margin:.7cqw 0 .85cqw!important}
.fw-training-choices button{height:2.4cqw!important;font:900 .34cqw/1 Arial!important}
.fw-focus-head span,.fw-focus-head small{font:900 .31cqw/1 Arial!important}
.fw-focus-players{gap:.42cqw!important}
.fw-focus-player{height:4.25cqw!important;grid-template-columns:3.45cqw 1fr!important;gap:.45cqw!important}
.fw-focus-player>img,.fw-focus-player>.smart-avatar{max-width:3.45cqw!important;max-height:3.9cqw!important}
.fw-focus-player b{font:900 .39cqw/1.1 Arial!important}
.fw-focus-player small{font:700 .29cqw/1.25 Arial!important}
.fw-analysis-screen{width:66%!important;height:92%!important;padding:1.05cqw 1.15cqw!important}
.fw-analysis-head span{font:900 .38cqw/1 Arial!important}
.fw-analysis-head h2{font:900 1.42cqw/1.04 Arial!important}
.fw-analysis-head p{font:700 .4cqw/1.3 Arial!important}
.fw-target-grid{gap:.58cqw!important;margin-top:.86cqw!important}
.fw-target{min-height:20.2cqw!important;padding:.72cqw!important}
.fw-target-avatar{height:8cqw!important}
.fw-target>span{font:900 .31cqw/1.1 Arial!important}
.fw-target h4{font:900 .57cqw/1.12 Arial!important}
.fw-target p{min-height:2.05cqw!important;font:700 .34cqw/1.38 Arial!important}
.fw-target>strong{font:900 .56cqw/1.1 Arial!important}
.fw-target button{height:2cqw!important;font:900 .31cqw/1 Arial!important}
.fw-media-crowd{height:12.6cqw!important;gap:.5cqw!important}
.fw-media-crowd img{height:11.3cqw!important;max-width:9.8cqw!important}
.fw-media-crowd img:nth-child(2n){height:10.2cqw!important}
.fw-press-manager{width:31%!important;height:25.5cqw!important}
.fw-manager-stage{width:13.4cqw!important;height:24.5cqw!important}
.fw-press-manager span{font:900 .37cqw/1 Arial!important}
.fw-press-manager h1{font:900 1.38cqw/1.04 Arial!important}
.fw-press-question{width:52%!important;padding:1.15cqw!important}
.fw-press-officer{gap:.6cqw!important;margin-bottom:.8cqw!important;padding-bottom:.7cqw!important}
.fw-press-officer img{width:3.8cqw!important;height:3.8cqw!important}
.fw-press-officer b{font:900 .47cqw/1.1 Arial!important}
.fw-press-officer small{font:800 .31cqw/1.1 Arial!important}
.fw-press-question>span{font:900 .35cqw/1 Arial!important}
.fw-press-question h2{font:900 1.28cqw/1.12 Arial!important}
.fw-answer-grid{gap:.5cqw!important}
.fw-answer{min-height:6.1cqw!important;padding:.7cqw .8cqw!important}
.fw-answer b{font:900 .42cqw/1.1 Arial!important}
.fw-answer span{font:600 .36cqw/1.42 Arial!important}
.fw-ready-grid{gap:1.2cqw!important}
.fw-ready-hero{height:28cqw!important;padding:0 0 2.5cqw 18.8cqw!important}
.fw-ready-hero>div:last-child span{font:900 .5cqw/1 Arial!important}
.fw-ready-hero h1{font:900 3.35cqw/.88 Arial!important}
.fw-ready-hero p{font:700 .64cqw/1.25 Arial!important}
.fw-ready-summary{gap:.55cqw!important;padding:1.15cqw!important}
.fw-ready-summary>div{min-height:5.8cqw!important;padding:.76cqw!important}
.fw-ready-summary span{font:900 .33cqw/1 Arial!important}
.fw-ready-summary strong{font:900 .6cqw/1.18 Arial!important}
.fw-ready-summary small{font:700 .31cqw/1.22 Arial!important}
/* ===== V19.3.2 realistic recruitment recommendation pass ===== */
.fw-target-kicker{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.35cqw!important;margin-top:.48cqw!important;min-width:0!important}
.fw-target-kicker>span{display:inline-flex!important;align-items:center!important;min-height:1.05cqw!important;padding:.16cqw .34cqw!important;border:1px solid color-mix(in srgb,var(--fw-accent,#1b7891) 45%,rgba(255,255,255,.15))!important;background:color-mix(in srgb,var(--fw-accent,#1b7891) 16%,rgba(255,255,255,.03))!important;color:#bce6df!important;font:900 .29cqw/1 Arial!important;letter-spacing:.08em!important;white-space:nowrap!important}
.fw-target-kicker>small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#8099a5!important;font:800 .28cqw/1 Arial!important;text-align:right!important}
.fw-target>em{display:block!important;margin:.1cqw 0 .48cqw!important;color:#76949f!important;font:900 .27cqw/1 Arial!important;font-style:normal!important;letter-spacing:.08em!important}
.fw-target>p{min-height:2.35cqw!important}
/* ========================================================================
V19.4 — LIVING CAREER
Calendar loop, decision events, readable match intel and persistent status.
======================================================================== */
.central-advance-actions{display:grid;grid-template-rows:minmax(0,1.7fr) minmax(0,.8fr);min-width:0;background:#0b347c}
.central-advance-actions .central-advance-action{min-height:0;border-bottom:1px solid rgba(255,255,255,.14)!important}
.central-advance-next{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.28cqw;padding:0 .8cqw;border:0;background:linear-gradient(135deg,#08265e,#0b347c);color:#fff;cursor:pointer;text-align:left;transition:.15s}
.central-advance-next:hover{filter:brightness(1.1)}.central-advance-next:disabled{opacity:.56;cursor:wait}
.central-advance-next span{color:#9db3d9;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.12em}.central-advance-next strong{color:#f0d37b;font:900 .39cqw/1 Arial,sans-serif;letter-spacing:.06em}
.central-advance-action.is-decision-ready{background:linear-gradient(135deg,#5a2035,#8f2f42)!important}.central-advance-action.is-decision-ready::before{background:#f0c260!important}.central-advance-action.is-decision-ready .advance-kicker{color:#ffe0a1!important}.central-advance-action.is-decision-ready i{color:#fff!important}
.living-snapshot strong{font-size:1.02cqw!important;line-height:1.05!important;text-align:center}.living-snapshot .snapshot-form{font-size:.64cqw!important;letter-spacing:.07em!important}.living-snapshot span{font-size:.33cqw!important;line-height:1.05!important;text-align:center!important}
.career-decision-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(3,10,18,.72);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .2s ease}.career-decision-overlay.is-open{opacity:1;pointer-events:auto}
.career-decision-card{position:relative;width:min(860px,58vw);max-height:82vh;overflow:auto;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(8,23,35,.985),rgba(4,14,23,.99));box-shadow:0 34px 90px rgba(0,0,0,.48);padding:30px 34px 34px;color:#fff}
.career-decision-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#1b78a4,#35b8bd,#d6b65c)}
.career-decision-later{position:absolute;right:20px;top:20px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#a8bbc6;font:900 11px/1 Arial,sans-serif;letter-spacing:.1em;padding:10px 12px;cursor:pointer}.career-decision-later:hover{color:#fff;border-color:#fff}
.career-decision-kicker{margin-bottom:18px;color:#84c8c6;font:900 12px/1 Arial,sans-serif;letter-spacing:.18em}
.career-decision-hero{display:grid;grid-template-columns:180px 1fr;gap:26px;align-items:center;padding-right:80px}.career-decision-avatar{height:190px;display:grid;place-items:end center;overflow:hidden;background:radial-gradient(circle at 50% 70%,rgba(255,255,255,.09),transparent 68%);border-bottom:2px solid #2b91aa}.career-decision-avatar img{max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom}.career-decision-hero>div:last-child>span{display:block;color:#82a3b3;font:900 12px/1.1 Arial,sans-serif;letter-spacing:.11em}.career-decision-hero h2{margin:9px 0 13px;font:900 34px/1.02 Arial,sans-serif;letter-spacing:-.02em}.career-decision-hero p{margin:0;color:#d4dfe4;font:600 17px/1.55 Arial,sans-serif}
.career-decision-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.career-decision-choices button{min-height:112px;padding:17px;text-align:left;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);color:#fff;cursor:pointer;transition:.16s}.career-decision-choices button:hover{transform:translateY(-2px);border-color:#4bb8c3;background:rgba(46,139,161,.14)}.career-decision-choices strong{display:block;font:900 14px/1.2 Arial,sans-serif;letter-spacing:.055em}.career-decision-choices span{display:block;margin-top:10px;color:#9eb1bb;font:600 13px/1.4 Arial,sans-serif}
.living-match-preview{padding:1cqw!important;overflow:hidden!important}.living-match-preview>strong{font-size:.9cqw!important}.living-match-preview>p{margin:.55cqw 0!important;font-size:.48cqw!important;line-height:1.42!important}.match-preview-form{display:flex;gap:.18cqw;margin:.48cqw 0}.match-preview-form b{width:1.12cqw;height:1.12cqw;display:grid;place-items:center;border-radius:.16cqw;background:#e5e9ee;color:#303a43;font:900 .37cqw Arial,sans-serif}.match-preview-form .is-w{background:#dff4e9;color:#17764d}.match-preview-form .is-d{background:#f4edd7;color:#7a6421}.match-preview-form .is-l{background:#f6e2e5;color:#9b3344}.match-preview-form em{color:#7e8790;font:800 .34cqw Arial,sans-serif;font-style:normal}
.match-key-player{display:grid;grid-template-columns:3.2cqw 1fr;gap:.55cqw;align-items:center;margin-top:.55cqw;padding:.48cqw;background:#f6f8fa;border:1px solid #e0e5ea}.match-key-player img{width:3cqw;height:3cqw;object-fit:contain;object-position:center bottom}.match-key-player span{min-width:0}.match-key-player small{display:block;color:#79838d;font:900 .3cqw Arial,sans-serif;letter-spacing:.09em}.match-key-player strong{display:block;margin-top:.15cqw;color:#17202a!important;font:900 .52cqw Arial,sans-serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-key-player em{display:block;margin-top:.12cqw;color:#65717d;font:700 .34cqw Arial,sans-serif;font-style:normal}
.living-staff-note{display:block!important}.living-staff-note>p{margin:.2cqw 0 .45cqw;color:#5e6873;font:700 .45cqw/1.4 Arial,sans-serif}.living-staff-note>strong{display:block;color:#0b368d;font:900 .52cqw Arial,sans-serif}.living-staff-note button{width:100%;height:2.1cqw;margin-top:.5cqw;border:0;border-radius:.22cqw;background:#0b368d;color:#fff;font:900 .36cqw Arial,sans-serif;letter-spacing:.05em;cursor:pointer}.living-staff-note button:hover{filter:brightness(1.08)}
.match-action:disabled{opacity:.38!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
@media (max-width:1000px){
.career-decision-card{width:84vw}.career-decision-hero{grid-template-columns:140px 1fr}.career-decision-avatar{height:155px}.career-decision-hero h2{font-size:28px}.career-decision-hero p{font-size:15px}.career-decision-choices{grid-template-columns:1fr}
}
.watch-match-overlay{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;background:rgba(2,9,16,.76);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:.2s}.watch-match-overlay.is-open{opacity:1;pointer-events:auto}.watch-match-card{width:min(820px,62vw);padding:28px 32px 30px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,#061722,#0a2434);color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.5)}.watch-match-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px}.watch-match-top span{color:#81b9c5;font:900 12px Arial,sans-serif;letter-spacing:.16em}.watch-match-top strong{font:900 20px Arial,sans-serif;color:#f0d37b}.watch-match-teams{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;margin:28px 0}.watch-match-teams>div{display:grid;grid-template-columns:78px 1fr 68px;gap:14px;align-items:center}.watch-match-teams>div:last-child{grid-template-columns:68px 1fr 78px}.watch-match-teams>div:last-child .badge-shell,.watch-match-teams>div:last-child .fitted-shield{order:3}.watch-match-teams .fitted-shield,.watch-match-teams .badge-shell{width:70px;height:70px}.watch-match-teams strong{font:900 18px/1.15 Arial,sans-serif}.watch-match-teams b{font:900 44px/1 Arial,sans-serif;text-align:center}.watch-match-teams>span{text-align:center;font:900 28px Arial,sans-serif;color:#89a0ad}.watch-match-ticker{min-height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);font:800 15px/1.3 Arial,sans-serif;color:#d6e1e5;text-align:center;padding:10px}.watch-match-progress{height:7px;margin:16px 0 22px;background:rgba(255,255,255,.1);overflow:hidden}.watch-match-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2f8fb1,#49c2be);transition:width .45s ease}.watch-match-card button{width:100%;height:46px;border:0;background:#0b4ca3;color:#fff;font:900 13px Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.watch-match-card button:hover{filter:brightness(1.08)}
.player-promise-banner{margin:.55cqw 0;padding:.58cqw .68cqw;border-left:.16cqw solid #c99c34;background:#fff8e5;color:#423818}.player-promise-banner b{display:block;font:900 .36cqw/1 Arial,sans-serif;letter-spacing:.08em}.player-promise-banner span{display:block;margin-top:.24cqw;font:700 .34cqw/1.35 Arial,sans-serif;color:#6d5a27}
.central-panel-header .central-panel-link{margin-left:auto;border:0;background:transparent;color:#7f98a5;font:900 .32cqw/1 Arial;letter-spacing:.09em;cursor:pointer;padding:.35cqw .15cqw}.central-panel-header .central-panel-link:hover{color:#fff}
/* ========================================================================
V19.4.1 — TEAM TACTICS + PLAYER SPRITE + MATCHDAY PRESENTATION REPAIR
======================================================================== */
/* Shared player artwork framing: keep the full cleaned subject visible everywhere. */
img.smart-avatar{object-fit:contain!important;object-position:center bottom!important;transform:none!important;clip-path:none!important}
.player-portrait img.smart-avatar,.profile-avatar-stage img.smart-avatar,.career-decision-avatar img.smart-avatar,
.fw-player-avatar img.smart-avatar,.fw-target-avatar img.smart-avatar,.match-lineup-player img.smart-avatar,
.match-key-player img.smart-avatar,.transfer-avatar img.smart-avatar{object-fit:contain!important;object-position:center bottom!important;transform:none!important}
.player-portrait{overflow:hidden!important}.profile-avatar-stage{overflow:hidden!important}
/* Squad sub-navigation can now hold four actual management areas. */
#squadSubnav{justify-content:flex-start!important;gap:.32cqw!important}
#squadSubnav button{flex:0 1 auto!important;min-width:7.25cqw!important}
#squadSubnav .squad-season-chip{margin-left:auto!important}
#screenSquad.is-tactics-view .squad-shell{grid-template-columns:minmax(0,1fr)!important}
#screenSquad.is-tactics-view #playerProfile{display:none!important}
#screenSquad.is-tactics-view .squad-workspace{width:100%!important}
.tactics-squad-view{padding:.85cqw!important;background:linear-gradient(180deg,#f8fafc,#f2f6f9)!important;overflow:auto!important}
.tactics-hero{min-height:6.3cqw;display:flex;justify-content:space-between;align-items:center;gap:1.2cqw;padding:1cqw 1.15cqw;background:linear-gradient(135deg,#0a2033,#0b3554);color:#fff;border-left:.25cqw solid var(--club-accent,#1bb5b6);box-shadow:0 .35cqw .9cqw rgba(13,36,65,.14)}
.tactics-hero h3{margin:.22cqw 0 .34cqw;font:900 1.35cqw/1 Arial,sans-serif;letter-spacing:.015em}.tactics-hero p{max-width:42cqw;margin:0;color:#b8cad5;font:600 .52cqw/1.45 Arial,sans-serif}.tactics-hero .roster-kicker{color:#7fd4d0!important;font-size:.34cqw!important}
.tactics-identity-badge{display:flex;align-items:center;justify-content:flex-end;gap:.65cqw;min-width:15cqw}.tactics-identity-badge>.fitted-shield,.tactics-identity-badge>.badge-shell{width:3.6cqw!important;height:3.6cqw!important}.tactics-identity-badge span{display:grid;text-align:right}.tactics-identity-badge small{color:#8da8b8;font:800 .34cqw Arial,sans-serif;letter-spacing:.06em}.tactics-identity-badge strong{margin-top:.16cqw;color:#fff;font:900 .64cqw Arial,sans-serif;letter-spacing:.06em}
.squad-tactics-content{margin-top:.75cqw}.squad-tactics-layout{display:grid;grid-template-columns:minmax(0,1fr) 16cqw;gap:.8cqw;align-items:start}.squad-tactics-main{display:grid;gap:.65cqw}
.squad-tactic-group{padding:.8cqw .85cqw;background:#fff;border:1px solid #dde4eb;box-shadow:0 .22cqw .65cqw rgba(20,47,79,.05)}.squad-tactic-group header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55cqw}.squad-tactic-group header span{color:#65727f;font:900 .36cqw Arial,sans-serif;letter-spacing:.12em}.squad-tactic-group header strong{color:#0b368d;font:900 .46cqw Arial,sans-serif;letter-spacing:.07em}
.squad-tactic-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45cqw}.squad-tactic-option{min-height:5.1cqw;padding:.65cqw .7cqw;text-align:left;border:1px solid #dbe2e9;background:#f8fafc;color:#17212c;cursor:pointer;transition:.15s ease;position:relative}.squad-tactic-option:hover{transform:translateY(-.1cqw);border-color:#93a7bc;box-shadow:0 .24cqw .6cqw rgba(28,52,78,.08)}.squad-tactic-option.is-selected{border-color:#0b4ba5;background:#edf4ff;box-shadow:inset 0 .18cqw #0b4ba5}.squad-tactic-option b{display:block;font:900 .47cqw/1.1 Arial,sans-serif;letter-spacing:.04em}.squad-tactic-option small{display:block;margin-top:.35cqw;color:#65727e;font:600 .35cqw/1.38 Arial,sans-serif}.squad-tactic-option.is-selected b{color:#0b368d}
.squad-tactics-summary{position:sticky;top:0;padding:1cqw;background:#081d2d;color:#fff;border-top:.18cqw solid var(--club-accent,#1bb5b6);box-shadow:0 .35cqw 1cqw rgba(10,31,49,.2)}.squad-tactics-summary>span{color:#79abb9;font:900 .32cqw Arial,sans-serif;letter-spacing:.14em}.squad-tactics-summary h3{margin:.28cqw 0 .8cqw;font:900 1.12cqw/1 Arial,sans-serif}.squad-tactics-summary>div{padding:.55cqw 0;border-top:1px solid rgba(255,255,255,.1)}.squad-tactics-summary small{display:block;color:#7996a4;font:800 .29cqw Arial,sans-serif;letter-spacing:.08em}.squad-tactics-summary strong{display:block;margin-top:.16cqw;font:900 .49cqw Arial,sans-serif}.squad-tactics-summary p{margin:.75cqw 0;color:#a8bdc7;font:600 .38cqw/1.45 Arial,sans-serif}.squad-tactics-summary button{width:100%;height:2.25cqw;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font:900 .34cqw Arial,sans-serif;letter-spacing:.06em;cursor:pointer}.squad-tactics-summary button:hover{background:rgba(255,255,255,.12)}
/* Matchday V2: stop overlaying dynamic controls on top of baked screenshot buttons. */
.matchday-screen{background:#eef3f7!important;color:#14202a!important;overflow:hidden!important}
.matchday-screen .art-template{display:none!important}
.matchday-atmosphere{position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(102,173,213,.2),transparent 35%),linear-gradient(180deg,#edf5fa 0%,#f7f9fb 45%,#eef3f6 100%);pointer-events:none}
.matchday-atmosphere::before{content:"";position:absolute;left:3%;right:3%;top:10%;height:34%;border-radius:0 0 50% 50%;border-top:1px solid rgba(80,125,157,.16);background:repeating-linear-gradient(90deg,transparent 0 8.2%,rgba(95,132,157,.055) 8.25% 8.35%),linear-gradient(180deg,rgba(255,255,255,.62),rgba(225,237,244,.25));opacity:.65}
.matchday-screen .career-topbar{display:grid!important;z-index:70!important;grid-template-columns:18% minmax(0,1fr) 15%!important;align-items:center!important;gap:1.1cqw!important;height:4.2cqw!important;padding:0 .95cqw!important;background:rgba(255,255,255,.985)!important;border-bottom:1px solid #dfe5ea!important;box-shadow:0 .22cqw .65cqw rgba(18,40,82,.05)!important}
.matchday-screen .career-tabs{display:flex!important;align-items:center!important;justify-content:center!important;gap:.18cqw!important;height:100%!important}.matchday-screen .career-tabs button{position:relative;min-width:7.1cqw;height:2.25cqw;padding:0 .95cqw!important;border:0;background:transparent;color:#5c6470;font:900 .58cqw/1 Arial,sans-serif;cursor:pointer}.matchday-screen .career-tabs button.is-current{background:#0b368d!important;color:#fff!important;border-radius:.25cqw}.matchday-screen .career-brand-logo{height:1.82cqw!important;width:auto!important}.matchday-date-chip{display:grid;text-align:right}.matchday-date-chip span{color:#8996a3;font:900 .29cqw Arial,sans-serif;letter-spacing:.11em}.matchday-date-chip strong{margin-top:.15cqw;color:#1c2935;font:900 .48cqw Arial,sans-serif}
.matchday-shell-v2{position:absolute;z-index:10;left:3.2%;right:3.2%;top:5.3cqw;bottom:1.2cqw;display:grid;grid-template-rows:4.25cqw minmax(0,1fr) 9.2cqw 5.1cqw;gap:.7cqw;min-height:0}
.matchday-heading-v2{display:flex;justify-content:space-between;align-items:center;padding:0 .9cqw;border-bottom:1px solid #d8e0e7;background:rgba(255,255,255,.85);backdrop-filter:blur(10px)}.matchday-heading-v2>div:first-child span{display:block;color:#168c91;font:900 .3cqw Arial,sans-serif;letter-spacing:.15em}.matchday-heading-v2 h2{margin:.12cqw 0 0;font:900 1.25cqw/1 Arial,sans-serif;letter-spacing:.02em}.matchday-competition{position:static!important;width:auto!important;height:auto!important;display:block!important;background:transparent!important;border:0!important;border-radius:0!important;color:#596673!important;font:800 .42cqw/1.2 Arial,sans-serif!important;letter-spacing:.035em!important;text-align:right!important;padding:0!important}
.matchday-stage-v2{display:grid;grid-template-columns:18% minmax(0,1fr) 18%;gap:.7cqw;min-height:0}.matchday-lineup-panel{min-height:0;display:flex;flex-direction:column;padding:.7cqw;background:rgba(255,255,255,.92);border:1px solid #dce4ea;box-shadow:0 .35cqw .9cqw rgba(16,44,68,.055);overflow:hidden}.matchday-panel-kicker{padding-bottom:.5cqw;border-bottom:1px solid #e3e8ed;color:#687987;font:900 .32cqw Arial,sans-serif;letter-spacing:.11em}.matchday-lineup{position:static!important;inset:auto!important;width:auto!important;height:auto!important;flex:1;min-height:0;margin-top:.42cqw;padding:0!important;background:transparent!important;display:grid!important;grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch!important;gap:.25cqw!important}.match-lineup-player{min-height:0!important;display:grid!important;grid-template-columns:3.35cqw minmax(0,1fr)!important;gap:.5cqw!important;align-items:center!important;padding:.35cqw .28cqw;border-bottom:1px solid #e6eaee!important}.match-lineup-player:last-child{border-bottom:0!important}.match-lineup-player img{width:3.1cqw!important;height:3.1cqw!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#f8fafc,#eef3f6)!important;object-fit:contain!important;object-position:center bottom!important}.match-lineup-player strong{display:block;color:#18232e;font:900 .43cqw/1.12 Arial,sans-serif!important;white-space:normal!important}.match-lineup-player small{display:block;margin-top:.15cqw;color:#76838e;font:700 .31cqw/1.25 Arial,sans-serif!important}.matchday-edit-team{height:2.2cqw;margin-top:.5cqw;border:1px solid #cfd8e0;background:#fff;color:#0b368d;font:900 .32cqw Arial,sans-serif;letter-spacing:.05em;cursor:pointer}.matchday-edit-team:hover{background:#f2f6fb;border-color:#0b4ca3}
.matchday-centre-card{display:grid;grid-template-columns:1fr 5.5cqw 1fr;grid-template-rows:minmax(0,1fr) 4.6cqw;align-items:center;gap:.5cqw;padding:1cqw 1.4cqw;background:rgba(255,255,255,.94);border:1px solid #dce4ea;box-shadow:0 .55cqw 1.6cqw rgba(17,49,73,.08);min-height:0}.matchday-team{display:grid;justify-items:center;align-content:center;gap:.48cqw;min-width:0}.matchday-badge{position:static!important;inset:auto!important;width:8.6cqw!important;height:8.6cqw!important;background:#fff!important;border:1px solid #dce4ea!important;border-radius:.55cqw!important;clip-path:none!important;box-shadow:0 .35cqw .9cqw rgba(18,48,76,.07)!important;overflow:hidden!important}.matchday-badge .fitted-shield,.matchday-badge .badge-shell{width:100%!important;height:100%!important}.matchday-name{position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-width:16cqw;background:transparent!important;border:0!important;color:#111c26!important;font:900 1.02cqw/1.05 Arial,sans-serif!important;text-align:center;display:block!important}.matchday-versus{display:grid;justify-items:center;gap:.35cqw}.matchday-versus span{font:900 2cqw/1 Arial,sans-serif;color:#122235}.matchday-versus small{color:#8b98a4;font:900 .28cqw Arial,sans-serif;letter-spacing:.1em;text-align:center}.matchday-info{position:static!important;grid-column:1/-1;inset:auto!important;width:auto!important;height:auto!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;background:#f6f8fa!important;border:1px solid #e1e6eb!important;border-radius:.3cqw!important;overflow:hidden}.matchday-info span{min-height:3.6cqw!important;display:grid!important;place-items:center!important;border-right:1px solid #e1e6eb!important;color:#6f7c87!important;font:800 .34cqw/1.15 Arial,sans-serif!important;text-align:center}.matchday-info span:last-child{border-right:0!important}.matchday-info b{display:block;color:#0b368d!important;font:900 .69cqw/1 Arial,sans-serif!important;margin-bottom:.12cqw}
.matchday-summary{position:static!important;inset:auto!important;width:auto!important;height:auto!important;display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)!important;grid-template-rows:1fr!important;gap:.7cqw!important}.match-summary-card,.match-readiness{min-height:0!important;border:1px solid #dce4ea!important;border-radius:.35cqw!important;background:rgba(255,255,255,.94)!important;box-shadow:0 .25cqw .65cqw rgba(16,44,68,.045)!important;padding:.75cqw .9cqw!important}.living-match-preview>span,.living-staff-note>span{color:#168c91!important;font:900 .31cqw Arial,sans-serif!important;letter-spacing:.1em}.living-match-preview>strong{margin-top:.15cqw;color:#17222d!important;font:900 .62cqw/1.1 Arial,sans-serif!important}.living-match-preview>p{margin:.28cqw 0!important;color:#596874!important;font:700 .36cqw/1.35 Arial,sans-serif!important}.match-preview-form{margin:.28cqw 0!important}.match-key-player{grid-template-columns:2.6cqw 1fr!important;margin-top:.3cqw!important;padding:.28cqw .38cqw!important;background:#f7f9fb!important}.match-key-player img{width:2.4cqw!important;height:2.4cqw!important}.match-key-player small{font-size:.25cqw!important}.match-key-player strong{font-size:.4cqw!important}.match-key-player em{font-size:.27cqw!important}.living-staff-note>p{margin:.28cqw 0!important;color:#586774!important;font:700 .38cqw/1.4 Arial,sans-serif!important}.living-staff-note>strong{color:#0b368d!important;font:900 .43cqw Arial,sans-serif!important}.living-staff-note button{height:2cqw!important;margin-top:.38cqw!important;font:900 .31cqw Arial,sans-serif!important;border-radius:.2cqw!important}
.matchday-actions-v2{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(8.5cqw,.72fr));gap:.55cqw;align-items:stretch}.matchday-action-copy{display:flex;flex-direction:column;justify-content:center;padding:0 .8cqw;border-left:.16cqw solid #0b4ca3;background:rgba(255,255,255,.7)}.matchday-action-copy span{color:#667581;font:900 .3cqw Arial,sans-serif;letter-spacing:.1em}.matchday-action-copy strong{margin-top:.18cqw;color:#1d2934;font:800 .4cqw/1.25 Arial,sans-serif}.match-action{position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:4.7cqw!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:1fr 1fr!important;align-items:center!important;column-gap:.55cqw!important;padding:.55cqw .7cqw!important;border:1px solid #d5dde5!important;border-radius:.32cqw!important;background:#fff!important;color:#1b2630!important;text-align:left!important;box-shadow:0 .25cqw .65cqw rgba(20,47,77,.055)!important;cursor:pointer!important;overflow:hidden!important}.match-action>span{grid-row:1/-1;width:2.2cqw;height:2.2cqw;display:grid;place-items:center;border-radius:50%;background:#eaf1f8;color:#0b4ca3;font:900 .27cqw Arial,sans-serif;letter-spacing:.03em}.match-action>strong{align-self:end;font:900 .48cqw/1 Arial,sans-serif;letter-spacing:.04em}.match-action>small{align-self:start;margin-top:.14cqw;color:#7b8892;font:700 .31cqw/1 Arial,sans-serif}.match-watch{background:linear-gradient(135deg,#0b3e8e,#0a58af)!important;color:#fff!important;border-color:#0b4ca3!important;box-shadow:0 .35cqw .9cqw rgba(11,63,139,.22)!important}.match-watch>span{background:rgba(255,255,255,.16)!important;color:#fff!important}.match-watch>small{color:#c9ddf2!important}.match-action:hover:not(:disabled){transform:translateY(-.12cqw)!important;filter:brightness(1.02);box-shadow:0 .4cqw .9cqw rgba(16,47,79,.12)!important}.match-action:disabled{opacity:.42!important}
@media(max-width:1100px){
.squad-tactics-layout{grid-template-columns:1fr}.squad-tactics-summary{position:relative}.squad-tactic-options{grid-template-columns:1fr 1fr}
.matchday-stage-v2{grid-template-columns:20% minmax(0,1fr) 20%}.matchday-shell-v2{left:2%;right:2%}.matchday-lineup-player{grid-template-columns:2.8cqw 1fr!important}.match-lineup-player img{width:2.65cqw!important;height:2.65cqw!important}.matchday-badge{width:7.2cqw!important;height:7.2cqw!important}.matchday-actions-v2{grid-template-columns:repeat(3,1fr)}.matchday-action-copy{display:none}.match-action{min-height:5cqw!important}
}
/* ========================================================================
V19.4.2 — SQUAD NAV GEOMETRY + TEAM TACTICS PRESENTATION POLISH
======================================================================== */
/* Squad section navigation: one deliberate row, no career chip falling underneath. */
#squadSubnav.squad-subnav{
display:grid!important;
grid-template-columns:minmax(0,1.05fr) minmax(0,1.05fr) minmax(0,1.05fr) minmax(0,1.05fr) 7.6cqw!important;
align-items:stretch!important;
justify-content:stretch!important;
gap:0!important;
flex:0 0 2.85cqw!important;
height:2.85cqw!important;
min-height:2.85cqw!important;
padding:0!important;
overflow:hidden!important;
border:1px solid #dce4eb!important;
border-radius:.38cqw!important;
background:#fff!important;
box-shadow:0 .18cqw .55cqw rgba(19,42,67,.045)!important;
}
#squadSubnav.squad-subnav button{
width:100%!important;min-width:0!important;height:100%!important;margin:0!important;
padding:0 .65cqw!important;border:0!important;border-right:1px solid #e3e8ed!important;border-radius:0!important;
background:#fff!important;color:#303b46!important;font:900 .48cqw/1 Arial,sans-serif!important;letter-spacing:.025em!important;
display:flex!important;align-items:center!important;justify-content:center!important;gap:.3cqw!important;
overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
#squadSubnav.squad-subnav button:hover{background:#f4f7fb!important;color:#0b3f99!important}
#squadSubnav.squad-subnav button.is-active{
background:linear-gradient(180deg,#1248a5,#0a368e)!important;color:#fff!important;
box-shadow:inset 0 -.16cqw #61d0cc!important;
}
#squadSubnav.squad-subnav button span{
display:inline-grid!important;place-items:center!important;min-width:1.12cqw!important;height:1.12cqw!important;margin:0!important;
padding:0 .2cqw!important;border:1px solid #c8dadd!important;border-radius:.22cqw!important;background:#e9f6f6!important;
color:#14767a!important;font:900 .36cqw/1 Arial,sans-serif!important;
}
#squadSubnav.squad-subnav button.is-active span{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.16)!important;color:#fff!important}
#squadSubnav .squad-season-chip{
display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
min-width:0!important;height:100%!important;margin:0!important;padding:0 .48cqw!important;
border:0!important;background:#f5f7fa!important;text-align:center!important;overflow:hidden!important;
}
#squadSubnav .squad-season-chip span{display:block!important;color:#8a949f!important;font:900 .27cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
#squadSubnav .squad-season-chip strong{display:block!important;margin:.15cqw 0 0!important;color:#252f39!important;font:900 .39cqw/1 Arial,sans-serif!important;white-space:nowrap!important}
/* Give the content a clean gap after the corrected nav. */
.squad-view.is-active{margin-top:.08cqw!important}
/* Tactics header: badge stays contained and never intrudes into the body. */
.tactics-squad-view{padding:.9cqw!important;background:linear-gradient(180deg,#f7f9fc 0%,#eef3f7 100%)!important}
.tactics-hero{
min-height:5.55cqw!important;padding:.82cqw 1cqw!important;border:1px solid rgba(255,255,255,.08)!important;
border-left:.22cqw solid var(--club-accent,#35b8bd)!important;border-radius:.36cqw!important;
background:linear-gradient(115deg,#071d2e 0%,#0a3150 58%,#0c3d5b 100%)!important;
box-shadow:0 .35cqw 1cqw rgba(10,34,56,.14)!important;overflow:hidden!important;
}
.tactics-hero h3{font:900 1.2cqw/1 Arial,sans-serif!important;margin:.18cqw 0 .3cqw!important}
.tactics-hero p{font:600 .47cqw/1.42 Arial,sans-serif!important;max-width:39cqw!important}
.tactics-identity-badge{min-width:12.8cqw!important;max-width:15.5cqw!important;gap:.62cqw!important;overflow:hidden!important}
.tactics-club-crest{width:3.2cqw!important;height:3.2cqw!important;flex:0 0 3.2cqw!important;display:grid!important;place-items:center!important;padding:.22cqw!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:.38cqw!important;background:rgba(255,255,255,.08)!important;overflow:hidden!important}
.tactics-club-crest img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;position:static!important;transform:none!important}
.tactics-identity-badge small{font:800 .31cqw/1.1 Arial,sans-serif!important}.tactics-identity-badge strong{font:900 .57cqw/1.05 Arial,sans-serif!important}
.squad-tactics-content{margin-top:.62cqw!important}
.squad-tactics-layout{grid-template-columns:minmax(0,1fr) 15.2cqw!important;gap:.7cqw!important}
.squad-tactics-main{gap:.58cqw!important}
/* New tactical profile: more like a team-management game, less like settings. */
.tactics-profile-card{
min-height:8.1cqw;display:grid;grid-template-columns:13.2cqw minmax(0,1fr);gap:1cqw;align-items:center;
padding:.72cqw .9cqw;border:1px solid #dce4eb;border-radius:.32cqw;background:#fff;
box-shadow:0 .2cqw .6cqw rgba(20,47,78,.045);overflow:hidden;
}
.tactics-mini-pitch{position:relative;width:12.1cqw;height:6.65cqw;border:1px solid #a8c6cd;border-radius:.25cqw;background:linear-gradient(90deg,#eaf6f5,#f5fbfb);overflow:hidden}
.tactics-mini-pitch::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#b9d2d7}
.tactics-mini-pitch::after{content:"";position:absolute;left:.6cqw;right:.6cqw;top:.5cqw;bottom:.5cqw;border:1px solid rgba(105,154,163,.38);border-radius:.18cqw}
.tactics-mini-pitch .pitch-circle{position:absolute;left:50%;top:50%;width:2.1cqw;height:2.1cqw;transform:translate(-50%,-50%);border:1px solid #b2ced2;border-radius:50%}
.tactics-mini-pitch .pitch-half{display:none}
.tactic-dot{position:absolute;width:1.28cqw;height:1.28cqw;display:grid;place-items:center;border-radius:50%;background:#0b4ba5;color:#fff;border:.13cqw solid #fff;box-shadow:0 .15cqw .35cqw rgba(9,56,126,.2);font:900 .36cqw/1 Arial,sans-serif;font-style:normal;transition:.22s ease}
.tactic-dot-a{left:18%;top:41%}.tactic-dot-b{left:43%;top:24%}.tactic-dot-c{left:43%;top:59%}
.tactics-mini-pitch[data-mentality="attacking"] .tactic-dot-a{left:35%}.tactics-mini-pitch[data-mentality="attacking"] .tactic-dot-b,.tactics-mini-pitch[data-mentality="attacking"] .tactic-dot-c{left:68%}
.tactics-mini-pitch[data-mentality="defensive"] .tactic-dot-a{left:10%}.tactics-mini-pitch[data-mentality="defensive"] .tactic-dot-b,.tactics-mini-pitch[data-mentality="defensive"] .tactic-dot-c{left:31%}
.tactics-mini-pitch[data-defensive="press"] .tactic-dot-a{left:31%}
.tactics-profile-copy>span{display:block;color:#168c91;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.13em}
.tactics-profile-copy h3{margin:.22cqw 0 .2cqw;color:#17212b;font:900 .82cqw/1 Arial,sans-serif;letter-spacing:.02em}
.tactics-profile-copy>p{margin:0;color:#66727e;font:600 .38cqw/1.4 Arial,sans-serif;max-width:37cqw}
.tactic-profile-meters{display:grid;grid-template-columns:1fr 1fr;gap:.38cqw .7cqw;margin-top:.62cqw}
.tactic-profile-meter{display:grid;grid-template-columns:4.1cqw minmax(0,1fr) 1.45cqw;align-items:center;gap:.4cqw}
.tactic-profile-meter>span{color:#6e7b87;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.07em}
.tactic-profile-meter>i{height:.36cqw;background:#e4eaef;border-radius:999px;overflow:hidden}.tactic-profile-meter>i>b{display:block;height:100%;background:linear-gradient(90deg,#168c91,#0b4ba5);border-radius:999px}
.tactic-profile-meter>strong{color:#21303c;font:900 .34cqw/1 Arial,sans-serif;text-align:right}
.squad-tactic-group{padding:.68cqw .75cqw!important;border-radius:.3cqw!important;box-shadow:0 .16cqw .48cqw rgba(22,46,72,.04)!important}
.squad-tactic-group header{margin-bottom:.48cqw!important}.squad-tactic-group header span{font-size:.32cqw!important}.squad-tactic-group header strong{font-size:.4cqw!important}
.squad-tactic-options{gap:.38cqw!important}
.squad-tactic-option{min-height:4.35cqw!important;padding:.58cqw .62cqw!important;border-radius:.22cqw!important}
.squad-tactic-option::after{content:"";position:absolute;left:.55cqw;right:.55cqw;bottom:.34cqw;height:.12cqw;background:transparent;border-radius:999px}
.squad-tactic-option.is-selected::after{background:#0b4ba5}
.squad-tactic-option b{font-size:.41cqw!important}.squad-tactic-option small{margin-top:.28cqw!important;font-size:.31cqw!important;line-height:1.33!important}
.squad-tactics-summary{top:.1cqw!important;padding:.85cqw .9cqw!important;border-radius:.32cqw!important;background:linear-gradient(180deg,#071b2a,#09263a)!important}
.squad-tactics-summary>span{font-size:.29cqw!important}.squad-tactics-summary h3{font-size:1cqw!important;margin:.26cqw 0 .42cqw!important}
.tactics-summary-desc{margin:0 0 .62cqw!important;padding-bottom:.62cqw!important;border-bottom:1px solid rgba(255,255,255,.1);color:#b2c5ce!important;font:600 .36cqw/1.42 Arial,sans-serif!important}
.squad-tactics-summary>div{padding:.45cqw 0!important}.squad-tactics-summary small{font-size:.27cqw!important}.squad-tactics-summary strong{font-size:.44cqw!important}
.tactics-effect-note{margin-top:.22cqw;padding:.62cqw!important;border:1px solid rgba(126,200,200,.14)!important;background:rgba(102,190,190,.06)!important}
.tactics-effect-note b{display:block;color:#82cbc8;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.09em}.tactics-effect-note span{display:block;margin-top:.3cqw;color:#9eb5c0;font:600 .32cqw/1.38 Arial,sans-serif}
.squad-tactics-summary button{height:2.05cqw!important;margin-top:.6cqw!important;font-size:.31cqw!important;border-radius:.2cqw!important}
@media(max-width:1250px){
#squadSubnav.squad-subnav{grid-template-columns:repeat(4,minmax(0,1fr)) 6.8cqw!important}
#squadSubnav.squad-subnav button{font-size:.43cqw!important;padding:0 .35cqw!important}
.tactics-profile-card{grid-template-columns:11.5cqw minmax(0,1fr)}.tactics-mini-pitch{width:10.5cqw}
}
/* ==============================
V19.4.3 — Youth Academy + Office Immersion + Badge Fit polish
============================== */
/* Youth Academy professional upgrade */
#youthSquadView{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.75cqw;min-height:0}
.academy-hero{
border:1px solid #e1e6eb!important;
background:linear-gradient(120deg,#ffffff,#f6f9fc)!important;
border-radius:.48cqw;
box-shadow:0 .45cqw 1.1cqw rgba(18,45,86,.05);
}
.academy-hero h3{color:#111b25!important;font-size:1.4cqw!important;letter-spacing:.03em!important}
.academy-hero p{color:#687482!important;max-width:38cqw!important;font-size:.46cqw!important}
.academy-overview{
min-width:11cqw;
padding:.75cqw .95cqw;
border:1px solid #dde4ea;
background:linear-gradient(180deg,#fff,#f8fafc);
border-radius:.4cqw;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}
.academy-overview span{color:#6e7a87!important}
.academy-overview strong{color:#0b368d!important;font-size:1.02cqw!important}
.academy-overview small{color:#8b96a3!important}
#youthAcademyGrid{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.85cqw;min-height:0;overflow:auto;padding-right:.12cqw}
.academy-dashboard{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:.65cqw;
}
.academy-dashboard article{
min-width:0;
padding:.85cqw .95cqw;
border:1px solid #e1e6eb;
border-radius:.42cqw;
background:linear-gradient(145deg,#ffffff,#f7f9fc);
box-shadow:0 .28cqw .75cqw rgba(18,44,85,.04);
}
.academy-dashboard span{display:block;color:#74808d;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.11em}
.academy-dashboard strong{display:block;margin-top:.34cqw;color:#101821;font:900 .98cqw/1 Arial,sans-serif}
.academy-dashboard small{display:block;margin-top:.28cqw;color:#788391;font:700 .36cqw/1.35 Arial,sans-serif}
.academy-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72cqw;align-content:start}
.academy-card-v2{
grid-template-columns:7.2cqw minmax(0,1fr)!important;
align-items:stretch!important;
min-height:9.2cqw;
border:1px solid #dfe5eb!important;
border-radius:.46cqw!important;
background:linear-gradient(145deg,#ffffff,#f7fafc)!important;
box-shadow:0 .34cqw .95cqw rgba(18,44,85,.05)!important;
overflow:hidden!important;
}
.academy-card-v2:hover,.academy-card-v2.is-selected{
transform:translateY(-.1cqw);
border-color:#0b3b98!important;
box-shadow:0 .7cqw 1.55cqw rgba(15,43,95,.12)!important;
}
.academy-card-v2.needs-decision{border-color:#d8b665!important;box-shadow:0 .38cqw 1cqw rgba(168,130,37,.12)!important}
.academy-avatar{
background:radial-gradient(circle at 50% 35%,rgba(48,164,170,.09),transparent 54%),linear-gradient(180deg,#fbfdff,#f2f6f9)!important;
border-right:1px solid #e4e8ee!important;
}
.academy-card-copy{padding:.76cqw .86cqw!important;display:grid;align-content:start;gap:.32cqw}
.academy-card-topline{display:flex;flex-wrap:wrap;gap:.32cqw;align-items:center}
.academy-role-pill,.academy-tier-pill,.academy-profile-tags span,.academy-tag-row span{
display:inline-flex;align-items:center;justify-content:center;
min-height:1.15cqw;padding:0 .42cqw;border-radius:999px;border:1px solid #d6dee6;
font:900 .29cqw/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;
}
.academy-role-pill{background:#f3f6fa;color:#435162;border-color:#d7dfe7}
.academy-tier-pill{background:#eef3ff;color:#0b368d;border-color:#bfd0f3}
.academy-tier-pill.is-elite{background:#f9f3df;color:#866014;border-color:#e8d28d}
.academy-tier-pill.is-high{background:#ebf6ff;color:#0b4f87;border-color:#c7ddf5}
.academy-tier-pill.is-promising{background:#edf8f4;color:#1e6a53;border-color:#c9e8da}
.academy-tier-pill.is-project{background:#f4f5f7;color:#5f6975;border-color:#d8dde2}
.academy-card-copy h4{margin:0!important;color:#131a22!important;font-size:.95cqw!important}
.academy-card-copy p{margin:0!important;color:#72808d!important;font-size:.38cqw!important;line-height:1.3!important}
.academy-tag-row{display:flex;flex-wrap:wrap;gap:.28cqw;min-height:1.25cqw}
.academy-tag-row span,.academy-profile-tags span{background:#fff;color:#5f6b77}
.academy-ranges{margin-top:.08cqw!important;border-top:1px solid #e5eaf0!important}
.academy-ranges small{color:#87929e!important}
.academy-ranges strong{color:#0b368d!important;font:900 .74cqw/1 Arial,sans-serif!important}
.academy-card-flag{
position:absolute;right:.52cqw;top:.52cqw;z-index:2;
padding:.25cqw .42cqw;border-radius:999px;
background:#f0f4f8;color:#67727f;border:1px solid #d7dfe6;
font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.08em;
}
.academy-card-flag.is-alert{background:#fff7df;color:#855f14;border-color:#e2c46a}
.academy-empty-v2{
min-height:13cqw;display:grid;place-items:center;text-align:center;
border:1px dashed #cfd8e1;border-radius:.5cqw;background:linear-gradient(180deg,#fbfcfd,#f4f7fa);
}
.academy-empty-v2 strong{color:#15202a;font-size:1cqw}
.academy-empty-v2 span{display:block;margin-top:.35cqw;color:#6f7b87;font:700 .42cqw/1.4 Arial,sans-serif;max-width:26cqw}
.academy-profile-hero{gap:1.05cqw!important}
.academy-profile-tags{display:flex;flex-wrap:wrap;gap:.28cqw;margin-top:.5cqw}
.academy-profile-report-v2{
margin-top:.6cqw;padding:.82cqw .15cqw .9cqw!important;
border-bottom:1px solid #e4e8ee!important;
}
.academy-profile-report-v2 span{color:#6e7a87!important}
.academy-profile-report-v2 strong{color:#131a22!important;font:900 .76cqw/1.2 Arial,sans-serif!important}
.academy-profile-report-v2 p{color:#687583!important;font-size:.4cqw!important}
.academy-detail-grid{margin-top:.7cqw!important}
.academy-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6cqw;margin:.75cqw 0}
.academy-insight-card{
border:1px solid #e1e6eb;
border-radius:.4cqw;
background:linear-gradient(180deg,#fff,#f9fbfd);
padding:.78cqw .85cqw;
}
.academy-insight-card ul{margin:.45cqw 0 0;padding-left:1.1cqw;display:grid;gap:.32cqw}
.academy-insight-card li{color:#697480;font:700 .38cqw/1.4 Arial,sans-serif}
.academy-profile-actions-v2{grid-template-columns:1fr 1fr 1fr!important;gap:.55cqw!important}
.academy-profile-actions-v2 .profile-swap-btn,
.academy-profile-actions-v2 .academy-keep,
.academy-profile-actions-v2 .academy-release{
height:2.6cqw;border-radius:.34cqw;font:900 .37cqw/1 Arial,sans-serif;letter-spacing:.08em
}
.academy-keep{border:1px solid #d8e1ea;background:#f7fafc;color:#223447;cursor:pointer}
.academy-keep:hover{border-color:#0b368d;color:#0b368d;background:#f4f8ff}
/* Office inbox immersive redesign */
.office-shell{gap:.8cqw!important}
.office-heading{
border:1px solid #e1e6eb!important;
border-radius:.48cqw!important;
background:linear-gradient(145deg,#ffffff,#f7fafc)!important;
box-shadow:0 .42cqw 1.05cqw rgba(18,45,86,.05)!important;
}
.office-subnav{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:0!important;
overflow:hidden;
border:1px solid #e1e6eb!important;
border-radius:.42cqw!important;
background:#fff!important;
}
.office-subnav button{height:100%!important;border:0!important;border-right:1px solid #e4e8ee!important;border-radius:0!important}
.office-subnav button:last-child{border-right:0!important}
.office-stage{border:1px solid #e1e6eb!important;box-shadow:0 .38cqw 1.05cqw rgba(18,45,86,.05)!important;overflow:hidden}
.office-inbox-layout{grid-template-columns:30.5% minmax(0,1fr)!important;gap:1cqw!important;padding:1cqw}
.office-message-column,.office-message-reader{border:1px solid #e1e6eb!important;border-radius:.46cqw!important;overflow:hidden}
.office-message-toolbar{
min-height:4.4cqw;padding:.78cqw .9cqw!important;
background:linear-gradient(180deg,#fff,#f7fafc)!important;
}
.office-message-toolbar h3{font-size:1.16cqw!important;letter-spacing:.02em!important}
.office-kicker{letter-spacing:.12em!important}
.office-inbox-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3cqw}
.office-inbox-filters button{
min-width:3.3cqw;height:1.55cqw;padding:0 .45cqw!important;border-radius:999px!important;
font:900 .28cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important;
}
.office-message-list{padding:.65cqw;display:grid;align-content:start;gap:.5cqw;background:linear-gradient(180deg,#fbfcfd,#f7fafc)}
.office-inbox-brief{
padding:.72cqw .82cqw;border:1px solid #dfe5eb;border-radius:.4cqw;
background:linear-gradient(145deg,#0b368d,#1148aa);color:#fff;box-shadow:0 .45cqw .9cqw rgba(15,43,92,.12)
}
.office-inbox-brief span{display:block;color:rgba(255,255,255,.74);font:900 .29cqw/1 Arial,sans-serif;letter-spacing:.12em}
.office-inbox-brief strong{display:block;margin-top:.28cqw;font:900 .76cqw/1.15 Arial,sans-serif;color:#fff}
.office-inbox-brief small{display:block;margin-top:.28cqw;color:rgba(255,255,255,.82);font:700 .35cqw/1.35 Arial,sans-serif}
.office-message-item-v2{
grid-template-columns:2.2cqw minmax(0,1fr) auto!important;
align-items:start!important;
gap:.7cqw!important;
padding:.78cqw .82cqw!important;
min-height:6.2cqw!important;
border:1px solid #e0e5eb!important;
border-radius:.42cqw!important;
box-shadow:0 .18cqw .45cqw rgba(18,45,86,.03)!important;
}
.office-message-item-v2:hover,.office-message-item-v2.is-selected{background:#f5f8ff!important;box-shadow:0 .55cqw 1.2cqw rgba(18,45,86,.08)!important}
.office-message-icon{
width:2.2cqw!important;height:2.2cqw!important;border-radius:.35cqw!important;
border:1px solid #d8e0e9!important;background:linear-gradient(180deg,#fff,#f1f5f9)!important;
color:#0b368d!important;font:900 .86cqw/1 Arial,sans-serif!important
}
.office-message-copy{gap:.16cqw!important}
.office-message-copy small{color:#6b7682!important}
.office-message-copy strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2!important;font-size:.59cqw!important}
.office-message-copy span{white-space:normal!important;color:#4f6171!important;font-size:.35cqw!important}
.office-message-preview{margin:.22cqw 0 0;color:#6e7b88;font:700 .35cqw/1.4 Arial,sans-serif}
.office-message-side{display:grid;justify-items:end;gap:.32cqw;padding-left:.5cqw}
.office-priority-chip{
display:inline-flex;align-items:center;justify-content:center;
min-width:2.7cqw;height:1.2cqw;padding:0 .36cqw;border-radius:999px;border:1px solid #d7dfe6;
background:#f1f4f7;color:#596572;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.08em
}
.office-priority-chip.is-urgent{background:#fff1f0;color:#8d2d2b;border-color:#efbeb9}
.office-priority-chip.is-action{background:#fff7df;color:#855f14;border-color:#e4c66d}
.office-priority-chip.is-live{background:#ecf7ff;color:#0b5a87;border-color:#c8e0f0}
.office-priority-chip.is-update{background:#eef4ff;color:#0b368d;border-color:#c9d7f5}
.office-message-time{font-size:.28cqw!important;color:#7a8591!important;text-transform:uppercase;letter-spacing:.08em}
.office-message-item.is-unread:before{left:.28cqw!important;top:.8cqw!important;transform:none!important;width:.45cqw!important;height:.45cqw!important}
.office-message-reader{
padding:1.05cqw 1.15cqw 1.1cqw!important;
background:linear-gradient(180deg,#fcfdff,#f7fafc)!important;
}
.office-reader-banner{
display:flex;align-items:center;justify-content:space-between;gap:1cqw;
padding:.68cqw .8cqw;border:1px solid #e1e6eb;border-radius:.4cqw;
background:#fff;margin-bottom:.8cqw;
}
.office-reader-banner span{display:block;color:#7a8591;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.12em}
.office-reader-banner strong{display:block;margin-top:.18cqw;color:#14202a;font:900 .58cqw/1.1 Arial,sans-serif}
.office-reader-banner time{color:#6d7884;font:800 .3cqw/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.office-reader-banner.is-urgent{border-color:#efc7c2;background:linear-gradient(180deg,#fff,#fff4f3)}
.office-reader-banner.is-action{border-color:#e8d291;background:linear-gradient(180deg,#fff,#fffaf0)}
.office-reader-banner.is-live{border-color:#d6e6f0;background:linear-gradient(180deg,#fff,#f6fbff)}
.office-reader-hero{
display:grid;grid-template-columns:4.4cqw minmax(0,1fr);gap:.9cqw;align-items:start;
padding:.95cqw;border:1px solid #e1e6eb;border-radius:.46cqw;background:#fff;
}
.office-reader-icon-big{
width:4.2cqw;height:4.2cqw;border-radius:.55cqw;display:grid;place-items:center;
background:linear-gradient(180deg,#0b368d,#1149ab);color:#fff;font:900 1.75cqw/1 Arial,sans-serif;box-shadow:0 .45cqw .95cqw rgba(15,43,92,.14)
}
.office-reader-topline{display:flex;align-items:center;gap:.42cqw;flex-wrap:wrap}
.office-reader-topline span{color:#6d7884;font:900 .29cqw/1 Arial,sans-serif;letter-spacing:.12em}
.office-reader-copy h3{margin:.36cqw 0 0!important;font-size:1.42cqw!important;line-height:1.08!important;color:#131c25!important}
.office-reader-subject{margin-top:.28cqw;color:#0b368d!important;font:900 .46cqw/1.3 Arial,sans-serif!important}
.office-reader-preview{margin:.38cqw 0 0;color:#677482;font:700 .39cqw/1.45 Arial,sans-serif}
.office-reader-summary{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55cqw;
margin:.75cqw 0;
}
.office-reader-summary>div{
padding:.72cqw .82cqw;border:1px solid #e1e6eb;border-radius:.4cqw;background:#fff;
}
.office-reader-summary span{display:block;color:#788391;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.12em}
.office-reader-summary strong{display:block;margin-top:.25cqw;color:#151d25;font:900 .56cqw/1.15 Arial,sans-serif}
.office-reader-body{margin-top:0!important;display:grid;gap:.5cqw}
.office-reader-body p{
margin:0!important;padding:.88cqw .96cqw;border:1px solid #e1e6eb;border-radius:.4cqw;
background:#fff;color:#4f5e6e!important;font:700 .41cqw/1.55 Arial,sans-serif!important
}
.office-reader-signoff{
display:flex;justify-content:space-between;align-items:center;gap:1cqw;flex-wrap:wrap;
margin-top:.8cqw;padding:.8cqw .92cqw;border-radius:.42cqw;border:1px solid #e1e6eb;background:linear-gradient(180deg,#fff,#f8fafc)
}
.office-reader-signoff strong{display:block;color:#131c25;font:900 .5cqw/1 Arial,sans-serif}
.office-reader-signoff span{display:block;color:#74808d;font:700 .34cqw/1.25 Arial,sans-serif}
.office-reader-actions{margin-top:.72cqw}
.office-reader-action{
width:100%;height:2.75cqw;border:1px solid #0b368d;background:linear-gradient(180deg,#1249aa,#0b368d)!important;color:#fff;
border-radius:.38cqw;font:900 .38cqw/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer
}
.office-reader-action:hover{filter:brightness(1.05)}
/* Match / central badge fit for lower-league crests */
.central-club-badge .fitted-shield,
.matchday-badge .fitted-shield,
.results-badge .fitted-shield{background:transparent!important}
.central-club-badge .fitted-shield-media,
.matchday-badge .fitted-shield-media,
.results-badge .fitted-shield-media{
inset:3.5% 6.5% 5.5% 6.5%!important;
clip-path:polygon(50% 2%,95% 17%,95% 63%,50% 98%,5% 63%,5% 17%)!important;
border-radius:0!important;
background:#fff!important;
overflow:hidden!important;
}
.central-club-badge .fitted-shield-media img,
.matchday-badge .fitted-shield-media img,
.results-badge .fitted-shield-media img{
width:126%!important;height:126%!important;max-width:none!important;max-height:none!important;
object-fit:contain!important;object-position:center 54%!important;
transform:translateY(3%) scale(1.12)!important;
filter:drop-shadow(0 .16cqw .24cqw rgba(10,27,53,.18));
}
@media(max-width:1200px){
.academy-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}
.academy-list-grid{grid-template-columns:1fr}
.academy-insight-grid{grid-template-columns:1fr}
.office-inbox-layout{grid-template-columns:1fr!important}
}
/* V19.5 multi-world club browser */
.country-filter select{min-width:13.5rem;}
/* ===== V19.5.1 PATCH — BADGE ALIGNMENT + CENTRAL NEWS THUMBNAILS ===== */
.central-club-badge,
.matchday-badge,
.results-badge{
display:grid!important;
place-items:center!important;
overflow:hidden!important;
}
.central-club-badge .fitted-shield,
.matchday-badge .fitted-shield,
.results-badge .fitted-shield{
position:relative!important;
width:100%!important;
height:100%!important;
}
.central-club-badge .fitted-shield-frame,
.matchday-badge .fitted-shield-frame,
.results-badge .fitted-shield-frame{
position:absolute!important;
inset:0!important;
}
.central-club-badge .fitted-shield-media,
.matchday-badge .fitted-shield-media,
.results-badge .fitted-shield-media{
position:absolute!important;
inset:8% 12% 12% 12%!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
}
.matchday-badge .fitted-shield-media,
.results-badge .fitted-shield-media{
inset:9% 13% 12% 13%!important;
}
.central-club-badge .fitted-shield-media img,
.matchday-badge .fitted-shield-media img,
.results-badge .fitted-shield-media img{
display:block!important;
width:100%!important;
height:100%!important;
margin:0!important;
object-fit:contain!important;
object-position:center center!important;
transform:scale(1.14)!important;
filter:none!important;
}
.matchday-badge .fitted-shield-media img,
.results-badge .fitted-shield-media img{
transform:scale(1.10)!important;
}
.central-news-row .news-avatar{
place-items:center!important;
}
.central-news-row .news-avatar img.news-smart-avatar{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center center!important;
transform:none!important;
filter:none!important;
}
.news-avatar-fallback{
width:100%;
height:100%;
display:grid;
place-items:center;
background:linear-gradient(180deg,#f7f9fb,#eef2f5);
color:#0b3b98;
font:900 .56cqw/1 Arial,sans-serif;
letter-spacing:.08em;
}
/* ========================================================================
V19.5.3 — RECRUITMENT DISCOVERY
Information hierarchy, imperfect scouting and premium comparison UX.
======================================================================== */
#screenTransfers .scouting-network-bar{
flex:0 0 4.4cqw!important;
min-height:4.4cqw!important;
padding:.48cqw .62cqw!important;
display:grid!important;
grid-template-columns:12.5cqw minmax(0,1fr) 6.5cqw!important;
gap:.55cqw!important;
align-items:stretch!important;
background:linear-gradient(180deg,#f8fafc,#f3f6f9)!important;
border:1px solid #dfe5eb!important;
border-radius:.38cqw!important;
}
#screenTransfers .scout-network-title{display:grid!important;align-content:center!important;gap:.2cqw!important;padding:.2cqw .45cqw!important;border-right:1px solid #dfe5eb!important}
#screenTransfers .scout-network-title span{color:#6d7884!important;font:900 .31cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
#screenTransfers .scout-network-title strong{color:#151c24!important;font:900 .58cqw/1.15 Arial,sans-serif!important}
#screenTransfers .scout-network-title small{color:#7a8490!important;font:800 .3cqw/1.2 Arial,sans-serif!important}
#screenTransfers .recruitment-scout-slots{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.48cqw!important;min-width:0!important}
#screenTransfers .recruitment-scout-card{min-width:0!important;height:100%!important;padding:.45cqw .56cqw!important;border:1px solid #d9e1e9!important;border-radius:.34cqw!important;background:#fff!important;color:#151b22!important;text-align:left!important;display:grid!important;align-content:center!important;gap:.18cqw!important;box-shadow:0 .16cqw .4cqw rgba(16,39,72,.035)!important}
#screenTransfers button.recruitment-scout-card{cursor:pointer!important}
#screenTransfers .recruitment-scout-card b{font:900 .45cqw/1.15 Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#screenTransfers .recruitment-scout-card span{color:#0b3b98!important;font:900 .29cqw/1.2 Arial,sans-serif!important;letter-spacing:.03em!important}
#screenTransfers .recruitment-scout-card small{color:#6e7985!important;font:800 .28cqw/1.2 Arial,sans-serif!important}
#screenTransfers .recruitment-scout-card i{display:block!important;height:.18cqw!important;background:#e2e8ef!important;border-radius:999px!important;overflow:hidden!important;margin-top:.08cqw!important}
#screenTransfers .recruitment-scout-card i em{display:block!important;height:100%!important;background:#0b4aa3!important}
#screenTransfers .advance-scout-day{height:100%!important;min-width:0!important;border:1px solid #0b3b98!important;border-radius:.34cqw!important;background:linear-gradient(180deg,#174fab,#0b3b98)!important;color:#fff!important;display:grid!important;place-items:center!important;align-content:center!important;gap:.08cqw!important}
#screenTransfers .advance-scout-day span{font:900 .26cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important;opacity:.78!important}
#screenTransfers .advance-scout-day strong{font:900 .62cqw/1 Arial,sans-serif!important}
#screenTransfers .advance-scout-day small{font:700 .24cqw/1.2 Arial,sans-serif!important;opacity:.75!important;text-align:center!important}
#screenTransfers .recruitment-discovery-filters{
grid-template-columns:minmax(12cqw,1.8fr) repeat(4,minmax(5.5cqw,.72fr))!important;
grid-auto-rows:auto!important;
gap:.42cqw!important;
padding:.58cqw .66cqw!important;
background:#fff!important;
border:1px solid #e0e5eb!important;
border-radius:.38cqw .38cqw 0 0!important;
}
#screenTransfers .recruitment-discovery-filters .transfer-searchbox{grid-column:span 1!important}
#screenTransfers .recruitment-discovery-filters label{min-width:0!important}
#screenTransfers .recruitment-discovery-filters label>span{font-size:.32cqw!important}
#screenTransfers .recruitment-discovery-filters input,
#screenTransfers .recruitment-discovery-filters select,
#screenTransfers .recruitment-discovery-filters .transfer-clear-btn{height:1.82cqw!important;font-size:.43cqw!important}
#screenTransfers .recruitment-discovery-filters .transfer-clear-btn{align-self:end!important;background:#fff!important;color:#0b3b98!important;border:1px solid #0b3b98!important;border-radius:.28cqw!important;font-weight:900!important}
#screenTransfers .transfer-discovery-note{
flex:0 0 2.05cqw!important;
min-height:2.05cqw!important;
display:grid!important;
grid-template-columns:auto minmax(0,1fr) auto!important;
gap:.65cqw!important;
align-items:center!important;
padding:.4cqw .7cqw!important;
background:linear-gradient(90deg,#0b2f6c,#0b4aa3)!important;
color:#fff!important;
border-left:1px solid #0b3b98!important;border-right:1px solid #0b3b98!important;
}
#screenTransfers .transfer-discovery-note span{font:900 .29cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important;color:#9fc7ff!important}
#screenTransfers .transfer-discovery-note strong{font:900 .4cqw/1.2 Arial,sans-serif!important;color:#fff!important}
#screenTransfers .transfer-discovery-note small{font:700 .3cqw/1.2 Arial,sans-serif!important;color:#d7e6ff!important;text-align:right!important;max-width:19cqw!important}
#screenTransfers .transfer-list-head,
#transferResults .transfer-player-row,
#shortlistResults .transfer-player-row,
#freeAgentResults .transfer-player-row{
grid-template-columns:2.5fr 1.5fr .9fr .45fr .75fr 1.02fr!important;
}
#transferResults .transfer-player-row,
#shortlistResults .transfer-player-row,
#freeAgentResults .transfer-player-row{height:4.65cqw!important;min-height:4.65cqw!important;padding:.48cqw .72cqw!important}
#screenTransfers .transfer-player-copy{min-width:0!important}
#screenTransfers .transfer-player-copy strong{font:900 .56cqw/1.1 Arial,sans-serif!important}
#screenTransfers .transfer-player-copy small{font:800 .29cqw/1.2 Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.04em!important}
#screenTransfers .transfer-player-copy em{display:block!important;margin-top:.12cqw!important;color:#0b3b98!important;font:900 .27cqw/1.15 Arial,sans-serif!important;font-style:normal!important;letter-spacing:.06em!important}
#screenTransfers .transfer-club-cell{display:grid!important;grid-template-columns:1.55cqw minmax(0,1fr)!important;gap:.4cqw!important;align-items:center!important;min-width:0!important}
#screenTransfers .transfer-club-cell>img{width:1.45cqw!important;height:1.45cqw!important;object-fit:contain!important}
#screenTransfers .transfer-club-cell>span:last-child{display:grid!important;gap:.12cqw!important;min-width:0!important;font-weight:800!important}
#screenTransfers .transfer-club-cell small{display:block!important;color:#8b6670!important;font:900 .25cqw/1.1 Arial,sans-serif!important;letter-spacing:.05em!important}
#screenTransfers .transfer-ovr{display:grid!important;gap:.12cqw!important;text-align:center!important;font-size:.56cqw!important}
#screenTransfers .transfer-ovr small{display:block!important;color:#7b8792!important;font:900 .23cqw/1 Arial,sans-serif!important;letter-spacing:.05em!important}
#screenTransfers .transfer-ovr.is-unknown{color:#8b949d!important;font-size:.43cqw!important;letter-spacing:.04em!important}
#screenTransfers .transfer-value{display:grid!important;gap:.14cqw!important;justify-items:end!important;font:900 .48cqw/1.05 Arial,sans-serif!important}
#screenTransfers .transfer-value small{color:#0b3b98!important;font-size:.25cqw!important}
#screenTransfers .recruitment-row.knowledge-unknown{opacity:.86!important}
#screenTransfers .recruitment-row.knowledge-full{box-shadow:inset .12cqw 0 #1a8a69!important}
#screenTransfers .transfer-pane[data-pane="search"]{display:none!important;flex-direction:column!important;min-height:0!important}
#screenTransfers .transfer-pane[data-pane="search"].is-active{display:flex!important}
#screenTransfers #transferSearchPane .transfer-filterbar{flex:0 0 auto!important}
#screenTransfers #transferSearchPane .transfer-discovery-note{flex:0 0 2.05cqw!important}
#screenTransfers #transferSearchPane .transfer-list-head{flex:0 0 1.8cqw!important}
#screenTransfers #transferSearchPane #transferResults{flex:1 1 0!important;min-height:0!important}
/* Premium recruitment dossier */
#screenTransfers .transfer-dossier{background:linear-gradient(180deg,#fbfcfe,#f4f7fa)!important;border-left:1px solid #dde4eb!important}
#screenTransfers .dossier-statusbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.5cqw!important;padding:.5cqw .62cqw!important;border:1px solid #dfe5eb!important;border-radius:.34cqw!important;background:#fff!important;margin-bottom:.55cqw!important}
#screenTransfers .dossier-statusbar span{color:#0b3b98!important;font:900 .31cqw/1 Arial,sans-serif!important;letter-spacing:.1em!important}
#screenTransfers .dossier-statusbar b{color:#66727e!important;font:900 .27cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important}
#screenTransfers .recruitment-dossier-hero{padding:.72cqw!important;border-radius:.42cqw!important;box-shadow:0 .26cqw .8cqw rgba(18,43,77,.04)!important}
#screenTransfers .dossier-market-tags{display:flex!important;gap:.28cqw!important;flex-wrap:wrap!important;margin-top:.42cqw!important}
#screenTransfers .dossier-market-tags span{padding:.24cqw .38cqw!important;border:1px solid #d6dee7!important;border-radius:999px!important;background:#f5f8fb!important;color:#52606e!important;font:900 .25cqw/1 Arial,sans-serif!important;letter-spacing:.05em!important}
#screenTransfers .recruitment-scout-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.38cqw!important;margin:.55cqw 0!important}
#screenTransfers .recruitment-scout-strip>div{padding:.55cqw .62cqw!important;border:1px solid #dfe5eb!important;border-radius:.32cqw!important;background:#fff!important}
#screenTransfers .recruitment-scout-strip span{display:block!important;color:#77828d!important;font:900 .26cqw/1 Arial,sans-serif!important;letter-spacing:.09em!important}
#screenTransfers .recruitment-scout-strip strong{display:block!important;margin-top:.22cqw!important;color:#151b22!important;font:900 .5cqw/1.1 Arial,sans-serif!important}
#screenTransfers .recruitment-confidence p{margin:.45cqw 0 0!important;color:#5e6b78!important;font:700 .36cqw/1.45 Arial,sans-serif!important}
#screenTransfers .confidence-track{height:.3cqw!important;border-radius:999px!important;background:#e3e9ef!important;overflow:hidden!important;margin-top:.42cqw!important}
#screenTransfers .confidence-track i{display:block!important;height:100%!important;background:linear-gradient(90deg,#0b3b98,#26a8a2)!important;border-radius:999px!important}
#screenTransfers .recruitment-profile-grid,
#screenTransfers .fit-grade-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.38cqw!important;margin-top:.45cqw!important}
#screenTransfers .recruitment-profile-grid>div,
#screenTransfers .fit-grade-grid>div{padding:.48cqw .52cqw!important;border:1px solid #e0e5ea!important;border-radius:.3cqw!important;background:#fbfcfd!important}
#screenTransfers .recruitment-profile-grid span,
#screenTransfers .fit-grade-grid span{display:block!important;color:#7a8590!important;font:900 .25cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important}
#screenTransfers .recruitment-profile-grid strong,
#screenTransfers .fit-grade-grid strong{display:block!important;margin-top:.2cqw!important;color:#17202a!important;font:900 .42cqw/1.15 Arial,sans-serif!important}
#screenTransfers .fit-grade-grid strong.fit-excellent{color:#087c62!important}
#screenTransfers .scout-notes-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.45cqw!important;margin-top:.42cqw!important}
#screenTransfers .scout-notes-grid>div{padding:.5cqw .55cqw!important;border:1px solid #e1e6eb!important;border-radius:.3cqw!important;background:#fbfcfd!important}
#screenTransfers .scout-notes-grid>div>span{color:#78838e!important;font:900 .25cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important}
#screenTransfers .scout-notes-grid ul{margin:.35cqw 0 0!important;padding-left:.95cqw!important;display:grid!important;gap:.2cqw!important}
#screenTransfers .scout-notes-grid li{color:#4f5e6d!important;font:700 .33cqw/1.3 Arial,sans-serif!important}
#screenTransfers .recruitment-history{display:grid!important;gap:.28cqw!important}
#screenTransfers .recruitment-history-row{display:grid!important;grid-template-columns:4cqw 5cqw minmax(0,1fr)!important;gap:.38cqw!important;align-items:center!important;padding:.36cqw .42cqw!important;border-top:1px solid #e3e8ed!important}
#screenTransfers .recruitment-history-row time,#screenTransfers .recruitment-history-row span{color:#7a8490!important;font:800 .25cqw/1 Arial,sans-serif!important}
#screenTransfers .recruitment-history-row strong{color:#19222b!important;font:900 .32cqw/1.15 Arial,sans-serif!important}
#screenTransfers .recruitment-history-empty{padding:.5cqw!important;color:#7c8792!important;font:700 .33cqw/1.3 Arial,sans-serif!important}
/* Shortlist comparison */
#screenTransfers .shortlist-intro{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1cqw!important}
#screenTransfers .shortlist-compare-btn{height:2.05cqw!important;padding:0 .75cqw!important;border:1px solid #0b3b98!important;border-radius:.28cqw!important;background:#fff!important;color:#0b3b98!important;font:900 .32cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important;cursor:pointer!important}
#screenTransfers .shortlist-compare-btn:disabled{opacity:.4!important;cursor:default!important}
#screenTransfers .shortlist-compare-panel{flex:0 0 auto!important;padding:.55cqw!important;background:#f5f8fb!important;border-bottom:1px solid #dfe5eb!important}
#screenTransfers .shortlist-compare-panel[hidden]{display:none!important}
#screenTransfers .compare-heading{display:flex!important;align-items:baseline!important;gap:.55cqw!important;margin-bottom:.45cqw!important}
#screenTransfers .compare-heading span{color:#0b3b98!important;font:900 .28cqw/1 Arial,sans-serif!important;letter-spacing:.1em!important}
#screenTransfers .compare-heading strong{color:#151b22!important;font:900 .46cqw/1 Arial,sans-serif!important}
#screenTransfers .compare-heading small{margin-left:auto!important;color:#74808b!important;font:700 .29cqw/1 Arial,sans-serif!important}
#screenTransfers .compare-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.45cqw!important}
#screenTransfers .compare-grid article{padding:.52cqw!important;border:1px solid #dce4eb!important;border-radius:.34cqw!important;background:#fff!important}
#screenTransfers .compare-player{display:grid!important;grid-template-columns:2.7cqw minmax(0,1fr)!important;gap:.45cqw!important;align-items:center!important;padding-bottom:.4cqw!important;border-bottom:1px solid #e5e9ed!important}
#screenTransfers .compare-player>span{height:2.7cqw!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#f4f7fa!important;border-radius:.26cqw!important}
#screenTransfers .compare-player img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
#screenTransfers .compare-player small{color:#0b3b98!important;font:900 .23cqw/1 Arial,sans-serif!important;letter-spacing:.06em!important}
#screenTransfers .compare-player h4{margin:.18cqw 0 0!important;color:#151b22!important;font:900 .48cqw/1 Arial,sans-serif!important}
#screenTransfers .compare-player p{margin:.15cqw 0 0!important;color:#6c7782!important;font:700 .28cqw/1 Arial,sans-serif!important}
#screenTransfers .compare-grid dl{margin:.4cqw 0 0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:.3cqw!important}
#screenTransfers .compare-grid dl div{padding:.32cqw .36cqw!important;background:#f8fafc!important;border-radius:.2cqw!important}
#screenTransfers .compare-grid dt{color:#7a8490!important;font:900 .22cqw/1 Arial,sans-serif!important;letter-spacing:.06em!important}
#screenTransfers .compare-grid dd{margin:.16cqw 0 0!important;color:#19222b!important;font:900 .35cqw/1.1 Arial,sans-serif!important}
@media(max-width:1500px){
#screenTransfers .scouting-network-bar{grid-template-columns:11cqw minmax(0,1fr) 5.7cqw!important}
#screenTransfers .recruitment-discovery-filters{grid-template-columns:minmax(10cqw,1.55fr) repeat(4,minmax(4.8cqw,.7fr))!important;gap:.3cqw!important}
#screenTransfers .transfer-discovery-note small{display:none!important}
#transferResults .transfer-player-row,#shortlistResults .transfer-player-row,#freeAgentResults .transfer-player-row{height:5cqw!important;min-height:5cqw!important}
}
/* =========================================================
V19.6 — ROAD TO GLORY
Season review, promotion stakes, career history foundation
========================================================= */
.rtg-review-overlay{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;background:rgba(4,10,18,.82);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .22s ease}
.rtg-review-overlay.is-open{opacity:1;pointer-events:auto}
.rtg-review-shell{width:min(1180px,88vw);height:min(760px,82vh);display:grid;grid-template-rows:78px minmax(0,1fr) 72px;background:linear-gradient(180deg,#f7f9fc,#edf2f6);border:1px solid rgba(255,255,255,.45);box-shadow:0 38px 110px rgba(0,0,0,.48);overflow:hidden;border-radius:18px}
.rtg-review-top{display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:linear-gradient(110deg,#07182a,#0e2742);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.rtg-review-top span{display:block;color:#8eabc2;font:900 11px/1 Arial,sans-serif;letter-spacing:.16em}
.rtg-review-top strong{display:block;margin-top:7px;font:900 20px/1 Arial,sans-serif;letter-spacing:.03em}
.rtg-review-top button{width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.05);color:#fff;font:400 26px/1 Arial;cursor:pointer}
#rtgReviewBody{min-height:0;overflow:auto;padding:28px 30px 30px}
.rtg-review-shell>footer{display:grid;grid-template-columns:160px 1fr 220px;gap:20px;align-items:center;padding:0 30px;background:#fff;border-top:1px solid #dfe5eb}
.rtg-review-shell>footer button{height:44px;border:1px solid #cfd8e2;border-radius:8px;background:#fff;color:#172334;font:900 12px/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}
.rtg-review-shell>footer button:last-child{border-color:#0b3b98;background:linear-gradient(180deg,#164eae,#0b3b98);color:#fff}
.rtg-review-shell>footer button:disabled{opacity:.35;cursor:default}
#rtgReviewDots{display:flex;justify-content:center;gap:8px}
#rtgReviewDots i{width:9px;height:9px;border-radius:50%;background:#d6dde5;transition:.2s}
#rtgReviewDots i.is-active{width:28px;border-radius:999px;background:#0b3b98}
#rtgReviewDots i.is-done{background:#6fb4a1}
.rtg-season-hero{display:grid;grid-template-columns:150px minmax(0,1fr) 180px;align-items:center;gap:24px;padding:24px 28px;border-radius:16px;background:linear-gradient(125deg,#07182a 0%,#0a2945 58%,color-mix(in srgb,var(--rtg-accent) 38%,#0a2945) 100%);color:#fff;box-shadow:0 18px 48px rgba(15,34,56,.16)}
.rtg-season-club{height:118px;display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.12)}
.rtg-season-club img{max-width:98px;max-height:98px;object-fit:contain;filter:drop-shadow(0 9px 14px rgba(0,0,0,.28))}
.rtg-season-hero>div:nth-child(2)>span,.rtg-section-heading>span{display:block;color:#8eb4cc;font:900 11px/1 Arial,sans-serif;letter-spacing:.17em}
.rtg-season-hero h1{margin:8px 0 5px;font:900 clamp(30px,3vw,48px)/.96 Arial,sans-serif;letter-spacing:-.035em}
.rtg-season-hero p{margin:0;color:#cad8e3;font:800 14px/1.2 Arial,sans-serif;letter-spacing:.05em}
.rtg-grade{display:grid;justify-items:center;padding-left:24px;border-left:1px solid rgba(255,255,255,.12)}
.rtg-grade strong{font:900 56px/.9 Arial,sans-serif;color:#f0cf77}
.rtg-grade span{margin-top:9px;color:#dbe5ed;text-align:center;font:900 10px/1.2 Arial,sans-serif;letter-spacing:.1em}
.rtg-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:18px}
.rtg-metric-grid>div{padding:18px 16px;border:1px solid #dee5ec;border-radius:10px;background:#fff;box-shadow:0 6px 18px rgba(15,35,62,.035)}
.rtg-metric-grid span{display:block;color:#7b8794;font:900 10px/1 Arial,sans-serif;letter-spacing:.11em}
.rtg-metric-grid strong{display:block;margin-top:9px;color:#14202d;font:900 28px/1 Arial,sans-serif}
.rtg-review-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.rtg-review-card{padding:19px 20px;border:1px solid #dee5ec;border-radius:12px;background:#fff}
.rtg-review-card>span{display:block;margin-bottom:13px;color:#0b3b98;font:900 10px/1 Arial,sans-serif;letter-spacing:.13em}
.rtg-review-card h3{margin:11px 0 3px;color:#172230;font:900 14px/1.2 Arial,sans-serif}
.rtg-review-card p{margin:0;color:#74808c;font:700 12px/1.35 Arial,sans-serif}
.rtg-objective{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid #e8edf2}
.rtg-objective:last-child{border-bottom:0}
.rtg-objective b{color:#273442;font:800 12px/1.2 Arial,sans-serif}
.rtg-objective em{font:900 9px/1 Arial,sans-serif;letter-spacing:.1em;color:#a15454;font-style:normal}
.rtg-objective em.is-done{color:#24735f}
.rtg-section-heading{padding:7px 4px 18px}
.rtg-section-heading>span{color:#0b3b98}
.rtg-section-heading h1{margin:8px 0 6px;color:#111d2a;font:900 clamp(28px,2.6vw,42px)/1 Arial,sans-serif;letter-spacing:-.03em}
.rtg-section-heading p{margin:0;color:#6e7b88;font:700 13px/1.45 Arial,sans-serif}
.rtg-awards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rtg-award-card{position:relative;min-height:320px;padding:17px 18px 20px;display:grid;grid-template-rows:auto 165px auto auto auto;align-content:start;border:1px solid #dfe5eb;border-radius:14px;background:linear-gradient(180deg,#fff,#f7f9fb);box-shadow:0 10px 30px rgba(15,37,66,.05);overflow:hidden}
.rtg-award-card>span{color:#0b3b98;font:900 9px/1.15 Arial,sans-serif;letter-spacing:.13em}
.rtg-award-card>div{margin:12px -18px 0;display:grid;place-items:end center;background:radial-gradient(circle at 50% 35%,rgba(24,91,166,.11),transparent 55%),linear-gradient(180deg,#f6f9fc,#edf2f6);overflow:hidden}
.rtg-award-card img{height:160px;max-width:94%;object-fit:contain;object-position:center bottom}
.rtg-award-card h3{margin:13px 0 4px;color:#17212c;font:900 16px/1.05 Arial,sans-serif}
.rtg-award-card p{margin:0;color:#77828d;font:700 11px/1.3 Arial,sans-serif}
.rtg-award-card>b{margin-top:10px;color:#1c6c5c;font:900 11px/1 Arial,sans-serif;letter-spacing:.08em}
.rtg-award-card.is-empty{min-height:180px;opacity:.6;display:flex;flex-direction:column;justify-content:center}
.rtg-career-update{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rtg-career-update article{min-height:210px;padding:24px;border:1px solid #dfe5eb;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(15,37,66,.04)}
.rtg-career-update span,.rtg-history-preview>span{color:#7a8793;font:900 10px/1 Arial,sans-serif;letter-spacing:.13em}
.rtg-career-update strong{display:block;margin-top:18px;color:#0b3b98;font:900 25px/1.1 Arial,sans-serif}
.rtg-career-update h3{margin:14px 0 5px;color:#162231;font:900 14px/1.2 Arial,sans-serif}
.rtg-career-update p{margin:0;color:#75818d;font:700 12px/1.45 Arial,sans-serif}
.rtg-history-preview{margin-top:14px;padding:20px 22px;border-radius:13px;background:linear-gradient(110deg,#07182a,#0f2944);color:#fff}
.rtg-history-preview>span{color:#8eadc4}
.rtg-history-preview>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.rtg-history-preview b{font:900 26px/1 Arial,sans-serif}
.rtg-history-preview small{display:block;margin-top:7px;color:#9cb2c4;font:900 9px/1 Arial,sans-serif;letter-spacing:.1em}
.live-table-row.is-auto-promotion{box-shadow:inset 4px 0 #348f76}
.live-table-row.is-playoff{box-shadow:inset 4px 0 #4c7fc4}
.live-table-row.is-continental{box-shadow:inset 4px 0 #c4a34c}
.live-table-row.is-relegation{box-shadow:inset 4px 0 #b75555}
.table-zone-tag{display:inline-flex!important;align-items:center!important;min-height:18px!important;margin-left:auto!important;padding:0 6px!important;border-radius:999px!important;background:#eef3f8!important;color:#627181!important;font:900 8px/1 Arial,sans-serif!important;letter-spacing:.08em!important}
.live-table-row.is-auto-promotion .table-zone-tag{background:#eaf7f2!important;color:#27745f!important}
.live-table-row.is-playoff .table-zone-tag{background:#edf3fc!important;color:#315f9d!important}
.live-table-row.is-continental .table-zone-tag{background:#fbf5e5!important;color:#8a6c20!important}
.live-table-row.is-relegation .table-zone-tag{background:#fbefef!important;color:#994747!important}
@media(max-width:900px){.rtg-review-shell{width:95vw;height:90vh}.rtg-season-hero{grid-template-columns:90px 1fr}.rtg-grade{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:14px 0 0}.rtg-metric-grid{grid-template-columns:repeat(3,1fr)}.rtg-awards-grid{grid-template-columns:repeat(2,1fr)}.rtg-career-update{grid-template-columns:1fr}.rtg-review-split{grid-template-columns:1fr}.rtg-review-shell>footer{grid-template-columns:110px 1fr 160px}}
.competition-history-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55cqw;margin-top:.7cqw}.competition-history-strip>div{padding:.7cqw .8cqw;border:1px solid #dfe5eb;border-radius:.35cqw;background:#fff}.competition-history-strip span{display:block;color:#0b3b98;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.09em}.competition-history-strip strong{display:block;margin-top:.25cqw;color:#17212b;font:900 .52cqw/1.1 Arial,sans-serif}.competition-history-strip small{display:block;margin-top:.22cqw;color:#727f8b;font:700 .3cqw/1.25 Arial,sans-serif}
/* ===== V19.6.1 — MATCHDAY CLICK-THROUGH / HITBOX SAFETY ===== */
.screen{z-index:0}
.screen.is-active{z-index:20}
.screen:not(.is-active){pointer-events:none!important}
/* The legacy bottom navigation hitboxes overlap the redesigned match controls.
Matchday/results have their own explicit actions, so disable those hitboxes here. */
.matchday-screen .art-bottom-hitnav,
.results-screen .art-bottom-hitnav{
display:none!important;
visibility:hidden!important;
pointer-events:none!important;
}
/* Make the visible Matchday action deck the authoritative interaction layer. */
.matchday-actions-v2{
position:relative!important;
z-index:90!important;
isolation:isolate;
pointer-events:auto!important;
}
.matchday-actions-v2 .match-action{
position:relative!important;
z-index:92!important;
pointer-events:auto!important;
touch-action:manipulation;
user-select:none;
-webkit-user-select:none;
}
.matchday-actions-v2 .match-action>*{pointer-events:none!important}
/* Prevent decorative/template layers from becoming accidental click targets. */
.matchday-screen .art-template,
.matchday-screen::before,
.matchday-screen::after{
pointer-events:none!important;
}
/* ============================================================
V19.7 — MANAGER MARKET
Career opportunities, interviews, offers, sackings and spells
============================================================ */
.manager-market-profile{margin-bottom:.72cqw}
.manager-market-metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.manager-free-agent-mark{width:4.6cqw;height:4.6cqw;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#0d2f59,#0b3b98);color:#fff;font:900 .56cqw/1 Arial,sans-serif;letter-spacing:.12em;box-shadow:0 .4cqw 1cqw rgba(16,46,91,.18)}
.manager-career-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dfe5eb;border-radius:.46cqw;overflow:hidden;background:#fff;margin:.7cqw 0}
.manager-career-tabs button{height:2.7cqw;border:0;border-right:1px solid #e2e7ed;background:#fff;color:#384656;font:900 .35cqw/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer;position:relative}
.manager-career-tabs button:last-child{border-right:0}
.manager-career-tabs button:hover{background:#f5f8fc;color:#0b3b98}
.manager-career-tabs button.is-active{background:linear-gradient(180deg,#164eb0,#0b3b98);color:#fff}
.manager-career-tabs i{font-style:normal;margin-left:.35cqw;padding:.12cqw .28cqw;border-radius:999px;background:rgba(70,190,195,.18);color:inherit}
.manager-career-pane{display:grid;gap:.8cqw}
.manager-career-overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:.72cqw}
.manager-career-status-card,.manager-career-opportunity-card{min-height:8.2cqw;border:1px solid #dde4eb;border-radius:.48cqw;padding:1cqw 1.05cqw;background:linear-gradient(145deg,#fff,#f7fafc);box-shadow:0 .35cqw .9cqw rgba(19,45,83,.05)}
.manager-career-status-card>span,.manager-career-opportunity-card>span,.manager-pane-heading>span,.manager-rivals>span{display:block;color:#74808d;font:900 .29cqw/1 Arial,sans-serif;letter-spacing:.12em}
.manager-career-status-card h3,.manager-career-opportunity-card h3,.manager-pane-heading h3{margin:.32cqw 0 0;color:#111b25;font:900 1.05cqw/1.05 Arial,sans-serif}
.manager-career-status-card p,.manager-career-opportunity-card p{margin:.35cqw 0 0;color:#667483;font:700 .4cqw/1.4 Arial,sans-serif}
.manager-career-status-card>div{margin-top:.72cqw;display:flex;align-items:center;gap:.5cqw}.manager-career-status-card>div b{font:900 .85cqw/1 Arial,sans-serif;color:#0b3b98}.manager-career-status-card>div small{color:#596878;font:800 .35cqw/1 Arial,sans-serif}.manager-career-status-card em{display:block;margin-top:.55cqw;color:#76828e;font:800 .31cqw/1 Arial,sans-serif;font-style:normal;letter-spacing:.08em}
.manager-career-opportunity-card button,.job-market-open-button{margin-top:.8cqw;width:100%;height:2.25cqw;border:1px solid #0b3b98;border-radius:.33cqw;background:#0b3b98;color:#fff;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}
.manager-spell-card{border:1px solid #dfe5eb;border-radius:.46cqw;background:#fff;padding:.9cqw}.manager-pane-heading{margin-bottom:.72cqw}
.manager-spell-list{display:grid;gap:.55cqw}.manager-spell-list article{display:grid;grid-template-columns:3cqw 8cqw minmax(0,1fr) auto;align-items:center;gap:.65cqw;padding:.65cqw .72cqw;border:1px solid #e1e6eb;border-radius:.38cqw;background:linear-gradient(180deg,#fff,#fafbfd)}
.manager-spell-list article>div{width:2.6cqw;height:2.6cqw;display:grid;place-items:center}.manager-spell-list .club-badge,.manager-spell-list .fitted-shield{width:100%;height:100%}.manager-spell-list time{color:#6f7a86;font:800 .3cqw/1.3 Arial,sans-serif}.manager-spell-list h4{margin:0;color:#151d25;font:900 .62cqw/1 Arial,sans-serif}.manager-spell-list p{margin:.2cqw 0 0;color:#71808d;font:700 .34cqw/1.3 Arial,sans-serif}.manager-spell-list article>strong{color:#0b3b98;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.08em}
.manager-rivals{border:1px solid #dfe5eb;border-radius:.46cqw;background:#fff;padding:.85cqw}.manager-rivals>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5cqw;margin-top:.6cqw}.manager-rivals article{padding:.65cqw .7cqw;border-radius:.36cqw;background:#f7f9fc;border:1px solid #e2e7ed}.manager-rivals b{display:block;color:#15202b;font:900 .54cqw/1 Arial,sans-serif}.manager-rivals small{display:block;margin-top:.25cqw;color:#687685;font:700 .34cqw/1.3 Arial,sans-serif}
.manager-market-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:.8cqw .9cqw;border-radius:.43cqw;background:linear-gradient(145deg,#0b2034,#102d49);color:#fff}
.manager-market-toolbar span{display:block;color:#7fd7d7;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.12em}.manager-market-toolbar strong{display:block;margin-top:.25cqw;color:#fff;font:900 .75cqw/1 Arial,sans-serif}.manager-market-toolbar>div:last-child{display:flex;gap:.28cqw;flex-wrap:wrap;justify-content:flex-end}.manager-market-toolbar button{min-width:3.5cqw;height:1.55cqw;padding:0 .45cqw;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#cedae5;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.07em;cursor:pointer}.manager-market-toolbar button.is-active{background:#fff;color:#0b3b98;border-color:#fff}
.manager-vacancy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65cqw}.manager-vacancy-card{position:relative;border:1px solid #dfe5eb;border-top:.18cqw solid var(--manager-club-accent,#0b3b98);border-radius:.45cqw;background:linear-gradient(145deg,#fff,#f8fafc);padding:.78cqw;box-shadow:0 .25cqw .65cqw rgba(18,45,86,.04)}
.manager-vacancy-card.is-compact{grid-column:auto}.manager-vacancy-head{display:grid;grid-template-columns:3cqw minmax(0,1fr) auto;gap:.65cqw;align-items:center}.manager-vacancy-crest{width:2.8cqw;height:2.8cqw;display:grid;place-items:center;overflow:hidden;border:1px solid #e3e8ed;border-radius:.3cqw;background:#fff}.manager-vacancy-crest .club-badge,.manager-vacancy-crest .fitted-shield,.manager-vacancy-crest img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.manager-vacancy-head span{color:#76828f;font:900 .28cqw/1.2 Arial,sans-serif;letter-spacing:.08em}.manager-vacancy-head h4{margin:.22cqw 0 0;color:#111b25;font:900 .75cqw/1 Arial,sans-serif}.manager-vacancy-head p{margin:.18cqw 0 0;color:#788491;font:700 .32cqw/1 Arial,sans-serif}.manager-interest{padding:.3cqw .43cqw;border-radius:999px;background:#edf2f7;color:#5d6875;font:900 .26cqw/1 Arial,sans-serif;letter-spacing:.07em}.manager-interest.is-very-high,.manager-interest.is-high{background:#eaf7f1;color:#1c6a52}.manager-interest.is-medium{background:#edf3ff;color:#0b4d9b}.manager-interest.is-low{background:#fff6df;color:#7a5b17}.manager-interest.is-none{background:#f1f2f4;color:#78818a}
.manager-vacancy-facts{display:grid;grid-template-columns:1fr 1fr;gap:.42cqw;margin-top:.72cqw}.manager-vacancy-facts>div{padding:.52cqw .58cqw;border:1px solid #e3e8ed;border-radius:.3cqw;background:#fff}.manager-vacancy-facts span{display:block;color:#818b96;font:900 .25cqw/1 Arial,sans-serif;letter-spacing:.08em}.manager-vacancy-facts strong{display:block;margin-top:.2cqw;color:#17212b;font:900 .4cqw/1.2 Arial,sans-serif}.manager-vacancy-reason{margin-top:.55cqw;color:#687584;font:700 .34cqw/1.4 Arial,sans-serif}.manager-vacancy-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4cqw;margin-top:.65cqw}.manager-vacancy-actions button{height:2cqw;border:1px solid #ccd6e0;border-radius:.3cqw;background:#fff;color:#354453;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.06em;cursor:pointer}.manager-vacancy-actions button.is-primary{background:#0b3b98;border-color:#0b3b98;color:#fff}.manager-vacancy-actions button:disabled{opacity:.55;cursor:default}
.manager-market-empty{grid-column:1/-1;min-height:10cqw;display:grid;place-items:center;text-align:center;border:1px dashed #cad4de;border-radius:.45cqw;background:#f8fafc;padding:1.2cqw}.manager-market-empty span{color:#778390;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.12em}.manager-market-empty h3{margin:.3cqw 0 0;color:#15202a;font:900 .85cqw/1 Arial,sans-serif}.manager-market-empty p{margin:.35cqw auto 0;max-width:29cqw;color:#6e7b88;font:700 .38cqw/1.45 Arial,sans-serif}
.manager-monitoring-intro{padding:.9cqw;border:1px solid #dfe5eb;border-radius:.45cqw;background:linear-gradient(145deg,#fff,#f7fafc)}.manager-monitoring-intro span{color:#74818e;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.12em}.manager-monitoring-intro h3{margin:.3cqw 0 0;color:#14202a;font:900 1cqw/1 Arial,sans-serif}.manager-monitoring-intro p{margin:.35cqw 0 0;color:#6f7c89;font:700 .4cqw/1.4 Arial,sans-serif}.manager-monitoring-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55cqw}.manager-monitoring-grid article{padding:.65cqw;border:1px solid #e1e6eb;border-radius:.4cqw;background:#fff}.manager-monitoring-grid article>div{height:3.4cqw;display:grid;place-items:center;margin-bottom:.45cqw}.manager-monitoring-grid article>div .club-badge,.manager-monitoring-grid article>div .fitted-shield{height:100%;width:100%}.manager-monitoring-grid span{display:block;color:#7b8692;font:900 .25cqw/1 Arial,sans-serif;letter-spacing:.07em}.manager-monitoring-grid h4{margin:.25cqw 0;color:#14202a;font:900 .55cqw/1 Arial,sans-serif}.manager-monitoring-grid strong{display:block;color:#0b3b98;font:900 .32cqw/1 Arial,sans-serif}.manager-monitoring-grid small{display:block;margin-top:.25cqw;color:#77828e;font:700 .3cqw/1.2 Arial,sans-serif}
.manager-contract-panel{border:1px solid #dfe5eb;border-radius:.45cqw;background:#fff;padding:.9cqw}.manager-contract-hero{display:grid;grid-template-columns:4.4cqw minmax(0,1fr);gap:.8cqw;align-items:center}.manager-contract-hero>div{height:4cqw}.manager-contract-hero .club-badge,.manager-contract-hero .fitted-shield{width:100%;height:100%}.manager-contract-hero small{color:#77838f;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.1em}.manager-contract-hero h3{margin:.25cqw 0 0;color:#15202a;font:900 .95cqw/1 Arial,sans-serif}.manager-contract-hero p{margin:.25cqw 0 0;color:#657281;font:700 .37cqw/1.3 Arial,sans-serif}.manager-contract-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45cqw;margin-top:.8cqw}.manager-contract-facts>div{padding:.7cqw;border:1px solid #e1e6eb;border-radius:.35cqw;background:#f9fbfd}.manager-contract-facts span{display:block;color:#7b8793;font:900 .25cqw/1 Arial,sans-serif;letter-spacing:.08em}.manager-contract-facts strong{display:block;margin-top:.25cqw;color:#14202a;font:900 .52cqw/1 Arial,sans-serif}.manager-board-review{margin-top:.7cqw;padding:.8cqw;border:1px solid #e4cb83;border-radius:.38cqw;background:#fffaf0}.manager-board-review span{display:block;color:#7b5c19;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.08em}.manager-board-review strong{display:block;margin-top:.25cqw;color:#4f3c14;font:900 .62cqw/1 Arial,sans-serif}.manager-board-review p{margin:.3cqw 0 0;color:#76653d;font:700 .36cqw/1.35 Arial,sans-serif}.manager-renewal-offer{display:grid;grid-template-columns:1fr auto;gap:.35cqw;align-items:center;margin-top:.7cqw;padding:.7cqw;border-radius:.38cqw;background:#edf7f3;border:1px solid #cbe7dc}.manager-renewal-offer span{grid-column:1/-1;color:#3e6c5b;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.09em}.manager-renewal-offer strong{color:#214b3c;font:900 .46cqw/1 Arial,sans-serif}.manager-renewal-offer button{height:1.9cqw;padding:0 .55cqw;border:0;border-radius:.3cqw;background:#147b67;color:#fff;font:900 .29cqw/1 Arial,sans-serif;cursor:pointer}.manager-resign-btn{margin-top:1cqw;height:2.3cqw;width:100%;border:1px solid #d8bcbc;border-radius:.32cqw;background:#fff;color:#782d2d;font:900 .33cqw/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.manager-contract-empty{min-height:10cqw;display:grid;place-items:center;text-align:center;border:1px solid #dfe5eb;border-radius:.45cqw;background:#fff}.manager-contract-empty span{color:#788490;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.1em}.manager-contract-empty h3{margin:.25cqw 0;color:#14202a;font:900 1cqw/1 Arial,sans-serif}.manager-contract-empty p{color:#6f7c88;font:700 .4cqw/1.4 Arial,sans-serif}
.manager-active-offers{display:grid;gap:.45cqw}.manager-active-offers>span{color:#77838f;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.11em}.manager-active-offers article{display:grid;grid-template-columns:3.4cqw minmax(0,1fr) auto;gap:.65cqw;align-items:center;padding:.65cqw;border:1px solid #e1e6eb;border-radius:.38cqw;background:#fff}.manager-active-offers article>.club-badge,.manager-active-offers article>.fitted-shield{width:3cqw;height:3cqw}.manager-active-offers small,.manager-active-offers span{display:block;color:#72808d;font:700 .31cqw/1.25 Arial,sans-serif}.manager-active-offers strong{display:block;margin:.18cqw 0;color:#14202a;font:900 .56cqw/1 Arial,sans-serif}.manager-active-offers button{height:1.9cqw;padding:0 .65cqw;border:0;border-radius:.3cqw;background:#0b3b98;color:#fff;font:900 .29cqw/1 Arial,sans-serif;cursor:pointer}
.manager-market-overlay,.manager-interview-overlay,.manager-offer-overlay,.manager-first24-overlay,.manager-dismissal-overlay{position:fixed;inset:0;z-index:12000;display:none;place-items:center;background:rgba(5,15,26,.72);backdrop-filter:blur(8px);padding:2.3cqw}.manager-market-overlay.is-open,.manager-interview-overlay.is-open,.manager-offer-overlay.is-open,.manager-first24-overlay.is-open,.manager-dismissal-overlay.is-open{display:grid}.manager-market-shell{width:min(88vw,92cqw);max-height:88vh;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(255,255,255,.22);border-radius:.55cqw;background:#f4f7fa;box-shadow:0 2cqw 6cqw rgba(0,0,0,.38);overflow:hidden}.manager-market-shell>header,.manager-interview-shell>header,.manager-offer-shell>header{height:4cqw;display:flex;align-items:center;justify-content:space-between;padding:0 1cqw;background:linear-gradient(145deg,#091c2d,#102f4c);color:#fff}.manager-market-shell>header span,.manager-interview-shell>header span,.manager-offer-shell>header span{display:block;color:#77d5d4;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.12em}.manager-market-shell>header strong{display:block;margin-top:.2cqw;font:900 .75cqw/1 Arial,sans-serif}.manager-market-shell>header button,.manager-interview-shell>header button,.manager-offer-shell>header button{width:2cqw;height:2cqw;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#fff;font:400 1cqw/1 Arial,sans-serif;cursor:pointer}.manager-market-shell>main{overflow:auto;padding:.9cqw;display:grid;gap:.7cqw}
.manager-interview-shell{width:min(70vw,70cqw);border-radius:.55cqw;overflow:hidden;background:#f4f7fa;box-shadow:0 2cqw 6cqw rgba(0,0,0,.4)}.manager-interview-shell>main{padding:1cqw}.manager-interview-club{display:grid;grid-template-columns:4.3cqw minmax(0,1fr);gap:.75cqw;align-items:center;padding:.8cqw;border:1px solid #dfe5eb;border-radius:.42cqw;background:#fff}.manager-interview-club>div{grid-row:1/5;height:4cqw}.manager-interview-club .club-badge,.manager-interview-club .fitted-shield{height:100%;width:100%}.manager-interview-club span{color:#78848f;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.09em}.manager-interview-club h2{margin:.15cqw 0;color:#14202a;font:900 1.05cqw/1 Arial,sans-serif}.manager-interview-club p{margin:0;color:#6b7885;font:700 .35cqw/1 Arial,sans-serif}.manager-interview-question{margin-top:.75cqw}.manager-interview-question>span{color:#0b7b82;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.12em}.manager-interview-question h3{margin:.35cqw 0 .7cqw;color:#111b25;font:900 1.15cqw/1.15 Arial,sans-serif}.manager-interview-question>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55cqw}.manager-interview-question button{min-height:6.3cqw;text-align:left;padding:.75cqw;border:1px solid #dbe2e9;border-radius:.38cqw;background:#fff;cursor:pointer}.manager-interview-question button:hover{border-color:#0b3b98;background:#f4f8ff;transform:translateY(-.08cqw)}.manager-interview-question strong{display:block;color:#13202b;font:900 .5cqw/1.1 Arial,sans-serif}.manager-interview-question small{display:block;margin-top:.38cqw;color:#697785;font:700 .36cqw/1.4 Arial,sans-serif}
.manager-offer-shell{width:min(62vw,62cqw);border-radius:.55cqw;overflow:hidden;background:#f4f7fa;box-shadow:0 2cqw 6cqw rgba(0,0,0,.42)}.manager-offer-shell>main{padding:1cqw}.manager-offer-club{text-align:center;padding:1cqw}.manager-offer-club>div{width:5.5cqw;height:5.5cqw;margin:0 auto .45cqw}.manager-offer-club .club-badge,.manager-offer-club .fitted-shield{width:100%;height:100%}.manager-offer-club span{color:#0b7c82;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.11em}.manager-offer-club h2{margin:.35cqw 0 0;color:#111b25;font:900 1.55cqw/1 Arial,sans-serif}.manager-offer-club p{margin:.3cqw 0 0;color:#667482;font:700 .42cqw/1.4 Arial,sans-serif}.manager-offer-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5cqw}.manager-offer-facts>div{padding:.72cqw;border:1px solid #dfe5eb;border-radius:.35cqw;background:#fff}.manager-offer-facts span{display:block;color:#7c8792;font:900 .25cqw/1 Arial,sans-serif;letter-spacing:.08em}.manager-offer-facts strong{display:block;margin-top:.25cqw;color:#14202a;font:900 .52cqw/1.15 Arial,sans-serif}.manager-offer-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:.5cqw;margin-top:.8cqw}.manager-offer-actions button{height:2.6cqw;border:1px solid #cfd8e1;border-radius:.33cqw;background:#fff;color:#364554;font:900 .34cqw/1 Arial,sans-serif;cursor:pointer}.manager-offer-actions button.is-primary{background:#0b3b98;border-color:#0b3b98;color:#fff}
.manager-first24-shell,.manager-dismissal-shell{width:min(64vw,66cqw);border-radius:.58cqw;background:linear-gradient(145deg,#f8fafc,#eef3f7);box-shadow:0 2cqw 6cqw rgba(0,0,0,.42);padding:1.3cqw}.first24-top{text-align:center}.first24-top span,.manager-dismissal-shell main>span{color:#0b7b82;font:900 .29cqw/1 Arial,sans-serif;letter-spacing:.13em}.first24-top h1,.manager-dismissal-shell h1{margin:.4cqw 0 0;color:#111a23;font:900 1.65cqw/1 Arial,sans-serif}.first24-top p,.manager-dismissal-shell p{margin:.45cqw auto 0;max-width:45cqw;color:#647280;font:700 .42cqw/1.45 Arial,sans-serif}.first24-club{display:grid;grid-template-columns:6cqw minmax(0,1fr);gap:.9cqw;align-items:center;margin-top:1cqw;padding:.85cqw;border:1px solid #dce3ea;border-radius:.45cqw;background:#fff}.first24-club>div{height:5.4cqw}.first24-club .club-badge,.first24-club .fitted-shield{width:100%;height:100%}.first24-club span{color:#76828e;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.1em}.first24-club h2{margin:.3cqw 0 0;color:#14202a;font:900 1.1cqw/1 Arial,sans-serif}.first24-club p{margin:.28cqw 0 0;color:#687584;font:700 .38cqw/1.3 Arial,sans-serif}.first24-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5cqw;margin-top:.75cqw}.first24-grid article{padding:.75cqw;border:1px solid #dfe5eb;border-radius:.38cqw;background:#fff}.first24-grid b{display:block;color:#0b3b98;font:900 .55cqw/1 Arial,sans-serif}.first24-grid strong{display:block;margin-top:.4cqw;color:#14202a;font:900 .4cqw/1 Arial,sans-serif}.first24-grid span{display:block;margin-top:.27cqw;color:#6e7b88;font:700 .34cqw/1.35 Arial,sans-serif}.manager-first24-shell button,.manager-dismissal-shell button{margin-top:.85cqw;width:100%;height:2.7cqw;border:0;border-radius:.34cqw;background:#0b3b98;color:#fff;font:900 .36cqw/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}
.manager-dismissal-shell{text-align:center}.dismiss-club{width:5.8cqw;height:5.8cqw;margin:0 auto .6cqw}.dismiss-club .club-badge,.dismiss-club .fitted-shield{width:100%;height:100%}.manager-dismissal-shell h3{margin:.35cqw 0 0;color:#24313e;font:900 .78cqw/1 Arial,sans-serif}.dismiss-record{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45cqw;margin-top:.8cqw}.dismiss-record>div{padding:.7cqw;border:1px solid #dce3e9;border-radius:.36cqw;background:#fff}.dismiss-record strong{display:block;color:#0b3b98;font:900 .85cqw/1 Arial,sans-serif}.dismiss-record span{display:block;margin-top:.25cqw;color:#72808d;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.08em}.manager-dismissal-shell main>small{display:block;margin-top:.65cqw;color:#7a6060;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.08em}
.job-offer-grid .manager-vacancy-card.is-compact{min-width:0}.job-market-open-button{grid-column:1/-1;margin-top:0}.manager-job-offer-card,.manager-interview-card{border-top:3px solid #0b3b98!important}
/* Club crest images across the manager-market UI have no CSS class of their own (badgeHTML() returns a bare ![]()
),
so containers that only sized a ".club-badge"/".fitted-shield" child left the raw ![]()
unconstrained and it
rendered at native size, bleeding across the card. Constrain the actual ![]()
in every affected container. */
.manager-active-offers article>img,
.manager-interview-club>div img,
.manager-offer-club>div img,
.first24-club>div img,
.dismiss-club>img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block}
.opponent-manager-strip{display:grid;gap:.14cqw;margin:.65cqw 0;padding:.55cqw .6cqw;border-left:.14cqw solid #0b3b98;background:rgba(12,59,152,.045)}.opponent-manager-strip span{color:#6f7d8a!important;font:900 .26cqw/1 Arial,sans-serif!important;letter-spacing:.09em!important}.opponent-manager-strip strong{color:#14202a!important;font:900 .5cqw/1 Arial,sans-serif!important}.opponent-manager-strip small{color:#6e7a86;font:700 .31cqw/1.2 Arial,sans-serif}
@media(max-width:1200px){.manager-market-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.manager-career-overview-grid{grid-template-columns:1fr}.manager-vacancy-grid{grid-template-columns:1fr}.manager-monitoring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-spell-list article{grid-template-columns:3.5rem 7rem minmax(0,1fr)}.manager-spell-list article>strong{grid-column:2/-1}.manager-contract-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-interview-question>div{grid-template-columns:1fr}.manager-offer-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.central-manager-security-strip{width:100%;min-height:2.2cqw;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65cqw;margin-top:.45cqw;padding:.45cqw .62cqw;border:1px solid #dce3e9;border-radius:.3cqw;background:linear-gradient(90deg,#f7fafc,#fff);cursor:pointer;text-align:left}.central-manager-security-strip:hover{border-color:#0b3b98;background:#f4f8ff}.central-manager-security-strip span{color:#73808c;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.09em}.central-manager-security-strip strong{color:#0b3b98;font:900 .42cqw/1 Arial,sans-serif}.central-manager-security-strip small{color:#77838f;font:800 .29cqw/1 Arial,sans-serif}
/* ========================================================================== */
/* V19.8 — CHAMPIONS CROWN */
/* ========================================================================== */
.season-live-subnav{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.season-live-subnav button[data-season-tab="champions-crown"]::before{content:""!important;background:transparent!important;border:0!important}
.season-live-subnav .season-crown-tab{grid-template-columns:1.28cqw minmax(0,1fr)!important;color:#1b3559!important}
.season-live-subnav .season-crown-tab>img{position:absolute!important;left:.72cqw!important;width:1.1cqw!important;height:1.1cqw!important;object-fit:contain!important;z-index:2!important}
.season-live-subnav .season-crown-tab.is-active{background:linear-gradient(180deg,#102950,#071a34)!important;border-color:#c9a451!important;color:#fff!important}
.season-live-subnav .season-crown-tab.is-active>img{filter:drop-shadow(0 0 .18cqw rgba(216,181,95,.35))!important}
.cc-hero{position:relative;min-height:10.3cqw;border-radius:.58cqw;overflow:hidden;border:1px solid #c9a451;background:#07182f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:1.05cqw 1.25cqw;box-shadow:0 .42cqw 1.25cqw rgba(6,24,49,.18)}
.cc-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,32,.97),rgba(6,27,54,.85) 55%,rgba(8,32,60,.7)),url('assets/champions-crown/media-backdrop.png') center 35%/cover no-repeat;opacity:.9}
.cc-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 20%,rgba(235,198,105,.18),transparent 28%);pointer-events:none}
.cc-hero-brand,.cc-stage-chip{position:relative;z-index:2}
.cc-hero-brand{display:flex;align-items:center;gap:1cqw;max-width:72%}
.cc-hero-brand>img{width:4.9cqw;height:4.9cqw;object-fit:contain;filter:drop-shadow(0 .24cqw .45cqw rgba(0,0,0,.35))}
.cc-hero-brand span,.cc-section-heading span,.cc-feature-card>span,.cc-overview-lower header>span,.cc-side-brand>span{font:900 .47cqw/1 Arial,sans-serif;letter-spacing:.16em;color:#d9b963}
.cc-hero-brand h1{margin:.2cqw 0 .24cqw;font:900 1.62cqw/1 Arial,sans-serif;letter-spacing:.025em}
.cc-hero-brand p{margin:0;max-width:32cqw;font:700 .52cqw/1.45 Arial,sans-serif;color:#cbd6e4}
.cc-stage-chip{min-width:8.4cqw;padding:.7cqw .88cqw;border:1px solid rgba(222,188,99,.42);background:rgba(5,22,45,.72);backdrop-filter:blur(6px);border-radius:.42cqw;text-align:right}
.cc-stage-chip span{display:block;font:800 .42cqw Arial,sans-serif;color:#b5c5d7;letter-spacing:.11em}
.cc-stage-chip strong{display:block;margin-top:.26cqw;font:900 .72cqw Arial,sans-serif;color:#f0cb72}
.cc-inner-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:.42cqw;margin:.72cqw 0}
.cc-inner-nav button{min-height:2.15cqw;border:1px solid #dce3ea;border-radius:.3cqw;background:#f7f9fb;color:#53606d;font:900 .44cqw Arial,sans-serif;letter-spacing:.08em;cursor:pointer}
.cc-inner-nav button:hover{border-color:#aabacf;color:#173b72}
.cc-inner-nav button.is-active{background:#09274c;border-color:#c9a451;color:#fff;box-shadow:inset 0 -.12cqw #d7b45a}
.cc-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65cqw}
.cc-feature-card{min-height:7.2cqw;padding:.9cqw;border:1px solid #dde4eb;border-radius:.46cqw;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 .22cqw .6cqw rgba(20,45,78,.045)}
.cc-feature-card h2{margin:.28cqw 0 .36cqw;font:900 .95cqw Arial,sans-serif;color:#122238}
.cc-feature-card p{margin:.2cqw 0;font:600 .49cqw/1.45 Arial,sans-serif;color:#667381}
.cc-feature-card button,.cc-overview-lower button{margin-top:.58cqw;border:0;border-radius:.28cqw;background:#0b3b91;color:#fff;padding:.56cqw .72cqw;font:900 .43cqw Arial,sans-serif;letter-spacing:.06em;cursor:pointer}
.cc-draw-card{background:linear-gradient(135deg,#071a35,#0a2e5a);border-color:#c9a451;color:#fff;position:relative;overflow:hidden}
.cc-draw-card::after{content:"";position:absolute;right:-1.5cqw;bottom:-2.2cqw;width:8cqw;height:8cqw;background:url('assets/champions-crown/icon.png') center/contain no-repeat;opacity:.08}
.cc-draw-card h2{color:#fff}.cc-draw-card p{color:#c9d4e1}.cc-draw-card button{background:#d2ad56;color:#071a35}
.cc-journey{display:grid;gap:.3cqw;margin-top:.55cqw}.cc-journey div{padding:.42cqw .5cqw;background:#eef3f8;border-left:.16cqw solid #d2ad56;font:800 .46cqw Arial,sans-serif;color:#34475d}
.cc-next-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.4cqw;margin:.45cqw 0}.cc-next-match>b{font:900 .65cqw Arial;color:#d0a84c}
.cc-mini-club{min-width:0;display:flex;align-items:center;gap:.44cqw}.cc-mini-club>.club-badge,.cc-mini-club>.badge{flex:0 0 auto}.cc-mini-club img{width:1.45cqw!important;height:1.45cqw!important;object-fit:contain!important}.cc-mini-club>span{min-width:0}.cc-mini-club strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 .49cqw Arial,sans-serif;color:#152638}.cc-mini-club small{display:block;margin-top:.1cqw;font:700 .37cqw Arial,sans-serif;color:#7b8793}.cc-mini-club.is-empty{color:#9aa5b0}
.cc-overview-lower{display:grid;grid-template-columns:1.25fr .75fr;gap:.65cqw;margin-top:.65cqw}.cc-overview-lower>div{border:1px solid #dde4eb;border-radius:.46cqw;background:#fff;padding:.75cqw}.cc-overview-lower header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55cqw}.cc-overview-lower header button{margin:0;background:transparent;color:#0b3b91;border:1px solid #cad5e1;padding:.34cqw .48cqw}.cc-group-snapshot{display:grid;grid-template-columns:repeat(2,1fr);gap:.42cqw}.cc-group-snapshot article{border:1px solid #e1e6eb;background:#f9fbfc;border-radius:.32cqw;padding:.48cqw}.cc-group-snapshot article>span{display:block;margin-bottom:.3cqw;font:900 .4cqw Arial;color:#b08b34;letter-spacing:.1em}.cc-performers{display:grid;gap:.38cqw}.cc-performers article{display:flex;align-items:center;gap:.45cqw;padding:.35cqw;border-bottom:1px solid #e7ebef}.cc-performers article>img,.cc-performers article>.avatar-shell{width:1.8cqw!important;height:1.8cqw!important;object-fit:contain!important}.cc-performers article span{min-width:0}.cc-performers b{display:inline-grid;place-items:center;width:1.1cqw;height:1.1cqw;border-radius:50%;background:#08284f;color:#e4c370;font:900 .4cqw Arial}.cc-performers strong{display:block;font:900 .46cqw Arial;color:#16283c}.cc-performers small{display:block;font:600 .36cqw Arial;color:#788490}
.cc-section-heading{padding:.58cqw .2cqw .72cqw;border-bottom:1px solid #e0e6ec}.cc-section-heading h1{margin:.2cqw 0 .18cqw;font:900 1.25cqw Arial;color:#13243a}.cc-section-heading p{margin:0;font:600 .48cqw/1.4 Arial;color:#6b7784}
.cc-groups-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58cqw}.cc-group-card{border:1px solid #dce3ea;border-radius:.4cqw;background:#fff;overflow:hidden}.cc-group-card>header{display:flex;justify-content:space-between;align-items:center;padding:.56cqw .62cqw;background:#08284f;color:#fff}.cc-group-card>header span{font:900 .58cqw Arial}.cc-group-card>header small{font:800 .34cqw Arial;color:#e1bd61;letter-spacing:.08em}.cc-group-head,.cc-group-row{display:grid;grid-template-columns:1.2cqw minmax(0,1fr) 1.7cqw 1.7cqw 2cqw;gap:.35cqw;align-items:center}.cc-group-head{padding:.36cqw .52cqw;background:#f3f6f9;color:#7b8794;font:800 .34cqw Arial}.cc-group-row{min-height:2.2cqw;padding:.4cqw .52cqw;border-top:1px solid #edf0f3}.cc-group-row>b,.cc-group-row>strong{text-align:center;font:900 .46cqw Arial;color:#22384f}.cc-group-row>strong{color:#0b3b91}.cc-group-row.is-qualified{box-shadow:inset .14cqw 0 #2aa88d}.cc-group-row.is-user{background:#eef5ff;box-shadow:inset .16cqw 0 #0c4fb4}.cc-group-row .cc-mini-club strong{font-size:.44cqw}
.cc-fixture-list{display:grid;gap:.38cqw}.cc-fixture{display:grid;grid-template-columns:5.8cqw 5.2cqw minmax(0,1fr) 4cqw minmax(0,1fr);align-items:center;gap:.5cqw;width:100%;padding:.46cqw .55cqw;border:1px solid #e0e6ec;border-radius:.34cqw;background:#fff;text-align:left;cursor:pointer}.cc-fixture:hover{border-color:#b7c6d7;box-shadow:0 .15cqw .45cqw rgba(20,45,75,.06)}.cc-fixture.is-user{border-left:.17cqw solid #0b4eaa}.cc-fixture.is-played{background:#f8fafb}.cc-fixture time{font:900 .4cqw Arial;color:#556372}.cc-fixture>small{font:900 .36cqw Arial;color:#b08a34;letter-spacing:.05em}.cc-fixture>b{text-align:center;font:900 .65cqw Arial;color:#102c53}.cc-fixture>b em{display:block;font:800 .3cqw Arial;color:#8b6a1d;font-style:normal}
.cc-bracket{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:.6cqw;align-items:start}.cc-bracket>div>header{margin-bottom:.45cqw;padding:.45cqw .55cqw;background:#08284f;color:#fff;border-bottom:.12cqw solid #caa64f;font:900 .45cqw Arial;letter-spacing:.08em}.cc-tie-card{display:grid;gap:.35cqw;margin-bottom:.45cqw;padding:.5cqw;border:1px solid #dce3ea;border-radius:.34cqw;background:#fff}.cc-tie-card footer{padding-top:.3cqw;border-top:1px solid #edf0f3;font:800 .34cqw Arial;color:#7d8791}.cc-tie-card footer strong{color:#0b4a9b}.cc-bracket-placeholder{display:grid;place-items:center;min-height:4.8cqw;border:1px dashed #cbd5df;border-radius:.34cqw;color:#83909c;font:900 .4cqw Arial}.cc-final-bracket{display:grid;place-items:center;gap:.42cqw;padding:.7cqw;border:1px solid #c9a451;background:linear-gradient(180deg,#071b36,#0b315b);border-radius:.42cqw;color:#fff;text-align:center}.cc-final-bracket>img{height:5.3cqw;max-width:6cqw;object-fit:contain}.cc-final-bracket .cc-mini-club{width:100%;background:rgba(255,255,255,.08);padding:.4cqw;border-radius:.28cqw}.cc-final-bracket .cc-mini-club strong{color:#fff}.cc-final-bracket .cc-mini-club small{color:#d8c17e}.cc-final-bracket>b{font:900 .75cqw Arial;color:#f1cf76}.cc-final-bracket>strong{font:900 .5cqw Arial;color:#e4c267}
.cc-history-list{display:grid;gap:.48cqw}.cc-history-list>article{display:grid;grid-template-columns:5cqw minmax(0,1fr) 5cqw;align-items:center;gap:.6cqw;padding:.6cqw;border:1px solid #dfe5eb;border-radius:.4cqw;background:#fff}.cc-history-list>article.is-latest{border-color:#c9a451;background:linear-gradient(90deg,#fffdf7,#fff)}.cc-history-list>article>span{font:900 .6cqw Arial;color:#0a315f}.cc-history-list>article>div{display:grid;grid-template-columns:1fr auto 1fr;gap:.5cqw;align-items:center}.cc-history-list>article>div>b{font:800 .35cqw Arial;color:#a08035}.cc-history-list>article>strong{text-align:right;font:900 .57cqw Arial;color:#1c3451}.cc-history-empty{display:grid;place-items:center;min-height:18cqw;text-align:center}.cc-history-empty img{height:8cqw;object-fit:contain}.cc-history-empty h2{margin:.35cqw 0 .2cqw;font:900 .8cqw Arial;color:#132a47}.cc-history-empty p{font:600 .45cqw Arial;color:#73808d}
.cc-empty-hub{min-height:31cqw;display:grid;place-items:center;align-content:center;text-align:center;padding:1.5cqw;background:linear-gradient(150deg,#071a34,#0b315a);border:1px solid #c9a451;border-radius:.55cqw;color:#fff}.cc-empty-mark img{width:6.5cqw;height:6.5cqw;object-fit:contain}.cc-empty-hub>span{margin-top:.4cqw;font:900 .43cqw Arial;color:#d8b75e;letter-spacing:.15em}.cc-empty-hub h1{margin:.25cqw 0;font:900 1.55cqw Arial}.cc-empty-hub>p{max-width:30cqw;font:600 .5cqw/1.45 Arial;color:#c6d2df}.cc-qualification-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.55cqw;margin-top:.8cqw}.cc-qualification-grid article{padding:.65cqw;background:rgba(255,255,255,.07);border:1px solid rgba(223,189,99,.26);border-radius:.35cqw}.cc-qualification-grid span{display:block;font:800 .34cqw Arial;color:#d7b65d;letter-spacing:.09em}.cc-qualification-grid strong{display:block;margin:.24cqw 0;font:900 .63cqw Arial}.cc-qualification-grid small{font:600 .37cqw Arial;color:#bac7d4}.cc-world-route{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:.4cqw;margin-top:.65cqw}.cc-world-route div{display:flex;justify-content:space-between;padding:.42cqw .5cqw;background:rgba(1,10,24,.35);border-radius:.24cqw}.cc-world-route strong{font:900 .4cqw Arial}.cc-world-route span{font:900 .36cqw Arial;color:#ddb95c}
.cc-side-brand{background:linear-gradient(160deg,#071a34,#0c3159)!important;border-color:#c9a451!important;color:#fff!important;text-align:center}.cc-side-brand img{display:block;width:4cqw;height:4cqw;object-fit:contain;margin:.1cqw auto .35cqw}.cc-side-brand>span{margin-bottom:.25cqw!important}.cc-side-brand>strong{display:block;font:900 .68cqw Arial}.cc-side-brand>small{display:block;margin-top:.25cqw;color:#c5d1de;font:600 .4cqw/1.35 Arial}.cc-side-row{display:grid;grid-template-columns:1.2cqw 1fr 2cqw;gap:.3cqw;align-items:center;padding:.32cqw 0;border-bottom:1px solid #ebeff3}.cc-side-row b,.cc-side-row strong{font:900 .4cqw Arial}.cc-side-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 .4cqw Arial}.cc-side-row.is-user{color:#0b4ba3}
.cc-draw-overlay,.cc-final-overlay{position:fixed;inset:0;z-index:15000;display:none;place-items:center;background:rgba(2,8,18,.88);backdrop-filter:blur(8px)}.cc-draw-overlay.is-open,.cc-final-overlay.is-open{display:grid}.cc-draw-shell{position:relative;width:min(90vw,1500px);height:min(88vh,900px);overflow:hidden;border:1px solid #c9a451;background:#06172f;box-shadow:0 2cqw 5cqw rgba(0,0,0,.5);color:#fff}.cc-draw-backdrop{position:absolute;inset:0;background:linear-gradient(rgba(2,13,29,.55),rgba(2,13,29,.88)),url('assets/champions-crown/media-backdrop.png') center/cover no-repeat}.cc-draw-shell>header{position:relative;z-index:2;height:10%;display:flex;align-items:center;justify-content:space-between;padding:0 2%;border-bottom:1px solid rgba(217,183,91,.35);background:rgba(3,16,34,.82)}.cc-draw-shell>header span{display:block;font:800 12px Arial;color:#d5b45b;letter-spacing:.15em}.cc-draw-shell>header strong{display:block;margin-top:5px;font:900 24px Arial}.cc-draw-shell>header button{border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.cc-draw-shell>main{position:relative;z-index:2;height:90%;display:grid;grid-template-rows:30% 1fr auto;padding:1.2% 2% 1.5%;overflow:auto}.cc-draw-pots{display:grid;grid-template-columns:42% 1fr;align-items:center;gap:3%}.cc-draw-pots img{width:100%;height:100%;object-fit:contain}.cc-draw-pots span{display:block;font:900 11px Arial;color:#d5b45b;letter-spacing:.13em}.cc-draw-pots strong{display:block;margin:8px 0;font:900 22px Arial}.cc-draw-pots p{max-width:540px;color:#c9d5e1;font:600 14px/1.45 Arial}.cc-draw-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2%;align-items:start}.cc-draw-groups article{background:rgba(4,20,42,.83);border:1px solid rgba(218,184,95,.28)}.cc-draw-groups article>header{padding:11px 13px;background:#d1ad56;color:#06162d;font:900 13px Arial;letter-spacing:.08em}.cc-draw-groups article>div{min-height:56px;display:grid;grid-template-columns:46px 38px minmax(0,1fr);align-items:center;gap:7px;padding:7px 10px;border-top:1px solid rgba(255,255,255,.08);opacity:.55}.cc-draw-groups article>div.is-revealed{opacity:1;background:rgba(255,255,255,.035)}.cc-draw-groups article>div>span{font:800 9px Arial;color:#9fb1c4}.cc-draw-groups article>div .club-badge img,.cc-draw-groups article>div img{width:34px;height:34px;object-fit:contain}.cc-draw-groups article>div strong{display:block;font:900 12px Arial}.cc-draw-groups article>div small{display:block;margin-top:2px;font:700 9px Arial;color:#d5b45b}.cc-draw-shell main>footer{display:flex;justify-content:flex-end;gap:10px;padding-top:12px}.cc-draw-shell main>footer button{min-width:170px;padding:12px 16px;border:1px solid rgba(255,255,255,.2);background:#0c284d;color:#fff;font:900 11px Arial;letter-spacing:.08em;cursor:pointer}.cc-draw-shell main>footer button.is-primary{background:#d2ae56;border-color:#d2ae56;color:#07172f}
.cc-final-shell{position:relative;width:min(94vw,1600px);height:min(88vh,920px);overflow:hidden;border:1px solid #c9a451;background:#06172f;box-shadow:0 2cqw 6cqw rgba(0,0,0,.55)}.cc-final-shell>button{position:absolute;z-index:5;right:18px;top:15px;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(0,0,0,.3);color:#fff;font-size:25px;cursor:pointer}.cc-final-shell>main{height:100%}.cc-final-stage-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,26,.82),rgba(2,12,26,.25) 58%,rgba(2,12,26,.46)),url('assets/champions-crown/final-stage.png') center/cover no-repeat}.cc-final-content{position:relative;z-index:2;width:46%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:5%;color:#fff}.cc-final-trophy{height:24%;max-width:210px;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,.35))}.cc-final-content>span{margin-top:18px;font:900 12px Arial;color:#e0bd62;letter-spacing:.15em}.cc-final-content h1{max-width:620px;margin:12px 0 16px;font:900 38px/1.02 Arial;letter-spacing:.01em}.cc-final-winner{display:flex;align-items:center;gap:12px;padding:10px 15px;border:1px solid rgba(225,190,97,.42);background:rgba(5,25,51,.72)}.cc-final-winner img{width:54px;height:54px;object-fit:contain}.cc-final-winner strong{font:900 18px Arial}.cc-final-content p{max-width:590px;font:600 14px/1.5 Arial;color:#d0dce7}.cc-final-content button{margin-top:12px;padding:13px 20px;border:0;background:#d3ae55;color:#07172f;font:900 11px Arial;letter-spacing:.08em;cursor:pointer}
.matchday-screen.is-champions-crown .matchday-atmosphere{background:radial-gradient(circle at 50% 5%,rgba(207,169,77,.18),transparent 30%),linear-gradient(rgba(4,17,35,.08),rgba(4,17,35,.2)),url('assets/champions-crown/media-backdrop.png') center/cover no-repeat!important;opacity:.26!important}.matchday-screen.is-champions-crown .matchday-heading-v2{border-bottom-color:#d0ab52!important}.matchday-screen.is-champions-crown .matchday-heading-v2 span,.matchday-screen.is-champions-crown .matchday-panel-kicker{color:#aa8530!important}.matchday-screen.is-champions-crown .matchday-competition{color:#9b7521!important}.cc-match-context{margin:.45cqw 0;padding:.48cqw .56cqw;border-left:.14cqw solid #d0aa50;background:#f4f7fa}.cc-match-context span{display:block;font:900 .35cqw Arial;color:#a47e27;letter-spacing:.09em}.cc-match-context strong{display:block;margin:.15cqw 0;font:900 .54cqw Arial;color:#17304f}.cc-match-context small{font:700 .37cqw Arial;color:#687684}.cc-match-context.is-final{background:linear-gradient(90deg,#071d39,#0b3159);color:#fff}.cc-match-context.is-final strong{color:#fff}.cc-match-context.is-final small{color:#c7d4e1}
.results-screen.is-champions-crown::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 .18cqw #d0aa51;z-index:20}.results-screen.is-champions-crown .results-competition{color:#9a7524!important}.results-score small{display:block;margin-top:.15cqw;font:900 .35cqw Arial;color:#a78028;letter-spacing:.06em}.cc-impact{border-left:.15cqw solid #d0aa51!important}
@media (max-width:1100px){
.season-live-subnav button{font-size:.41cqw!important;padding:0 .48cqw!important}.season-live-subnav .season-crown-tab>img{left:.48cqw!important}
.cc-overview-grid,.cc-groups-grid{grid-template-columns:1fr}.cc-overview-lower{grid-template-columns:1fr}.cc-bracket{grid-template-columns:1fr}.cc-fixture{grid-template-columns:5cqw 4.8cqw 1fr 3.5cqw 1fr}
.cc-draw-groups{grid-template-columns:repeat(2,1fr);row-gap:10px}.cc-final-content{width:60%}
}
/* ================================================================
V19.9 — THE LIVING SQUAD
Contracts · player careers · incoming bids · loans · development
================================================================ */
.living-player-tabs{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;
margin:14px 0 12px;
border:1px solid #dce4ec;
border-radius:8px;
overflow:hidden;
background:#f7f9fb;
}
.living-player-tabs button{
min-height:39px;
border:0;
border-right:1px solid #dce4ec;
background:transparent;
color:#536271;
font:800 10px/1 Arial,sans-serif;
letter-spacing:.08em;
cursor:pointer;
}
.living-player-tabs button:last-child{border-right:0}
.living-player-tabs button.is-active{
color:#fff;
background:#123fa0;
box-shadow:inset 0 -3px 0 #35bfc7;
}
.living-player-view{min-height:330px}
.living-profile-panel{
display:grid;
gap:14px;
padding-bottom:8px;
}
.living-profile-panel>header{
display:grid;
grid-template-columns:1fr auto;
align-items:end;
gap:4px 12px;
padding:10px 0 12px;
border-bottom:1px solid #dce4ec;
}
.living-profile-panel>header span{
grid-column:1/-1;
color:#15949d;
font:900 9px/1 Arial,sans-serif;
letter-spacing:.16em;
}
.living-profile-panel>header strong{
color:#0a1930;
font:900 18px/1.1 Arial,sans-serif;
letter-spacing:.02em;
}
.living-profile-panel>header small{
color:#75818d;
font:800 9px/1 Arial,sans-serif;
letter-spacing:.08em;
}
.living-growth-facts{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
border:1px solid #dce4ec;
border-radius:7px;
overflow:hidden;
}
.living-growth-facts>div{
min-height:60px;
padding:11px 12px;
border-right:1px solid #dce4ec;
border-bottom:1px solid #dce4ec;
background:#fff;
}
.living-growth-facts>div:nth-child(2n){border-right:0}
.living-growth-facts>div:nth-last-child(-n+2){border-bottom:0}
.living-growth-facts span,.living-negotiation-values span{
display:block;
margin-bottom:7px;
color:#6d7a87;
font:900 8px/1 Arial,sans-serif;
letter-spacing:.1em;
}
.living-growth-facts strong{
color:#0d2c76;
font:900 13px/1.1 Arial,sans-serif;
}
.living-plan-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
.living-plan-grid button{
min-height:76px;
padding:12px;
border:1px solid #d6e0e8;
border-radius:7px;
background:#fff;
text-align:left;
cursor:pointer;
}
.living-plan-grid button:last-child{grid-column:1/-1}
.living-plan-grid button:hover,.living-plan-grid button.is-active{
border-color:#1551bd;
background:#eff5ff;
box-shadow:inset 3px 0 0 #1551bd;
}
.living-plan-grid strong{
display:block;
margin-bottom:6px;
color:#102b63;
font:900 10px/1 Arial,sans-serif;
letter-spacing:.05em;
}
.living-plan-grid span{
color:#61707c;
font:700 9px/1.45 Arial,sans-serif;
}
.living-contract-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
.living-contract-actions button{
min-height:42px;
padding:9px;
border:1px solid #d3dde6;
border-radius:6px;
background:#fff;
color:#25374b;
font:900 9px/1.15 Arial,sans-serif;
letter-spacing:.05em;
cursor:pointer;
}
.living-contract-actions button:hover,.living-contract-actions button.is-active{
border-color:#1749a9;
color:#123f9b;
background:#f0f5ff;
}
.living-contract-actions button.is-primary{
color:#fff;
background:#123fa0;
border-color:#123fa0;
}
.living-contract-actions button:disabled{opacity:.38;cursor:not-allowed}
.living-asking-price{
display:block;
padding:12px;
border:1px solid #dae2e9;
border-radius:7px;
background:#f8fafc;
}
.living-asking-price>span{
display:block;
margin-bottom:8px;
color:#607080;
font:900 8px/1 Arial,sans-serif;
letter-spacing:.11em;
}
.living-asking-price>div{
display:grid;
grid-template-columns:22px 1fr 62px;
align-items:center;
border:1px solid #ccd8e3;
border-radius:5px;
overflow:hidden;
background:#fff;
}
.living-asking-price b{padding-left:10px;color:#153f99}
.living-asking-price input{
min-width:0;
height:38px;
border:0;
outline:0;
color:#10233d;
font:900 13px Arial,sans-serif;
}
.living-asking-price button{
height:38px;
border:0;
background:#123fa0;
color:#fff;
font:900 9px Arial,sans-serif;
cursor:pointer;
}
.living-career-timeline{
padding:12px;
border:1px solid #dbe3ea;
border-radius:7px;
background:#fff;
}
.living-career-timeline h4{
margin:0 0 10px;
color:#798692;
font:900 8px/1 Arial,sans-serif;
letter-spacing:.13em;
}
.living-career-timeline article{
display:grid;
grid-template-columns:76px 1fr;
gap:3px 10px;
padding:9px 0;
border-top:1px solid #edf1f4;
}
.living-career-timeline article:first-of-type{border-top:0}
.living-career-timeline article span{
grid-row:1/3;
color:#1b50a7;
font:900 9px Arial,sans-serif;
}
.living-career-timeline article strong{
color:#152335;
font:900 10px Arial,sans-serif;
}
.living-career-timeline article small,.living-career-timeline p{
color:#6e7a85;
font:700 9px/1.35 Arial,sans-serif;
}
/* Transfer Hub now behaves like a proper career workspace rather than a target dump. */
#transferHubCards{display:block!important}
.living-transfer-hub{width:100%;min-width:0}
.living-transfer-hub-nav{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
margin-bottom:11px;
border:1px solid #d7e0e8;
border-radius:7px;
overflow:hidden;
background:#f5f8fa;
}
.living-transfer-hub-nav button{
position:relative;
min-height:45px;
border:0;
border-right:1px solid #d7e0e8;
background:transparent;
color:#5b6876;
font:900 9px/1 Arial,sans-serif;
letter-spacing:.07em;
cursor:pointer;
}
.living-transfer-hub-nav button:last-child{border-right:0}
.living-transfer-hub-nav button.is-active{
color:#fff;
background:#123f9e;
}
.living-transfer-hub-nav b{
display:inline-grid;
place-items:center;
min-width:18px;
height:18px;
margin-left:6px;
padding:0 5px;
border-radius:9px;
background:#29adb7;
color:#fff;
font-size:8px;
}
.living-transfer-hub-body{
min-height:385px;
border:1px solid #e0e6eb;
border-radius:7px;
background:#fff;
overflow:auto;
}
.living-offer-list,.living-deal-list,.living-history-list,.living-loan-section{
display:grid;
gap:0;
}
.living-offer-card{
display:grid;
grid-template-columns:54px 1fr 125px;
align-items:center;
gap:13px;
width:100%;
min-height:92px;
padding:13px 16px;
border:0;
border-bottom:1px solid #e4e9ee;
background:#fff;
text-align:left;
cursor:pointer;
}
.living-offer-card:hover{background:#f5f8fd;box-shadow:inset 4px 0 0 #1450b4}
.living-offer-card>div,.living-loan-card>div{width:45px;height:45px;display:grid;place-items:center}
.living-offer-card .club-badge,.living-loan-card .club-badge{max-width:42px;max-height:42px}
.living-offer-card section small{
display:block;
color:#15969e;
font:900 8px Arial,sans-serif;
letter-spacing:.09em;
}
.living-offer-card h4{margin:5px 0 4px;color:#0b1930;font:900 13px Arial,sans-serif}
.living-offer-card p{margin:0;color:#687684;font:700 9px/1.35 Arial,sans-serif}
.living-offer-card aside{text-align:right}
.living-offer-card aside span{display:block;color:#75818c;font:900 8px Arial,sans-serif;letter-spacing:.09em}
.living-offer-card aside strong{display:block;margin:5px 0;color:#0f3e9a;font:900 17px Arial,sans-serif}
.living-offer-card aside small{color:#8a949d;font:800 8px Arial,sans-serif}
.living-deal-list button{
display:grid;
grid-template-columns:52px 1fr;
align-items:center;
gap:11px;
width:100%;
min-height:76px;
padding:10px 14px;
border:0;
border-bottom:1px solid #e5eaee;
background:#fff;
text-align:left;
cursor:pointer;
}
.living-deal-list button:hover{background:#f6f9fd}
.living-deal-list section{display:grid;gap:3px}
.living-deal-list small{color:#78838e;font:800 8px Arial,sans-serif}
.living-deal-list strong{color:#11243e;font:900 11px Arial,sans-serif}
.living-deal-list span{color:#1651aa;font:800 9px Arial,sans-serif}
.living-history-list article{
display:grid;
grid-template-columns:110px 1fr;
gap:4px 14px;
padding:14px 17px;
border-bottom:1px solid #e5eaee;
}
.living-history-list article span{grid-row:1/3;color:#75828e;font:900 8px Arial,sans-serif}
.living-history-list article strong{color:#13253c;font:900 11px Arial,sans-serif}
.living-history-list article small{color:#667582;font:700 9px Arial,sans-serif}
.living-loan-section h4{
margin:0;
padding:11px 15px;
background:#f3f6f9;
border-bottom:1px solid #dfe6ec;
color:#667582;
font:900 8px Arial,sans-serif;
letter-spacing:.12em;
}
.living-loan-card{
display:grid;
grid-template-columns:50px 1fr 80px;
align-items:center;
gap:12px;
min-height:74px;
padding:10px 14px;
border:0;
border-bottom:1px solid #e4e9ee;
background:#fff;
text-align:left;
}
button.living-loan-card{width:100%;cursor:pointer}
button.living-loan-card:hover{background:#f6f9fd}
.living-loan-card section{display:grid;gap:4px}
.living-loan-card section strong{color:#13243c;font:900 11px Arial,sans-serif}
.living-loan-card section span{color:#6e7b87;font:700 9px Arial,sans-serif}
.living-loan-card>b,.living-loan-card>button{
justify-self:end;
border:1px solid #cdd9e3;
border-radius:4px;
padding:8px 10px;
background:#fff;
color:#16489f;
font:900 8px Arial,sans-serif;
}
.living-loan-card>button{cursor:pointer}
/* Incoming transfer / loan negotiation scene. */
.living-transfer-overlay{
position:fixed;
inset:0;
z-index:12000;
display:none;
place-items:center;
padding:28px;
background:rgba(5,13,24,.76);
backdrop-filter:blur(6px);
}
.living-transfer-overlay.is-open{display:grid}
.living-transfer-dialog{
width:min(920px,94vw);
max-height:92vh;
overflow:auto;
border:1px solid rgba(255,255,255,.18);
border-top:4px solid #d4ad4c;
border-radius:8px;
background:#f8fafc;
box-shadow:0 28px 80px rgba(0,0,0,.45);
}
.living-transfer-dialog>header{
display:flex;
align-items:center;
justify-content:space-between;
min-height:50px;
padding:0 18px;
background:#08192b;
color:#fff;
font:900 10px Arial,sans-serif;
letter-spacing:.13em;
}
.living-transfer-dialog>header button{
width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:22px;cursor:pointer;
}
.living-transfer-dialog main{padding:22px}
.living-negotiation-hero{
display:grid;
grid-template-columns:150px 1fr 120px;
align-items:center;
gap:20px;
min-height:175px;
padding:20px;
border-radius:7px;
background:linear-gradient(130deg,#07192a,#0b2740 68%,#103653);
overflow:hidden;
}
.living-negotiation-hero>div{height:145px;display:grid;place-items:center}
.living-negotiation-hero>div img{max-width:100%;max-height:100%;object-fit:contain}
.living-negotiation-hero section small{color:#61c7cd;font:900 9px Arial,sans-serif;letter-spacing:.09em}
.living-negotiation-hero h2{margin:7px 0;color:#fff;font:900 28px/1 Arial,sans-serif}
.living-negotiation-hero p{margin:0;color:#cad6df;font:700 11px Arial,sans-serif}
.living-negotiation-hero aside{display:grid;place-items:center;height:100px}
.living-negotiation-values{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
margin-top:14px;
border:1px solid #d9e2e9;
border-radius:6px;
overflow:hidden;
}
.living-negotiation-values>div{
padding:14px;
border-right:1px solid #d9e2e9;
background:#fff;
}
.living-negotiation-values>div:last-child{border-right:0}
.living-negotiation-values strong{color:#0e3f9c;font:900 15px Arial,sans-serif}
.living-counter-field{
display:block;
margin-top:14px;
padding:14px;
border:1px solid #d8e1e8;
border-radius:6px;
background:#fff;
}
.living-counter-field>span{display:block;margin-bottom:8px;color:#657481;font:900 8px Arial,sans-serif;letter-spacing:.1em}
.living-counter-field>div{display:grid;grid-template-columns:28px 1fr;align-items:center;border:1px solid #cdd8e1;border-radius:5px;overflow:hidden}
.living-counter-field b{padding-left:11px;color:#13469e}
.living-counter-field input{height:44px;border:0;outline:0;color:#10243c;font:900 16px Arial,sans-serif}
.living-negotiation-actions{
display:grid;
grid-template-columns:1fr 1fr 1.25fr;
gap:8px;
margin-top:14px;
}
.living-negotiation-actions button{
min-height:46px;
border:1px solid #cfd9e2;
border-radius:5px;
background:#fff;
color:#26394e;
font:900 9px Arial,sans-serif;
letter-spacing:.05em;
cursor:pointer;
}
.living-negotiation-actions button.is-primary{border-color:#123fa0;background:#123fa0;color:#fff}
.living-offer-status{
margin-top:14px;
padding:16px;
border-left:4px solid #d5ad4a;
background:#fff;
}
.living-offer-status strong{display:block;margin-bottom:6px;color:#10243d;font:900 10px Arial,sans-serif}
.living-offer-status span{color:#657482;font:700 10px/1.45 Arial,sans-serif}
#transferSubnav [data-transfer-tab="hub"] span{
display:inline-grid;
place-items:center;
min-width:18px;
height:18px;
margin-left:5px;
padding:0 5px;
border-radius:10px;
background:#23aab5;
color:#fff;
font-size:8px;
}
@media (max-width:1000px){
.living-transfer-hub-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
.living-transfer-hub-nav button:nth-child(3){border-right:0}
.living-transfer-hub-nav button:nth-child(n+4){border-top:1px solid #d7e0e8}
.living-negotiation-hero{grid-template-columns:110px 1fr 82px}
.living-negotiation-values{grid-template-columns:repeat(2,minmax(0,1fr))}
.living-negotiation-values>div:nth-child(2){border-right:0}
.living-negotiation-values>div:nth-child(-n+2){border-bottom:1px solid #d9e2e9}
}
@media (max-width:760px){
.living-player-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.living-plan-grid,.living-contract-actions,.living-growth-facts{grid-template-columns:1fr}
.living-growth-facts>div{border-right:0!important;border-bottom:1px solid #dce4ec!important}
.living-growth-facts>div:last-child{border-bottom:0!important}
.living-transfer-hub-nav{grid-template-columns:1fr 1fr}
.living-offer-card{grid-template-columns:44px 1fr}
.living-offer-card aside{grid-column:2;text-align:left}
.living-negotiation-hero{grid-template-columns:88px 1fr}
.living-negotiation-hero aside{display:none}
.living-negotiation-actions{grid-template-columns:1fr}
}
/* ========================================================================
V20.0 CAREER MODE 1.0 — PART 1 / UNIFIED UI
One design language across Career Central, Squad, Transfers, Office,
Season, Matchday, Results, Manager Market and Living Squad surfaces.
Gameplay/data logic intentionally unchanged.
======================================================================== */
:root{
--vm-bg:#edf2f7;
--vm-bg-deep:#e6ecf3;
--vm-surface:#ffffff;
--vm-surface-soft:#f7f9fc;
--vm-surface-raised:#fbfcfe;
--vm-navy:#071827;
--vm-navy-2:#0b2944;
--vm-blue:#123f9e;
--vm-blue-2:#0d347f;
--vm-teal:#169ba4;
--vm-gold:#d1aa4c;
--vm-text:#142033;
--vm-text-2:#3f4d5c;
--vm-muted:#6e7b88;
--vm-muted-2:#8a96a2;
--vm-line:#dbe3eb;
--vm-line-strong:#cbd6e1;
--vm-success:#267d61;
--vm-warning:#a87519;
--vm-danger:#b64148;
--vm-shadow:0 .34cqw 1cqw rgba(16,38,70,.075);
--vm-shadow-raised:0 .55cqw 1.5cqw rgba(14,34,64,.12);
--vm-radius-xs:.22cqw;
--vm-radius-sm:.34cqw;
--vm-radius-md:.5cqw;
--vm-radius-lg:.68cqw;
--vm-space-xs:.3cqw;
--vm-space-sm:.5cqw;
--vm-space-md:.75cqw;
--vm-space-lg:1cqw;
--vm-space-xl:1.35cqw;
--vm-topbar-h:4.75cqw;
}
body.v20-ui{
background:#020b12;
color:var(--vm-text);
font-family:Arial,Helvetica,sans-serif;
}
body.v20-ui button,
body.v20-ui input,
body.v20-ui select,
body.v20-ui textarea{font-family:Arial,Helvetica,sans-serif}
body.v20-ui button{touch-action:manipulation}
body.v20-ui button:focus-visible,
body.v20-ui input:focus-visible,
body.v20-ui select:focus-visible,
body.v20-ui [tabindex]:focus-visible{
outline:2px solid rgba(22,155,164,.58)!important;
outline-offset:2px!important;
}
/* ---------- Shared career chrome ---------- */
body.v20-ui .career-art-top-chrome,
body.v20-ui .career-art-bottom-chrome,
body.v20-ui .art-top-hitnav,
body.v20-ui .art-utility-hitnav,
body.v20-ui .art-bottom-hitnav,
body.v20-ui .central-nav-surface{display:none!important}
body.v20-ui .career-topbar{
display:grid!important;
position:absolute!important;
inset:0 0 auto 0!important;
z-index:900!important;
height:var(--vm-topbar-h)!important;
grid-template-columns:17.5% minmax(0,1fr) 17.5%!important;
align-items:center!important;
gap:.8cqw!important;
padding:0 1.15cqw!important;
border:0!important;
border-bottom:1px solid var(--vm-line)!important;
background:rgba(250,252,254,.985)!important;
box-shadow:0 .22cqw .8cqw rgba(14,35,66,.065)!important;
backdrop-filter:blur(.25cqw)!important;
}
body.v20-ui .career-brand{display:flex!important;align-items:center!important;min-width:0!important;height:100%!important}
body.v20-ui .career-brand-logo{
display:block!important;
width:auto!important;
max-width:10.7cqw!important;
height:2.55cqw!important;
object-fit:contain!important;
object-position:left center!important;
}
body.v20-ui .career-tabs{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
align-self:stretch!important;
gap:.12cqw!important;
min-width:0!important;
}
body.v20-ui .career-tabs button{
position:relative!important;
min-width:0!important;
padding:0 .35cqw!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#596675!important;
font:900 .45cqw/1 Arial,sans-serif!important;
letter-spacing:.085em!important;
cursor:pointer!important;
transition:color .14s ease,background .14s ease!important;
}
body.v20-ui .career-tabs button:hover{color:var(--vm-blue)!important;background:#f3f6fa!important}
body.v20-ui .career-tabs button.is-current,
body.v20-ui .career-tabs button[aria-current="page"]{color:var(--vm-blue)!important;background:#f5f8fc!important}
body.v20-ui .career-tabs button.is-current::after,
body.v20-ui .career-tabs button[aria-current="page"]::after{
content:""!important;
position:absolute!important;
left:18%!important;right:18%!important;bottom:0!important;
height:.17cqw!important;
border-radius:.2cqw .2cqw 0 0!important;
background:linear-gradient(90deg,var(--vm-blue),var(--vm-teal))!important;
}
body.v20-ui .career-utilities{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:.42cqw!important;
min-width:0!important;
}
body.v20-ui .career-club-mark{
width:2.65cqw!important;height:2.65cqw!important;
display:grid!important;place-items:center!important;
padding:.16cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
}
body.v20-ui .career-club-mark img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
body.v20-ui .career-util-btn{
width:2.55cqw!important;height:2.55cqw!important;
display:grid!important;place-items:center!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
color:#324356!important;
font:900 .78cqw/1 Arial,sans-serif!important;
cursor:pointer!important;
transition:.14s ease!important;
}
body.v20-ui .career-util-btn:hover{border-color:#a9bdcf!important;background:#f5f8fb!important;color:var(--vm-blue)!important;transform:translateY(-.04cqw)}
body.v20-ui .v20-build-chip,
body.v20-ui .matchday-date-chip{
min-width:7.5cqw!important;
padding:.45cqw .65cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
text-align:right!important;
}
body.v20-ui .v20-build-chip span,
body.v20-ui .matchday-date-chip span{display:block!important;color:var(--vm-muted)!important;font:900 .29cqw/1 Arial,sans-serif!important;letter-spacing:.14em!important}
body.v20-ui .v20-build-chip strong,
body.v20-ui .matchday-date-chip strong{display:block!important;margin-top:.13cqw!important;color:var(--vm-blue)!important;font:900 .48cqw/1 Arial,sans-serif!important;letter-spacing:.035em!important}
/* ---------- Shared career surfaces ---------- */
body.v20-ui .squad-screen,
body.v20-ui .transfers-screen,
body.v20-ui .office-screen,
body.v20-ui .central-screen,
body.v20-ui .season-screen,
body.v20-ui .results-screen,
body.v20-ui .matchday-screen{
background:
radial-gradient(circle at 82% 4%,rgba(22,155,164,.06),transparent 24%),
linear-gradient(180deg,#f5f8fb 0%,var(--vm-bg) 100%)!important;
color:var(--vm-text)!important;
}
body.v20-ui .squad-bg,
body.v20-ui .squad-shade,
body.v20-ui .transfers-bg,
body.v20-ui .transfers-shade,
body.v20-ui .office-bg,
body.v20-ui .office-shade{display:none!important}
body.v20-ui .central-template,
body.v20-ui .season-screen>.art-template,
body.v20-ui .results-screen>.art-template{opacity:0!important;visibility:hidden!important}
body.v20-ui .squad-shell,
body.v20-ui .transfers-shell,
body.v20-ui .office-shell{
top:5.55cqw!important;
bottom:1.05cqw!important;
left:1.45cqw!important;
right:1.45cqw!important;
gap:.85cqw!important;
}
body.v20-ui .squad-workspace,
body.v20-ui .transfer-workspace,
body.v20-ui .office-shell,
body.v20-ui .player-profile,
body.v20-ui .transfer-dossier{
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:var(--vm-surface)!important;
box-shadow:var(--vm-shadow)!important;
}
body.v20-ui .squad-workspace,
body.v20-ui .transfer-workspace{padding:.7cqw!important;gap:.58cqw!important}
/* ---------- Shared page headers ---------- */
body.v20-ui .squad-heading,
body.v20-ui .transfer-heading,
body.v20-ui .office-heading{
min-height:4.15cqw!important;
padding:.64cqw .9cqw!important;
border:0!important;
border-bottom:1px solid var(--vm-line)!important;
border-radius:0!important;
background:linear-gradient(180deg,#fff,#fbfcfe)!important;
box-shadow:none!important;
}
body.v20-ui .squad-heading .eyebrow,
body.v20-ui .transfer-heading .eyebrow,
body.v20-ui .office-heading .eyebrow,
body.v20-ui .roster-kicker,
body.v20-ui .office-kicker{
color:var(--vm-teal)!important;
font:900 .35cqw/1 Arial,sans-serif!important;
letter-spacing:.16em!important;
}
body.v20-ui .squad-heading h2,
body.v20-ui .transfer-heading h2,
body.v20-ui .office-heading h2{
margin:.12cqw 0 0!important;
color:var(--vm-text)!important;
font:900 1.05cqw/1 Arial,sans-serif!important;
letter-spacing:.025em!important;
}
body.v20-ui .squad-heading p,
body.v20-ui .transfer-heading p,
body.v20-ui .office-heading p{
margin:.16cqw 0 0!important;
color:var(--vm-muted)!important;
font:700 .43cqw/1.28 Arial,sans-serif!important;
}
body.v20-ui .squad-heading-badge,
body.v20-ui .office-heading-badge{
width:2.75cqw!important;height:2.75cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
}
body.v20-ui .squad-heading-metrics>div,
body.v20-ui .transfer-budget-block,
body.v20-ui .office-confidence-mini{
border-color:var(--vm-line)!important;
background:var(--vm-surface-soft)!important;
}
body.v20-ui .squad-heading-metrics span,
body.v20-ui .transfer-budget-block span,
body.v20-ui .office-confidence-mini span{color:var(--vm-muted)!important;font-weight:900!important;letter-spacing:.08em!important}
body.v20-ui .squad-heading-metrics strong,
body.v20-ui .transfer-budget-block strong,
body.v20-ui .office-confidence-mini strong{color:var(--vm-blue)!important}
/* ---------- Shared tabs ---------- */
body.v20-ui .squad-subnav,
body.v20-ui .transfer-subnav,
body.v20-ui .office-subnav,
body.v20-ui .living-player-tabs,
body.v20-ui .living-transfer-hub-nav,
body.v20-ui .cc-inner-nav{
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:var(--vm-surface-soft)!important;
overflow:hidden!important;
box-shadow:none!important;
}
body.v20-ui .squad-subnav button,
body.v20-ui .transfer-subnav button,
body.v20-ui .office-subnav button,
body.v20-ui .living-player-tabs button,
body.v20-ui .living-transfer-hub-nav button{
min-width:0!important;
border:0!important;
border-right:1px solid var(--vm-line)!important;
border-radius:0!important;
background:transparent!important;
color:#5e6b78!important;
font:900 .42cqw/1 Arial,sans-serif!important;
letter-spacing:.065em!important;
box-shadow:none!important;
transition:.14s ease!important;
}
body.v20-ui .squad-subnav button:last-of-type,
body.v20-ui .transfer-subnav button:last-of-type,
body.v20-ui .office-subnav button:last-of-type,
body.v20-ui .living-player-tabs button:last-child,
body.v20-ui .living-transfer-hub-nav button:last-child{border-right:0!important}
body.v20-ui .squad-subnav button:hover,
body.v20-ui .transfer-subnav button:hover,
body.v20-ui .office-subnav button:hover,
body.v20-ui .living-player-tabs button:hover,
body.v20-ui .living-transfer-hub-nav button:hover{background:#eef3f9!important;color:var(--vm-blue)!important}
body.v20-ui .squad-subnav button.is-active,
body.v20-ui .transfer-subnav button.is-active,
body.v20-ui .office-subnav button.is-active,
body.v20-ui .living-player-tabs button.is-active,
body.v20-ui .living-transfer-hub-nav button.is-active{
background:var(--vm-navy-2)!important;
color:#fff!important;
box-shadow:inset 0 -.16cqw 0 var(--vm-teal)!important;
}
body.v20-ui .squad-subnav button span,
body.v20-ui .transfer-subnav button span,
body.v20-ui .office-subnav button span,
body.v20-ui .living-transfer-hub-nav b{
display:inline-grid!important;place-items:center!important;
min-width:1.2cqw!important;height:1.2cqw!important;
margin-left:.2cqw!important;padding:0 .25cqw!important;
border-radius:99px!important;
background:#e8eef5!important;color:#4e6071!important;
font:900 .31cqw/1 Arial,sans-serif!important;
}
body.v20-ui .squad-subnav button.is-active span,
body.v20-ui .transfer-subnav button.is-active span,
body.v20-ui .office-subnav button.is-active span,
body.v20-ui .living-transfer-hub-nav button.is-active b{background:rgba(255,255,255,.15)!important;color:#fff!important}
/* ---------- Shared button/input language ---------- */
body.v20-ui .primary-btn,
body.v20-ui .transfer-action-primary,
body.v20-ui .modal-done,
body.v20-ui .living-negotiation-actions button.is-primary,
body.v20-ui .living-contract-actions button.is-primary,
body.v20-ui .cc-feature-card button,
body.v20-ui .cc-overview-lower button{
border:1px solid var(--vm-blue)!important;
border-radius:var(--vm-radius-sm)!important;
background:linear-gradient(180deg,#174ba9,var(--vm-blue))!important;
color:#fff!important;
box-shadow:none!important;
}
body.v20-ui .primary-btn:hover,
body.v20-ui .transfer-action-primary:hover,
body.v20-ui .modal-done:hover,
body.v20-ui .living-negotiation-actions button.is-primary:hover{filter:brightness(1.06)!important;transform:translateY(-.04cqw)!important}
body.v20-ui .transfer-action-secondary,
body.v20-ui .modal-secondary-btn,
body.v20-ui .living-contract-actions button,
body.v20-ui .living-negotiation-actions button,
body.v20-ui .transfer-clear-btn,
body.v20-ui .shortlist-compare-btn{
border:1px solid var(--vm-line-strong)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
color:#32475d!important;
box-shadow:none!important;
}
body.v20-ui .transfer-action-secondary:hover,
body.v20-ui .modal-secondary-btn:hover,
body.v20-ui .living-contract-actions button:hover,
body.v20-ui .living-negotiation-actions button:hover,
body.v20-ui .transfer-clear-btn:hover,
body.v20-ui .shortlist-compare-btn:hover{border-color:#9fb5c9!important;background:#f5f8fc!important;color:var(--vm-blue)!important}
body.v20-ui input:not([type="range"]):not([type="checkbox"]),
body.v20-ui select,
body.v20-ui textarea{
border:1px solid var(--vm-line-strong)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
color:var(--vm-text)!important;
box-shadow:none!important;
}
body.v20-ui input:not([type="range"]):not([type="checkbox"]):focus,
body.v20-ui select:focus,
body.v20-ui textarea:focus{border-color:#7fa7d7!important;box-shadow:0 0 0 .12cqw rgba(18,63,158,.1)!important}
/* ---------- Squad / player management ---------- */
body.v20-ui .squad-shell{grid-template-columns:minmax(0,1fr) 30%!important}
body.v20-ui .squad-workspace{overflow:hidden!important}
body.v20-ui .squad-view{background:#fff!important}
body.v20-ui .roster-section,
body.v20-ui .tactics-hero,
body.v20-ui .academy-hero,
body.v20-ui .archive-hero,
body.v20-ui .summary-tile{
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
box-shadow:none!important;
}
body.v20-ui .roster-title,
body.v20-ui .roster-title.compact{
min-height:2.5cqw!important;
padding:.52cqw .72cqw!important;
border-bottom:1px solid var(--vm-line)!important;
background:var(--vm-surface-soft)!important;
}
body.v20-ui .roster-title h3{color:var(--vm-text)!important;font:900 .62cqw/1 Arial,sans-serif!important;letter-spacing:.045em!important}
body.v20-ui .roster-title p{color:var(--vm-muted)!important;font:700 .38cqw/1.25 Arial,sans-serif!important}
body.v20-ui .starters-section .roster-title,
body.v20-ui .substitutes-section .roster-title,
body.v20-ui .reserves-section .roster-title{border-left:0!important}
body.v20-ui .starters-section .roster-title::before,
body.v20-ui .substitutes-section .roster-title::before,
body.v20-ui .reserves-section .roster-title::before{
content:"";align-self:stretch;width:.18cqw;margin-right:.55cqw;border-radius:99px;background:var(--vm-blue)
}
body.v20-ui .substitutes-section .roster-title::before{background:var(--vm-teal)}
body.v20-ui .reserves-section .roster-title::before{background:var(--vm-gold)}
body.v20-ui .player-card{
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:linear-gradient(180deg,#fff,#f8fafc)!important;
box-shadow:none!important;
transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
body.v20-ui .player-card:hover{transform:translateY(-.06cqw)!important;border-color:#a9bed2!important;box-shadow:0 .25cqw .7cqw rgba(20,43,78,.07)!important}
body.v20-ui .player-card.is-selected{border-color:var(--vm-blue)!important;box-shadow:inset 0 0 0 1px var(--vm-blue)!important}
body.v20-ui .player-profile{padding:.85cqw!important;overflow:auto!important}
body.v20-ui .living-player-tabs{margin:.6cqw 0 .65cqw!important}
body.v20-ui .living-profile-panel{gap:.7cqw!important}
body.v20-ui .living-profile-panel>header{padding:.45cqw 0 .6cqw!important;border-bottom:1px solid var(--vm-line)!important}
body.v20-ui .living-profile-panel>header span{color:var(--vm-teal)!important;font-size:.34cqw!important}
body.v20-ui .living-profile-panel>header strong{font-size:.8cqw!important;color:var(--vm-text)!important}
body.v20-ui .living-growth-facts,
body.v20-ui .living-career-timeline,
body.v20-ui .living-contract-card,
body.v20-ui .living-development-note{border-color:var(--vm-line)!important;border-radius:var(--vm-radius-sm)!important;background:#fff!important}
body.v20-ui .living-plan-grid button{
min-height:4cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
}
body.v20-ui .living-plan-grid button:hover,
body.v20-ui .living-plan-grid button.is-active{border-color:#8aaed6!important;background:#f2f7ff!important;box-shadow:inset .16cqw 0 var(--vm-blue)!important}
/* ---------- Transfers / recruitment ---------- */
body.v20-ui .transfers-shell{grid-template-columns:minmax(0,1fr) 29.5%!important}
body.v20-ui .transfer-filterbar{
gap:.45cqw!important;
padding:.55cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:var(--vm-surface-soft)!important;
}
body.v20-ui .transfer-filterbar label span{color:var(--vm-muted)!important;font:900 .31cqw/1 Arial,sans-serif!important;letter-spacing:.085em!important}
body.v20-ui .transfer-filterbar input,
body.v20-ui .transfer-filterbar select{height:2.15cqw!important;font:700 .42cqw/1 Arial,sans-serif!important}
body.v20-ui .transfer-discovery-note{
margin:.12cqw 0!important;
padding:.48cqw .62cqw!important;
border:1px solid #d9e7ea!important;
border-left:.18cqw solid var(--vm-teal)!important;
border-radius:var(--vm-radius-sm)!important;
background:#f5fafb!important;
}
body.v20-ui .transfer-discovery-note span{color:var(--vm-teal)!important}
body.v20-ui .transfer-list-head{
min-height:1.8cqw!important;
border:1px solid var(--vm-line)!important;
border-bottom:0!important;
border-radius:var(--vm-radius-sm) var(--vm-radius-sm) 0 0!important;
background:#f4f7fa!important;
color:#687582!important;
}
body.v20-ui .transfer-results{
border-left:1px solid var(--vm-line)!important;
border-right:1px solid var(--vm-line)!important;
background:#fff!important;
}
body.v20-ui .transfer-player-row,
body.v20-ui .transfer-row{
border-color:#e5eaf0!important;
background:#fff!important;
}
body.v20-ui .transfer-player-row:hover,
body.v20-ui .transfer-row:hover{background:#f6f9fd!important;box-shadow:inset .15cqw 0 var(--vm-blue)!important}
body.v20-ui .transfer-player-row.is-selected,
body.v20-ui .transfer-row.is-selected{background:#f1f6ff!important;border-color:#b8cbe1!important;box-shadow:inset .17cqw 0 var(--vm-blue)!important}
body.v20-ui .transfer-list-footer{
min-height:1.8cqw!important;
padding:0 .55cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:0 0 var(--vm-radius-sm) var(--vm-radius-sm)!important;
background:#f8fafc!important;
}
body.v20-ui .scouting-network-bar{
min-height:2.7cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#f8fafc!important;
color:var(--vm-text)!important;
}
body.v20-ui .transfer-dossier{padding:.8cqw!important}
body.v20-ui .dossier-hero,
body.v20-ui .dossier-section,
body.v20-ui .dossier-detail-grid>div,
body.v20-ui .scouting-card,
body.v20-ui .transfer-pane-intro,
body.v20-ui .shortlist-compare-panel{
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
box-shadow:none!important;
}
body.v20-ui .transfer-pane-intro{padding:.68cqw .78cqw!important}
body.v20-ui .transfer-pane-intro h3{color:var(--vm-text)!important}
body.v20-ui .transfer-pane-intro p{color:var(--vm-muted)!important}
body.v20-ui .living-transfer-hub-body{
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
}
body.v20-ui .living-offer-card,
body.v20-ui .living-deal-list button,
body.v20-ui .living-history-list article,
body.v20-ui .living-loan-card{border-color:#e5eaf0!important}
body.v20-ui .living-offer-card:hover,
body.v20-ui .living-deal-list button:hover,
body.v20-ui button.living-loan-card:hover{background:#f6f9fd!important}
/* ---------- Office ---------- */
body.v20-ui .office-shell{
display:grid!important;
grid-template-rows:4.15cqw 2.75cqw minmax(0,1fr)!important;
gap:.55cqw!important;
padding:.7cqw!important;
overflow:hidden!important;
}
body.v20-ui .office-heading{height:auto!important}
body.v20-ui .office-subnav{height:2.75cqw!important}
body.v20-ui .office-stage{
min-height:0!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
overflow:hidden!important;
}
body.v20-ui .office-pane{background:#fff!important}
body.v20-ui .office-inbox-layout{gap:0!important;background:#fff!important}
body.v20-ui .office-message-column{
border-right:1px solid var(--vm-line)!important;
background:#fbfcfe!important;
}
body.v20-ui .office-message-toolbar{
min-height:4.25cqw!important;
padding:.72cqw .8cqw!important;
border-bottom:1px solid var(--vm-line)!important;
background:#fff!important;
}
body.v20-ui .office-message-toolbar h3{color:var(--vm-text)!important}
body.v20-ui .office-inbox-filters{border:1px solid var(--vm-line)!important;border-radius:var(--vm-radius-xs)!important;overflow:hidden!important}
body.v20-ui .office-inbox-filters button{border:0!important;background:#fff!important;color:var(--vm-muted)!important}
body.v20-ui .office-inbox-filters button.is-active{background:var(--vm-navy-2)!important;color:#fff!important}
body.v20-ui .office-message-list{background:#fbfcfe!important}
body.v20-ui .office-message-row,
body.v20-ui .office-message-item{border-color:#e5eaf0!important;background:#fff!important}
body.v20-ui .office-message-row:hover,
body.v20-ui .office-message-item:hover{background:#f4f8fc!important}
body.v20-ui .office-message-reader{padding:1cqw 1.15cqw!important;background:#fff!important}
body.v20-ui .office-board-content,
body.v20-ui .office-finances-content,
body.v20-ui .office-manager-content{padding:.85cqw!important;background:#fff!important}
body.v20-ui .office-contracts-layout{gap:0!important;background:#fff!important}
body.v20-ui .office-contract-list-wrap{border-right:1px solid var(--vm-line)!important}
body.v20-ui .office-contract-detail{background:#fbfcfe!important}
body.v20-ui .office-contract-table-head{background:#f4f7fa!important;border-color:var(--vm-line)!important;color:var(--vm-muted)!important}
/* ---------- Career Central: replace the baked dashboard with live surfaces ---------- */
body.v20-ui .central-screen::before{
content:"";
position:absolute;z-index:1;
left:24.8%;right:26.1%;top:12.7cqw;bottom:16.1%;
border:1px solid var(--vm-line);
border-radius:var(--vm-radius-lg);
background:
radial-gradient(circle at 50% 5%,rgba(22,155,164,.08),transparent 30%),
linear-gradient(180deg,#ffffff,#f7f9fc);
box-shadow:var(--vm-shadow);
}
body.v20-ui .central-screen::after{
content:"NEXT FIXTURE";
position:absolute;z-index:2;
left:26.1%;top:13.55cqw;
color:var(--vm-teal);
font:900 .36cqw/1 Arial,sans-serif;
letter-spacing:.16em;
}
body.v20-ui .central-hitbox{display:none!important}
body.v20-ui .central-club-top{
left:1.8cqw!important;top:5.65cqw!important;
width:3.4cqw!important;height:3.4cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
padding:.22cqw!important;
box-shadow:var(--vm-shadow)!important;
clip-path:none!important;
}
body.v20-ui .central-club-top img{
width:100%!important;height:100%!important;object-fit:contain!important;
clip-path:none!important;transform:none!important;
}
body.v20-ui .central-manager-portrait{
right:1.8cqw!important;top:5.65cqw!important;
width:3.5cqw!important;height:3.5cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
box-shadow:var(--vm-shadow)!important;
}
body.v20-ui .central-advance-panel{
left:6.2cqw!important;right:6.2cqw!important;top:5.62cqw!important;height:6.2cqw!important;
grid-template-columns:19% minmax(0,1fr)!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:#fff!important;
box-shadow:var(--vm-shadow)!important;
backdrop-filter:none!important;
}
body.v20-ui .central-advance-panel::after{left:19%!important;background:var(--vm-line)!important}
body.v20-ui .central-advance-actions{background:var(--vm-navy-2)!important}
body.v20-ui .central-advance-action,
body.v20-ui .central-advance-next{background:linear-gradient(135deg,#0b2947,#113b67)!important}
body.v20-ui .central-advance-action::before{background:linear-gradient(180deg,var(--vm-teal),#6bcbd0)!important}
body.v20-ui .central-advance-action .advance-kicker{color:#8ed7dc!important}
body.v20-ui .central-advance-action strong{font-size:.78cqw!important}
body.v20-ui .central-advance-action small{color:#c5d5e4!important}
body.v20-ui .central-advance-next strong{color:#aee5e8!important}
body.v20-ui .central-advance-calendar,
body.v20-ui .central-advance-days,
body.v20-ui .central-advance-day{background:#fff!important}
body.v20-ui .central-advance-calendar>header{background:#f6f8fb!important;border-color:var(--vm-line)!important}
body.v20-ui .central-advance-day{border-color:#e6ebf0!important}
body.v20-ui .central-advance-day.is-today{background:#eef5ff!important;box-shadow:inset 0 -.14cqw var(--vm-blue)!important}
body.v20-ui .central-side-panel{
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:#fff!important;
box-shadow:var(--vm-shadow)!important;
overflow:hidden!important;
}
body.v20-ui .central-panel-header{
display:flex!important;
height:2.05cqw!important;
align-items:center!important;
gap:.38cqw!important;
padding:0 .62cqw!important;
border-bottom:1px solid var(--vm-line)!important;
background:#f7f9fc!important;
color:#536170!important;
font:900 .38cqw/1 Arial,sans-serif!important;
letter-spacing:.09em!important;
}
body.v20-ui .central-panel-glyph{color:var(--vm-teal)!important;font-size:.55cqw!important}
body.v20-ui .central-panel-link{margin-left:auto!important;border:0!important;background:transparent!important;color:var(--vm-blue)!important;font:900 .31cqw/1 Arial,sans-serif!important;cursor:pointer!important}
body.v20-ui .central-panel-body{height:calc(100% - 2.05cqw)!important;padding:.42cqw!important}
body.v20-ui .central-inbox-panel{left:1.8%!important;top:24.2%!important;width:21.4%!important;height:27.6%!important}
body.v20-ui .central-news-panel{left:1.8%!important;top:54.2%!important;width:21.4%!important;height:32.1%!important}
body.v20-ui .central-objectives-panel{left:75.1%!important;top:24.2%!important;width:23.1%!important;height:22.2%!important}
body.v20-ui .central-finances-panel{left:75.1%!important;top:48.7%!important;width:23.1%!important;height:19.5%!important}
body.v20-ui .central-calendar-panel{left:75.1%!important;top:70.5%!important;width:23.1%!important;height:15.7%!important}
body.v20-ui .central-inbox-list{padding:0!important;gap:.25cqw!important;background:#fff!important}
body.v20-ui .inbox-row{border:1px solid #e6ebf0!important;border-radius:var(--vm-radius-xs)!important;background:#fff!important}
body.v20-ui .news-row:first-child{border-radius:var(--vm-radius-sm)!important;overflow:hidden!important}
body.v20-ui .central-home{left:31.3%!important;top:35.3%!important;width:7.1%!important;height:14.2%!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.v20-ui .central-away{left:59.4%!important;top:35.3%!important;width:7.1%!important;height:14.2%!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.v20-ui .central-club-badge .fitted-shield-media{clip-path:none!important;inset:0!important;background:transparent!important}
body.v20-ui .central-club-badge .fitted-shield-media img{object-fit:contain!important;transform:none!important}
body.v20-ui .central-nameplate{
background:transparent!important;
color:var(--vm-text)!important;
font:900 .66cqw/1 Arial,sans-serif!important;
}
body.v20-ui .central-stadium{background:transparent!important;color:var(--vm-muted)!important}
body.v20-ui .central-continue{
left:27.2%!important;top:60.2%!important;width:43.2%!important;height:4.55%!important;
border:1px solid var(--vm-blue)!important;border-radius:var(--vm-radius-sm)!important;
background:linear-gradient(180deg,#174ba9,var(--vm-blue))!important;
box-shadow:none!important;
}
body.v20-ui .central-season-snapshot{
left:25.5%!important;top:70.4%!important;width:47.7%!important;height:15.8%!important;
padding:.75cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:#fff!important;
box-shadow:var(--vm-shadow)!important;
}
body.v20-ui .central-season-snapshot header{display:block!important;margin:0 0 .45cqw!important;color:var(--vm-muted)!important;font:900 .36cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
body.v20-ui .snapshot-grid{height:calc(100% - .8cqw)!important;border:1px solid #e7ebf0!important;border-radius:var(--vm-radius-sm)!important;overflow:hidden!important}
body.v20-ui .snapshot-grid>div{background:#fbfcfe!important;border-color:#e7ebf0!important}
body.v20-ui .snapshot-grid strong{color:var(--vm-blue)!important}
/* ---------- Season / competitions: live layout, no screenshot-dependent shell ---------- */
body.v20-ui .season-live-heading{
left:1.65cqw!important;right:auto!important;top:5.55cqw!important;
width:35cqw!important;height:4cqw!important;
display:flex!important;align-items:center!important;gap:.72cqw!important;
padding:.52cqw .72cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:#fff!important;
box-shadow:var(--vm-shadow)!important;
}
body.v20-ui .season-live-badge{
width:2.8cqw!important;height:2.8cqw!important;
display:grid!important;place-items:center!important;
padding:.15cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
}
body.v20-ui .season-live-badge img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
body.v20-ui .season-live-heading>div:last-child{height:auto!important;padding:0!important}
body.v20-ui .season-live-heading strong{color:var(--vm-text)!important;font:900 .72cqw/1 Arial,sans-serif!important}
body.v20-ui .season-live-heading span{color:var(--vm-muted)!important;font:800 .4cqw/1.2 Arial,sans-serif!important}
body.v20-ui .season-live-subnav{
left:38.2cqw!important;right:1.65cqw!important;top:5.55cqw!important;
width:auto!important;height:4cqw!important;
display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
gap:.22cqw!important;padding:.32cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:#fff!important;
box-shadow:var(--vm-shadow)!important;
}
body.v20-ui .season-live-subnav button{
display:flex!important;align-items:center!important;justify-content:center!important;
gap:.28cqw!important;min-width:0!important;height:100%!important;
padding:0 .35cqw!important;
border:0!important;border-radius:var(--vm-radius-sm)!important;
background:transparent!important;color:#5b6876!important;
font:900 .38cqw/1 Arial,sans-serif!important;letter-spacing:.045em!important;
box-shadow:none!important;
}
body.v20-ui .season-live-subnav button::before{display:none!important}
body.v20-ui .season-live-subnav button:hover{transform:none!important;background:#f1f5f9!important;color:var(--vm-blue)!important}
body.v20-ui .season-live-subnav button.is-active{background:var(--vm-navy-2)!important;color:#fff!important;border:0!important;box-shadow:inset 0 -.14cqw var(--vm-teal)!important}
body.v20-ui .season-live-subnav button.is-active::after{display:none!important}
body.v20-ui .season-live-subnav .season-crown-tab>img{position:static!important;width:1.05cqw!important;height:1.05cqw!important;object-fit:contain!important}
body.v20-ui .season-live-subnav .season-crown-tab.is-active{background:#0a2446!important;box-shadow:inset 0 -.14cqw var(--vm-gold)!important}
body.v20-ui .season-main-content{
left:1.65cqw!important;top:10.25cqw!important;width:67.5%!important;height:auto!important;bottom:1.25cqw!important;
padding:.82cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:#fff!important;
box-shadow:var(--vm-shadow)!important;
}
body.v20-ui .season-side-content{
left:auto!important;right:1.65cqw!important;top:10.25cqw!important;width:28.4%!important;height:auto!important;bottom:1.25cqw!important;
gap:.62cqw!important;
}
body.v20-ui .season-side-card{
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:#fff!important;
box-shadow:var(--vm-shadow)!important;
padding:.72cqw!important;
}
body.v20-ui .season-table,
body.v20-ui .league-table,
body.v20-ui table{
border-collapse:separate;
border-spacing:0;
}
body.v20-ui .season-main-content table{width:100%!important;font-variant-numeric:tabular-nums!important}
body.v20-ui .season-main-content th{
height:2.2cqw!important;
padding:0 .5cqw!important;
border-bottom:1px solid var(--vm-line)!important;
background:#f4f7fa!important;
color:var(--vm-muted)!important;
font:900 .34cqw/1 Arial,sans-serif!important;
letter-spacing:.08em!important;
}
body.v20-ui .season-main-content td{
min-height:2.35cqw!important;
padding:.42cqw .5cqw!important;
border-bottom:1px solid #e8edf2!important;
color:var(--vm-text-2)!important;
font:800 .42cqw/1.15 Arial,sans-serif!important;
font-variant-numeric:tabular-nums!important;
}
body.v20-ui .season-main-content tr:hover td{background:#f7faff!important}
body.v20-ui .season-main-content tr.is-current td,
body.v20-ui .season-main-content tr.current-club td{background:#edf4ff!important;color:#173f83!important}
/* ---------- Champions Crown keeps prestige while sharing the system ---------- */
body.v20-ui .cc-hero{
border-radius:var(--vm-radius-md)!important;
box-shadow:0 .45cqw 1.3cqw rgba(6,24,49,.15)!important;
}
body.v20-ui .cc-inner-nav{gap:0!important;margin:.65cqw 0!important}
body.v20-ui .cc-inner-nav button{
min-height:2.2cqw!important;border:0!important;border-right:1px solid var(--vm-line)!important;border-radius:0!important;
background:transparent!important;color:#5e6b78!important;font:900 .39cqw/1 Arial,sans-serif!important;
}
body.v20-ui .cc-inner-nav button:last-child{border-right:0!important}
body.v20-ui .cc-inner-nav button:hover{background:#eef3f8!important;color:#173b72!important}
body.v20-ui .cc-inner-nav button.is-active{background:#09274c!important;color:#fff!important;box-shadow:inset 0 -.14cqw var(--vm-gold)!important}
body.v20-ui .cc-feature-card,
body.v20-ui .cc-overview-lower,
body.v20-ui .cc-group-card,
body.v20-ui .cc-fixtures-list,
body.v20-ui .cc-history-list article{
border-color:var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
box-shadow:none!important;
}
/* ---------- Matchday ---------- */
body.v20-ui .matchday-screen .career-topbar{grid-template-columns:17.5% minmax(0,1fr) 17.5%!important;height:var(--vm-topbar-h)!important}
body.v20-ui .matchday-shell-v2{
left:1.65cqw!important;right:1.65cqw!important;top:5.55cqw!important;bottom:1.05cqw!important;
grid-template-rows:3.7cqw minmax(0,1fr) 8.5cqw 4.8cqw!important;
gap:.62cqw!important;
}
body.v20-ui .matchday-atmosphere{opacity:.08!important;filter:saturate(.7)!important}
body.v20-ui .matchday-heading-v2,
body.v20-ui .matchday-lineup-panel,
body.v20-ui .matchday-centre-card,
body.v20-ui .matchday-summary,
body.v20-ui .matchday-actions-v2{
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:rgba(255,255,255,.98)!important;
box-shadow:var(--vm-shadow)!important;
}
body.v20-ui .matchday-heading-v2{padding:0 .85cqw!important}
body.v20-ui .matchday-heading-v2 span,
body.v20-ui .matchday-panel-kicker{color:var(--vm-teal)!important}
body.v20-ui .matchday-heading-v2 h2{color:var(--vm-text)!important;font-size:1.08cqw!important}
body.v20-ui .matchday-stage-v2{gap:.65cqw!important}
body.v20-ui .matchday-lineup-panel{padding:.7cqw!important}
body.v20-ui .matchday-centre-card{background:linear-gradient(180deg,#fff,#f7f9fc)!important}
body.v20-ui .matchday-badge{background:#fff!important;border:1px solid var(--vm-line)!important;border-radius:var(--vm-radius-md)!important;box-shadow:none!important}
body.v20-ui .matchday-name{color:var(--vm-text)!important}
body.v20-ui .matchday-versus span{color:var(--vm-blue)!important}
body.v20-ui .matchday-edit-team{
border:1px solid var(--vm-line-strong)!important;border-radius:var(--vm-radius-sm)!important;background:#fff!important;color:var(--vm-blue)!important
}
body.v20-ui .match-action{
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
box-shadow:none!important;
transition:.14s ease!important;
}
body.v20-ui .match-action:hover{transform:translateY(-.06cqw)!important;border-color:#9fb8d2!important;box-shadow:0 .25cqw .65cqw rgba(20,43,78,.07)!important}
body.v20-ui .match-watch{background:linear-gradient(180deg,#174ba9,var(--vm-blue))!important;border-color:var(--vm-blue)!important;color:#fff!important}
body.v20-ui .match-watch *{color:#fff!important}
body.v20-ui .match-sim strong,
body.v20-ui .match-quick strong{color:var(--vm-text)!important}
body.v20-ui .match-sim span,
body.v20-ui .match-quick span{color:var(--vm-teal)!important}
/* ---------- Results: all meaningful content is live HTML ---------- */
body.v20-ui .results-screen::before{
content:"MATCH RESULT";
position:absolute;z-index:2;
left:2.2cqw;right:2.2cqw;top:5.6cqw;height:3.5cqw;
display:flex;align-items:center;
padding:0 .85cqw;
border:1px solid var(--vm-line);
border-radius:var(--vm-radius-md);
background:#fff;
box-shadow:var(--vm-shadow);
color:var(--vm-teal);
font:900 .36cqw/1 Arial,sans-serif;
letter-spacing:.16em;
}
body.v20-ui .results-competition{
left:2.95cqw!important;top:7.15cqw!important;width:40%!important;height:1.2cqw!important;
color:var(--vm-muted)!important;font:800 .4cqw/1 Arial,sans-serif!important;
}
body.v20-ui .results-badge{
top:17.2%!important;width:9%!important;height:15.5%!important;
border:1px solid var(--vm-line)!important;border-radius:var(--vm-radius-md)!important;
background:#fff!important;box-shadow:var(--vm-shadow)!important;
}
body.v20-ui .results-home-badge{left:8.5%!important}.results-screen .results-away-badge{left:57.4%!important}
body.v20-ui .results-name{
top:35.3%!important;width:18%!important;height:4.5%!important;
border:0!important;background:transparent!important;color:var(--vm-text)!important;
font:900 .65cqw/1 Arial,sans-serif!important;
}
body.v20-ui .results-home-name{left:4%!important}.results-screen .results-away-name{left:53%!important}
body.v20-ui .results-score{left:28%!important;top:18.5%!important;width:22.5%!important;height:14%!important}
body.v20-ui .results-score strong{
border:1px solid var(--vm-line)!important;border-radius:var(--vm-radius-md)!important;
background:linear-gradient(180deg,#fff,#f7f9fc)!important;color:var(--vm-blue)!important;
box-shadow:var(--vm-shadow)!important;
}
body.v20-ui .results-stats,
body.v20-ui .results-events,
body.v20-ui .results-ratings,
body.v20-ui .results-potm,
body.v20-ui .results-league-impact{
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:#fff!important;
box-shadow:var(--vm-shadow)!important;
}
body.v20-ui .results-stats,
body.v20-ui .results-events,
body.v20-ui .results-ratings{top:48.8%!important;height:31%!important;padding:.7cqw!important}
body.v20-ui .results-stats{left:2.2%!important;width:27.5%!important}
body.v20-ui .results-events{left:30.4%!important;width:21.3%!important}
body.v20-ui .results-ratings{left:52.6%!important;width:20.2%!important}
body.v20-ui .results-potm{left:74%!important;top:17.2%!important;width:23.8%!important;height:22.2%!important}
body.v20-ui .results-league-impact{left:74%!important;top:42.2%!important;width:23.8%!important;height:24%!important}
body.v20-ui .results-stats h3,
body.v20-ui .results-events h3,
body.v20-ui .results-ratings h3{color:var(--vm-text)!important;font-size:.48cqw!important;letter-spacing:.06em!important}
body.v20-ui .results-stats>div,
body.v20-ui .results-events>div,
body.v20-ui .results-ratings>div{border-color:#e7ecf1!important}
body.v20-ui .results-continue{
right:2.2%!important;left:auto!important;bottom:4%!important;top:auto!important;width:23.8%!important;height:5.6%!important;
border:1px solid var(--vm-blue)!important;border-radius:var(--vm-radius-sm)!important;
background:linear-gradient(180deg,#174ba9,var(--vm-blue))!important;color:#fff!important;
font:900 .58cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important;
}
/* ---------- Manager Market / career opportunities ---------- */
body.v20-ui .manager-market-shell,
body.v20-ui .manager-interview-shell,
body.v20-ui .manager-offer-shell{
border:1px solid var(--vm-line-strong)!important;
border-radius:var(--vm-radius-lg)!important;
background:#f8fafc!important;
box-shadow:0 1.4cqw 4cqw rgba(4,16,31,.3)!important;
overflow:hidden!important;
}
body.v20-ui .manager-market-shell>header,
body.v20-ui .manager-interview-shell>header,
body.v20-ui .manager-offer-shell>header{background:var(--vm-navy)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
body.v20-ui .manager-vacancy-card,
body.v20-ui .manager-career-overview,
body.v20-ui .manager-contract-card,
body.v20-ui .manager-monitoring-card{
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
box-shadow:none!important;
}
/* ---------- Living Squad negotiation / contract overlays ---------- */
body.v20-ui .living-transfer-overlay,
body.v20-ui .modal-backdrop,
body.v20-ui .manager-market-overlay,
body.v20-ui .manager-interview-overlay,
body.v20-ui .manager-offer-overlay{
background:rgba(3,12,23,.72)!important;
backdrop-filter:blur(.28cqw)!important;
}
body.v20-ui .living-transfer-dialog,
body.v20-ui .negotiation-card,
body.v20-ui .contract-renewal-card,
body.v20-ui .modal-card{
border:1px solid rgba(255,255,255,.15)!important;
border-top:.18cqw solid var(--vm-teal)!important;
border-radius:var(--vm-radius-lg)!important;
background:#f8fafc!important;
box-shadow:0 1.5cqw 4.5cqw rgba(0,0,0,.4)!important;
}
body.v20-ui .living-transfer-dialog>header{background:var(--vm-navy)!important}
body.v20-ui .living-negotiation-hero{
border-radius:var(--vm-radius-md)!important;
background:linear-gradient(130deg,#07192a,#0d3151 70%,#12506d)!important;
}
body.v20-ui .living-negotiation-values,
body.v20-ui .living-counter-field,
body.v20-ui .living-offer-status{border-color:var(--vm-line)!important;border-radius:var(--vm-radius-sm)!important;background:#fff!important}
body.v20-ui .living-negotiation-values>div{border-color:var(--vm-line)!important}
body.v20-ui .living-negotiation-values strong{color:var(--vm-blue)!important}
body.v20-ui .modal-close{
border:1px solid var(--vm-line)!important;border-radius:50%!important;background:#fff!important;color:#435366!important
}
body.v20-ui .toast{
border:1px solid rgba(255,255,255,.13)!important;
border-radius:var(--vm-radius-sm)!important;
background:var(--vm-navy)!important;
color:#fff!important;
box-shadow:0 .6cqw 1.8cqw rgba(0,0,0,.22)!important;
}
/* ---------- Empty/readability states ---------- */
body.v20-ui .transfer-empty,
body.v20-ui .living-empty-state,
body.v20-ui .cc-history-empty,
body.v20-ui .manager-vacancy-empty,
body.v20-ui .empty-state{
border:1px dashed var(--vm-line-strong)!important;
border-radius:var(--vm-radius-md)!important;
background:#f8fafc!important;
color:var(--vm-muted)!important;
}
body.v20-ui small{line-height:1.3}
body.v20-ui .screen:not(.menu-screen) p{line-height:1.4}
/* ---------- Responsive career layout ---------- */
@media (max-width:1200px){
body.v20-ui .career-topbar{grid-template-columns:15% minmax(0,1fr) 16%!important;padding:0 .8cqw!important}
body.v20-ui .career-brand-logo{max-width:9.3cqw!important}
body.v20-ui .career-tabs button{font-size:.4cqw!important;letter-spacing:.055em!important}
body.v20-ui .squad-shell{grid-template-columns:minmax(0,1fr) 31.5%!important}
body.v20-ui .transfers-shell{grid-template-columns:minmax(0,1fr) 31.5%!important}
body.v20-ui .season-live-heading{width:31cqw!important}
body.v20-ui .season-live-subnav{left:34cqw!important}
body.v20-ui .season-main-content{width:66%!important}
body.v20-ui .season-side-content{width:29.5%!important}
}
@media (max-width:900px){
body.v20-ui .career-topbar{grid-template-columns:12% minmax(0,1fr) 13%!important;gap:.3cqw!important;padding:0 .55cqw!important}
body.v20-ui .career-brand-logo{max-width:7.5cqw!important;height:2.2cqw!important}
body.v20-ui .career-tabs button{font-size:.36cqw!important;letter-spacing:.025em!important}
body.v20-ui .career-club-mark{display:none!important}
body.v20-ui .v20-build-chip{min-width:5.3cqw!important}
body.v20-ui .squad-shell,
body.v20-ui .transfers-shell{grid-template-columns:minmax(0,1fr) 34%!important}
body.v20-ui .season-live-heading{left:1cqw!important;width:28cqw!important}
body.v20-ui .season-live-subnav{left:30cqw!important;right:1cqw!important}
body.v20-ui .season-main-content{left:1cqw!important;width:64.5%!important}
body.v20-ui .season-side-content{right:1cqw!important;width:32%!important}
body.v20-ui .central-advance-panel{left:4.8cqw!important;right:4.8cqw!important}
}
@media (prefers-reduced-motion:reduce){
body.v20-ui *,body.v20-ui *::before,body.v20-ui *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
/* V20 shared status semantics and onboarding surfaces. */
body.v20-ui .status-chip,
body.v20-ui .contract-status-chip,
body.v20-ui .hub-status,
body.v20-ui .office-priority-chip,
body.v20-ui .player-pill,
body.v20-ui .academy-role-pill,
body.v20-ui .academy-tier-pill,
body.v20-ui .calendar-event-chip{
border:1px solid var(--vm-line)!important;
border-radius:99px!important;
background:#f4f7fa!important;
color:#536271!important;
box-shadow:none!important;
font-weight:900!important;
letter-spacing:.055em!important;
}
body.v20-ui .contract-status-chip.is-warning,
body.v20-ui .status-chip.is-warning,
body.v20-ui .calendar-event-chip.is-deadline{border-color:#e2c787!important;background:#fff9e9!important;color:#89631d!important}
body.v20-ui .status-chip.is-danger,
body.v20-ui .contract-status-chip.is-danger{border-color:#dfb7bb!important;background:#fff4f5!important;color:#9d333d!important}
body.v20-ui .status-chip.is-success,
body.v20-ui .contract-status-chip.is-success{border-color:#afd6c7!important;background:#f1faf6!important;color:#256d55!important}
body.v20-ui .career-start-screen,
body.v20-ui .unemployed-screen,
body.v20-ui .appointment-screen,
body.v20-ui .first-week-screen{
font-family:Arial,Helvetica,sans-serif!important;
}
body.v20-ui .career-start-shell,
body.v20-ui .unemployed-shell,
body.v20-ui .appointment-content,
body.v20-ui .first-week-content{
border-radius:var(--vm-radius-lg)!important;
}
body.v20-ui .career-start-header,
body.v20-ui .unemployed-header,
body.v20-ui .appointment-header,
body.v20-ui .first-week-header{
border-bottom-color:rgba(255,255,255,.12)!important;
}
body.v20-ui .career-path-card,
body.v20-ui .job-offer-card,
body.v20-ui .job-world-card,
body.v20-ui .first-week-card,
body.v20-ui .appointment-panel{
border-radius:var(--vm-radius-md)!important;
}
body.v20-ui .menu-version{
color:#8ea6b8!important;
font:900 .56cqw/1 Arial,sans-serif!important;
letter-spacing:.14em!important;
}
body.v20-ui .central-screen::before,
body.v20-ui .central-screen::after,
body.v20-ui .results-screen::before{pointer-events:none!important}
body.v20-ui .career-util-btn.v20-text-util{font:900 .31cqw/1 Arial,sans-serif!important;letter-spacing:.04em!important}
body.v20-ui .matchday-utilities{gap:.32cqw!important}
body.v20-ui .matchday-utilities .matchday-date-chip{min-width:6.7cqw!important;padding:.4cqw .5cqw!important}
/* ---------- V20.0.1 Central homepage immersion refresh ---------- */
body.v20-ui .central-center-clean{display:none!important}
body.v20-ui .central-match-hero{
position:absolute!important;
z-index:13!important;
left:25.5%!important;
top:24.2%!important;
width:47.7%!important;
height:33.8%!important;
display:grid!important;
grid-template-rows:auto minmax(0,1fr) auto!important;
gap:.72cqw!important;
padding:.9cqw 1cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 62%,#f1f6fd 100%)!important;
box-shadow:var(--vm-shadow)!important;
overflow:hidden!important;
}
body.v20-ui .central-match-hero::before{
content:"";
position:absolute;
inset:auto -8% -22% auto;
width:18cqw;
height:18cqw;
border-radius:50%;
background:radial-gradient(circle,rgba(26,93,203,.08),rgba(26,93,203,0) 68%);
pointer-events:none;
}
body.v20-ui .central-hero-header{
position:relative!important;
z-index:1!important;
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:1cqw!important;
padding-bottom:.55cqw!important;
border-bottom:1px solid #e7edf4!important;
}
body.v20-ui .central-hero-eyebrow{
display:block!important;
color:var(--vm-teal)!important;
font:900 .34cqw/1 Arial,sans-serif!important;
letter-spacing:.18em!important;
}
body.v20-ui .central-hero-heading{
margin:.22cqw 0 0!important;
color:var(--vm-text)!important;
font:900 .95cqw/1 Arial,sans-serif!important;
letter-spacing:.04em!important;
}
body.v20-ui .central-hero-meta{
align-self:center!important;
padding:.36cqw .6cqw!important;
border:1px solid #d7e2f1!important;
border-radius:999px!important;
background:#f7faff!important;
color:var(--vm-blue)!important;
font:900 .34cqw/1 Arial,sans-serif!important;
letter-spacing:.1em!important;
text-align:right!important;
}
body.v20-ui .central-hero-main{
position:relative!important;
z-index:1!important;
display:grid!important;
grid-template-columns:1fr 1.16fr 1fr!important;
gap:.75cqw!important;
min-height:0!important;
align-items:stretch!important;
}
body.v20-ui .central-team-card,
body.v20-ui .central-versus-core{
border:1px solid #e6ebf2!important;
border-radius:var(--vm-radius-sm)!important;
background:linear-gradient(180deg,#ffffff,#f7faff)!important;
min-height:0!important;
}
body.v20-ui .central-team-card{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
align-items:center!important;
padding:.85cqw .75cqw!important;
text-align:center!important;
}
body.v20-ui .central-team-side-label{
color:#7c8896!important;
font:900 .3cqw/1 Arial,sans-serif!important;
letter-spacing:.18em!important;
}
body.v20-ui .central-match-hero .central-club-badge{
position:static!important;
left:auto!important;
top:auto!important;
width:4.9cqw!important;
height:4.9cqw!important;
margin:.45cqw auto .38cqw!important;
display:grid!important;
place-items:center!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.v20-ui .central-match-hero .central-club-badge img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
body.v20-ui .central-match-hero .central-nameplate{
position:static!important;
left:auto!important;
top:auto!important;
width:auto!important;
min-width:0!important;
height:auto!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
display:block!important;
text-align:center!important;
color:var(--vm-text)!important;
font:900 .82cqw/1.08 Arial,sans-serif!important;
}
body.v20-ui .central-team-record{
margin-top:.35cqw!important;
color:#667483!important;
font:800 .38cqw/1.2 Arial,sans-serif!important;
letter-spacing:.06em!important;
}
body.v20-ui .central-versus-core{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
align-items:center!important;
gap:.36cqw!important;
padding:.9cqw .85cqw!important;
text-align:center!important;
background:linear-gradient(180deg,#fdfefe,#f1f6fc)!important;
}
body.v20-ui .central-versus-ring{
width:2.5cqw!important;
height:2.5cqw!important;
border-radius:50%!important;
border:1px solid #d7e0ef!important;
background:#fff!important;
color:var(--vm-blue)!important;
display:grid!important;
place-items:center!important;
font:900 .58cqw/1 Arial,sans-serif!important;
letter-spacing:.12em!important;
box-shadow:0 .15cqw .45cqw rgba(19,55,117,.08)!important;
}
body.v20-ui .central-match-hero .central-match-title{
position:static!important;
left:auto!important;
top:auto!important;
width:auto!important;
height:auto!important;
background:transparent!important;
color:var(--vm-text)!important;
font:900 .86cqw/1.12 Arial,sans-serif!important;
letter-spacing:.05em!important;
}
body.v20-ui .central-match-hero .central-stadium{
position:static!important;
left:auto!important;
top:auto!important;
width:auto!important;
height:auto!important;
color:#7c8896!important;
font:800 .36cqw/1.2 Arial,sans-serif!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
}
body.v20-ui .central-fixture-context{
margin-top:.15cqw!important;
padding:.38cqw .62cqw!important;
border-radius:999px!important;
background:#edf4ff!important;
color:#154493!important;
font:900 .31cqw/1 Arial,sans-serif!important;
letter-spacing:.1em!important;
}
body.v20-ui .central-hero-bottom{
position:relative!important;
z-index:1!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:.5cqw!important;
}
body.v20-ui .central-hero-chip{
min-width:0!important;
padding:.52cqw .62cqw!important;
border:1px solid #e6ebf2!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
}
body.v20-ui .central-hero-chip span{
display:block!important;
margin-bottom:.22cqw!important;
color:#7d8895!important;
font:900 .28cqw/1 Arial,sans-serif!important;
letter-spacing:.14em!important;
}
body.v20-ui .central-hero-chip strong{
display:block!important;
color:var(--vm-text)!important;
font:900 .4cqw/1.22 Arial,sans-serif!important;
letter-spacing:.03em!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.v20-ui .central-manager-briefing{
position:absolute!important;
z-index:13!important;
left:25.5%!important;
top:60.0%!important;
width:47.7%!important;
height:6.15%!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:#fff!important;
box-shadow:var(--vm-shadow)!important;
overflow:hidden!important;
}
body.v20-ui .central-manager-briefing .central-panel-header{height:2.0cqw!important}
body.v20-ui .central-manager-briefing-body{
height:calc(100% - 2.0cqw)!important;
padding:.52cqw .72cqw!important;
display:grid!important;
align-content:center!important;
gap:.18cqw!important;
}
body.v20-ui .central-manager-briefing-body strong{
color:var(--vm-text)!important;
font:900 .48cqw/1 Arial,sans-serif!important;
letter-spacing:.05em!important;
}
body.v20-ui .central-manager-briefing-body p{
margin:0!important;
color:#6c7885!important;
font:800 .34cqw/1.35 Arial,sans-serif!important;
}
body.v20-ui .central-continue{
left:25.5%!important;
top:67.1%!important;
width:47.7%!important;
height:4.9%!important;
font-size:.78cqw!important;
letter-spacing:.08em!important;
}
body.v20-ui .central-season-snapshot{
left:25.5%!important;
top:72.9%!important;
width:47.7%!important;
height:13.5%!important;
}
body.v20-ui .central-season-snapshot header{font-size:.33cqw!important;letter-spacing:.14em!important}
body.v20-ui .living-snapshot strong{font-size:.97cqw!important}
body.v20-ui .living-snapshot span{font-size:.31cqw!important}
/* ---------- V20.0.2 Central follow-up cleanup ---------- */
body.v20-ui{
background:linear-gradient(180deg,#eef3f7 0%,#e8eef4 100%)!important;
}
body.v20-ui .app-root{
height:100%!important;
display:block!important;
}
body.v20-ui .game-frame{
margin:0!important;
background:linear-gradient(180deg,#f5f8fb 0%,var(--vm-bg) 100%)!important;
box-shadow:none!important;
}
body.v20-ui .central-manager-briefing{
top:59.6%!important;
height:8.2%!important;
}
body.v20-ui .central-manager-briefing .central-panel-header{
height:1.75cqw!important;
}
body.v20-ui .central-manager-briefing-body{
height:calc(100% - 1.75cqw)!important;
padding:.44cqw .72cqw .5cqw!important;
align-content:start!important;
overflow:hidden!important;
}
body.v20-ui .central-manager-briefing-body strong{
font:900 .42cqw/1.05 Arial,sans-serif!important;
}
body.v20-ui .central-manager-briefing-body p{
font:800 .31cqw/1.32 Arial,sans-serif!important;
display:-webkit-box!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
overflow:hidden!important;
}
body.v20-ui .central-continue{
top:68.8%!important;
}
body.v20-ui .central-season-snapshot{
top:74.7%!important;
}
/* ---------- V20.0.3 Manager Career repair ---------- */
body.v20-ui .manager-career-pane{
min-width:0!important;
overflow:hidden!important;
}
/* Managerial journey */
body.v20-ui .manager-spell-card{
padding:.9cqw!important;
overflow:hidden!important;
}
body.v20-ui .manager-spell-list{
display:grid!important;
gap:.52cqw!important;
}
body.v20-ui .manager-spell-entry{
position:relative!important;
display:grid!important;
grid-template-columns:2cqw 3.2cqw minmax(0,1fr)!important;
align-items:stretch!important;
gap:.7cqw!important;
min-height:5.2cqw!important;
padding:.72cqw .8cqw!important;
border:1px solid #e0e6ed!important;
border-radius:var(--vm-radius-sm)!important;
background:linear-gradient(180deg,#fff,#f8fafc)!important;
overflow:hidden!important;
}
body.v20-ui .manager-spell-entry.is-current{
border-color:#cbd9ed!important;
background:linear-gradient(90deg,#f4f8ff 0%,#fff 38%)!important;
box-shadow:inset .16cqw 0 var(--vm-blue)!important;
}
body.v20-ui .manager-spell-rail{
display:grid!important;
place-items:center!important;
position:relative!important;
}
body.v20-ui .manager-spell-rail::after{
content:""!important;
position:absolute!important;
top:2.25cqw!important;
bottom:-1.25cqw!important;
width:1px!important;
background:#dbe3ec!important;
}
body.v20-ui .manager-spell-entry:last-child .manager-spell-rail::after{display:none!important}
body.v20-ui .manager-spell-rail span{
position:relative!important;
z-index:1!important;
width:1.35cqw!important;
height:1.35cqw!important;
display:grid!important;
place-items:center!important;
border-radius:50%!important;
background:#edf4ff!important;
color:var(--vm-blue)!important;
font:900 .34cqw/1 Arial,sans-serif!important;
}
body.v20-ui .manager-spell-crest{
width:3.1cqw!important;
height:3.1cqw!important;
align-self:center!important;
display:grid!important;
place-items:center!important;
padding:.22cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
overflow:hidden!important;
}
body.v20-ui .manager-spell-crest .club-badge,
body.v20-ui .manager-spell-crest .fitted-shield,
body.v20-ui .manager-spell-crest .fitted-shield-frame,
body.v20-ui .manager-spell-crest .fitted-shield-media{
position:relative!important;
inset:auto!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
transform:none!important;
clip-path:none!important;
overflow:hidden!important;
}
body.v20-ui .manager-spell-crest img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
transform:none!important;
}
body.v20-ui .manager-spell-main{min-width:0!important;align-self:center!important}
body.v20-ui .manager-spell-topline{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:.8cqw!important;
}
body.v20-ui .manager-spell-topline time{
color:#71808e!important;
font:800 .3cqw/1 Arial,sans-serif!important;
letter-spacing:.06em!important;
}
body.v20-ui .manager-spell-topline strong{
padding:.22cqw .4cqw!important;
border-radius:999px!important;
background:#edf4ff!important;
color:var(--vm-blue)!important;
font:900 .27cqw/1 Arial,sans-serif!important;
letter-spacing:.08em!important;
white-space:nowrap!important;
}
body.v20-ui .manager-spell-main h4{
margin:.32cqw 0 .12cqw!important;
color:var(--vm-text)!important;
font:900 .68cqw/1 Arial,sans-serif!important;
}
body.v20-ui .manager-spell-main p{
margin:0!important;
color:#70808e!important;
font:800 .32cqw/1.2 Arial,sans-serif!important;
}
body.v20-ui .manager-spell-record{
display:flex!important;
flex-wrap:wrap!important;
gap:.35cqw!important;
margin-top:.5cqw!important;
}
body.v20-ui .manager-spell-record span{
min-width:4.4cqw!important;
padding:.34cqw .42cqw!important;
border:1px solid #e4e9ef!important;
border-radius:var(--vm-radius-xs)!important;
background:#fff!important;
color:#7b8793!important;
font:900 .25cqw/1 Arial,sans-serif!important;
letter-spacing:.07em!important;
}
body.v20-ui .manager-spell-record b{
display:block!important;
margin-bottom:.12cqw!important;
color:#173f8d!important;
font:900 .46cqw/1 Arial,sans-serif!important;
}
/* Club interest */
body.v20-ui .manager-monitoring-intro{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
gap:1cqw!important;
padding:.9cqw 1cqw!important;
}
body.v20-ui .manager-monitoring-intro aside{
min-width:7.5cqw!important;
padding:.6cqw .72cqw!important;
border-left:1px solid var(--vm-line)!important;
text-align:right!important;
}
body.v20-ui .manager-monitoring-intro aside small,
body.v20-ui .manager-monitoring-intro aside em{
display:block!important;
color:#7a8794!important;
font:800 .27cqw/1.2 Arial,sans-serif!important;
font-style:normal!important;
}
body.v20-ui .manager-monitoring-intro aside strong{
display:block!important;
margin:.16cqw 0!important;
color:var(--vm-blue)!important;
font:900 1cqw/1 Arial,sans-serif!important;
}
body.v20-ui .manager-monitoring-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:.62cqw!important;
}
body.v20-ui .manager-interest-card{
min-width:0!important;
min-height:6.2cqw!important;
padding:.72cqw!important;
border:1px solid #e0e6ed!important;
border-radius:var(--vm-radius-sm)!important;
background:linear-gradient(180deg,#fff,#f8fafc)!important;
overflow:hidden!important;
}
body.v20-ui .manager-interest-card-top{
display:grid!important;
grid-template-columns:3.4cqw minmax(0,1fr) 2.3cqw!important;
align-items:center!important;
gap:.62cqw!important;
}
body.v20-ui .manager-interest-crest{
width:3.4cqw!important;
height:3.4cqw!important;
display:grid!important;
place-items:center!important;
padding:.22cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
overflow:hidden!important;
}
body.v20-ui .manager-interest-crest .club-badge,
body.v20-ui .manager-interest-crest .fitted-shield,
body.v20-ui .manager-interest-crest .fitted-shield-frame,
body.v20-ui .manager-interest-crest .fitted-shield-media{
position:relative!important;
inset:auto!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
transform:none!important;
clip-path:none!important;
overflow:hidden!important;
}
body.v20-ui .manager-interest-crest img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
transform:none!important;
}
body.v20-ui .manager-interest-copy{min-width:0!important}
body.v20-ui .manager-interest-copy span{
color:#7a8794!important;
font:900 .26cqw/1 Arial,sans-serif!important;
letter-spacing:.08em!important;
}
body.v20-ui .manager-interest-copy h4{
margin:.24cqw 0!important;
color:var(--vm-text)!important;
font:900 .61cqw/1 Arial,sans-serif!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.v20-ui .manager-interest-copy small{
display:block!important;
color:#71808e!important;
font:800 .29cqw/1.15 Arial,sans-serif!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.v20-ui .manager-interest-score{
width:2.2cqw!important;
height:2.2cqw!important;
display:grid!important;
place-items:center!important;
border-radius:50%!important;
background:#edf4ff!important;
color:var(--vm-blue)!important;
font:900 .58cqw/1 Arial,sans-serif!important;
}
body.v20-ui .manager-interest-meter{
height:.3cqw!important;
margin:.62cqw 0 .45cqw!important;
border-radius:999px!important;
background:#e8edf3!important;
overflow:hidden!important;
}
body.v20-ui .manager-interest-meter i{
display:block!important;
height:100%!important;
border-radius:999px!important;
background:linear-gradient(90deg,var(--vm-blue),var(--vm-teal))!important;
}
body.v20-ui .manager-interest-card footer{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:.6cqw!important;
}
body.v20-ui .manager-interest-card footer strong{
color:var(--vm-blue)!important;
font:900 .3cqw/1 Arial,sans-serif!important;
letter-spacing:.07em!important;
}
body.v20-ui .manager-interest-card footer span{
color:#7a8794!important;
font:800 .28cqw/1 Arial,sans-serif!important;
}
/* Contract */
body.v20-ui .manager-contract-panel{
padding:.9cqw!important;
overflow:hidden!important;
}
body.v20-ui .manager-contract-hero{
display:grid!important;
grid-template-columns:3.6cqw minmax(0,1fr) auto!important;
gap:.72cqw!important;
align-items:center!important;
padding:.72cqw!important;
border:1px solid #e0e6ed!important;
border-radius:var(--vm-radius-sm)!important;
background:linear-gradient(90deg,#f7faff,#fff)!important;
}
body.v20-ui .manager-contract-crest{
width:3.6cqw!important;
height:3.6cqw!important;
display:grid!important;
place-items:center!important;
padding:.24cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
overflow:hidden!important;
}
body.v20-ui .manager-contract-crest .club-badge,
body.v20-ui .manager-contract-crest .fitted-shield,
body.v20-ui .manager-contract-crest .fitted-shield-frame,
body.v20-ui .manager-contract-crest .fitted-shield-media{
position:relative!important;
inset:auto!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
transform:none!important;
clip-path:none!important;
overflow:hidden!important;
}
body.v20-ui .manager-contract-crest img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
transform:none!important;
}
body.v20-ui .manager-contract-copy{min-width:0!important}
body.v20-ui .manager-contract-copy small{
color:#73808d!important;
font:900 .27cqw/1 Arial,sans-serif!important;
letter-spacing:.11em!important;
}
body.v20-ui .manager-contract-copy h3{
margin:.25cqw 0 .14cqw!important;
color:var(--vm-text)!important;
font:900 .86cqw/1 Arial,sans-serif!important;
}
body.v20-ui .manager-contract-copy p{
margin:0!important;
color:#6f7c89!important;
font:800 .32cqw/1.2 Arial,sans-serif!important;
}
body.v20-ui .manager-contract-status{
padding:.34cqw .52cqw!important;
border-radius:999px!important;
background:#edf4ff!important;
color:var(--vm-blue)!important;
font:900 .29cqw/1 Arial,sans-serif!important;
letter-spacing:.08em!important;
}
body.v20-ui .manager-contract-facts{
margin-top:.62cqw!important;
}
body.v20-ui .manager-contract-facts>div{
min-height:3.5cqw!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
padding:.62cqw!important;
}
body.v20-ui .manager-contract-progress,
body.v20-ui .manager-contract-expectation{
margin-top:.62cqw!important;
padding:.66cqw .72cqw!important;
border:1px solid #e1e6ed!important;
border-radius:var(--vm-radius-sm)!important;
background:#fbfcfe!important;
}
body.v20-ui .manager-contract-progress>div:first-child{
display:flex!important;
justify-content:space-between!important;
gap:.6cqw!important;
}
body.v20-ui .manager-contract-progress span,
body.v20-ui .manager-contract-expectation span{
color:#788591!important;
font:900 .27cqw/1 Arial,sans-serif!important;
letter-spacing:.09em!important;
}
body.v20-ui .manager-contract-progress strong,
body.v20-ui .manager-contract-expectation strong{
color:var(--vm-text)!important;
font:900 .4cqw/1 Arial,sans-serif!important;
}
body.v20-ui .manager-contract-progress-track{
height:.34cqw!important;
margin:.48cqw 0 .35cqw!important;
border-radius:999px!important;
background:#e6ebf1!important;
overflow:hidden!important;
}
body.v20-ui .manager-contract-progress-track i{
display:block!important;
height:100%!important;
border-radius:999px!important;
background:linear-gradient(90deg,var(--vm-blue),var(--vm-teal))!important;
}
body.v20-ui .manager-contract-progress footer{
display:flex!important;
justify-content:space-between!important;
gap:.7cqw!important;
}
body.v20-ui .manager-contract-progress footer span{
font-size:.24cqw!important;
}
body.v20-ui .manager-contract-expectation strong{
display:block!important;
margin:.24cqw 0!important;
font-size:.52cqw!important;
}
body.v20-ui .manager-contract-expectation small{
display:block!important;
color:#72808d!important;
font:800 .3cqw/1.35 Arial,sans-serif!important;
}
body.v20-ui .manager-contract-footer{
display:grid!important;
grid-template-columns:minmax(0,1fr) 12cqw!important;
gap:.72cqw!important;
align-items:center!important;
margin-top:.75cqw!important;
padding-top:.72cqw!important;
border-top:1px solid var(--vm-line)!important;
}
body.v20-ui .manager-contract-footer small{
color:#7a8793!important;
font:800 .29cqw/1.3 Arial,sans-serif!important;
}
body.v20-ui .manager-contract-footer .manager-resign-btn{
width:100%!important;
margin:0!important;
height:2.25cqw!important;
}
@media(max-width:1200px){
body.v20-ui .manager-monitoring-grid{grid-template-columns:1fr!important}
body.v20-ui .manager-contract-hero{grid-template-columns:3.6rem minmax(0,1fr)!important}
body.v20-ui .manager-contract-status{grid-column:2!important;justify-self:start!important}
body.v20-ui .manager-contract-footer{grid-template-columns:1fr!important}
}
/* ============================================================
V20.1 — SCREEN ARCHITECTURE & CLICK SAFETY
============================================================ */
:root{
--vm-z-screen:10;
--vm-z-sticky:100;
--vm-z-popover:300;
--vm-z-modal-backdrop:1000;
--vm-z-modal:1100;
--vm-z-critical:1500;
--vm-z-fullscreen:2000;
}
/* Hidden primary screens are genuinely non-interactive. */
body.v20-ui .screen[aria-hidden="true"],
body.v20-ui .screen[data-screen-state="inactive"]{
pointer-events:none!important;
visibility:hidden!important;
}
body.v20-ui .screen.is-active[aria-hidden="false"]{
pointer-events:auto!important;
visibility:visible!important;
}
/* Retired screenshot hit-navigation can never reappear as an input layer. */
body.v20-ui .art-top-hitnav,
body.v20-ui .art-utility-hitnav,
body.v20-ui .art-bottom-hitnav,
body.v20-ui .central-hitbox,
body.v20-ui .career-art-top-chrome,
body.v20-ui .career-art-bottom-chrome{
display:none!important;
pointer-events:none!important;
visibility:hidden!important;
}
/* One coherent blocking-overlay layer. */
body.v20-ui .modal-backdrop,
body.v20-ui .career-decision-overlay,
body.v20-ui .watch-match-overlay,
body.v20-ui .manager-market-overlay,
body.v20-ui .manager-interview-overlay,
body.v20-ui .manager-offer-overlay,
body.v20-ui .manager-first24-overlay,
body.v20-ui .manager-dismissal-overlay,
body.v20-ui .cc-draw-overlay,
body.v20-ui .cc-final-overlay,
body.v20-ui .living-transfer-overlay,
body.v20-ui .rtg-review-overlay{
isolation:isolate;
}
body.v20-ui .modal-backdrop.is-open,
body.v20-ui .career-decision-overlay.is-open,
body.v20-ui .manager-market-overlay.is-open,
body.v20-ui .living-transfer-overlay.is-open{
z-index:var(--vm-z-modal-backdrop)!important;
}
body.v20-ui .watch-match-overlay.is-open,
body.v20-ui .manager-interview-overlay.is-open,
body.v20-ui .manager-offer-overlay.is-open,
body.v20-ui .manager-first24-overlay.is-open,
body.v20-ui .manager-dismissal-overlay.is-open,
body.v20-ui .rtg-review-overlay.is-open{
z-index:var(--vm-z-critical)!important;
}
body.v20-ui .cc-draw-overlay.is-open,
body.v20-ui .cc-final-overlay.is-open{
z-index:var(--vm-z-fullscreen)!important;
}
/* Subtabs obey the same visibility/input rules as primary screens. */
body.v20-ui .squad-view[aria-hidden="true"],
body.v20-ui .transfer-pane[aria-hidden="true"],
body.v20-ui .office-pane[aria-hidden="true"]{
pointer-events:none!important;
visibility:hidden!important;
}
body.v20-ui .squad-view.is-active[aria-hidden="false"],
body.v20-ui .transfer-pane.is-active[aria-hidden="false"],
body.v20-ui .office-pane.is-active[aria-hidden="false"]{
pointer-events:auto!important;
visibility:visible!important;
}
/* Deterministic busy/disabled interaction language. */
body.v20-ui button.is-busy,
body.v20-ui button[aria-busy="true"]{
cursor:progress!important;
pointer-events:none!important;
opacity:.72!important;
filter:saturate(.82)!important;
}
body.v20-ui button:disabled{
cursor:not-allowed!important;
pointer-events:none!important;
opacity:.48!important;
}
body.v20-ui button.is-busy::after{
content:"";
display:inline-block;
width:.52em;
height:.52em;
margin-left:.5em;
border:.12em solid currentColor;
border-right-color:transparent;
border-radius:50%;
vertical-align:.02em;
animation:v201BusySpin .72s linear infinite;
}
@keyframes v201BusySpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){body.v20-ui button.is-busy::after{animation:none}}
/* Toasts must never own pointer input. */
body.v20-ui .toast{pointer-events:none!important}
/* ============================================================
V20.3 — BROADCAST LEAGUE TABLE
============================================================ */
body.v20-ui #screenSeason.is-table-view .season-main-content{
left:1.65cqw!important;right:1.65cqw!important;top:10.25cqw!important;width:auto!important;
padding:0!important;overflow:hidden!important;border-color:#cbd6e2!important;background:#edf2f7!important;
box-shadow:0 .45cqw 1.5cqw rgba(9,30,58,.12)!important;
}
body.v20-ui #screenSeason.is-table-view .season-side-content{display:none!important}
body.v20-ui .vm-table-broadcast{
--table-navy:#071c36;--table-blue:#124f9c;--table-cyan:#20c4d6;
width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);
overflow:hidden;background:#edf2f7;color:#14263b;font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;
}
body.v20-ui .vm-table-hero{
position:relative;isolation:isolate;overflow:hidden;display:grid;
grid-template-columns:minmax(19cqw,1fr) repeat(4,minmax(7.2cqw,9.1cqw));min-height:6.45cqw;
background:linear-gradient(112deg,#06182f 0%,#0a2c56 48%,#0f4386 75%,#1675ac 130%)!important;color:#fff!important;
}
body.v20-ui .vm-table-hero::before{
content:"";position:absolute;z-index:-1;inset:-70% 21% -120% auto;width:25%;transform:rotate(24deg);
background:linear-gradient(90deg,transparent,rgba(34,201,214,.24),transparent);
}
body.v20-ui .vm-table-hero::after{
content:"";position:absolute;z-index:-1;right:-5%;bottom:-145%;width:34cqw;height:34cqw;
border:.75cqw solid rgba(255,255,255,.055);border-radius:50%;box-shadow:0 0 0 3cqw rgba(255,255,255,.025);
}
body.v20-ui .vm-table-identity{min-width:0;padding:1cqw 1.35cqw .82cqw}
body.v20-ui .vm-table-kicker{display:flex;align-items:center;gap:.6cqw;margin-bottom:.45cqw}
body.v20-ui .vm-table-kicker span,body.v20-ui .vm-table-kicker>b{
display:inline-flex;align-items:center;gap:.28cqw;color:#bfcedf!important;
font:900 .35cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important;
}
body.v20-ui .vm-table-kicker span{color:#fff!important}
body.v20-ui .vm-table-kicker span i{width:.38cqw;height:.38cqw;border-radius:50%;background:var(--table-cyan);box-shadow:0 0 .5cqw rgba(32,196,214,.85)}
body.v20-ui .vm-table-kicker>b{padding-left:.62cqw;border-left:1px solid rgba(255,255,255,.24)}
body.v20-ui .vm-table-identity h1{
margin:0;color:#fff!important;font:900 1.18cqw/.95 Arial,sans-serif!important;letter-spacing:-.045em!important;
text-shadow:0 .12cqw .3cqw rgba(0,0,0,.22);
}
body.v20-ui .vm-table-identity>p{
margin:.38cqw 0 0;color:#aebfd3!important;font:800 .35cqw/1.2 Arial,sans-serif!important;letter-spacing:.065em!important;
}
body.v20-ui .vm-hero-form{display:flex;align-items:center;gap:.25cqw;margin-top:.68cqw}
body.v20-ui .vm-hero-form>span{margin-right:.15cqw;color:#aebfd3!important;font:900 .31cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important}
body.v20-ui .vm-hero-form>b,body.v20-ui .vm-table-form>b{
display:grid;place-items:center;width:1.1cqw;height:1.1cqw;border-radius:.22cqw;
background:#fff;color:#5f6b78!important;font:900 .38cqw/1 Arial,sans-serif!important;
}
body.v20-ui .vm-hero-form>b.is-w,body.v20-ui .vm-table-form>b.is-w{background:#1fad78!important;color:#fff!important}
body.v20-ui .vm-hero-form>b.is-d,body.v20-ui .vm-table-form>b.is-d{background:#758397!important;color:#fff!important}
body.v20-ui .vm-hero-form>b.is-l,body.v20-ui .vm-table-form>b.is-l{background:#df5364!important;color:#fff!important}
body.v20-ui .vm-hero-form>b.is-empty{background:rgba(255,255,255,.13)!important;color:rgba(255,255,255,.48)!important}
body.v20-ui .vm-table-metric{
position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:.85cqw;
border-left:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.055));
}
body.v20-ui .vm-table-metric>span{color:#aebfd3!important;font:900 .32cqw/1 Arial,sans-serif!important;letter-spacing:.09em!important}
body.v20-ui .vm-table-metric>strong{margin:.32cqw 0 .26cqw;color:#fff!important;font:900 1.18cqw/.9 Arial,sans-serif!important;letter-spacing:-.045em!important}
body.v20-ui .vm-table-metric>small{color:#bfd0e2!important;font:800 .31cqw/1.2 Arial,sans-serif!important;letter-spacing:.035em!important}
body.v20-ui .vm-table-metric.is-position{box-shadow:inset 0 -.18cqw var(--table-cyan)}
body.v20-ui .vm-table-metric.is-position>strong{color:#72e2eb!important}
body.v20-ui .vm-table-metric.is-progress>i{display:block;height:.2cqw;margin-top:.5cqw;overflow:hidden;border-radius:2cqw;background:rgba(255,255,255,.15)}
body.v20-ui .vm-table-metric.is-progress>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--table-cyan),#67e3c2)}
body.v20-ui .vm-table-strip{
min-height:2.15cqw;display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:0 1.05cqw;
border-bottom:1px solid #d5dee7;background:#fff;
}
body.v20-ui .vm-table-strip>div{display:flex;align-items:center;gap:1.05cqw}
body.v20-ui .vm-table-strip span{display:inline-flex;align-items:center;gap:.34cqw;color:#586779!important;font:900 .31cqw/1 Arial,sans-serif!important;letter-spacing:.07em!important}
body.v20-ui .vm-table-strip span i{width:.18cqw;height:.85cqw;border-radius:1cqw;background:#9aa8b6}
body.v20-ui .vm-table-strip span i.is-continental{background:#d0a93e}
body.v20-ui .vm-table-strip span i.is-auto-promotion{background:#22a779}
body.v20-ui .vm-table-strip span i.is-playoff{background:#347bce}
body.v20-ui .vm-table-strip span i.is-relegation{background:#dc5361}
body.v20-ui .vm-table-strip>strong{color:#748294!important;font:900 .3cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important}
body.v20-ui .vm-league-table{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#f7f9fb}
body.v20-ui .vm-table-rows{min-height:0;overflow:auto;scrollbar-color:#9ba8b7 #e8edf2;scrollbar-width:thin}
body.v20-ui .vm-table-rows::-webkit-scrollbar{width:.48cqw}
body.v20-ui .vm-table-rows::-webkit-scrollbar-track{background:#e8edf2}
body.v20-ui .vm-table-rows::-webkit-scrollbar-thumb{border:.1cqw solid #e8edf2;border-radius:1cqw;background:#8c9aaa}
body.v20-ui .vm-table-broadcast .live-table-head,body.v20-ui .vm-table-broadcast .live-table-row{
display:grid!important;grid-template-columns:4.25cqw minmax(16cqw,1fr) repeat(4,4.25cqw) 5.1cqw 5.4cqw 8.5cqw!important;
align-items:center!important;gap:0!important;margin:0!important;border-radius:0!important;
}
body.v20-ui .vm-table-broadcast .live-table-head{
position:relative!important;top:auto!important;z-index:2!important;min-height:2.2cqw!important;padding:0 .65cqw!important;
border-bottom:1px solid #cdd7e1!important;background:#eaf0f6!important;box-shadow:0 .1cqw .28cqw rgba(16,41,72,.07)!important;
}
body.v20-ui .vm-table-broadcast .live-table-head>span{
color:#607084!important;text-align:center!important;font:900 .32cqw/1 Arial,sans-serif!important;letter-spacing:.095em!important;
}
body.v20-ui .vm-table-broadcast .live-table-head>span:nth-child(2){text-align:left!important}
body.v20-ui .vm-table-broadcast .live-table-row{
position:relative;min-height:3.12cqw!important;padding:0 .65cqw!important;border-bottom:1px solid #e1e7ed!important;
background:#fff!important;color:#26394e!important;box-shadow:inset .18cqw 0 #a5b2bf!important;
transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease!important;
}
body.v20-ui .vm-table-broadcast .live-table-row:nth-child(even){background:#f9fbfd!important}
body.v20-ui .vm-table-broadcast .live-table-row:hover{z-index:1;background:#edf5ff!important;box-shadow:inset .18cqw 0 #347bce,0 .16cqw .45cqw rgba(12,45,82,.1)!important;transform:translateY(-.03cqw)}
body.v20-ui .vm-table-broadcast .live-table-row.is-auto-promotion{box-shadow:inset .18cqw 0 #22a779!important}
body.v20-ui .vm-table-broadcast .live-table-row.is-playoff{box-shadow:inset .18cqw 0 #347bce!important}
body.v20-ui .vm-table-broadcast .live-table-row.is-continental{box-shadow:inset .18cqw 0 #d0a93e!important}
body.v20-ui .vm-table-broadcast .live-table-row.is-relegation{box-shadow:inset .18cqw 0 #dc5361!important}
body.v20-ui .vm-table-broadcast .live-table-row.is-own{
background:linear-gradient(90deg,#092b53 0%,#104b91 66%,#1167a1 132%)!important;color:#fff!important;
box-shadow:inset .25cqw 0 #26cfda,0 .18cqw .6cqw rgba(8,39,76,.2)!important;
}
body.v20-ui .vm-table-broadcast .live-table-row.is-own:hover{background:linear-gradient(90deg,#0b3566,#1559a8)!important;transform:none}
body.v20-ui .vm-table-position{display:flex;align-items:center;gap:.35cqw;min-width:0}
body.v20-ui .vm-table-position>strong{color:#172c44!important;font:900 .65cqw/1 Arial,sans-serif!important}
body.v20-ui .vm-table-position>small{color:#9b7720!important;font:900 .25cqw/1 Arial,sans-serif!important;letter-spacing:.06em!important}
body.v20-ui .vm-table-broadcast .live-club-cell{display:flex!important;align-items:center!important;gap:.58cqw!important;min-width:0!important;padding-right:.8cqw!important}
body.v20-ui .vm-table-broadcast .live-club-cell>img{flex:0 0 auto;width:1.75cqw!important;height:1.75cqw!important;object-fit:contain!important;filter:drop-shadow(0 .08cqw .12cqw rgba(8,28,51,.16))}
body.v20-ui .vm-table-broadcast .live-club-cell>span{display:flex;flex-direction:column;justify-content:center;min-width:0}
body.v20-ui .vm-table-broadcast .live-club-cell>span>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#101e2e!important;font:900 .52cqw/1.05 Arial,sans-serif!important}
body.v20-ui .vm-table-broadcast .live-club-cell>span>small{margin-top:.22cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8998!important;font:900 .26cqw/1 Arial,sans-serif!important;letter-spacing:.07em!important}
body.v20-ui .vm-table-broadcast .table-zone-tag{
flex:0 0 auto;display:inline-flex!important;align-items:center!important;min-height:1.05cqw!important;margin-left:auto!important;padding:0 .42cqw!important;
border:1px solid #d6e0e9!important;border-radius:.2cqw!important;background:#edf2f7!important;color:#536579!important;
font:900 .27cqw/1 Arial,sans-serif!important;font-style:normal!important;letter-spacing:.07em!important;
}
body.v20-ui .vm-table-broadcast .live-table-row>span,body.v20-ui .vm-table-broadcast .live-table-row>.vm-table-points{
color:#30445a!important;text-align:center!important;font:850 .5cqw/1 Arial,sans-serif!important;
}
body.v20-ui .vm-table-broadcast .live-table-row>.vm-table-points{color:#102944!important;font-size:.65cqw!important}
body.v20-ui .vm-table-broadcast .vm-goal-difference{font-weight:900!important}
body.v20-ui .vm-table-form{display:flex;align-items:center;justify-content:center;gap:.2cqw}
body.v20-ui .vm-table-form>b{width:1.02cqw;height:1.02cqw;border-radius:50%;background:#e5ebf1!important;color:#687789!important;font-size:.31cqw!important}
body.v20-ui .vm-table-form>b.is-empty{background:#e8edf2!important;color:#98a5b2!important}
body.v20-ui .vm-table-broadcast .live-table-row.is-own .vm-table-position>strong,
body.v20-ui .vm-table-broadcast .live-table-row.is-own .vm-table-position>small,
body.v20-ui .vm-table-broadcast .live-table-row.is-own .live-club-cell>span>strong,
body.v20-ui .vm-table-broadcast .live-table-row.is-own .live-club-cell>span>small,
body.v20-ui .vm-table-broadcast .live-table-row.is-own>span,
body.v20-ui .vm-table-broadcast .live-table-row.is-own>.vm-table-points{color:#fff!important}
body.v20-ui .vm-table-broadcast .live-table-row.is-own .live-club-cell>span>small{color:#9ee9ed!important}
body.v20-ui .vm-table-broadcast .live-table-row.is-own .table-zone-tag{border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.12)!important;color:#fff!important}
@media (max-width:1200px){
body.v20-ui #screenSeason.is-table-view .season-main-content{left:1.25cqw!important;right:1.25cqw!important;width:auto!important}
body.v20-ui .vm-table-hero{grid-template-columns:minmax(18cqw,1fr) repeat(4,8.2cqw)}
}
@media (max-width:900px){
body.v20-ui #screenSeason.is-table-view .season-main-content{left:1cqw!important;right:1cqw!important;width:auto!important}
body.v20-ui .vm-table-hero{grid-template-columns:minmax(17cqw,1fr) repeat(3,9cqw)}
body.v20-ui .vm-table-metric.is-progress{display:none}
body.v20-ui .vm-table-broadcast .live-table-head,body.v20-ui .vm-table-broadcast .live-table-row{
grid-template-columns:4cqw minmax(15cqw,1fr) repeat(4,4cqw) 5cqw 5cqw 7.5cqw!important;
}
}
/* V20.5.1 definitive cascade: keep these repairs after every legacy layer. */
body.v20-ui #screenCentral>.central-continue{position:absolute!important;left:25.5%!important;top:68.8%!important;width:47.7%!important;height:2.55cqw!important;min-height:2.55cqw!important;margin:0!important;padding:0 .9cqw!important;display:grid!important;place-items:center!important;z-index:20!important;border:1px solid #0b4ca3!important;border-radius:.34cqw!important;background:linear-gradient(180deg,#1d58bd,#0b409b)!important;box-shadow:0 .28cqw .72cqw rgba(9,47,112,.16)!important;color:#fff!important;font:900 .68cqw/1 Arial,sans-serif!important;letter-spacing:.09em!important}
body.v20-ui #screenCentral>.central-continue:hover{transform:translateY(-.04cqw)!important;filter:brightness(1.05)!important}
body.v20-ui #screenCentral>.central-manager-portrait{right:1.15cqw!important;top:5.45cqw!important;width:4.8cqw!important;height:5.75cqw!important;display:grid!important;grid-template-rows:minmax(0,1fr) 1.28cqw!important;overflow:hidden!important;border:1px solid #bdcad8!important;border-radius:.52cqw!important;background:linear-gradient(155deg,#fff,#edf5fb)!important;box-shadow:0 .42cqw 1.15cqw rgba(14,44,78,.14)!important}
body.v20-ui #screenCentral>.central-manager-portrait .manager-portrait-crop{position:relative!important;inset:auto!important;z-index:1!important;grid-row:1!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:transparent!important}
body.v20-ui #screenCentral>.central-manager-portrait .manager-paperdoll{top:-27%!important;width:172%!important;max-width:none!important}
body.v20-ui #screenCentral>.central-manager-portrait>span{position:relative!important;z-index:3!important;grid-row:2!important;min-width:0!important;display:grid!important;place-content:center!important;gap:.1cqw!important;padding:0 .28cqw!important;background:linear-gradient(90deg,#092a4d,#104f88)!important;text-align:center!important}
body.v20-ui #screenCentral>.central-manager-portrait>span b{color:#65d4d8!important;font:900 .2cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
body.v20-ui #screenCentral>.central-manager-portrait>span strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font:900 .27cqw/1 Arial,sans-serif!important}
body.v20-ui .vm-club-profile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.v20-ui .matchday-stage-v2{display:grid!important;grid-template-columns:minmax(12cqw,18%) minmax(0,1fr) minmax(12cqw,18%)!important;grid-template-rows:minmax(0,1fr)!important;align-items:stretch!important}
body.v20-ui .matchday-stage-v2>.matchday-lineup-panel.home{grid-column:1!important;grid-row:1!important}
body.v20-ui .matchday-stage-v2>.matchday-centre-card{grid-column:2!important;grid-row:1!important}
body.v20-ui .matchday-stage-v2>.matchday-lineup-panel.away{grid-column:3!important;grid-row:1!important}
body.v20-ui .matchday-centre-card{display:grid!important;grid-template-columns:minmax(0,1fr) 5.5cqw minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) 4.6cqw!important;align-items:center!important}
body.v20-ui .matchday-centre-card>.matchday-team.home{grid-column:1!important;grid-row:1!important}
body.v20-ui .matchday-centre-card>.matchday-versus{grid-column:2!important;grid-row:1!important}
body.v20-ui .matchday-centre-card>.matchday-team.away{grid-column:3!important;grid-row:1!important}
body.v20-ui .matchday-centre-card>.matchday-info{grid-column:1/-1!important;grid-row:2!important}
body.v20-ui .matchday-centre-card>.matchday-team,body.v20-ui .matchday-centre-card>.matchday-versus{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;transform:none!important}
body.v20-ui .matchday-actions-v2{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:1.35fr repeat(3,1fr)!important;overflow:hidden!important}
body.v20-ui .matchday-actions-v2>.match-action{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;transform:none!important}
/* ===== V20.5.2 immersive news + clearer inbox ===== */
body.v20-ui .vm-news-overlay{padding:1.6cqw!important;background:rgba(5,11,19,.84)!important;align-items:center;justify-items:center}
body.v20-ui .vm-news-shell{position:relative;width:min(92%,112cqw);height:min(86%,62cqw);display:grid;grid-template-columns:25.5cqw minmax(0,1fr);gap:0;border-radius:.7cqw;overflow:hidden;background:#eef2f6;box-shadow:0 2cqw 5cqw rgba(0,0,0,.38)}
body.v20-ui .vm-news-close{position:absolute;right:1cqw;top:1cqw;z-index:4;width:2.6cqw;height:2.6cqw;border:1px solid #d7dde4;border-radius:999px;background:rgba(255,255,255,.92);color:#17212b;font:900 1.1cqw/1 Arial,sans-serif;cursor:pointer}
body.v20-ui .vm-news-close:hover{background:#fff;transform:scale(1.03)}
body.v20-ui .vm-news-sidebar{background:linear-gradient(180deg,#132438,#0f1b2d);color:#fff;padding:1.2cqw 1cqw .9cqw;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}
body.v20-ui .vm-news-sidebar-head span{display:block;color:rgba(255,255,255,.72);font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.16em}
body.v20-ui .vm-news-sidebar-head strong{display:block;margin-top:.25cqw;font:900 .98cqw/1.05 Arial,sans-serif;letter-spacing:.03em}
body.v20-ui .vm-news-sidebar-head small{display:block;margin-top:.38cqw;color:rgba(255,255,255,.75);font:700 .34cqw/1.42 Arial,sans-serif}
body.v20-ui .vm-news-story-list{margin-top:1cqw;display:grid;gap:.55cqw;overflow:auto;padding-right:.15cqw}
body.v20-ui .vm-news-list-item{border:1px solid rgba(255,255,255,.12);border-radius:.45cqw;background:rgba(255,255,255,.04);padding:.78cqw .82cqw;text-align:left;color:#fff;cursor:pointer;transition:.14s}
body.v20-ui .vm-news-list-item:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24);transform:translateX(.08cqw)}
body.v20-ui .vm-news-list-item.is-selected{background:linear-gradient(180deg,rgba(13,55,137,.95),rgba(9,42,108,.95));border-color:rgba(255,255,255,.28);box-shadow:inset .18cqw 0 0 #ffd76a}
body.v20-ui .vm-news-list-top{display:flex;align-items:center;justify-content:space-between;gap:.5cqw}
body.v20-ui .vm-news-list-top b{color:#ffd76a;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.12em}
body.v20-ui .vm-news-list-top small{color:rgba(255,255,255,.72);font:800 .27cqw/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
body.v20-ui .vm-news-list-item strong{display:block;margin-top:.3cqw;font:900 .46cqw/1.25 Arial,sans-serif}
body.v20-ui .vm-news-list-item p{margin:.32cqw 0 0;color:rgba(255,255,255,.74);font:700 .31cqw/1.42 Arial,sans-serif}
body.v20-ui .vm-news-feature{background:linear-gradient(180deg,#f7f9fb,#edf1f5);padding:1.35cqw 1.35cqw 1.15cqw;overflow:auto}
body.v20-ui .vm-news-paper{background:#fff;border:1px solid #dfe5eb;border-radius:.6cqw;overflow:hidden;box-shadow:0 1.1cqw 2.2cqw rgba(22,38,63,.08)}
body.v20-ui .vm-news-paper.is-tabloid .vm-news-masthead{background:linear-gradient(180deg,#7f1010,#5a0b0b);color:#fff}
body.v20-ui .vm-news-paper.is-broadcast .vm-news-masthead{background:linear-gradient(180deg,#0d3e98,#082c72);color:#fff}
body.v20-ui .vm-news-paper.is-journal .vm-news-masthead{background:linear-gradient(180deg,#0f4c5a,#0a3741);color:#fff}
body.v20-ui .vm-news-paper.is-broadsheet .vm-news-masthead{background:linear-gradient(180deg,#14202e,#0d1620);color:#fff}
body.v20-ui .vm-news-masthead{display:flex;justify-content:space-between;gap:1cqw;align-items:flex-start;padding:1.1cqw 1.2cqw;border-bottom:1px solid rgba(255,255,255,.08)}
body.v20-ui .vm-news-masthead span{display:block;color:rgba(255,255,255,.72);font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.16em}
body.v20-ui .vm-news-masthead h1{margin:.28cqw 0 0;font-size:1.28cqw;line-height:1.02;letter-spacing:.02em}
body.v20-ui .vm-news-masthead small{display:block;margin-top:.28cqw;color:rgba(255,255,255,.8);font:700 .33cqw/1.35 Arial,sans-serif}
body.v20-ui .vm-news-edition{text-align:right}
body.v20-ui .vm-news-edition b{display:block;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.14em}
body.v20-ui .vm-news-edition span{display:block;margin-top:.28cqw;color:rgba(255,255,255,.78);font:800 .28cqw/1.3 Arial,sans-serif}
body.v20-ui .vm-news-hero{display:grid;grid-template-columns:19.5cqw minmax(0,1fr);gap:1.1cqw;padding:1.2cqw;border-bottom:1px solid #e2e7ed;background:linear-gradient(180deg,#fff,#fbfcfd)}
body.v20-ui .vm-news-hero-art{position:relative;min-height:14.2cqw;border:1px solid #d8dee6;border-radius:.46cqw;overflow:hidden;background:linear-gradient(180deg,#f4f7fa,#eaeff4);display:grid;place-items:center}
body.v20-ui .vm-news-hero-image{width:100%;height:100%;object-fit:contain;object-position:center center}
body.v20-ui .vm-news-watermark{position:absolute;left:.75cqw;bottom:.72cqw;padding:.22cqw .4cqw;border-radius:.2cqw;background:rgba(12,23,36,.8);color:#fff;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.1em}
body.v20-ui .vm-news-hero-copy{align-self:center}
body.v20-ui .vm-news-kickers{display:flex;gap:.36cqw;flex-wrap:wrap}
body.v20-ui .vm-news-chip{display:inline-flex;align-items:center;justify-content:center;min-height:1.05cqw;padding:0 .45cqw;border-radius:999px;background:#0b368d;color:#fff;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.1em}
body.v20-ui .vm-news-chip.is-alt{background:#eef3f8;color:#375066;border:1px solid #d8e1ea}
body.v20-ui .vm-news-hero-copy h2{margin:.55cqw 0 0;font-size:1.72cqw;line-height:1.02;color:#121920}
body.v20-ui .vm-news-deck{margin:.52cqw 0 0;color:#536170;font:700 .44cqw/1.6 Arial,sans-serif}
body.v20-ui .vm-news-byline{display:flex;align-items:center;gap:.65cqw;margin-top:.78cqw;padding-top:.78cqw;border-top:1px solid #e6ebf0}
body.v20-ui .vm-news-reporter-avatar,.office-reader-sender-avatar{width:3.2cqw;height:3.2cqw;border-radius:.42cqw;overflow:hidden;background:#edf2f6;border:1px solid #d9e1e9;display:grid;place-items:center;flex:none}
body.v20-ui .vm-news-reporter-avatar img,body.v20-ui .office-reader-sender-avatar img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
body.v20-ui .vm-news-byline strong{display:block;color:#131c25;font:900 .46cqw/1.1 Arial,sans-serif}
body.v20-ui .vm-news-byline span{display:block;margin-top:.18cqw;color:#6f7d8c;font:800 .31cqw/1.28 Arial,sans-serif}
body.v20-ui .vm-news-content{display:grid;grid-template-columns:minmax(0,1fr) 12.4cqw;gap:1.05cqw;padding:1.2cqw}
body.v20-ui .vm-news-article-body{display:grid;gap:.62cqw;color:#263341}
body.v20-ui .vm-news-article-body p{margin:0;font:700 .48cqw/1.75 Georgia,serif;color:#22313f}
body.v20-ui .vm-news-article-body p.is-lead{font-size:.55cqw;color:#17212d}
body.v20-ui .vm-news-sidebar-notes{display:grid;align-content:start;gap:.58cqw}
body.v20-ui .vm-news-note{border:1px solid #e0e5eb;border-radius:.38cqw;background:#f7f9fb;padding:.62cqw .66cqw}
body.v20-ui .vm-news-note span{display:block;color:#6b7784;font:900 .26cqw/1 Arial,sans-serif;letter-spacing:.14em}
body.v20-ui .vm-news-note strong{display:block;margin-top:.23cqw;color:#131c25;font:900 .43cqw/1.25 Arial,sans-serif}
body.v20-ui .vm-news-quote{margin:0;border-left:.2cqw solid #d8b24f;background:#fff9ea;border-radius:0 .32cqw .32cqw 0;padding:.8cqw;color:#594519;font:italic 700 .4cqw/1.55 Georgia,serif}
body.v20-ui .vm-news-empty{height:100%;display:grid;place-content:center;text-align:center;color:#142030}
body.v20-ui .vm-news-empty span{color:#0b368d;font:900 .35cqw/1 Arial,sans-serif;letter-spacing:.16em}
body.v20-ui .vm-news-empty h3{margin:.5cqw 0 0;font-size:1.2cqw}
body.v20-ui .vm-news-empty p{margin:.45cqw auto 0;max-width:26cqw;color:#667482;font:700 .4cqw/1.5 Arial,sans-serif}
body.v20-ui .central-news-row .news-copy span{display:block!important;margin-top:.16cqw!important;color:#6f7d8c!important;font:900 .27cqw/1.2 Arial,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase}
body.v20-ui .office-message-card{position:relative!important;display:grid!important;grid-template-columns:.26cqw 2.35cqw minmax(0,1fr) auto!important;gap:.68cqw!important;align-items:flex-start!important;padding:.72cqw .78cqw .72cqw 0!important;min-height:5.1cqw!important;border-radius:.42cqw!important;overflow:hidden!important}
body.v20-ui .office-message-card .office-message-accent{align-self:stretch;border-radius:0 .3cqw .3cqw 0;background:var(--office-tone,#0b368d)}
body.v20-ui .office-message-card .office-message-icon-wrap{width:2.35cqw;height:2.35cqw;margin-top:.06cqw;border-radius:.48cqw;border:1px solid rgba(14,48,104,.12);background:var(--office-tone-soft,#eef3ff);display:grid;place-items:center;color:var(--office-tone,#0b368d)}
body.v20-ui .office-message-card .office-message-icon{font-size:.92cqw;line-height:1}
body.v20-ui .office-message-card .office-message-copy{min-width:0!important;display:grid!important;gap:.22cqw!important}
body.v20-ui .office-message-card .office-message-kicker{display:flex!important;align-items:center!important;gap:.38cqw!important;flex-wrap:wrap!important;color:#6d7884!important;font:800 .28cqw/1 Arial,sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase!important}
body.v20-ui .office-message-card .office-message-copy strong{font:900 .5cqw/1.2 Arial,sans-serif!important;color:#151d25!important}
body.v20-ui .office-message-card .office-message-preview{margin:0!important;color:#687582!important;font:700 .34cqw/1.42 Arial,sans-serif!important}
body.v20-ui .office-type-chip{display:inline-flex;align-items:center;justify-content:center;min-height:1cqw;padding:0 .38cqw;border-radius:999px;background:var(--office-tone,#0b368d);color:#fff!important;border:0!important;font:900 .26cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}
body.v20-ui i.office-type-chip{font-style:normal!important}
body.v20-ui .office-message-card .office-message-side{display:grid!important;justify-items:end!important;gap:.25cqw!important;min-width:5.2cqw!important}
body.v20-ui .office-read-state{display:inline-flex;align-items:center;justify-content:center;min-height:1cqw;padding:0 .4cqw;border-radius:999px;background:#edf2f6;color:#5d6976;font:900 .24cqw/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
body.v20-ui .office-read-state.is-unread{background:#ebf4ff;color:#0b368d}
body.v20-ui .office-message-card.is-unread{background:#fff!important;border-color:#cfd8e4!important;box-shadow:0 .62cqw 1.15cqw rgba(17,45,86,.08)!important}
body.v20-ui .office-message-card.is-unread .office-message-copy strong{color:#0f1821!important}
body.v20-ui .office-message-card.is-read{background:#fbfcfd!important}
body.v20-ui .office-message-card:hover,body.v20-ui .office-message-card.is-selected{transform:translateX(.05cqw);border-color:var(--office-tone,#0b368d)!important;box-shadow:0 .65cqw 1.35cqw rgba(17,45,86,.1)!important}
body.v20-ui .office-message-card.is-selected{background:#f5f8ff!important}
body.v20-ui .office-reader-banner.tone-board,body.v20-ui .office-message-card.tone-board{--office-tone:#b68b22;--office-tone-soft:#fbf4df}
body.v20-ui .office-reader-banner.tone-finance,body.v20-ui .office-message-card.tone-finance{--office-tone:#15925b;--office-tone-soft:#e7f7ef}
body.v20-ui .office-reader-banner.tone-medical,body.v20-ui .office-message-card.tone-medical{--office-tone:#cb4d42;--office-tone-soft:#fdecea}
body.v20-ui .office-reader-banner.tone-transfers,body.v20-ui .office-message-card.tone-transfers{--office-tone:#0b5fc8;--office-tone-soft:#e9f2ff}
body.v20-ui .office-reader-banner.tone-scouting,body.v20-ui .office-message-card.tone-scouting{--office-tone:#0d8f9b;--office-tone-soft:#e6f8f9}
body.v20-ui .office-reader-banner.tone-contracts,body.v20-ui .office-message-card.tone-contracts{--office-tone:#8c54d1;--office-tone-soft:#f1ebfe}
body.v20-ui .office-reader-banner.tone-youth,body.v20-ui .office-message-card.tone-youth{--office-tone:#1f8e71;--office-tone-soft:#e8f8f2}
body.v20-ui .office-reader-banner.tone-squad,body.v20-ui .office-message-card.tone-squad{--office-tone:#5965d9;--office-tone-soft:#edf0ff}
body.v20-ui .office-reader-banner.tone-staff,body.v20-ui .office-message-card.tone-staff{--office-tone:#7d5c43;--office-tone-soft:#f5efe8}
body.v20-ui .office-reader-banner.tone-training,body.v20-ui .office-message-card.tone-training{--office-tone:#d96f21;--office-tone-soft:#fff1e7}
body.v20-ui .office-message-card.tone-general{--office-tone:#0b368d;--office-tone-soft:#edf2ff}
body.v20-ui .office-reader-hero-v3{align-items:center!important;grid-template-columns:3.25cqw minmax(0,1fr)!important}
body.v20-ui .office-reader-hero-v3 .office-reader-topline{align-items:center!important}
body.v20-ui .office-reader-hero-v3 .office-reader-sender-avatar{box-shadow:0 .45cqw 1.1cqw rgba(22,38,63,.08)}
body.v20-ui .office-reader-banner{border-left:.24cqw solid var(--office-tone,#0b368d)!important}
body.v20-ui .office-reader-banner.tone-board,.office-reader-banner.tone-finance,.office-reader-banner.tone-medical,.office-reader-banner.tone-transfers,.office-reader-banner.tone-scouting,.office-reader-banner.tone-contracts,.office-reader-banner.tone-youth,.office-reader-banner.tone-squad,.office-reader-banner.tone-staff,.office-reader-banner.tone-training,.office-reader-banner.tone-general{background:linear-gradient(180deg,#fff,#f9fbfd)!important}
body.v20-ui .office-reader-banner.tone-board span,body.v20-ui .office-reader-banner.tone-finance span,body.v20-ui .office-reader-banner.tone-medical span,body.v20-ui .office-reader-banner.tone-transfers span,body.v20-ui .office-reader-banner.tone-scouting span,body.v20-ui .office-reader-banner.tone-contracts span,body.v20-ui .office-reader-banner.tone-youth span,body.v20-ui .office-reader-banner.tone-squad span,body.v20-ui .office-reader-banner.tone-staff span,body.v20-ui .office-reader-banner.tone-training span,body.v20-ui .office-reader-banner.tone-general span{color:var(--office-tone)!important}
@media (max-width: 900px){
body.v20-ui .vm-news-shell{grid-template-columns:1fr!important;height:min(92%,82cqw)!important}
body.v20-ui .vm-news-sidebar{order:2!important;max-height:20cqw!important}
body.v20-ui .vm-news-feature{order:1!important}
body.v20-ui .vm-news-content,body.v20-ui .vm-news-hero{grid-template-columns:1fr!important}
}
/* ===== V20.5.3 MATCHDAY + SCOUTING INTEGRITY / MANAGER PROFILE ===== */
body.v20-ui #screenCentral>.central-manager-portrait{
right:1.1cqw!important;top:5.3cqw!important;width:10.2cqw!important;height:4.7cqw!important;
display:grid!important;grid-template-columns:3.9cqw minmax(0,1fr)!important;grid-template-rows:1fr!important;
overflow:visible!important;border:1px solid #c9d5e1!important;border-radius:.62cqw!important;
background:linear-gradient(145deg,#ffffff,#edf4fa)!important;box-shadow:0 .55cqw 1.45cqw rgba(13,42,76,.16)!important;
cursor:pointer!important;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease!important;
}
body.v20-ui #screenCentral>.central-manager-portrait:hover{transform:translateY(-.08cqw)!important;border-color:#8daac5!important;box-shadow:0 .72cqw 1.7cqw rgba(13,42,76,.2)!important}
body.v20-ui #screenCentral>.central-manager-portrait:focus-visible{outline:.14cqw solid #0d54a5!important;outline-offset:.14cqw!important}
body.v20-ui #screenCentral>.central-manager-portrait .manager-portrait-crop{grid-column:1!important;grid-row:1!important;width:3.9cqw!important;height:4.7cqw!important;border-radius:.6cqw 0 0 .6cqw!important;overflow:hidden!important;background:linear-gradient(180deg,#eef4f8,#dfeaf2)!important}
body.v20-ui #screenCentral>.central-manager-portrait .manager-paperdoll{top:-26%!important;width:176%!important;left:50%!important;transform:translateX(-50%)!important}
body.v20-ui #screenCentral>.central-manager-portrait>span{grid-column:2!important;grid-row:1!important;position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:.16cqw!important;padding:.55cqw .72cqw!important;min-width:0!important;border-radius:0 .6cqw .6cqw 0!important;background:linear-gradient(135deg,#0b2747,#0c4d83)!important;text-align:left!important}
body.v20-ui #screenCentral>.central-manager-portrait>span b{color:#6bd9da!important;font:900 .22cqw/1 Arial,sans-serif!important;letter-spacing:.15em!important}
body.v20-ui #screenCentral>.central-manager-portrait>span strong{width:100%!important;color:#fff!important;font:900 .42cqw/1.05 Arial,sans-serif!important;letter-spacing:.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.v20-ui #screenCentral>.central-manager-portrait>span small{width:100%!important;color:#c5d7e7!important;font:800 .25cqw/1.15 Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.v20-ui #screenCentral>.central-manager-portrait .central-manager-club-badge{position:absolute!important;left:2.95cqw!important;bottom:-.34cqw!important;z-index:6!important;width:1.22cqw!important;height:1.22cqw!important;border:.08cqw solid #fff!important;border-radius:50%!important;background:#fff!important;box-shadow:0 .15cqw .42cqw rgba(13,42,76,.2)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
body.v20-ui #screenCentral>.central-manager-portrait .central-manager-club-badge img{width:100%!important;height:100%!important;object-fit:contain!important}
body.v20-ui #screenCentral>.central-manager-portrait .central-manager-alert{position:absolute!important;right:-.34cqw!important;top:-.34cqw!important;z-index:7!important;min-width:1.1cqw!important;height:1.1cqw!important;padding:0 .25cqw!important;border:.1cqw solid #fff!important;border-radius:999px!important;background:#d63e3e!important;color:#fff!important;display:grid!important;place-items:center!important;font:900 .25cqw/1 Arial,sans-serif!important;font-style:normal!important;box-shadow:0 .18cqw .5cqw rgba(110,17,17,.28)!important}
body.v20-ui .manager-quick-overlay{padding:2cqw!important;background:rgba(4,12,22,.8)!important}
body.v20-ui .manager-quick-card{position:relative;width:min(48cqw,72vw);border:1px solid #cfd9e3;border-radius:.72cqw;overflow:hidden;background:#f6f9fc;box-shadow:0 2.2cqw 5cqw rgba(0,0,0,.32)}
body.v20-ui .manager-quick-close{position:absolute;right:.85cqw;top:.82cqw;z-index:8;width:2.35cqw;height:2.35cqw;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:rgba(5,27,48,.4);color:#fff;font:900 1.05cqw/1 Arial,sans-serif;cursor:pointer}
body.v20-ui .manager-quick-hero{display:grid;grid-template-columns:8.7cqw minmax(0,1fr) 8.6cqw;gap:1cqw;align-items:center;padding:1.35cqw 1.45cqw;background:linear-gradient(135deg,#0a2643,#0d5688);color:#fff}
body.v20-ui .manager-quick-portrait{height:8.3cqw;border:1px solid rgba(255,255,255,.18);border-radius:.55cqw;overflow:hidden;background:linear-gradient(180deg,#f1f6f9,#dceaf1)}
body.v20-ui .manager-quick-portrait .manager-portrait-crop{width:100%;height:100%;position:relative;overflow:hidden}
body.v20-ui .manager-quick-portrait .manager-paperdoll{top:-27%!important;width:168%!important}
body.v20-ui .manager-quick-copy>span{display:block;color:#69dbdc;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.15em}
body.v20-ui .manager-quick-copy h2{margin:.35cqw 0 0;color:#fff;font-size:1.35cqw;line-height:1.02}
body.v20-ui .manager-quick-copy p{margin:.32cqw 0 0;color:#c9d9e6;font:700 .4cqw/1.35 Arial,sans-serif}
body.v20-ui .manager-quick-copy>div{display:flex;align-items:center;gap:.52cqw;margin-top:.62cqw;padding-top:.58cqw;border-top:1px solid rgba(255,255,255,.15)}
body.v20-ui .manager-quick-copy>div b{color:#f3cf68;font:900 .46cqw/1 Arial,sans-serif;letter-spacing:.05em}
body.v20-ui .manager-quick-copy>div small{color:#d7e2eb;font:800 .31cqw/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
body.v20-ui .manager-quick-club{display:grid;justify-items:center;gap:.28cqw;text-align:center}
body.v20-ui .manager-quick-club img{width:4.6cqw;height:4.6cqw;object-fit:contain;filter:drop-shadow(0 .28cqw .45cqw rgba(0,0,0,.2))}
body.v20-ui .manager-quick-club>span{color:#fff;font:900 .4cqw/1.1 Arial,sans-serif}
body.v20-ui .manager-quick-club>small{color:#b7cedd;font:800 .28cqw/1.1 Arial,sans-serif}
body.v20-ui .manager-quick-free{width:4.2cqw;height:4.2cqw;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;color:#fff;font:900 .4cqw Arial,sans-serif}
body.v20-ui .manager-quick-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.62cqw;padding:1cqw 1.2cqw;background:#fff}
body.v20-ui .manager-quick-metrics article{border:1px solid #dce4eb;border-radius:.42cqw;background:#f8fafc;padding:.72cqw .78cqw}
body.v20-ui .manager-quick-metrics span{display:block;color:#74818e;font:900 .26cqw/1 Arial,sans-serif;letter-spacing:.12em}
body.v20-ui .manager-quick-metrics strong{display:block;margin-top:.3cqw;color:#17222d;font:900 .5cqw/1.15 Arial,sans-serif}
body.v20-ui .manager-quick-actions{display:flex;justify-content:flex-end;gap:.55cqw;padding:.9cqw 1.2cqw;border-top:1px solid #dfe5eb;background:#f6f9fc}
body.v20-ui .manager-quick-actions button{height:2.5cqw;padding:0 1cqw;border:1px solid #cbd6e0;border-radius:.3cqw;background:#fff;color:#17304a;font:900 .33cqw/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}
body.v20-ui .manager-quick-actions button.is-primary{border-color:#0b4f9e;background:linear-gradient(180deg,#0c5bad,#0a4389);color:#fff}
body.v20-ui .matchday-screen{background:linear-gradient(180deg,#eaf0f5,#f7f9fb)!important}
body.v20-ui .matchday-atmosphere{position:absolute!important;inset:4.9cqw 0 0!important;background:radial-gradient(circle at 50% 17%,rgba(44,111,157,.18),transparent 31%),linear-gradient(180deg,rgba(7,35,62,.06),transparent 34%)!important;pointer-events:none!important}
body.v20-ui .matchday-shell-v2{left:2.25%!important;right:2.25%!important;top:5.25cqw!important;bottom:1cqw!important;grid-template-rows:4.05cqw minmax(0,1fr) 9.1cqw 5.2cqw!important;gap:.66cqw!important}
body.v20-ui .matchday-heading-v2{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 1cqw!important;border:1px solid #d6e0e9!important;border-radius:.45cqw!important;background:rgba(255,255,255,.94)!important;box-shadow:0 .22cqw .55cqw rgba(16,42,70,.05)!important}
body.v20-ui .matchday-heading-v2>div:first-child span{display:block;color:#0d8f96;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.14em!important}
body.v20-ui .matchday-heading-v2 h2{margin:.18cqw 0 0!important;color:#14202b!important;font-size:.9cqw!important;line-height:1!important}
body.v20-ui .matchday-competition{max-width:62%!important;color:#51616f!important;font:900 .32cqw/1.2 Arial,sans-serif!important;letter-spacing:.07em!important;text-align:right!important}
body.v20-ui .matchday-stage-v2{grid-template-columns:minmax(13.4cqw,19%) minmax(0,1fr) minmax(13.4cqw,19%)!important;gap:.66cqw!important}
body.v20-ui .matchday-lineup-panel{padding:.72cqw!important;border:1px solid #d7e1e9!important;border-radius:.48cqw!important;background:rgba(255,255,255,.97)!important;box-shadow:0 .38cqw 1cqw rgba(17,47,77,.07)!important}
body.v20-ui .matchday-panel-kicker{padding-bottom:.46cqw!important;color:#5e6e7d!important;font:900 .3cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
body.v20-ui .match-lineup-player{grid-template-columns:3.15cqw minmax(0,1fr)!important;gap:.48cqw!important;padding:.34cqw .22cqw!important;border-radius:.28cqw!important}
body.v20-ui .match-lineup-player:hover{background:#f5f8fb!important}
body.v20-ui .match-lineup-player img{width:2.95cqw!important;height:2.95cqw!important;border-radius:.34cqw!important;border:1px solid #e1e7ec!important;background:linear-gradient(180deg,#fafcfd,#edf3f6)!important}
body.v20-ui .match-lineup-player strong{color:#18242f!important;font:900 .43cqw/1.13 Arial,sans-serif!important}
body.v20-ui .match-lineup-player small{color:#72808c!important;font:700 .29cqw/1.32 Arial,sans-serif!important}
body.v20-ui .match-lineup-player.knowledge-unknown small,body.v20-ui .match-lineup-player.knowledge-limited small{color:#8b6f36!important}
body.v20-ui .matchday-edit-team{height:2.12cqw!important;border-radius:.28cqw!important;border:1px solid #bfcfdd!important;background:#f8fbff!important;color:#0b4b98!important;font:900 .31cqw/1 Arial,sans-serif!important;letter-spacing:.06em!important}
body.v20-ui .matchday-edit-team[hidden]{display:none!important}
body.v20-ui .matchday-centre-card{position:relative!important;overflow:hidden!important;grid-template-columns:minmax(0,1fr) 5.2cqw minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) 1.75cqw 4.2cqw!important;gap:.42cqw!important;padding:1cqw 1.15cqw .9cqw!important;border:1px solid #163d61!important;border-radius:.55cqw!important;background:radial-gradient(circle at 50% 42%,rgba(45,127,162,.34),transparent 34%),linear-gradient(145deg,#081c31,#103c5d 52%,#081b2e)!important;box-shadow:0 .65cqw 1.8cqw rgba(7,32,56,.2)!important}
body.v20-ui .matchday-pitch-glow{position:absolute!important;inset:0!important;opacity:.24!important;background:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.2) 50%,transparent 50.3%),radial-gradient(ellipse at center,rgba(70,199,180,.28),transparent 58%)!important;pointer-events:none!important}
body.v20-ui .matchday-team{position:relative!important;z-index:2!important;gap:.44cqw!important}
body.v20-ui .matchday-side-label{color:#8fc6d2!important;font:900 .27cqw/1 Arial,sans-serif!important;letter-spacing:.16em!important}
body.v20-ui .matchday-badge{width:8.35cqw!important;height:8.35cqw!important;border:.12cqw solid rgba(255,255,255,.78)!important;border-radius:.72cqw!important;background:linear-gradient(180deg,#fff,#eef3f7)!important;box-shadow:0 .48cqw 1.2cqw rgba(0,0,0,.24)!important}
body.v20-ui .matchday-name{max-width:15cqw!important;color:#fff!important;font:900 .92cqw/1.04 Arial,sans-serif!important;text-shadow:0 .14cqw .34cqw rgba(0,0,0,.22)!important}
body.v20-ui .matchday-team-context{min-height:.9cqw;color:#b9d0dd!important;font:800 .29cqw/1.2 Arial,sans-serif!important;letter-spacing:.05em!important;text-align:center!important}
body.v20-ui .matchday-versus{position:relative!important;z-index:2!important}
body.v20-ui .matchday-versus small{color:#8fc6d2!important;font:900 .25cqw/1.15 Arial,sans-serif!important;letter-spacing:.12em!important}
body.v20-ui .matchday-versus span{color:#fff!important;font:900 1.82cqw/1 Arial,sans-serif!important;text-shadow:0 .18cqw .5cqw rgba(0,0,0,.3)!important}
body.v20-ui .matchday-versus b{padding:.24cqw .42cqw;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);color:#bfe9e4;font:900 .24cqw/1 Arial,sans-serif;letter-spacing:.1em}
body.v20-ui .matchday-venue-ribbon{position:relative!important;inset:auto!important;grid-column:1/-1!important;grid-row:2!important;z-index:2!important;display:grid!important;place-items:center!important;min-height:1.65cqw!important;border-top:1px solid rgba(255,255,255,.14)!important;border-bottom:1px solid rgba(255,255,255,.14)!important;background:rgba(0,0,0,.12)!important;color:#b8d4df!important;font:900 .26cqw/1 Arial,sans-serif!important;letter-spacing:.1em!important;text-align:center!important}
body.v20-ui .matchday-centre-card>.matchday-info{grid-column:1/-1!important;grid-row:3!important;position:relative!important;z-index:2!important;background:rgba(255,255,255,.96)!important;border:0!important;border-radius:.34cqw!important}
body.v20-ui .matchday-info span{min-height:3.45cqw!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.18cqw!important}
body.v20-ui .matchday-info span small{color:#70808e!important;font:900 .24cqw/1 Arial,sans-serif!important;letter-spacing:.1em!important}
body.v20-ui .matchday-info b{margin:0!important;color:#0b3f84!important;font:900 .61cqw/1 Arial,sans-serif!important}
body.v20-ui .matchday-summary{grid-template-columns:minmax(0,1.62fr) minmax(0,.88fr)!important;gap:.66cqw!important}
body.v20-ui .match-summary-card,body.v20-ui .match-readiness{border-radius:.48cqw!important;border:1px solid #d7e1e9!important;background:#fff!important;box-shadow:0 .3cqw .85cqw rgba(17,45,75,.055)!important;padding:.7cqw .86cqw!important}
body.v20-ui .match-preview-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.6cqw!important}
body.v20-ui .match-preview-header>span{margin:0!important;color:#128b92!important;font:900 .28cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
body.v20-ui .match-scout-state{display:inline-flex!important;align-items:center!important;min-height:1.12cqw!important;padding:0 .42cqw!important;border-radius:999px!important;background:#eef2f6!important;color:#5f6d79!important;font:900 .23cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important}
body.v20-ui .match-scout-state.is-complete{background:#e6f6ee!important;color:#21794c!important}
body.v20-ui .match-scout-state.is-active{background:#e8f3ff!important;color:#0d58a6!important}
body.v20-ui .match-scout-state.is-partial{background:#fff5df!important;color:#8b6617!important}
body.v20-ui .match-scout-state.is-unknown{background:#f2f3f5!important;color:#747d87!important}
body.v20-ui .living-match-preview>strong{font-size:.59cqw!important;margin-top:.28cqw!important}
body.v20-ui .match-intel-note{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:.55cqw!important;align-items:center!important;margin:.34cqw 0!important;padding:.4cqw .52cqw!important;border:1px solid #dde5ec!important;border-radius:.3cqw!important;background:#f7f9fb!important}
body.v20-ui .match-intel-note span{margin:0!important;color:#6c7884!important;font:900 .24cqw/1 Arial,sans-serif!important;letter-spacing:.1em!important}
body.v20-ui .match-intel-note strong{color:#3c4d5c!important;font:800 .31cqw/1.3 Arial,sans-serif!important}
body.v20-ui .match-key-player{margin-top:.25cqw!important;background:linear-gradient(180deg,#f8fafc,#f3f6f9)!important;border:1px solid #e1e7ed!important;border-radius:.32cqw!important}
body.v20-ui .living-staff-note{display:flex!important;flex-direction:column!important;align-items:stretch!important}
body.v20-ui .living-staff-note>span{color:#128b92!important;margin:0!important}
body.v20-ui .living-staff-note>p{flex:1!important;font-size:.35cqw!important}
body.v20-ui .match-tactical-current{margin:.3cqw 0 .35cqw!important;padding:.42cqw .5cqw!important;border-radius:.3cqw!important;background:#f4f7fa!important;border:1px solid #dde5ec!important}
body.v20-ui .match-tactical-current small{display:block;color:#75818d;font:900 .24cqw/1 Arial,sans-serif;letter-spacing:.1em}
body.v20-ui .match-tactical-current strong{display:block;margin-top:.18cqw;color:#163c63!important;font:900 .36cqw/1.2 Arial,sans-serif!important}
body.v20-ui .matchday-actions-v2{grid-template-columns:minmax(12cqw,1.25fr) repeat(3,minmax(8.8cqw,.75fr))!important;gap:.55cqw!important}
body.v20-ui .matchday-action-copy{border-left:.18cqw solid #0b5aaa!important;border-radius:.3cqw!important;background:#fff!important;box-shadow:0 .2cqw .5cqw rgba(17,45,75,.04)!important}
body.v20-ui .match-action{min-height:4.9cqw!important;border-radius:.38cqw!important}
body.v20-ui .match-watch{background:linear-gradient(135deg,#0b3b7e,#0b61b1)!important}
body.v20-ui .matchday-screen.is-preview-mode .matchday-centre-card{filter:saturate(.86)!important}
body.v20-ui .matchday-screen.is-preview-mode .matchday-versus b{color:#f2cf76!important}
body.v20-ui .matchday-screen.is-live-mode .matchday-centre-card{box-shadow:0 .65cqw 1.8cqw rgba(7,32,56,.22),0 0 0 .11cqw rgba(78,197,185,.28)!important}
body.v20-ui .matchday-screen.is-live-mode .matchday-versus b{background:#176d5e!important;border-color:#3db39c!important;color:#fff!important}
body.v20-ui .matchday-screen.is-champions-crown .matchday-centre-card{background:radial-gradient(circle at 50% 42%,rgba(187,148,53,.25),transparent 35%),linear-gradient(145deg,#11192c,#2a2544 52%,#0e182a)!important;border-color:#8f7440!important}
body.v20-ui .matchday-screen.is-champions-crown .matchday-side-label,body.v20-ui .matchday-screen.is-champions-crown .matchday-versus small{color:#e2c87d!important}
body.v20-ui .matchday-screen.is-champions-crown .matchday-venue-ribbon{color:#eadcae!important}
body.v20-ui .transfer-ovr.is-unknown{color:#7d8791!important}
body.v20-ui .knowledge-unknown .transfer-ovr,body.v20-ui .knowledge-limited .transfer-ovr{background:#f3f5f7!important}
body.v20-ui .vm-player-attribute.is-hidden strong{color:#8a949d!important;letter-spacing:.12em!important}
body.v20-ui .vm-player-intel-banner.knowledge-unknown,body.v20-ui .vm-player-intel-banner.knowledge-limited{border-color:#e0d8c4!important;background:#fffaf0!important}
@media (max-width: 900px){
body.v20-ui #screenCentral>.central-manager-portrait{width:8.9cqw!important;grid-template-columns:3.4cqw minmax(0,1fr)!important}
body.v20-ui #screenCentral>.central-manager-portrait .manager-portrait-crop{width:3.4cqw!important}
body.v20-ui .manager-quick-card{width:72vw!important}
body.v20-ui .matchday-stage-v2{grid-template-columns:20% minmax(0,1fr) 20%!important}
body.v20-ui .matchday-badge{width:6.9cqw!important;height:6.9cqw!important}
}
/* V20.5.3 broadcast simulation presentation */
body.v20-ui .watch-match-overlay{background:rgba(3,10,18,.84)!important;backdrop-filter:blur(12px)!important}
body.v20-ui .watch-match-card.watch-match-broadcast{width:min(65cqw,88vw)!important;padding:0!important;border:1px solid rgba(136,187,214,.24)!important;border-radius:.72cqw!important;overflow:hidden!important;background:linear-gradient(145deg,#06131f,#0a2639)!important;box-shadow:0 2cqw 5cqw rgba(0,0,0,.48)!important}
body.v20-ui .watch-match-broadcast .watch-match-top{min-height:4.25cqw!important;padding:.78cqw 1.1cqw!important;border-bottom:1px solid rgba(255,255,255,.11)!important;background:linear-gradient(90deg,#0a2944,#0c3c5e)!important}
body.v20-ui .watch-match-broadcast .watch-match-top>div{display:grid!important;gap:.18cqw!important}
body.v20-ui .watch-match-broadcast .watch-match-top span{color:#70d8d6!important;font:900 .28cqw/1 Arial,sans-serif!important;letter-spacing:.16em!important}
body.v20-ui .watch-match-broadcast .watch-match-top small{color:#c1d1dd!important;font:800 .28cqw/1.2 Arial,sans-serif!important;letter-spacing:.06em!important}
body.v20-ui .watch-match-broadcast .watch-match-top strong{min-width:4.2cqw;text-align:center;color:#f0d17a!important;font:900 1.15cqw/1 Arial,sans-serif!important}
body.v20-ui .watch-match-live-stage{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(15cqw,.75fr)!important;gap:.85cqw!important;padding:1.05cqw!important;background:radial-gradient(circle at 30% 45%,rgba(34,125,157,.16),transparent 42%)!important}
body.v20-ui .watch-match-broadcast .watch-match-teams{margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 4.8cqw minmax(0,1fr)!important;gap:.45cqw!important;align-items:center!important;min-height:15.5cqw!important}
body.v20-ui .watch-match-broadcast .watch-team{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;justify-items:center!important;gap:.34cqw!important;text-align:center!important}
body.v20-ui .watch-match-broadcast .watch-team img{width:5.8cqw!important;height:5.8cqw!important;object-fit:contain!important;filter:drop-shadow(0 .3cqw .5cqw rgba(0,0,0,.28))!important}
body.v20-ui .watch-match-broadcast .watch-team>span{color:#8cb4c9!important;font:900 .24cqw/1 Arial,sans-serif!important;letter-spacing:.14em!important}
body.v20-ui .watch-match-broadcast .watch-team>strong{max-width:12cqw!important;color:#fff!important;font:900 .62cqw/1.1 Arial,sans-serif!important;text-align:center!important}
body.v20-ui .watch-match-broadcast .watch-team>b{color:#fff!important;font:900 2.15cqw/1 Arial,sans-serif!important;text-shadow:0 .2cqw .5cqw rgba(0,0,0,.28)!important}
body.v20-ui .watch-match-broadcast .watch-versus{display:grid!important;justify-items:center!important;gap:.38cqw!important}
body.v20-ui .watch-match-broadcast .watch-versus small{color:#7798aa!important;font:900 .22cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
body.v20-ui .watch-match-broadcast .watch-versus span{color:#7896a8!important;font:900 1.2cqw/1 Arial,sans-serif!important}
body.v20-ui .watch-match-commentary{display:flex!important;flex-direction:column!important;min-height:15.5cqw!important;padding:.75cqw!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:.46cqw!important;background:rgba(255,255,255,.045)!important}
body.v20-ui .watch-match-live-pill{display:flex!important;align-items:center!important;gap:.35cqw!important;color:#79d8d0!important;font:900 .24cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
body.v20-ui .watch-match-live-pill i{width:.42cqw!important;height:.42cqw!important;border-radius:50%!important;background:#3ed098!important;box-shadow:0 0 .65cqw rgba(62,208,152,.55)!important}
body.v20-ui .watch-match-broadcast .watch-match-ticker{min-height:3.6cqw!important;margin:.55cqw 0!important;padding:.62cqw!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:.3cqw!important;background:rgba(4,15,24,.42)!important;color:#f2f6f8!important;font:900 .39cqw/1.4 Arial,sans-serif!important;text-align:left!important;place-items:center start!important}
body.v20-ui .watch-match-event-feed{display:grid!important;gap:.34cqw!important;overflow:hidden!important}
body.v20-ui .watch-event{display:grid!important;grid-template-columns:2.15cqw minmax(0,1fr)!important;gap:.42cqw!important;align-items:center!important;padding:.38cqw .42cqw!important;border-radius:.28cqw!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.07)!important}
body.v20-ui .watch-event time{color:#efcf77!important;font:900 .28cqw/1 Arial,sans-serif!important}
body.v20-ui .watch-event strong{display:block;color:#fff!important;font:900 .3cqw/1.15 Arial,sans-serif!important}
body.v20-ui .watch-event small{display:block;margin-top:.12cqw;color:#9db2c0!important;font:700 .25cqw/1.22 Arial,sans-serif!important}
body.v20-ui .watch-event.is-goal{background:rgba(20,105,91,.16)!important;border-color:rgba(69,197,164,.22)!important}
body.v20-ui .watch-match-broadcast .watch-match-progress{height:.42cqw!important;margin:0!important;background:#0c1924!important}
body.v20-ui .watch-match-broadcast .watch-match-progress i{background:linear-gradient(90deg,#1d84b8,#48c6b2)!important}
body.v20-ui .watch-match-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1cqw!important;padding:.72cqw 1.05cqw!important;border-top:1px solid rgba(255,255,255,.08)!important;background:#071520!important}
body.v20-ui .watch-match-footer>span{color:#9bb3c1!important;font:900 .26cqw/1 Arial,sans-serif!important;letter-spacing:.1em!important}
body.v20-ui .watch-match-footer button{width:auto!important;min-width:11cqw!important;height:2.35cqw!important;padding:0 .9cqw!important;border:1px solid #2e6da5!important;border-radius:.28cqw!important;background:linear-gradient(180deg,#0b5ca7,#0a4587)!important;color:#fff!important;font:900 .29cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important}
/* ===== V20.5.3.1 HOTFIX · topbar manager chip + clickable notifications ===== */
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait{
position:relative!important;
inset:auto!important;
left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
flex:0 0 3.15cqw!important;
width:3.15cqw!important;height:3.15cqw!important;aspect-ratio:1/1!important;
display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;
margin:0 .12cqw 0 0!important;padding:0!important;
overflow:visible!important;
border:1px solid var(--vm-line)!important;
border-radius:.48cqw!important;
background:linear-gradient(180deg,#f7fafc,#e8f0f6)!important;
box-shadow:0 .16cqw .45cqw rgba(14,35,66,.08)!important;
cursor:pointer!important;
pointer-events:auto!important;
transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait:hover{
transform:translateY(-.05cqw)!important;
border-color:#9db2c7!important;
box-shadow:0 .28cqw .72cqw rgba(14,35,66,.13)!important;
}
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait:focus-visible{
outline:.13cqw solid #0b54a2!important;
outline-offset:.1cqw!important;
}
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait::before,
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait::after{display:none!important}
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait .manager-portrait-crop{
position:absolute!important;inset:.08cqw!important;
width:auto!important;height:auto!important;
border:0!important;border-radius:.4cqw!important;
overflow:hidden!important;
background:linear-gradient(180deg,#eef4f8,#dfeaf2)!important;
pointer-events:none!important;
}
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait .manager-paperdoll,
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait .manager-paperdoll.manager-paperdoll-portrait,
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait .central-manager-paperdoll .manager-paperdoll{
position:absolute!important;left:50%!important;top:-30%!important;
width:185%!important;max-width:none!important;height:auto!important;
transform:translateX(-50%)!important;transform-origin:50% 0!important;
pointer-events:none!important;
}
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait>span{display:none!important}
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait .central-manager-club-badge{
position:absolute!important;left:-.24cqw!important;bottom:-.2cqw!important;z-index:6!important;
width:1.03cqw!important;height:1.03cqw!important;
display:grid!important;place-items:center!important;
border:.07cqw solid #fff!important;border-radius:50%!important;
background:#fff!important;overflow:hidden!important;
box-shadow:0 .12cqw .34cqw rgba(13,42,76,.2)!important;
pointer-events:none!important;
}
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait .central-manager-club-badge img{
width:100%!important;height:100%!important;object-fit:contain!important;
}
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait .central-manager-alert{
position:absolute!important;right:-.36cqw!important;top:-.34cqw!important;z-index:10!important;
min-width:1.18cqw!important;height:1.18cqw!important;padding:0 .25cqw!important;
display:grid!important;place-items:center!important;
border:.1cqw solid #fff!important;border-radius:999px!important;
background:#d63e3e!important;color:#fff!important;
box-shadow:0 .18cqw .5cqw rgba(110,17,17,.3)!important;
font:900 .27cqw/1 Arial,sans-serif!important;font-style:normal!important;
cursor:pointer!important;pointer-events:auto!important;
transition:transform .12s ease,filter .12s ease!important;
}
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait .central-manager-alert:hover{
transform:scale(1.08)!important;filter:brightness(1.05)!important;
}
body.v20-ui :is(#screenCentral,#screenMatchday) .career-utilities>.central-manager-portrait .central-manager-alert:focus-visible{
outline:.12cqw solid #9e1e1e!important;outline-offset:.08cqw!important;
}
/* ===== V20.5.3.2 manager profile portrait framing hotfix ===== */
body.v20-ui .manager-quick-hero{
grid-template-columns:7.9cqw minmax(0,1fr) 8.6cqw!important;
gap:1.15cqw!important;
align-items:center!important;
}
body.v20-ui .manager-quick-portrait{
position:relative!important;
width:7.9cqw!important;
height:8.55cqw!important;
align-self:center!important;
border:1px solid rgba(255,255,255,.24)!important;
border-radius:.62cqw!important;
overflow:hidden!important;
background:
radial-gradient(circle at 50% 23%,rgba(255,255,255,.98),rgba(244,248,251,.96) 34%,rgba(222,234,243,.98) 100%)!important;
box-shadow:inset 0 0 0 .08cqw rgba(255,255,255,.58),0 .42cqw 1.05cqw rgba(2,19,37,.18)!important;
}
body.v20-ui .manager-quick-portrait::after{
content:""!important;
position:absolute!important;
left:0!important;right:0!important;bottom:0!important;
height:1.2cqw!important;
background:linear-gradient(180deg,rgba(222,234,243,0),rgba(206,221,233,.74))!important;
pointer-events:none!important;
z-index:5!important;
}
body.v20-ui .manager-quick-portrait .manager-portrait-crop{
position:absolute!important;
inset:0!important;
width:100%!important;height:100%!important;
overflow:hidden!important;
background:transparent!important;
}
body.v20-ui .manager-quick-portrait .manager-paperdoll,
body.v20-ui .manager-quick-portrait .manager-paperdoll.manager-paperdoll-portrait,
body.v20-ui .manager-quick-portrait .manager-quick-paperdoll .manager-paperdoll{
position:absolute!important;
left:50%!important;
top:-44%!important;
width:205%!important;
max-width:none!important;
height:auto!important;
transform:translateX(-50%)!important;
transform-origin:50% 0!important;
pointer-events:none!important;
}
body.v20-ui .manager-quick-copy{min-width:0!important}
body.v20-ui .manager-quick-copy h2{font-size:1.42cqw!important;letter-spacing:-.015em!important}
body.v20-ui .manager-quick-copy p{font-size:.39cqw!important}
@media (max-width: 900px){
body.v20-ui .manager-quick-hero{grid-template-columns:8.4cqw minmax(0,1fr)!important}
body.v20-ui .manager-quick-club{display:none!important}
body.v20-ui .manager-quick-portrait{width:8.4cqw!important;height:9cqw!important}
}
/* ===== V20.5.4 STABILITY & INTERACTION PASS =====
Resilience only: no intentional layout redesign. */
body.v20-ui .career-topbar,
body.v20-ui .career-tabs,
body.v20-ui .career-utilities,
body.v20-ui .office-inbox-layout,
body.v20-ui .office-message-column,
body.v20-ui .office-message-reader,
body.v20-ui .season-main-content,
body.v20-ui .transfer-results,
body.v20-ui .squad-workspace,
body.v20-ui .matchday-stage-v2{min-width:0!important;min-height:0!important}
/* Long generated names/titles must never punch through their cards at zoom or on smaller desktop windows. */
body.v20-ui .central-news-row .news-copy,
body.v20-ui .office-message-copy,
body.v20-ui .office-reader-copy,
body.v20-ui .manager-quick-copy,
body.v20-ui .matchday-team,
body.v20-ui .live-club-cell>span,
body.v20-ui .vm-club-profile-hero>div,
body.v20-ui .contract-detail-copy{min-width:0!important}
body.v20-ui .central-news-row .news-copy strong,
body.v20-ui .office-message-copy strong,
body.v20-ui .office-reader-copy h3,
body.v20-ui .manager-quick-copy h2,
body.v20-ui .matchday-name,
body.v20-ui .live-club-cell strong,
body.v20-ui .vm-club-profile-hero h1,
body.v20-ui .contract-detail-copy h3{overflow-wrap:anywhere;word-break:normal}
/* Existing scroll regions remain in place; this only prevents their contents escaping the panel. */
body.v20-ui .office-message-list,
body.v20-ui .office-message-reader,
body.v20-ui .vm-table-rows,
body.v20-ui .vm-match-list,
body.v20-ui .transfer-results{overscroll-behavior:contain}
body.v20-ui .office-message-list,
body.v20-ui .vm-table-rows,
body.v20-ui .vm-match-list{scrollbar-gutter:stable}
/* Dynamic overlays stay inside the game viewport at browser zoom without changing normal sizing. */
body.v20-ui .manager-quick-card,
body.v20-ui .vm-news-shell,
body.v20-ui .living-transfer-dialog,
body.v20-ui #contractModal .modal-card,
body.v20-ui #negotiationModal .modal-card{max-width:calc(100% - 2cqw)!important;max-height:calc(100% - 2cqw)!important}
/* Keyboard focus only; no mouse-layout change. */
body.v20-ui button:focus-visible,
body.v20-ui [role="button"]:focus-visible,
body.v20-ui select:focus-visible,
body.v20-ui input:focus-visible{outline:.12cqw solid #0b54a2;outline-offset:.08cqw}
/* =========================================================
V20.5.5.2 — YOUTH ACADEMY VISIBILITY REPAIR
Built from the stable V20.5.4 baseline.
This intentionally removes the failed V20.5.5 / V20.5.5.1 youth layouts.
Scope: Youth Academy only. No global layout or gameplay changes.
========================================================= */
/* Keep the academy inside the proven Squad two-column shell. */
body.v20-ui #youthSquadView.is-active{
display:flex!important;
flex:1 1 auto!important;
flex-direction:column!important;
gap:.62cqw!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
overflow:hidden!important;
}
/* Header stays compact so the actual prospects get the screen space. */
body.v20-ui #youthSquadView .academy-hero{
flex:0 0 auto!important;
min-height:4.65cqw!important;
padding:.62cqw .82cqw!important;
border:1px solid #dfe5eb!important;
border-radius:.42cqw!important;
background:linear-gradient(120deg,#fff 0%,#f7f9fc 100%)!important;
box-shadow:none!important;
}
body.v20-ui #youthSquadView .academy-hero h3{
margin:.16cqw 0 0!important;
color:#111a23!important;
font:900 1.12cqw/1 Arial,sans-serif!important;
letter-spacing:.015em!important;
}
body.v20-ui #youthSquadView .academy-hero p{
margin:.27cqw 0 0!important;
max-width:39cqw!important;
color:#697684!important;
font:700 .39cqw/1.35 Arial,sans-serif!important;
}
body.v20-ui #youthSquadView .academy-overview{
min-width:10.2cqw!important;
padding:.52cqw .72cqw!important;
border:1px solid #dce4ec!important;
border-radius:.36cqw!important;
background:#fff!important;
box-shadow:none!important;
}
body.v20-ui #youthSquadView .academy-overview span{font-size:.27cqw!important;letter-spacing:.12em!important}
body.v20-ui #youthSquadView .academy-overview strong{font-size:.86cqw!important;margin-top:.2cqw!important}
body.v20-ui #youthSquadView .academy-overview small{font-size:.28cqw!important;margin-top:.18cqw!important}
/* Critical repair: the old .academy-grid declared TWO columns, making the
dashboard and prospect list sit side-by-side. Force a vertical flow. */
body.v20-ui #youthAcademyGrid{
flex:1 1 auto!important;
display:flex!important;
flex-direction:column!important;
grid-template-columns:none!important;
grid-template-rows:none!important;
grid-auto-rows:auto!important;
gap:.62cqw!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
overflow:auto!important;
padding:0 .16cqw 0 0!important;
scrollbar-gutter:stable!important;
overscroll-behavior:contain!important;
}
/* Compact department snapshot: useful information, not four giant empty boxes. */
body.v20-ui #youthAcademyGrid .academy-dashboard{
flex:0 0 auto!important;
display:grid!important;
grid-template-columns:1.45fr .72fr .72fr .72fr!important;
gap:.48cqw!important;
min-height:4.25cqw!important;
}
body.v20-ui #youthAcademyGrid .academy-dashboard article{
min-width:0!important;
min-height:4.25cqw!important;
padding:.58cqw .68cqw!important;
border:1px solid #dfe5eb!important;
border-radius:.38cqw!important;
background:#fff!important;
box-shadow:none!important;
overflow:hidden!important;
}
body.v20-ui #youthAcademyGrid .academy-dashboard article:first-child{
background:linear-gradient(135deg,#f7fafc,#fff)!important;
border-left:.2cqw solid #0d78a0!important;
}
body.v20-ui #youthAcademyGrid .academy-dashboard span{
display:block!important;
color:#73808d!important;
font:900 .25cqw/1 Arial,sans-serif!important;
letter-spacing:.11em!important;
}
body.v20-ui #youthAcademyGrid .academy-dashboard strong{
display:block!important;
margin-top:.25cqw!important;
color:#121b24!important;
font:900 .72cqw/1 Arial,sans-serif!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.v20-ui #youthAcademyGrid .academy-dashboard small{
display:block!important;
margin-top:.25cqw!important;
color:#7b8793!important;
font:700 .29cqw/1.3 Arial,sans-serif!important;
overflow:hidden!important;
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
}
/* Prospect cards remain large enough to read. Two columns is deliberate:
3-column cards were the main cause of the unusable V20.5.5 compression. */
body.v20-ui #youthAcademyGrid .academy-list-grid{
flex:0 0 auto!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:.62cqw!important;
align-content:start!important;
min-width:0!important;
}
body.v20-ui #youthAcademyGrid .academy-card-v2{
position:relative!important;
display:grid!important;
grid-template-columns:6.35cqw minmax(0,1fr)!important;
min-height:8.15cqw!important;
height:auto!important;
padding:0!important;
border:1px solid #dce3ea!important;
border-radius:.42cqw!important;
background:#fff!important;
box-shadow:0 .28cqw .72cqw rgba(20,44,77,.045)!important;
overflow:hidden!important;
}
body.v20-ui #youthAcademyGrid .academy-card-v2:hover,
body.v20-ui #youthAcademyGrid .academy-card-v2.is-selected{
transform:none!important;
border-color:#1654aa!important;
box-shadow:0 .38cqw .9cqw rgba(17,61,132,.09)!important;
}
body.v20-ui #youthAcademyGrid .academy-card-v2.is-selected{
box-shadow:inset .18cqw 0 #1654aa,0 .38cqw .9cqw rgba(17,61,132,.08)!important;
}
body.v20-ui #youthAcademyGrid .academy-avatar{
min-width:0!important;
height:100%!important;
border-right:1px solid #e2e7ed!important;
background:radial-gradient(circle at 50% 28%,rgba(25,143,159,.09),transparent 44%),linear-gradient(180deg,#f8fbfd,#eef3f7)!important;
overflow:hidden!important;
}
body.v20-ui #youthAcademyGrid .academy-avatar img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center bottom!important;
transform:none!important;
}
body.v20-ui #youthAcademyGrid .academy-card-copy{
min-width:0!important;
padding:.72cqw .72cqw .65cqw!important;
gap:.28cqw!important;
}
body.v20-ui #youthAcademyGrid .academy-card-copy h4{
margin:.05cqw 0 0!important;
color:#101820!important;
font:900 .72cqw/1.08 Arial,sans-serif!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.v20-ui #youthAcademyGrid .academy-card-copy p{
color:#707d89!important;
font:700 .29cqw/1.3 Arial,sans-serif!important;
}
body.v20-ui #youthAcademyGrid .academy-card-topline{padding-right:3.6cqw!important}
body.v20-ui #youthAcademyGrid .academy-role-pill,
body.v20-ui #youthAcademyGrid .academy-tier-pill,
body.v20-ui #youthAcademyGrid .academy-tag-row span{
min-height:.95cqw!important;
padding:0 .34cqw!important;
font-size:.23cqw!important;
}
body.v20-ui #youthAcademyGrid .academy-tag-row{
min-height:.95cqw!important;
gap:.22cqw!important;
}
body.v20-ui #youthAcademyGrid .academy-ranges{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:.4cqw!important;
margin-top:.18cqw!important;
padding-top:.46cqw!important;
}
body.v20-ui #youthAcademyGrid .academy-ranges>div{
min-width:0!important;
padding:.35cqw .45cqw!important;
border:1px solid #e1e7ed!important;
border-radius:.3cqw!important;
background:#f8fafc!important;
}
body.v20-ui #youthAcademyGrid .academy-ranges small{font-size:.22cqw!important;letter-spacing:.09em!important}
body.v20-ui #youthAcademyGrid .academy-ranges strong{margin-top:.15cqw!important;font-size:.65cqw!important}
body.v20-ui #youthAcademyGrid .academy-card-flag{
right:.5cqw!important;
top:.5cqw!important;
padding:.22cqw .34cqw!important;
font-size:.22cqw!important;
}
body.v20-ui #youthSquadView .academy-footer-note{
flex:0 0 auto!important;
min-height:1.75cqw!important;
margin:0!important;
padding:.35cqw .58cqw!important;
border:1px solid #e1e6eb!important;
border-radius:.3cqw!important;
background:#f8fafc!important;
overflow:hidden!important;
}
body.v20-ui #youthSquadView .academy-footer-note b{font-size:.24cqw!important}
body.v20-ui #youthSquadView .academy-footer-note span{font-size:.27cqw!important;white-space:normal!important}
/* Youth dossier remains the existing, proven right-side player profile.
Only tighten its youth-specific cards slightly so the key actions stay visible. */
body.v20-ui .player-profile .academy-profile-hero{min-height:7.2cqw!important}
body.v20-ui .player-profile .academy-profile-report-v2{padding:.62cqw .15cqw .68cqw!important}
body.v20-ui .player-profile .academy-insight-grid{gap:.42cqw!important;margin:.55cqw 0!important}
body.v20-ui .player-profile .academy-insight-card{padding:.58cqw .62cqw!important}
body.v20-ui .player-profile .academy-profile-actions-v2{position:sticky!important;bottom:0!important;z-index:4!important;padding-top:.45cqw!important;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%)!important}
@media(max-width:1100px){
body.v20-ui #youthAcademyGrid .academy-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.v20-ui #youthAcademyGrid .academy-list-grid{grid-template-columns:1fr!important}
}
/* ===== V20.6.1 — Living World: Manager Ecosystem =====
Scope intentionally isolated to Manager Career + CAREER inbox tone.
Existing global layout/navigation is not changed. */
body.v20-ui .office-reader-banner.tone-career,
body.v20-ui .office-message-card.tone-career{--office-tone:#3159a9;--office-tone-soft:#edf2fc}
body.v20-ui .manager-world-pulse{
margin-top:.92cqw;
padding:.9cqw;
border:1px solid #dfe5ec;
border-radius:.48cqw;
background:linear-gradient(180deg,#fff,#fafbfd);
}
body.v20-ui .manager-world-pulse .manager-pane-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1cqw;padding:0 0 .72cqw;border-bottom:1px solid #e5eaf0}
body.v20-ui .manager-world-pulse .manager-pane-heading>span{color:#15949d;font:900 .29cqw/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
body.v20-ui .manager-world-pulse .manager-pane-heading h3{margin:.18cqw 0 0;color:#121a24;font:900 .68cqw/1.1 Arial,sans-serif}
body.v20-ui .manager-world-pulse .manager-pane-heading p{margin:0;max-width:28cqw;color:#6a7683;font:700 .33cqw/1.4 Arial,sans-serif;text-align:right}
body.v20-ui .manager-world-pulse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.56cqw;margin-top:.72cqw}
body.v20-ui .manager-world-pulse-card{position:relative;min-width:0;display:grid;grid-template-columns:2.45cqw minmax(0,1fr);gap:.58cqw;align-items:center;padding:.66cqw;border:1px solid #dfe5ec;border-radius:.4cqw;background:#fff;overflow:hidden}
body.v20-ui .manager-world-pulse-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.16cqw;background:#3159a9}
body.v20-ui .manager-world-pulse-card.is-pressure:before{background:#bf4740}
body.v20-ui .manager-world-pulse-card.is-vacancy:before{background:#d39a2d}
body.v20-ui .manager-world-pulse-card.is-appointment:before{background:#168c69}
body.v20-ui .manager-world-pulse-crest{width:2.35cqw;height:2.35cqw;border:1px solid #dfe5ec;border-radius:.34cqw;background:#f7f9fb;display:grid;place-items:center;overflow:hidden}
body.v20-ui .manager-world-pulse-crest img{max-width:82%;max-height:82%;object-fit:contain}
body.v20-ui .manager-world-pulse-card>div:last-child{min-width:0}
body.v20-ui .manager-world-pulse-card span{display:block;color:#75818d;font:900 .25cqw/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
body.v20-ui .manager-world-pulse-card strong{display:block;margin-top:.23cqw;color:#15202a;font:900 .43cqw/1.13 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .manager-world-pulse-card p{margin:.21cqw 0 0;color:#44525f;font:800 .3cqw/1.25 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .manager-world-pulse-card small{display:block;margin-top:.16cqw;color:#7a8691;font:700 .27cqw/1.3 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .manager-world-pulse-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:.72cqw .82cqw;border:1px dashed #d8dfe7;border-radius:.4cqw;background:#fbfcfd}
body.v20-ui .manager-world-pulse-empty strong{color:#334252;font:900 .38cqw/1 Arial,sans-serif;letter-spacing:.07em}
body.v20-ui .manager-world-pulse-empty span{color:#77838f;font:700 .31cqw/1.3 Arial,sans-serif}
@media (max-width:1100px){
body.v20-ui .manager-world-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ================================================================
V20.6.2 — PLAYER STORIES & DRESSING ROOM
Systems-first presentation: no core Squad layout redesign.
================================================================ */
body.v20-ui .dressing-room-summary{border-top:2px solid var(--vm-teal)!important;background:linear-gradient(180deg,#fff,#f8fcfc)!important}
body.v20-ui .dressing-room-summary strong{letter-spacing:.025em!important}
body.v20-ui .player-story-panel{
margin-top:.72cqw;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:linear-gradient(180deg,#fbfdff,#f6f9fc)!important;
overflow:hidden;
}
body.v20-ui .player-story-panel>header{
display:flex;
align-items:center;
justify-content:space-between;
gap:.7cqw;
padding:.62cqw .72cqw;
border-bottom:1px solid var(--vm-line)!important;
background:#fff!important;
}
body.v20-ui .player-story-panel>header div{min-width:0}
body.v20-ui .player-story-panel>header span{
display:block;
color:var(--vm-teal)!important;
font:900 .28cqw/1 Arial,sans-serif!important;
letter-spacing:.14em!important;
}
body.v20-ui .player-story-panel>header strong{
display:block;
margin-top:.18cqw;
color:var(--vm-text)!important;
font:900 .58cqw/1 Arial,sans-serif!important;
}
body.v20-ui .player-story-panel>header>b{
flex:none;
min-width:2.8cqw;
padding:.34cqw .45cqw;
border:1px solid #cdd9e6;
border-radius:999px;
background:#fff;
color:var(--vm-blue);
text-align:center;
font:900 .4cqw/1 Arial,sans-serif;
}
body.v20-ui .player-story-metrics{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
background:#fff;
}
body.v20-ui .player-story-metrics>div{
min-width:0;
padding:.58cqw .62cqw;
border-right:1px solid var(--vm-line);
}
body.v20-ui .player-story-metrics>div:last-child{border-right:0}
body.v20-ui .player-story-metrics span{
display:block;
color:var(--vm-muted)!important;
font:900 .24cqw/1 Arial,sans-serif!important;
letter-spacing:.1em!important;
}
body.v20-ui .player-story-metrics strong{
display:block;
margin-top:.22cqw;
overflow:hidden;
color:var(--vm-text)!important;
font:900 .4cqw/1.15 Arial,sans-serif!important;
text-overflow:ellipsis;
white-space:nowrap;
}
body.v20-ui .player-story-metrics small{
display:block;
margin-top:.14cqw;
color:#718091!important;
font:800 .26cqw/1 Arial,sans-serif!important;
}
body.v20-ui .player-story-reasons{
display:flex;
flex-wrap:wrap;
gap:.34cqw;
padding:.55cqw .62cqw .62cqw;
border-top:1px solid var(--vm-line);
}
body.v20-ui .player-story-reasons>span{
display:inline-flex;
align-items:center;
gap:.28cqw;
min-width:0;
padding:.3cqw .46cqw;
border:1px solid #dce4ec;
border-radius:999px;
background:#fff;
color:#5e6b79!important;
font:800 .28cqw/1 Arial,sans-serif!important;
}
body.v20-ui .player-story-reasons>span b{
color:var(--vm-text);
font:900 .24cqw/1 Arial,sans-serif;
letter-spacing:.08em;
}
body.v20-ui .player-story-reasons .is-positive{border-color:#cce8dd;background:#f5fbf8;color:#3e6d5c!important}
body.v20-ui .player-story-reasons .is-positive b{color:#187a59}
body.v20-ui .player-story-reasons .is-concern{border-color:#ead9bf;background:#fffaf2;color:#765d35!important}
body.v20-ui .player-story-reasons .is-concern b{color:#986711}
body.v20-ui .player-story-reasons .is-promise{border-color:#ccd9f0;background:#f5f8ff;color:#3d5681!important}
body.v20-ui .player-story-reasons .is-promise b{color:var(--vm-blue)}
@media (max-width:1100px){
body.v20-ui .player-story-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
body.v20-ui .player-story-metrics>div:nth-child(2){border-right:0}
body.v20-ui .player-story-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--vm-line)}
}
/* ===== V20.6.3 Media Narratives & Rivalries — contained presentation only ===== */
body.v20-ui .vm-news-chip.is-source{background:#17283d;color:#ffe6a0;border:1px solid rgba(216,178,79,.42)!important}
body.v20-ui .vm-news-byline small{display:block;margin-top:.16cqw;color:#8a95a1;font:800 .25cqw/1.2 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
body.v20-ui .match-narrative-context{margin:.62cqw 0;border:1px solid #d7e0eb;border-left:.22cqw solid #c49b39;border-radius:.34cqw;background:linear-gradient(180deg,#fffdf8,#faf7ef);padding:.62cqw .72cqw;display:grid;gap:.2cqw}
body.v20-ui .match-narrative-context span{color:#8a6b1d;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.14em}
body.v20-ui .match-narrative-context strong{color:#17212d;font:900 .48cqw/1.15 Arial,sans-serif}
body.v20-ui .match-narrative-context small{color:#65727f;font:700 .31cqw/1.42 Arial,sans-serif}
body.v20-ui .office-reader-banner.tone-media,body.v20-ui .office-message-card.tone-media{--office-tone:#4968b8;--office-tone-soft:#edf1ff}
body.v20-ui .office-reader-banner.tone-media{background:linear-gradient(180deg,#fff,#f6f8ff)!important}
body.v20-ui .office-reader-banner.tone-media span{color:var(--office-tone)!important}
/* ===== V20.6.4 · Transfer Market Intelligence & Selling Ecosystem =====
Localised additions only: no global Transfer/Squad layout changes. */
body.v20-ui .living-market-pulse{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:.42cqw!important;
}
body.v20-ui .living-market-pulse>div{
min-width:0!important;
padding:.6cqw .66cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:linear-gradient(180deg,#fff,#f8fafc)!important;
}
body.v20-ui .living-market-pulse span{
display:block!important;
color:var(--vm-muted)!important;
font:900 .27cqw/1 Arial,sans-serif!important;
letter-spacing:.11em!important;
}
body.v20-ui .living-market-pulse strong{
display:block!important;
margin-top:.22cqw!important;
color:var(--vm-text)!important;
font:900 .47cqw/1.16 Arial,sans-serif!important;
white-space:normal!important;
}
body.v20-ui .living-market-pulse small{
display:block!important;
margin-top:.2cqw!important;
color:#6e7a87!important;
font:700 .29cqw/1.34 Arial,sans-serif!important;
}
body.v20-ui .living-outgoing-market,
body.v20-ui .living-outgoing-history{
display:grid!important;
min-width:0!important;
}
body.v20-ui .living-outgoing-market>header,
body.v20-ui .living-outgoing-history>header{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:.7cqw!important;
min-height:2.05cqw!important;
padding:.48cqw .72cqw!important;
border-bottom:1px solid var(--vm-line)!important;
background:#f5f8fb!important;
}
body.v20-ui .living-outgoing-market>header span,
body.v20-ui .living-outgoing-history>header span{
color:#677482!important;
font:900 .3cqw/1 Arial,sans-serif!important;
letter-spacing:.12em!important;
}
body.v20-ui .living-outgoing-market>header strong,
body.v20-ui .living-outgoing-history>header strong{
color:var(--vm-blue)!important;
font:900 .34cqw/1 Arial,sans-serif!important;
}
body.v20-ui .living-market-row{
display:grid!important;
grid-template-columns:3.1cqw minmax(0,1fr) auto!important;
align-items:center!important;
gap:.72cqw!important;
width:100%!important;
min-height:4.6cqw!important;
padding:.55cqw .72cqw!important;
border:0!important;
border-bottom:1px solid #e5eaf0!important;
background:#fff!important;
text-align:left!important;
cursor:pointer!important;
}
body.v20-ui .living-market-row:hover{
background:#f6f9fd!important;
box-shadow:inset .16cqw 0 var(--vm-blue)!important;
}
body.v20-ui .living-market-row>div{
width:3.1cqw!important;
height:3.1cqw!important;
overflow:hidden!important;
border:1px solid #dce3eb!important;
border-radius:var(--vm-radius-xs)!important;
background:#f4f7fa!important;
}
body.v20-ui .living-market-row>div img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center bottom!important;
}
body.v20-ui .living-market-row>span{min-width:0!important}
body.v20-ui .living-market-row>span small{
display:block!important;
color:var(--vm-teal)!important;
font:900 .27cqw/1 Arial,sans-serif!important;
letter-spacing:.1em!important;
}
body.v20-ui .living-market-row>span strong{
display:block!important;
margin-top:.22cqw!important;
color:var(--vm-text)!important;
font:900 .48cqw/1.1 Arial,sans-serif!important;
}
body.v20-ui .living-market-row>span b{
display:block!important;
margin-top:.2cqw!important;
color:#657381!important;
font:800 .3cqw/1.25 Arial,sans-serif!important;
}
body.v20-ui .living-market-row>aside{
min-width:7.5cqw!important;
text-align:right!important;
}
body.v20-ui .living-market-row>aside small{
display:block!important;
color:#77838f!important;
font:900 .25cqw/1 Arial,sans-serif!important;
letter-spacing:.1em!important;
}
body.v20-ui .living-market-row>aside strong{
display:block!important;
margin-top:.2cqw!important;
color:var(--vm-blue)!important;
font:900 .5cqw/1 Arial,sans-serif!important;
}
body.v20-ui .living-market-row>aside b{
display:block!important;
margin-top:.2cqw!important;
color:#657381!important;
font:900 .25cqw/1 Arial,sans-serif!important;
letter-spacing:.07em!important;
}
body.v20-ui .living-outgoing-history{border-top:1px solid var(--vm-line)!important}
@media (max-width:900px){
body.v20-ui .living-market-pulse{grid-template-columns:1fr!important}
body.v20-ui .living-market-row{grid-template-columns:3.6cqw minmax(0,1fr)!important}
body.v20-ui .living-market-row>aside{grid-column:2;text-align:left!important}
}
/* =========================================================
V20.6.5 — NEGOTIATION ENGINE STATE POLISH
Presentation-only additions. No transfer/squad layout redesign.
========================================================= */
body.v20-ui .negotiation-response.is-final,
body.v20-ui .living-offer-status.is-final{
border-color:#c9a14a!important;
background:linear-gradient(135deg,#fffaf0 0%,#f8f1df 100%)!important;
box-shadow:inset .14cqw 0 #c49a3a!important;
}
body.v20-ui .negotiation-response.is-final span,
body.v20-ui .living-offer-status.is-final strong{color:#8a6518!important}
body.v20-ui .negotiation-response.is-walked,
body.v20-ui .contract-response.is-walked{
border-color:#d9a8ac!important;
background:#fff7f7!important;
box-shadow:inset .14cqw 0 #b95861!important;
}
body.v20-ui .offer-builder.is-locked .offer-control{
opacity:.82!important;
background:#f3f5f8!important;
}
body.v20-ui .offer-builder.is-locked input,
body.v20-ui .contract-grid input[readonly],
body.v20-ui .contract-grid select:disabled{
cursor:default!important;
opacity:.78!important;
}
body.v20-ui .living-negotiation-actions.is-final{
grid-template-columns:1fr 1fr!important;
}
/* ==========================================================================
V20.6.6 — WORLD HISTORY, AWARDS & MANAGER LEGACY
Career Archive only. Existing Squad / Youth / Transfers layouts are locked.
========================================================================== */
#legendsSquadView{
min-width:0;
}
.career-archive-hero{
display:grid;
grid-template-columns:minmax(0,1.5fr) minmax(24cqw,.9fr);
align-items:center;
gap:1.2cqw;
padding:1.15cqw 1.35cqw;
border:1px solid rgba(19,67,114,.14);
background:linear-gradient(135deg,#fff 0%,#f7fbff 64%,#eef6fb 100%);
box-shadow:0 .35cqw 1.35cqw rgba(19,48,78,.06);
}
.career-archive-hero>div{display:flex;align-items:center;gap:1cqw;min-width:0}
.career-archive-hero>div>.club-badge,.career-archive-hero>div>.badge,
.career-archive-hero>div>img{width:3.2cqw;height:3.2cqw;object-fit:contain;flex:0 0 auto}
.career-archive-hero small,.career-archive-hero span>small{display:block;color:#008e9e;font-size:.55cqw;font-weight:900;letter-spacing:.14em}
.career-archive-hero h3{margin:.12cqw 0 .22cqw;font-family:var(--career-display,inherit);font-size:1.42cqw;line-height:1;color:#0c1827;letter-spacing:.015em}
.career-archive-hero p{margin:0;color:#68788a;font-size:.63cqw;line-height:1.5}
.career-archive-hero aside{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce7f0;background:#fff;min-width:0}
.career-archive-hero aside b{display:flex;min-width:0;min-height:3.2cqw;align-items:center;justify-content:center;flex-direction:column;color:#103b8f;font-family:var(--career-display,inherit);font-size:1.05cqw;border-right:1px solid #e3ebf2}
.career-archive-hero aside b:last-child{border-right:0}
.career-archive-hero aside small{margin-top:.15cqw;color:#778798;font-family:var(--career-font,inherit);font-size:.43cqw;letter-spacing:.08em;text-align:center}
.career-archive-nav{display:grid;grid-template-columns:repeat(5,1fr);margin-top:.65cqw;border:1px solid #dce6ef;background:#fff}
.career-archive-nav button{min-height:2.55cqw;border:0;border-right:1px solid #e4ebf1;background:#fff;color:#344455;font-size:.56cqw;font-weight:900;letter-spacing:.055em;cursor:pointer}
.career-archive-nav button:last-child{border-right:0}
.career-archive-nav button:hover{background:#f4f8fb;color:#0b3b98}
.career-archive-nav button.is-active{background:#0e438f;color:#fff;box-shadow:inset 0 -.16cqw 0 #0ba2aa}
.career-archive-nav button i{display:inline-flex;align-items:center;justify-content:center;min-width:1.05cqw;height:1.05cqw;margin-left:.28cqw;padding:0 .2cqw;border-radius:999px;background:rgba(255,255,255,.16);font-style:normal;font-size:.45cqw}
.career-archive-content{min-width:0;margin-top:.65cqw}
.career-archive-dashboard{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:.7cqw}
.archive-feature-card,.archive-season-snapshot,.archive-recent-honours,.archive-record-preview,
.archive-season-list,.archive-honours-layout>div,.archive-record-book article,.archive-legends-heading{
border:1px solid #dce6ee;background:#fff;box-shadow:0 .22cqw .85cqw rgba(13,49,83,.045)
}
.archive-feature-card{padding:1.05cqw 1.15cqw;background:linear-gradient(140deg,#0a3446 0%,#0d4b62 68%,#0f5969 100%);color:#fff}
.archive-feature-card>span,.archive-season-snapshot header span,.archive-recent-honours header span,.archive-record-preview header span,
.archive-season-list>header span,.archive-honours-layout>div>header span,.archive-legends-heading>span{display:block;color:#36c4c8;font-size:.5cqw;font-weight:900;letter-spacing:.14em}
.archive-feature-card h2{margin:.28cqw 0 .42cqw;font-family:var(--career-display,inherit);font-size:1.45cqw;line-height:1;color:#fff}
.archive-feature-card p{margin:0;max-width:34cqw;color:#c8dce3;font-size:.62cqw;line-height:1.52}
.archive-legacy-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:.9cqw;border-top:1px solid rgba(255,255,255,.16)}
.archive-legacy-facts b{padding:.65cqw .45cqw 0;font-family:var(--career-display,inherit);font-size:1.05cqw;color:#fff;border-right:1px solid rgba(255,255,255,.12)}
.archive-legacy-facts b:last-child{border-right:0}
.archive-legacy-facts small{display:block;margin-top:.12cqw;color:#9db7c3;font-family:var(--career-font,inherit);font-size:.42cqw;letter-spacing:.07em}
.archive-season-snapshot{padding:.78cqw .85cqw}
.archive-season-snapshot header,.archive-recent-honours header,.archive-record-preview header,.archive-season-list>header,.archive-honours-layout>div>header{display:flex;align-items:center;justify-content:space-between;gap:.7cqw;margin-bottom:.65cqw}
.archive-season-snapshot header strong,.archive-season-list>header strong,.archive-honours-layout>div>header strong{color:#667788;font-size:.48cqw;letter-spacing:.08em}
.archive-award-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:.45cqw}
.archive-award-mini{position:relative;min-width:0;min-height:5.6cqw;padding:.55cqw .5cqw .48cqw;background:#f7fafc;border:1px solid #e0e8ef;overflow:hidden}
.archive-award-mini>span{display:block;color:#768798;font-size:.39cqw;font-weight:900;letter-spacing:.07em}
.archive-award-mini>div{position:absolute;right:-.3cqw;bottom:-.35cqw;width:3.25cqw;height:4.15cqw;opacity:.92;pointer-events:none}
.archive-award-mini>div img,.archive-award-mini>div canvas{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
.archive-award-mini>strong{display:block;position:relative;z-index:1;width:72%;margin-top:.9cqw;color:#122033;font-family:var(--career-display,inherit);font-size:.72cqw;line-height:1.08;overflow-wrap:anywhere}
.archive-award-mini>small{display:block;position:relative;z-index:1;width:76%;margin-top:.3cqw;color:#708091;font-size:.4cqw;line-height:1.35}
.archive-award-mini.is-empty{display:flex;flex-direction:column;justify-content:center}
.archive-placeholder-copy{margin:1.2cqw 0;color:#778797;font-size:.62cqw;line-height:1.55}
.archive-recent-honours,.archive-record-preview{padding:.8cqw .9cqw}
.archive-recent-honours header button,.archive-record-preview header button{border:0;background:transparent;color:#0b4ea2;font-size:.46cqw;font-weight:900;letter-spacing:.06em;cursor:pointer}
.archive-recent-honours article{display:grid;grid-template-columns:4.9cqw minmax(0,1fr) auto;gap:.55cqw;align-items:center;padding:.48cqw 0;border-top:1px solid #e7edf2}
.archive-recent-honours article span{color:#7f8e9d;font-size:.48cqw;font-weight:800}
.archive-recent-honours article strong{min-width:0;color:#1d2a39;font-size:.57cqw;overflow-wrap:anywhere}
.archive-recent-honours article small{color:#07959f;font-size:.42cqw;font-weight:800}
.archive-record-preview>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e6edf2}
.archive-record-preview>div b{padding:.75cqw .42cqw 0;color:#0d4392;font-family:var(--career-display,inherit);font-size:.92cqw;border-right:1px solid #e6edf2}
.archive-record-preview>div b:last-child{border-right:0}
.archive-record-preview>div small{display:block;margin-top:.15cqw;color:#768696;font-family:var(--career-font,inherit);font-size:.39cqw;letter-spacing:.07em}
.archive-inline-empty{padding:1cqw .2cqw;color:#8492a0;font-size:.56cqw}
.archive-season-list{overflow:hidden}
.archive-season-list>header{padding:.7cqw .85cqw;margin:0;background:#f8fafc;border-bottom:1px solid #e2e9ef}
.archive-season-list>button{display:grid;width:100%;grid-template-columns:7.2cqw minmax(0,1fr) 14cqw 10cqw;align-items:center;gap:.65cqw;padding:.72cqw .85cqw;border:0;border-bottom:1px solid #e7edf2;background:#fff;text-align:left;cursor:pointer}
.archive-season-list>button:hover{background:#f7fbfe}
.archive-season-list>button.is-selected{background:#eef6ff;box-shadow:inset .16cqw 0 0 #155bc2}
.archive-season-list>button span{color:#0a929a;font-size:.52cqw;font-weight:900;letter-spacing:.05em}
.archive-season-list>button strong{min-width:0;color:#182536;font-size:.66cqw;overflow-wrap:anywhere}
.archive-season-list>button small{color:#748392;font-size:.49cqw}
.archive-season-list>button b{color:#0e4599;font-size:.48cqw;text-align:right}
.archive-large-empty{min-height:13cqw!important}
.archive-honours-layout{display:grid;grid-template-columns:1fr 1fr;gap:.7cqw}
.archive-honours-layout>div{padding:.78cqw .88cqw;min-width:0}
.archive-honour-row,.archive-world-award{display:grid;grid-template-columns:6cqw minmax(0,1fr);gap:.6cqw;align-items:center;padding:.58cqw 0;border-top:1px solid #e7edf2}
.archive-honour-row>span,.archive-world-award>span{grid-row:1/3;color:#0a929a;font-size:.49cqw;font-weight:900}
.archive-honour-row strong,.archive-world-award strong{color:#172536;font-size:.59cqw}
.archive-honour-row small,.archive-world-award small{color:#7b8997;font-size:.43cqw}
.archive-monthly-strip{display:flex;align-items:center;gap:.35cqw;flex-wrap:wrap;margin-top:.65cqw;padding-top:.65cqw;border-top:1px solid #e7edf2}
.archive-monthly-strip b{margin-right:.3cqw;color:#718191;font-size:.43cqw;letter-spacing:.07em}
.archive-monthly-strip span{padding:.24cqw .38cqw;border:1px solid #dbe6ee;background:#f6fafc;color:#0e4b91;font-size:.4cqw;font-weight:800}
.archive-record-book{display:grid;grid-template-columns:1fr 1fr;gap:.65cqw}
.archive-record-book article{min-height:8.4cqw;padding:.95cqw 1cqw;background:linear-gradient(160deg,#fff,#f8fbfd)}
.archive-record-book article>span{display:block;color:#0b999f;font-size:.48cqw;font-weight:900;letter-spacing:.11em}
.archive-record-book article>strong{display:block;margin:.5cqw 0 .25cqw;color:#0a3e91;font-family:var(--career-display,inherit);font-size:1.6cqw;line-height:1}
.archive-record-book h4{margin:0;color:#172536;font-size:.68cqw}
.archive-record-book p{margin:.35cqw 0 0;color:#778594;font-size:.5cqw;line-height:1.45}
.archive-legends-heading{padding:.8cqw .95cqw;margin-bottom:.6cqw}
.archive-legends-heading>strong{display:block;margin-top:.18cqw;color:#172536;font-family:var(--career-display,inherit);font-size:.85cqw}
.archive-legends-heading p{margin:.25cqw 0 0;color:#748392;font-size:.5cqw}
.archive-manager-legacy{display:grid;grid-template-columns:6.7cqw minmax(0,1fr);gap:.8cqw;align-items:center;padding:.85cqw;border:1px solid #dfe8ef;background:linear-gradient(135deg,#f5f9fc,#fff)}
.archive-manager-portrait{position:relative;height:6.8cqw;overflow:hidden;background:linear-gradient(180deg,#e9f3f7,#d7e7ee);border:1px solid #d3e1e8}
.archive-manager-portrait .manager-paperdoll,.archive-manager-portrait canvas,.archive-manager-portrait img{max-width:100%;max-height:100%}
.archive-manager-legacy small{display:block;color:#07969f;font-size:.46cqw;font-weight:900;letter-spacing:.1em}
.archive-manager-legacy h2{margin:.22cqw 0;color:#142235;font-family:var(--career-display,inherit);font-size:1.25cqw}
.archive-manager-legacy p{margin:0;color:#6e7f8f;font-size:.54cqw}
.archive-manager-metrics{display:grid;grid-template-columns:repeat(2,1fr);margin-top:.6cqw;border:1px solid #e0e8ef;background:#fff}
.archive-manager-metrics b{padding:.62cqw .7cqw;color:#0d4496;font-family:var(--career-display,inherit);font-size:.86cqw;border-right:1px solid #e7edf2;border-bottom:1px solid #e7edf2}
.archive-manager-metrics b:nth-child(2n){border-right:0}
.archive-manager-metrics small{display:block;margin-top:.1cqw;color:#788694;font-family:var(--career-font,inherit);font-size:.4cqw;letter-spacing:.06em}
.archive-season-profile{padding:.9cqw;border:1px solid #dfe8ef;background:linear-gradient(145deg,#0b3e57,#0c536a);color:#fff}
.archive-season-profile>span{color:#66d4d2;font-size:.46cqw;font-weight:900;letter-spacing:.1em}
.archive-season-profile h2{margin:.3cqw 0 .2cqw;color:#fff;font-family:var(--career-display,inherit);font-size:1.2cqw}
.archive-season-profile p{margin:0;color:#bdd2db;font-size:.52cqw}
.archive-season-profile>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:.8cqw;border-top:1px solid rgba(255,255,255,.15)}
.archive-season-profile>div b{padding:.6cqw .35cqw 0;font-size:.9cqw;border-right:1px solid rgba(255,255,255,.12)}
.archive-season-profile>div b:last-child{border-right:0}
.archive-season-profile>div small{display:block;color:#9db8c3;font-size:.38cqw;letter-spacing:.06em}
.archive-profile-awards{display:grid;grid-template-columns:1fr;gap:.18cqw;margin-top:.6cqw;padding:.75cqw;border:1px solid #dfe8ef;background:#fff}
.archive-profile-awards>span{margin-bottom:.25cqw;color:#07969f;font-size:.44cqw;font-weight:900;letter-spacing:.1em}
.archive-profile-awards>strong{color:#1a2939;font-size:.62cqw}
.archive-profile-awards>small{margin-bottom:.3cqw;color:#778594;font-size:.44cqw}
@media (max-width:1100px){
.career-archive-hero{grid-template-columns:1fr}
.career-archive-dashboard,.archive-honours-layout,.archive-record-book{grid-template-columns:1fr}
.archive-season-list>button{grid-template-columns:6.2cqw minmax(0,1fr) 13cqw}
.archive-season-list>button b{grid-column:2/4;text-align:left}
}
/* V20.6.6 — World History ledger inside the existing Career Archive pane. */
.archive-world-history{display:grid;grid-template-columns:minmax(9rem,.72fr) minmax(0,2.35fr);gap:.72cqw;min-height:0}
.archive-world-season-rail,.archive-world-ledger{border:1px solid #d7e1ea;background:#fff;min-width:0}
.archive-world-season-rail header,.archive-world-ledger>header{display:flex;align-items:center;justify-content:space-between;gap:.6cqw;padding:.62cqw .72cqw;border-bottom:1px solid #d7e1ea;background:#f7f9fc}
.archive-world-season-rail header span,.archive-world-ledger>header span{font-size:.43cqw;letter-spacing:.14em;font-weight:900;color:#008e9b}
.archive-world-season-rail header strong,.archive-world-ledger>header strong{font-size:.5cqw;letter-spacing:.07em;color:#17304b}
.archive-world-season-rail button{display:block;width:100%;border:0;border-bottom:1px solid #e2e8ef;background:#fff;text-align:left;padding:.62cqw .7cqw;cursor:pointer;color:#1d2b3c}
.archive-world-season-rail button:hover,.archive-world-season-rail button.is-selected{background:#eef5fc;box-shadow:inset .16cqw 0 0 #1558b0}
.archive-world-season-rail button strong{display:block;font-size:.65cqw;letter-spacing:.03em}
.archive-world-season-rail button small{display:block;margin-top:.14cqw;font-size:.42cqw;color:#6d7c8f}
.archive-world-ledger{overflow:auto;max-height:29cqw;overscroll-behavior:contain;scrollbar-gutter:stable}
.archive-world-ledger>section{padding:.72cqw;border-bottom:1px solid #e0e7ee}
.archive-world-ledger>section:last-child{border-bottom:0}
.archive-world-ledger h4{margin:0 0 .42cqw;font-size:.48cqw;letter-spacing:.15em;color:#31506f}
.archive-world-ledger article{display:grid;grid-template-columns:3.5cqw minmax(0,1fr) minmax(7cqw,.72fr);align-items:center;gap:.65cqw;padding:.45cqw .5cqw;border:1px solid #e1e8ef;border-bottom:0;background:#fbfcfe}
.archive-world-ledger article:last-child{border-bottom:1px solid #e1e8ef}
.archive-world-ledger article>span{font-size:.4cqw;font-weight:900;letter-spacing:.1em;color:#8795a5}
.archive-world-ledger article div strong,.archive-world-ledger article>b{display:block;font-size:.58cqw;color:#172637;min-width:0;overflow-wrap:anywhere}
.archive-world-ledger article div small,.archive-world-ledger article>b small{display:block;margin-top:.08cqw;font-size:.39cqw;font-weight:700;color:#75869a;letter-spacing:.035em}
.archive-world-ledger article>b{text-align:right;color:#0e4ea1}
.archive-world-cups article{grid-template-columns:3.5cqw minmax(0,1fr)}
.archive-crown-row{background:linear-gradient(135deg,#f8fbff,#f6f1df)}
@media(max-width:1100px){.archive-world-history{grid-template-columns:1fr}.archive-world-season-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.archive-world-season-rail header{grid-column:1/-1}.archive-world-ledger{max-height:none}.archive-world-ledger article{grid-template-columns:4rem minmax(0,1fr) minmax(8rem,.72fr)}}
/* ========================================================================
V20.7.1 — MATCHDAY STAKES & OCCASION ENGINE
Presentation-only layer: preserve the existing Matchday / Results geometry.
======================================================================== */
body.v20-ui .match-occasion-strip{
display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55cqw;
margin:0 0 .36cqw;padding:.34cqw .48cqw;border:1px solid #d8e3ea;border-left:.2cqw solid #1a7799;
border-radius:.28cqw;background:linear-gradient(180deg,#f8fbfd,#f3f7fa);min-width:0;overflow:hidden;
}
body.v20-ui .match-occasion-strip>div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:.45cqw;align-items:baseline}
body.v20-ui .match-occasion-strip>div>span{grid-row:1;color:#197c91;font:900 .21cqw/1 Arial,sans-serif;letter-spacing:.13em;white-space:nowrap}
body.v20-ui .match-occasion-strip>div>strong{grid-row:1;color:#173149;font:900 .38cqw/1.05 Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.v20-ui .match-occasion-strip>div>small{grid-column:1/-1;margin-top:.14cqw;color:#6a7885;font:700 .26cqw/1.25 Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.v20-ui .match-occasion-strip>aside{display:flex;justify-content:flex-end;gap:.2cqw;min-width:0}
body.v20-ui .match-occasion-strip>aside b{max-width:7.2cqw;padding:.22cqw .34cqw;border-radius:999px;background:#e8f0f5;color:#476273;font:900 .2cqw/1 Arial,sans-serif;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.v20-ui .match-occasion-strip.is-marquee{border-left-color:#b98825;background:linear-gradient(180deg,#fffdf7,#faf6e9)}
body.v20-ui .match-occasion-strip.is-marquee>div>span{color:#96701e}
body.v20-ui .match-occasion-strip.is-showpiece{border-color:#d9c47e;border-left-color:#b98620;background:linear-gradient(110deg,#fffdf6,#f7efd8 58%,#eef6fb)}
body.v20-ui .match-occasion-strip.is-showpiece>div>span{color:#916914}
body.v20-ui .matchday-screen.occasion-marquee .matchday-heading-v2,
body.v20-ui .matchday-screen.occasion-showpiece .matchday-heading-v2{box-shadow:inset .22cqw 0 0 #c39a3c}
body.v20-ui .matchday-screen.occasion-showpiece:not(.is-champions-crown) .matchday-centre-card{box-shadow:0 .65cqw 1.8cqw rgba(7,32,56,.18),0 0 0 .09cqw rgba(193,151,48,.24)!important}
body.v20-ui .watch-match-occasion{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:.7cqw;align-items:baseline;padding:.48cqw 1.05cqw;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}
body.v20-ui .watch-match-occasion[hidden]{display:none!important}
body.v20-ui .watch-match-occasion>span{grid-row:1;color:#70d8d6;font:900 .22cqw/1 Arial,sans-serif;letter-spacing:.14em}
body.v20-ui .watch-match-occasion>strong{grid-row:1;color:#f5f8fa;font:900 .42cqw/1.1 Arial,sans-serif}
body.v20-ui .watch-match-occasion>small{grid-column:1/-1;margin-top:.12cqw;color:#b7c9d4;font:700 .27cqw/1.3 Arial,sans-serif}
body.v20-ui .watch-match-overlay.occasion-marquee .watch-match-occasion,
body.v20-ui .watch-match-overlay.occasion-showpiece .watch-match-occasion{background:linear-gradient(90deg,rgba(163,118,24,.24),rgba(255,255,255,.035))}
body.v20-ui .watch-match-overlay.occasion-showpiece .watch-match-occasion>span{color:#f0d17a}
body.v20-ui .watch-around-grounds{margin-top:auto;padding-top:.45cqw;border-top:1px solid rgba(255,255,255,.09)}
body.v20-ui .watch-around-grounds[hidden]{display:none!important}
body.v20-ui .watch-around-grounds header{display:flex;align-items:center;justify-content:space-between;gap:.5cqw;margin-bottom:.28cqw}
body.v20-ui .watch-around-grounds header span{color:#88b5c8;font:900 .2cqw/1 Arial,sans-serif;letter-spacing:.13em}
body.v20-ui .watch-around-grounds header b{color:#f0d17a;font:900 .21cqw/1 Arial,sans-serif;letter-spacing:.06em}
body.v20-ui .watch-around-grounds>div{display:grid;gap:.13cqw}
body.v20-ui .watch-around-grounds p{display:grid;grid-template-columns:minmax(0,1fr) 2.1cqw minmax(0,1fr);align-items:center;gap:.25cqw;margin:0;padding:.18cqw .26cqw;border-radius:.18cqw;background:rgba(255,255,255,.035);color:#bfced7;font:800 .2cqw/1 Arial,sans-serif}
body.v20-ui .watch-around-grounds p span:last-child{text-align:right}
body.v20-ui .watch-around-grounds p strong{text-align:center;color:#fff;font:900 .24cqw/1 Arial,sans-serif}
body.v20-ui .result-occasion-moment{display:grid;gap:.16cqw;margin:-.1cqw 0 .55cqw;padding:.5cqw .58cqw;border:1px solid #d8e3ea;border-left:.22cqw solid #1d7e8c;border-radius:.3cqw;background:linear-gradient(180deg,#f8fbfd,#f1f6f8)}
body.v20-ui .result-occasion-moment>span{margin:0!important;color:#1a7787!important;font:900 .23cqw/1 Arial,sans-serif!important;letter-spacing:.13em!important}
body.v20-ui .result-occasion-moment>strong{color:#173149;font:900 .46cqw/1.1 Arial,sans-serif}
body.v20-ui .result-occasion-moment>small{color:#6c7984;font:700 .27cqw/1.3 Arial,sans-serif}
body.v20-ui .result-occasion-moment.is-champion{border-color:#ddc87e;border-left-color:#b88722;background:linear-gradient(110deg,#fffdf5,#f6efd9)}
body.v20-ui .result-occasion-moment.is-champion>span{color:#8c6819!important}
body.v20-ui .result-occasion-moment.is-defeat{border-left-color:#9a4650;background:linear-gradient(180deg,#fffafa,#f8eeee)}
body.v20-ui .result-occasion-moment.is-defeat>span{color:#8a3f48!important}
body.v20-ui .result-occasion-moment.is-milestone{border-left-color:#5c6fb2;background:linear-gradient(180deg,#fafbff,#f0f2fa)}
@media(max-width:1100px){
body.v20-ui .match-occasion-strip>aside{display:none}
body.v20-ui .match-occasion-strip{grid-template-columns:1fr}
body.v20-ui .watch-match-broadcast .watch-match-live-stage{grid-template-columns:minmax(0,1fr) minmax(18cqw,.82fr)!important}
}
/* ================================================================
V20.7.2 — Trophy, Promotion & Season Finale Presentation
Presentation-only extension. Existing navigation/layout remains intact.
================================================================ */
.v2072-achievement-overlay{position:fixed;inset:0;z-index:15850;display:none;place-items:center;padding:2vh 2vw;background:rgba(1,7,16,.9);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.v2072-achievement-overlay.is-open{display:grid}
.v2072-achievement-shell{position:relative;width:min(96vw,1720px);height:min(92vh,970px);overflow:hidden;border:1px solid rgba(219,187,104,.58);border-radius:14px;background:#06162c;box-shadow:0 34px 100px rgba(0,0,0,.58)}
.v2072-achievement-shell>main{position:relative;width:100%;height:100%;overflow:hidden}
.v2072-achievement-close{position:absolute;right:18px;top:16px;z-index:12;width:42px;height:42px;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:rgba(3,12,25,.58);color:#fff;font:400 27px/1 Arial;cursor:pointer;backdrop-filter:blur(8px)}
.v2072-achievement-close:hover{background:rgba(255,255,255,.12)}
.v2072-achievement-bg{position:absolute;inset:-1%;background:center/cover no-repeat;transform:scale(1.015);animation:v2072StageArrival 1.25s cubic-bezier(.18,.74,.2,1) both}
.v2072-achievement-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,22,.9) 0%,rgba(2,10,22,.68) 43%,rgba(2,10,22,.22) 69%,rgba(2,10,22,.42) 100%),linear-gradient(0deg,rgba(1,7,15,.82),transparent 42%)}
.v2072-crowd{position:absolute;z-index:2;pointer-events:none;user-select:none}.v2072-crowd-wide{left:7%;right:7%;bottom:-1.5%;width:86%;height:auto;max-height:28%;object-fit:contain;object-position:center bottom;opacity:.86;filter:drop-shadow(0 -12px 28px rgba(0,0,0,.42));animation:v2072CrowdRise 1.1s .35s cubic-bezier(.18,.74,.2,1) both}
.v2072-crowd-fade{position:absolute;z-index:2;left:0;right:0;bottom:0;height:22%;background:linear-gradient(0deg,rgba(2,7,14,.88),transparent)}
.v2072-achievement-content{--club-accent:#174ea6;position:relative;z-index:5;width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.82fr);grid-template-rows:auto 1fr auto;column-gap:3.2%;padding:4.5% 5.2% 3.6%;color:#fff}
.v2072-achievement-brand{grid-column:1/2;display:flex;align-items:center;gap:14px;align-self:start;width:max-content;max-width:100%;padding:10px 14px 10px 11px;border:1px solid rgba(255,255,255,.2);border-left:3px solid var(--club-accent);background:rgba(4,17,34,.7);backdrop-filter:blur(8px)}
.v2072-achievement-brand>img{width:46px;height:46px;object-fit:contain}.v2072-achievement-brand span{min-width:0}.v2072-achievement-brand small{display:block;color:#d9bf78;font:800 9px Arial;letter-spacing:.14em}.v2072-achievement-brand strong{display:block;margin-top:3px;max-width:390px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 18px Arial}
.v2072-achievement-copy{grid-column:1/2;align-self:center;max-width:760px;padding:3vh 0}.v2072-achievement-copy>span{display:block;color:#d9bd72;font:900 11px Arial;letter-spacing:.18em}.v2072-achievement-copy h1{margin:10px 0 13px;font:900 clamp(36px,4.6vw,82px)/.94 Arial;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 4px 26px rgba(0,0,0,.46)}.v2072-achievement-copy p{max-width:640px;margin:0;color:#dbe6f0;font:650 clamp(13px,1.05vw,18px)/1.48 Arial;text-shadow:0 2px 10px rgba(0,0,0,.55)}
.v2072-canonical-trophy{position:absolute;z-index:4;right:9%;top:16%;height:43%;max-width:30%;object-fit:contain;filter:drop-shadow(0 24px 42px rgba(0,0,0,.48)) drop-shadow(0 0 28px rgba(231,196,99,.18));animation:v2072TrophyReveal 1.25s .18s cubic-bezier(.18,.78,.2,1) both}
.v2072-achievement-score{grid-column:2/3;grid-row:1/2;align-self:start;justify-self:end;display:flex;align-items:center;gap:9px;margin-right:54px;padding:9px 12px;border:1px solid rgba(255,255,255,.16);background:rgba(4,16,31,.62);backdrop-filter:blur(7px)}.v2072-achievement-score span{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cfdae5;font:800 10px Arial}.v2072-achievement-score strong{color:#fff;font:900 19px Arial}
.v2072-achievement-cast{grid-column:2/3;grid-row:2/3;align-self:end;justify-self:end;width:min(100%,520px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:3.4vh}.v2072-achievement-cast article{min-width:0;height:86px;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:end;overflow:hidden;border:1px solid rgba(255,255,255,.17);background:linear-gradient(110deg,rgba(5,20,41,.9),rgba(5,20,41,.62));box-shadow:0 14px 28px rgba(0,0,0,.18)}.v2072-achievement-cast article>img,.v2072-achievement-cast article>div:first-child{width:72px;height:86px;object-fit:cover;object-position:center top;align-self:stretch}.v2072-achievement-cast article>img{filter:drop-shadow(0 5px 8px rgba(0,0,0,.4))}.v2072-achievement-cast article>span{min-width:0;padding:0 9px 12px}.v2072-achievement-cast article small{display:block;color:#9db0c2;font:800 8px Arial;letter-spacing:.1em}.v2072-achievement-cast article strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font:900 11px Arial}.v2072-achievement-cast article.is-captain{border-color:rgba(220,187,96,.55)}
.v2072-manager-card .manager-portrait-crop{width:72px!important;height:86px!important;border:0!important;border-radius:0!important;background:transparent!important}.v2072-manager-card .manager-paperdoll-portrait{transform:translateY(-3%) scale(1.12);transform-origin:50% 18%}
.v2072-achievement-content>footer{grid-column:1/3;grid-row:3/4;position:relative;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}.v2072-achievement-facts{display:flex;flex-wrap:wrap;gap:22px}.v2072-achievement-facts span{display:block}.v2072-achievement-facts small{display:block;color:#9eb0c2;font:800 8px Arial;letter-spacing:.1em}.v2072-achievement-facts strong{display:block;margin-top:4px;color:#fff;font:900 12px Arial}.v2072-achievement-content>footer button{min-width:210px;padding:14px 19px;border:1px solid rgba(226,194,105,.86);background:#d7b45c;color:#06162b;font:900 11px Arial;letter-spacing:.08em;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.22)}
.v2072-achievement-content.is-runnerup .v2072-achievement-copy>span,.v2072-achievement-content.is-relegation .v2072-achievement-copy>span{color:#aeb9c3}.v2072-achievement-content.is-runnerup .v2072-achievement-copy h1,.v2072-achievement-content.is-relegation .v2072-achievement-copy h1{color:#eef2f5}.v2072-achievement-content.is-relegation>footer button,.v2072-achievement-content.is-runnerup>footer button{border-color:#b8c1ca;background:#d7dde3;color:#17212b}.v2072-achievement-content.is-survival .v2072-achievement-copy>span{color:#e4c26b}.v2072-achievement-content.is-legendary .v2072-achievement-copy h1{max-width:780px;color:#fff7d7;text-shadow:0 4px 34px rgba(226,184,74,.2),0 4px 28px rgba(0,0,0,.6)}
.v2072-confetti{position:absolute;inset:-15% 0 0;z-index:8;overflow:hidden;pointer-events:none}.v2072-confetti i{position:absolute;left:var(--x);top:-6%;width:var(--sz);height:calc(var(--sz) * 1.55);border-radius:1px;background:#e9c861;opacity:.92;transform:rotate(var(--rot));animation:v2072ConfettiFall var(--dur) var(--delay) linear infinite}.v2072-confetti i:nth-child(3n){background:#fff1bd}.v2072-confetti i:nth-child(4n){background:#516fd8}.v2072-confetti i:nth-child(7n){background:#7452c9}
@keyframes v2072StageArrival{from{opacity:.3;transform:scale(1.055)}to{opacity:1;transform:scale(1.015)}}@keyframes v2072CrowdRise{from{opacity:0;transform:translateY(34px)}to{opacity:.86;transform:translateY(0)}}@keyframes v2072TrophyReveal{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}@keyframes v2072ConfettiFall{0%{transform:translate3d(0,-12vh,0) rotate(var(--rot));opacity:0}8%{opacity:.95}100%{transform:translate3d(2vw,118vh,0) rotate(calc(var(--rot) + 500deg));opacity:.6}}
/* Season Finale: four concise chapters inside the existing Road to Glory review overlay. */
.v2072-season-review .rtg-review-shell{width:min(94vw,1540px);height:min(90vh,900px);border-color:#d7e0e8;background:#f5f8fb;box-shadow:0 32px 90px rgba(3,17,34,.34)}.v2072-season-review .rtg-review-top{background:#071d37;border-bottom:1px solid rgba(220,187,96,.4)}.v2072-season-review .rtg-review-top>div>span{color:#d5b35d}.v2072-season-review #rtgReviewBody{overflow:auto;overscroll-behavior:contain}.v2072-season-review .rtg-review-shell>footer{background:#071d37;border-top:1px solid rgba(220,187,96,.28)}
.v2072-review-hero{position:relative;min-height:300px;overflow:hidden;border:1px solid #d6e0e9;border-radius:10px;background:#06172d;color:#fff}.v2072-review-art{position:absolute;inset:0;background:center/cover no-repeat;filter:saturate(.92)}.v2072-review-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,27,.9),rgba(3,13,27,.56) 47%,rgba(3,13,27,.15)),linear-gradient(0deg,rgba(3,13,27,.72),transparent 54%)}.v2072-review-club{position:relative;z-index:2;min-height:300px;display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:end;gap:16px;padding:28px}.v2072-review-club>img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.3))}.v2072-review-club small{display:block;color:#d7ba6b;font:800 9px Arial;letter-spacing:.14em}.v2072-review-club h1{margin:7px 0 3px;font:900 clamp(28px,3vw,52px)/1 Arial}.v2072-review-club p{margin:0;color:#d1deea;font:700 13px Arial}.v2072-review-club>b{align-self:end;min-width:118px;padding:14px;text-align:center;border:1px solid rgba(226,194,103,.52);background:rgba(4,18,36,.74);color:#fff;font:900 30px Arial}.v2072-review-club>b small{margin-top:4px;color:#d9bf79;font-size:8px}.v2072-metric-grid{margin-top:10px}.v2072-metric-grid>div{background:#fff}
.v2072-award-heading{position:relative;min-height:220px;display:flex!important;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:24px!important;border:1px solid #d9e2ea;border-radius:9px;background:#06172f;color:#fff}.v2072-award-wall{position:absolute;inset:0;background:center/cover no-repeat;opacity:.56}.v2072-award-heading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,34,.88),rgba(4,17,34,.46),rgba(4,17,34,.78))}.v2072-award-heading>img{position:absolute;z-index:2;right:5%;bottom:10%;height:72%;max-width:180px;object-fit:contain;filter:drop-shadow(0 15px 24px rgba(0,0,0,.34))}.v2072-award-heading>span,.v2072-award-heading>h1,.v2072-award-heading>p{position:relative;z-index:3;max-width:70%}.v2072-award-heading>span{color:#d8b75f!important}.v2072-award-heading>h1{color:#fff!important}.v2072-award-heading>p{color:#cad8e5!important}.v2072-award-card{position:relative;overflow:hidden;border-top:3px solid #0c4d9d!important}.v2072-award-card>div img{object-position:center top}
.v2072-world-roundup{display:grid;gap:15px}.v2072-world-heading{padding:19px 22px;border-left:4px solid #d2ad55;background:#071d37;color:#fff}.v2072-world-heading span{display:block;color:#d5b45e;font:900 9px Arial;letter-spacing:.14em}.v2072-world-heading h1{margin:6px 0;font:900 28px Arial}.v2072-world-heading p{margin:0;color:#cbd7e2;font:650 12px/1.45 Arial}.v2072-world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v2072-world-grid article{min-height:98px;display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:12px;padding:13px;border:1px solid #d9e2ea;border-radius:8px;background:#fff}.v2072-world-grid article>img{width:62px;height:62px;object-fit:contain}.v2072-world-grid article span{min-width:0}.v2072-world-grid article small{display:block;color:#7d8c9a;font:800 8px Arial;letter-spacing:.1em}.v2072-world-grid article strong{display:block;margin:4px 0;color:#17212b;font:900 15px Arial}.v2072-world-grid article em{display:block;color:#506171;font:700 10px Arial;font-style:normal}.v2072-world-grid article.is-crown{border-color:#d2ad55;background:linear-gradient(135deg,#071d37,#0a315d);color:#fff}.v2072-world-grid article.is-crown strong{color:#fff}.v2072-world-grid article.is-crown em,.v2072-world-grid article.is-crown small{color:#d9c27c}.v2072-cup-strip{display:flex;flex-wrap:wrap;gap:7px;padding:13px;border:1px solid #d9e2ea;background:#fff}.v2072-cup-strip>span{width:100%;color:#71808f;font:800 8px Arial;letter-spacing:.1em}.v2072-cup-strip b{padding:7px 9px;border:1px solid #e0e7ed;border-radius:999px;background:#f6f9fb;color:#253443;font:800 9px Arial}.v2072-career-heading{position:relative;padding-right:180px!important}.v2072-career-heading>img{position:absolute;right:22px;top:4px;height:110px;max-width:120px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.18))}
@media(max-width:900px){.v2072-achievement-content{grid-template-columns:1fr;padding:5%}.v2072-achievement-score{grid-column:1;grid-row:1;justify-self:end}.v2072-achievement-brand{grid-column:1}.v2072-achievement-copy{grid-column:1}.v2072-achievement-cast{grid-column:1;grid-row:auto;justify-self:stretch;width:100%;margin-bottom:1.5vh}.v2072-achievement-content>footer{grid-column:1}.v2072-canonical-trophy{right:4%;top:22%;height:28%;opacity:.55}.v2072-achievement-copy h1{font-size:clamp(32px,8vw,56px)}.v2072-world-grid{grid-template-columns:1fr}.v2072-review-club{grid-template-columns:58px minmax(0,1fr)}.v2072-review-club>b{grid-column:1/3;justify-self:start}.v2072-review-club>img{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.v2072-achievement-bg,.v2072-crowd-wide,.v2072-canonical-trophy,.v2072-confetti i{animation:none!important}}
.v2072-review-honours{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.v2072-review-honours em{padding:6px 8px;border:1px solid rgba(224,190,96,.48);border-radius:999px;background:rgba(5,21,42,.68);color:#f0d98f;font:800 8px Arial;letter-spacing:.07em;font-style:normal}
/* ========================================================================== */
/* V20.7.3 — Career Pacing & Seasonal Variety */
/* Systems-first presentation. Existing major screen layout remains locked. */
/* ========================================================================== */
body.v20-ui .advance-event-season .advance-event-symbol{background:#eaf0ff!important;color:#174ba9!important}
body.v20-ui .central-advance-day.has-season{background:#f6f8ff!important}
/* Existing CLUB PULSE panel becomes the season rhythm surface. */
body.v20-ui .central-club-pulse{padding:.38cqw!important;overflow:hidden!important}
body.v20-ui .v2073-club-pulse{
height:100%;min-width:0;display:grid;grid-template-rows:auto .22cqw auto auto;gap:.34cqw;
padding:.48cqw .5cqw;border:1px solid #e3e9f0;border-radius:.28cqw;background:linear-gradient(180deg,#fbfdff,#f4f8fc);
color:#172230;box-sizing:border-box;overflow:hidden;
}
body.v20-ui .v2073-pulse-top{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"phase race" "title title";gap:.12cqw .3cqw;align-items:center}
body.v20-ui .v2073-pulse-top>span{grid-area:phase;color:#0b8f95;font:900 .29cqw/1 Arial,sans-serif;letter-spacing:.11em;white-space:nowrap}
body.v20-ui .v2073-pulse-top>strong{grid-area:title;min-width:0;color:#102039;font:900 .48cqw/1.02 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .v2073-pulse-top>em{grid-area:race;justify-self:end;padding:.16cqw .26cqw;border:1px solid #d7e1ee;border-radius:99px;background:#fff;color:#486178;font:900 .24cqw/1 Arial,sans-serif;font-style:normal;letter-spacing:.05em;white-space:nowrap}
body.v20-ui .v2073-pulse-progress{height:.22cqw;border-radius:99px;background:#dfe7f0;overflow:hidden}
body.v20-ui .v2073-pulse-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168d96,#174ba9)}
body.v20-ui .v2073-pulse-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e1e7ee;border-radius:.22cqw;background:#fff;overflow:hidden}
body.v20-ui .v2073-pulse-stats>div{min-width:0;padding:.28cqw .24cqw;text-align:center;border-right:1px solid #e8edf2}
body.v20-ui .v2073-pulse-stats>div:last-child{border-right:0}
body.v20-ui .v2073-pulse-stats b{display:block;color:#174ba9;font:900 .43cqw/1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .v2073-pulse-stats span{display:block;margin-top:.1cqw;color:#718091;font:900 .22cqw/1 Arial,sans-serif;letter-spacing:.08em}
body.v20-ui .v2073-pulse-next{min-width:0;display:flex;align-items:center;gap:.3cqw;padding-top:.04cqw}
body.v20-ui .v2073-pulse-next span{flex:0 0 auto;color:#8793a1;font:900 .22cqw/1 Arial,sans-serif;letter-spacing:.08em}
body.v20-ui .v2073-pulse-next strong{min-width:0;color:#34485d;font:900 .27cqw/1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .v2073-club-pulse.is-runin{box-shadow:inset .16cqw 0 #d7a228}
body.v20-ui .v2073-club-pulse.is-final{box-shadow:inset .16cqw 0 #b9353d}
body.v20-ui .v2073-club-pulse.is-market{box-shadow:inset .16cqw 0 #1b7f91}
body.v20-ui .v2073-club-pulse.is-crown{box-shadow:inset .16cqw 0 #6c4ab6}
body.v20-ui .v2073-club-pulse.is-cup{box-shadow:inset .16cqw 0 #b68a2f}
/* Rare milestone overlay: new season / halfway / run-in / final stretch. */
.v2073-season-moment-overlay{
position:fixed;inset:0;z-index:10070;display:none;align-items:center;justify-content:center;padding:2.2cqw;
background:rgba(5,14,24,.68);backdrop-filter:blur(8px);
}
.v2073-season-moment-overlay.is-open{display:flex}
.v2073-season-moment-card{
position:relative;width:min(56cqw,920px);max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);overflow:auto;
border:1px solid rgba(255,255,255,.17);border-radius:.7cqw;background:#f7f9fc;box-shadow:0 2cqw 5cqw rgba(0,0,0,.34);
}
.v2073-season-moment-close{position:absolute;right:.7cqw;top:.7cqw;z-index:2;width:2cqw;height:2cqw;border:1px solid rgba(255,255,255,.22);border-radius:.3cqw;background:rgba(7,27,46,.82);color:#fff;font:700 1.05cqw/1 Arial,sans-serif;cursor:pointer}
.v2073-season-moment-body>header{
min-height:9.2cqw;display:grid;grid-template-columns:5.5cqw minmax(0,1fr) auto;align-items:center;gap:1cqw;padding:1.35cqw 1.6cqw;
background:linear-gradient(135deg,#081d31 0%,#123d66 62%,#0f5661 100%);color:#fff;
}
.v2073-season-moment-badge{width:5.1cqw;height:5.1cqw;display:grid;place-items:center;padding:.35cqw;border:1px solid rgba(255,255,255,.16);border-radius:.55cqw;background:rgba(255,255,255,.08)}
.v2073-season-moment-badge img{max-width:100%;max-height:100%;object-fit:contain}
.v2073-season-moment-body>header span{display:block;margin-bottom:.25cqw;color:#7dd5d8;font:900 .4cqw/1 Arial,sans-serif;letter-spacing:.16em}
.v2073-season-moment-body>header h2{margin:0;color:#fff;font:900 1.55cqw/1 Arial,sans-serif;letter-spacing:-.035em}
.v2073-season-moment-body>header p{max-width:34cqw;margin:.42cqw 0 0;color:#d6e3ee;font:600 .55cqw/1.45 Arial,sans-serif}
.v2073-season-moment-body>header>b{align-self:start;margin-top:.3cqw;padding:.32cqw .48cqw;border:1px solid rgba(255,255,255,.2);border-radius:.25cqw;color:#fff;font:900 .42cqw/1 Arial,sans-serif;letter-spacing:.08em}
.v2073-season-moment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65cqw;padding:1.05cqw 1.25cqw .7cqw}
.v2073-season-moment-grid article{min-width:0;padding:.72cqw;border:1px solid #dfe6ed;border-radius:.36cqw;background:#fff}
.v2073-season-moment-grid span,.v2073-season-moment-footer span{display:block;color:#718091;font:900 .29cqw/1 Arial,sans-serif;letter-spacing:.09em}
.v2073-season-moment-grid strong{display:block;margin-top:.3cqw;color:#123e8d;font:900 .86cqw/1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2073-season-moment-grid small{display:block;margin-top:.2cqw;color:#657382;font:600 .35cqw/1.25 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2073-season-moment-footer{display:grid;grid-template-columns:1.2fr 1.2fr auto;gap:.7cqw;align-items:end;padding:.8cqw 1.25cqw 1.25cqw;border-top:1px solid #e2e7ed;background:#fff}
.v2073-season-moment-footer strong{display:block;margin-top:.22cqw;color:#1c2b3a;font:900 .44cqw/1.2 Arial,sans-serif}
.v2073-season-moment-footer button{height:2.55cqw;padding:0 1.05cqw;border:1px solid #174ba9;border-radius:.28cqw;background:#174ba9;color:#fff;font:900 .42cqw/1 Arial,sans-serif;letter-spacing:.06em;cursor:pointer}
/* Transfer window run-in / Deadline Day — inserted inside the existing Transfer Hub. */
body.v20-ui .v2073-transfer-window-banner{margin:0 0 .62cqw;border:1px solid #cfdce8;border-radius:.4cqw;background:linear-gradient(180deg,#f9fbfe,#f2f7fb);overflow:hidden}
body.v20-ui .v2073-transfer-window-banner>header{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:.62cqw .8cqw;background:#0a2b49;color:#fff}
body.v20-ui .v2073-transfer-window-banner>header div span{display:block;color:#80d5d8;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.14em}
body.v20-ui .v2073-transfer-window-banner>header div strong{display:block;margin-top:.2cqw;font:900 .68cqw/1 Arial,sans-serif}
body.v20-ui .v2073-transfer-window-banner>header>b{padding:.24cqw .36cqw;border:1px solid rgba(255,255,255,.2);border-radius:.2cqw;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.08em}
body.v20-ui .v2073-transfer-window-banner.is-deadline>header{background:linear-gradient(110deg,#08253f,#0f4769 66%,#9d7624)}
body.v20-ui .v2073-transfer-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45cqw;padding:.55cqw}
body.v20-ui .v2073-transfer-feed article{min-width:0;padding:.5cqw;border:1px solid #dce5ed;border-radius:.28cqw;background:#fff}
body.v20-ui .v2073-transfer-feed article>span{display:block;color:#0d8d94;font:900 .25cqw/1 Arial,sans-serif;letter-spacing:.09em}
body.v20-ui .v2073-transfer-feed article>strong{display:block;margin-top:.18cqw;color:#182638;font:900 .4cqw/1.1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .v2073-transfer-feed article>small{display:block;margin-top:.18cqw;color:#6e7c8a;font:600 .3cqw/1.2 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .v2073-transfer-window-banner>footer{display:flex;align-items:center;gap:.45cqw;padding:.42cqw .62cqw;border-top:1px solid #dde5ec;background:#f9fbfd}
body.v20-ui .v2073-transfer-window-banner>footer span{color:#174ba9;font:900 .25cqw/1 Arial,sans-serif;letter-spacing:.07em}
body.v20-ui .v2073-transfer-window-banner>footer small{color:#73808d;font:600 .27cqw/1 Arial,sans-serif}
@media (max-width:900px){
.v2073-season-moment-card{width:min(92vw,760px)}
.v2073-season-moment-body>header{grid-template-columns:4.8rem minmax(0,1fr);padding:1rem}
.v2073-season-moment-body>header>b{display:none}
.v2073-season-moment-badge{width:4.5rem;height:4.5rem}
.v2073-season-moment-body>header h2{font-size:1.35rem}
.v2073-season-moment-body>header p{max-width:none;font-size:.82rem}
.v2073-season-moment-grid{grid-template-columns:1fr 1fr;padding:1rem}
.v2073-season-moment-grid span,.v2073-season-moment-footer span{font-size:.65rem}
.v2073-season-moment-grid strong{font-size:1.1rem}
.v2073-season-moment-grid small{font-size:.72rem}
.v2073-season-moment-footer{grid-template-columns:1fr;padding:1rem}
.v2073-season-moment-footer button{height:2.7rem;font-size:.78rem}
body.v20-ui .v2073-transfer-feed{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
.v2073-season-moment-overlay,.v2073-season-moment-card,.v2073-transfer-window-banner{animation:none!important;transition:none!important}
}
/* =========================================================
V20.7.3.1 — Career Music Playlist mini-player
Small, deliberately out-of-the-way control. No layout redesign.
========================================================= */
body.v20-ui .career-music-mini,
.career-music-mini{
position:fixed!important;
right:1.05cqw;
bottom:1.05cqw;
z-index:9600;
width:10.4cqw;
min-width:154px;
height:2.35cqw;
min-height:38px;
display:grid;
grid-template-columns:1.55cqw minmax(0,1fr) 2cqw;
align-items:center;
gap:.45cqw;
padding:.22cqw .25cqw .22cqw .55cqw;
border:1px solid rgba(21,62,111,.18);
border-left:.18cqw solid #0b4aa2;
border-radius:.42cqw;
background:rgba(249,251,254,.94);
box-shadow:0 .35cqw 1.1cqw rgba(17,37,68,.12);
backdrop-filter:blur(10px);
color:#172438;
visibility:visible;
pointer-events:auto;
opacity:.86;
transition:opacity .16s ease,transform .16s ease,box-shadow .16s ease;
}
body.v20-ui .career-music-mini:hover,
.career-music-mini:hover{
opacity:1;
transform:translateY(-.05cqw);
box-shadow:0 .45cqw 1.25cqw rgba(17,37,68,.16);
}
.career-music-icon{
width:1.3cqw;
height:1.25cqw;
display:flex;
align-items:flex-end;
justify-content:center;
gap:.12cqw;
padding:.12cqw;
border-radius:.25cqw;
background:#0b2840;
}
.career-music-icon i{
display:block;
width:.12cqw;
min-width:2px;
height:.38cqw;
border-radius:2px;
background:#64c6ca;
transform-origin:bottom;
opacity:.78;
}
.career-music-mini[data-playing=\"true\"] .career-music-icon i:nth-child(1){animation:v20731MusicBars .8s ease-in-out infinite alternate}
.career-music-mini[data-playing=\"true\"] .career-music-icon i:nth-child(2){animation:v20731MusicBars .62s .12s ease-in-out infinite alternate}
.career-music-mini[data-playing=\"true\"] .career-music-icon i:nth-child(3){animation:v20731MusicBars .72s .22s ease-in-out infinite alternate}
.career-music-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.05cqw;line-height:1.05}
.career-music-copy small{font:800 .39cqw/1 Arial,sans-serif;letter-spacing:.11em;color:#718095}
.career-music-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 .52cqw/1.15 Arial,sans-serif;color:#11243d}
#careerMusicNext{
width:1.75cqw;
min-width:30px;
height:1.75cqw;
min-height:30px;
padding:0;
display:grid;
place-items:center;
border:1px solid #cbd7e6;
border-radius:.28cqw;
background:#fff;
color:#0b3f91;
font:900 .75cqw/1 Arial,sans-serif;
cursor:pointer;
transition:background .14s ease,border-color .14s ease,transform .14s ease;
}
#careerMusicNext:hover{background:#edf4ff;border-color:#9fb7d8;transform:translateX(.03cqw)}
#careerMusicNext:focus-visible{outline:.12cqw solid rgba(11,74,162,.28);outline-offset:.08cqw}
@keyframes v20731MusicBars{from{transform:scaleY(.55);opacity:.52}to{transform:scaleY(1.45);opacity:1}}
@media (prefers-reduced-motion:reduce){
.career-music-mini,.career-music-icon i,#careerMusicNext{animation:none!important;transition:none!important}
}
@media (max-width:980px){
.career-music-mini{right:10px;bottom:10px;width:168px;height:40px;grid-template-columns:24px minmax(0,1fr) 32px;gap:7px;padding:4px 4px 4px 8px}
.career-music-icon{width:22px;height:22px;gap:2px;padding:3px}
.career-music-icon i{width:2px;height:7px}
.career-music-copy small{font-size:7px}
.career-music-copy strong{font-size:10px}
#careerMusicNext{width:30px;height:30px;font-size:15px}
}
body:has(#negotiationModal.is-open) .career-music-mini,
body:has(#screenManagerCreator.is-active) .career-music-mini{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
/* =========================================================
V20.7.3.3 — OFFICE & INBOX WORLD IDENTITY PASS
Presentation-only. Existing Office navigation/functionality preserved.
========================================================= */
body.v20-ui .office-message-reader{overflow:auto!important;scrollbar-gutter:stable}
body.v20-ui .office-message-list{scrollbar-gutter:stable}
body.v20-ui .office-inbox-layout{grid-template-columns:31.5% minmax(0,1fr)!important}
body.v20-ui .office-message-card.office-identity-card{
grid-template-columns:.24cqw 3.05cqw minmax(0,1fr) auto!important;
min-height:5.85cqw!important;
padding:.68cqw .72cqw .68cqw 0!important;
gap:.62cqw!important;
align-items:center!important;
}
body.v20-ui .office-message-avatar-wrap{
position:relative;display:block;width:3.05cqw;height:3.2cqw;border-radius:.48cqw;overflow:visible;
background:#e9eef4;border:1px solid #d6dee7;box-shadow:0 .22cqw .5cqw rgba(18,45,86,.08)
}
body.v20-ui .office-message-avatar-wrap>img,
body.v20-ui .office-message-avatar-wrap>.avatar-shell,
body.v20-ui .office-message-avatar-wrap .avatar-shell,
body.v20-ui .office-message-avatar-wrap .avatar-stage{width:100%!important;height:100%!important;border-radius:inherit!important;overflow:hidden!important}
body.v20-ui .office-message-avatar-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 22%!important}
body.v20-ui .office-message-icon-badge{
position:absolute;right:-.28cqw;bottom:-.25cqw;width:1.28cqw;height:1.28cqw;border-radius:.36cqw;
display:grid;place-items:center;background:#fff;border:1px solid color-mix(in srgb,var(--office-tone,#0b368d) 35%,#d9e1e9);
box-shadow:0 .2cqw .45cqw rgba(14,39,74,.16);z-index:2
}
body.v20-ui .office-message-icon-badge img{width:.92cqw!important;height:.92cqw!important;object-fit:contain!important}
body.v20-ui .office-message-card .office-message-kicker{gap:.28cqw!important;min-width:0!important}
body.v20-ui .office-message-card .office-type-chip{
max-width:8.6cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;
padding:.25cqw .4cqw!important;border-radius:999px!important;font-size:.24cqw!important
}
body.v20-ui .office-message-card .office-message-kicker>span{max-width:11.4cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
body.v20-ui .office-message-card .office-message-copy strong{font-size:.52cqw!important;line-height:1.16!important}
body.v20-ui .office-message-card .office-message-preview{font-size:.32cqw!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.v20-ui .office-message-card.is-unread .office-message-avatar-wrap{border-color:color-mix(in srgb,var(--office-tone,#0b368d) 42%,#d6dee7);box-shadow:0 .28cqw .62cqw rgba(18,45,86,.12)}
body.v20-ui .office-message-card.is-selected .office-message-avatar-wrap{outline:.11cqw solid color-mix(in srgb,var(--office-tone,#0b368d) 62%,white);outline-offset:.08cqw}
body.v20-ui .office-reader-brandbar{
display:grid;grid-template-columns:18.6cqw minmax(0,1fr);align-items:stretch;gap:0;
min-height:3.25cqw;margin-bottom:.72cqw;border:1px solid #dce3eb;border-radius:.5cqw;overflow:hidden;
background:linear-gradient(135deg,#071725,#102d48);box-shadow:0 .35cqw .8cqw rgba(12,33,60,.09)
}
body.v20-ui .office-reader-brandbar>img{width:18.6cqw;height:3.25cqw;object-fit:cover;object-position:center;display:block;background:#071725}
body.v20-ui .office-reader-brandmeta{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:.5cqw .78cqw;color:#fff}
body.v20-ui .office-reader-brandmeta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf4fb;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.1em}
body.v20-ui .office-reader-brandmeta time{flex:none;color:#a9bdd0;font:800 .28cqw/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
body.v20-ui .office-reader-identity-hero{
grid-template-columns:4.35cqw minmax(0,1fr)!important;gap:.9cqw!important;align-items:center!important;
padding:.85cqw .95cqw!important;background:linear-gradient(135deg,#fff,#f9fbfe)!important;border-color:#dfe5ec!important
}
body.v20-ui .office-reader-identity-hero .office-reader-sender-avatar{width:4.35cqw;height:4.35cqw;border-radius:.52cqw;border:1px solid #d8e0e8;background:#edf2f6;overflow:hidden;box-shadow:0 .35cqw .82cqw rgba(18,45,86,.09)}
body.v20-ui .office-reader-identity-hero .office-reader-sender-avatar>img,
body.v20-ui .office-reader-identity-hero .office-reader-sender-avatar .avatar-shell,
body.v20-ui .office-reader-identity-hero .office-reader-sender-avatar .avatar-stage{width:100%!important;height:100%!important}
body.v20-ui .office-reader-identity-hero .office-reader-sender-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 22%!important}
body.v20-ui .office-reader-identity-hero .office-reader-copy h3{font-size:1.22cqw!important;line-height:1.06!important;margin-top:.32cqw!important}
body.v20-ui .office-reader-identity-hero .office-reader-subject{font-size:.43cqw!important}
body.v20-ui .office-reader-identity-hero .office-reader-preview{font-size:.36cqw!important;line-height:1.38!important;max-width:46cqw}
body.v20-ui .office-reader-factstrip{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:.62cqw 0!important;gap:.45cqw!important}
body.v20-ui .office-reader-factstrip>div{min-width:0;padding:.58cqw .68cqw!important;background:#fff!important;border-color:#e0e6ed!important}
body.v20-ui .office-reader-factstrip span{font-size:.24cqw!important}
body.v20-ui .office-reader-factstrip strong{font-size:.43cqw!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .office-reader-document{
--doc-accent:var(--office-tone,#0b368d);
display:grid;grid-template-columns:5.35cqw minmax(0,1fr);gap:.82cqw;align-items:start;
padding:.72cqw;border:1px solid #dfe5ec;border-radius:.5cqw;background:linear-gradient(145deg,#f7faff,#fff);
box-shadow:inset .18cqw 0 0 color-mix(in srgb,var(--doc-accent) 72%,transparent)
}
body.v20-ui .office-document-art{
position:relative;margin:0;width:4.75cqw;min-height:6.65cqw;max-height:6.65cqw;border-radius:.42cqw;overflow:hidden;
background:linear-gradient(180deg,#f6f9fc,#eef3f8);border:1px solid #d5dee8;box-shadow:0 .24cqw .55cqw rgba(18,45,86,.08)
}
body.v20-ui .office-document-art.office-document-sprite{justify-self:start}
body.v20-ui .office-document-art img{width:100%;height:100%;object-fit:contain;object-position:center top;display:block;filter:saturate(.94) contrast(.98);padding:.24cqw;background:linear-gradient(180deg,#fff,#f7fafd)}
body.v20-ui .office-document-art:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 .03cqw rgba(255,255,255,.85);pointer-events:none}
body.v20-ui .office-document-art figcaption{
position:absolute;left:.3cqw;right:.3cqw;bottom:.28cqw;z-index:2;padding:.2cqw .24cqw;border-radius:.22cqw;
background:rgba(9,26,45,.9);color:#fff;font:900 .2cqw/1.15 Arial,sans-serif;letter-spacing:.09em;text-align:center;text-transform:uppercase
}
body.v20-ui .office-document-copy{min-width:0;display:flex;flex-direction:column;gap:.48cqw}
body.v20-ui .office-document-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1cqw;padding:.08cqw 0 .42cqw;border-bottom:1px solid #e2e7ed}
body.v20-ui .office-document-heading span{color:var(--doc-accent);font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.13em}
body.v20-ui .office-document-heading strong{max-width:22cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#19232d;font:900 .42cqw/1.1 Arial,sans-serif}
body.v20-ui .office-reader-document .office-reader-body{display:grid!important;gap:.4cqw!important;min-width:0}
body.v20-ui .office-reader-document .office-reader-body p{
padding:.65cqw .72cqw!important;background:#fff!important;border-color:#e1e6ec!important;color:#4f5d6b!important;font-size:.36cqw!important;line-height:1.48!important
}
body.v20-ui .office-reader-document .office-reader-body p:first-child{margin-top:0!important}
body.v20-ui .office-reader-document .office-reader-signoff{margin-top:auto!important;padding:.56cqw .68cqw!important;background:#fbfcfe!important}
body.v20-ui .office-reader-document .office-reader-signoff strong{font-size:.4cqw!important}
body.v20-ui .office-reader-document .office-reader-signoff span{font-size:.29cqw!important}
body.v20-ui .office-reader-actions{margin-top:.62cqw!important;position:sticky;bottom:-1.1cqw;padding-top:.35cqw;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 35%)}
body.v20-ui .office-reader-action{height:2.45cqw!important;box-shadow:0 .32cqw .72cqw rgba(11,54,141,.12)}
@media (max-width:1180px){
body.v20-ui .office-inbox-layout{grid-template-columns:35% minmax(0,1fr)!important}
body.v20-ui .office-reader-brandbar{grid-template-columns:15.5cqw minmax(0,1fr)}
body.v20-ui .office-reader-brandbar>img{width:15.5cqw}
body.v20-ui .office-reader-document{grid-template-columns:6cqw minmax(0,1fr)}
body.v20-ui .office-reader-factstrip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:900px){
body.v20-ui .office-reader-document{grid-template-columns:1fr}
body.v20-ui .office-document-art{display:none}
body.v20-ui .office-reader-brandbar{grid-template-columns:12.5cqw minmax(0,1fr)}
body.v20-ui .office-reader-brandbar>img{width:12.5cqw}
}
/* ================================================================
V20.7.5 — Player Development, Contracts & Career Pathways
Systems-first extension. Existing Squad / Office architecture retained.
================================================================ */
body.v20-ui .v2075-development-panel{gap:.65cqw!important}
body.v20-ui .v2075-status{padding:.24cqw .42cqw;border:1px solid #dbe3eb;border-radius:999px;background:#f5f8fb;color:#566475!important;font:900 .27cqw/1 Arial,sans-serif!important;letter-spacing:.08em}
body.v20-ui .v2075-status.is-rapid,body.v20-ui .v2075-status.is-good{border-color:#bfe4d4;background:#effaf5;color:#177456!important}
body.v20-ui .v2075-status.is-warn{border-color:#ecd99f;background:#fff9e8;color:#8d6818!important}
body.v20-ui .v2075-status.is-decline{border-color:#efcbc7;background:#fff2f1;color:#a7463e!important}
body.v20-ui .v2075-status.is-peak,body.v20-ui .v2075-status.is-plateau{border-color:#d8dce7;background:#f5f6fa;color:#5e6473!important}
body.v20-ui .v2075-dev-progress,
body.v20-ui .v2075-pathway-card,
body.v20-ui .v2075-role-conversion,
body.v20-ui .v2075-renewal-state{
border:1px solid var(--vm-line)!important;border-radius:var(--vm-radius-sm)!important;background:#fff!important;padding:.62cqw .7cqw!important
}
body.v20-ui .v2075-dev-progress>div{display:flex;align-items:center;justify-content:space-between;gap:.7cqw}
body.v20-ui .v2075-dev-progress span,
body.v20-ui .v2075-pathway-card>span,
body.v20-ui .v2075-role-conversion header span,
body.v20-ui .v2075-renewal-state span{color:var(--vm-muted)!important;font:900 .27cqw/1 Arial,sans-serif!important;letter-spacing:.1em}
body.v20-ui .v2075-dev-progress strong{color:var(--vm-blue)!important;font:900 .42cqw/1 Arial,sans-serif!important}
body.v20-ui .v2075-dev-progress>i{display:block;height:.28cqw;margin:.44cqw 0 .35cqw;border-radius:999px;background:#e8edf3;overflow:hidden}
body.v20-ui .v2075-dev-progress>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b368d,#24a7ad)}
body.v20-ui .v2075-dev-progress p,
body.v20-ui .v2075-role-conversion p,
body.v20-ui .v2075-renewal-state p{margin:.3cqw 0 0!important;color:#62707d!important;font:700 .34cqw/1.42 Arial,sans-serif!important}
body.v20-ui .v2075-pathway-card{border-left:.18cqw solid var(--vm-teal)!important;background:#f7fbfc!important}
body.v20-ui .v2075-pathway-card>strong{display:block;margin:.28cqw 0;color:var(--vm-text)!important;font:800 .4cqw/1.35 Arial,sans-serif!important}
body.v20-ui .v2075-pathway-card>small{color:#788592!important;font:800 .28cqw/1.2 Arial,sans-serif!important;letter-spacing:.04em}
body.v20-ui .living-plan-grid button small{display:block;margin-top:.38cqw;color:#8793a0;font:900 .23cqw/1 Arial,sans-serif;letter-spacing:.07em}
body.v20-ui .v2075-role-conversion header{display:flex;align-items:center;justify-content:space-between;gap:.7cqw;margin-bottom:.35cqw}
body.v20-ui .v2075-role-conversion header strong{display:block;margin-top:.22cqw;color:var(--vm-text)!important;font:900 .43cqw/1.1 Arial,sans-serif!important}
body.v20-ui .v2075-role-conversion header>b{color:var(--vm-blue);font:900 .44cqw/1 Arial,sans-serif}
body.v20-ui .v2075-conversion-progress{height:.28cqw;margin:.42cqw 0;border-radius:999px;background:#e8edf3;overflow:hidden}
body.v20-ui .v2075-conversion-progress i{display:block;height:100%;background:linear-gradient(90deg,#24a7ad,#0b368d);border-radius:inherit}
body.v20-ui .v2075-conversion-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.38cqw;margin-top:.5cqw}
body.v20-ui .v2075-conversion-options button,
body.v20-ui .v2075-role-conversion>[data-role-conversion-cancel]{min-height:2.35cqw;padding:.45cqw .5cqw;border:1px solid var(--vm-line);border-radius:var(--vm-radius-sm);background:#fff;color:var(--vm-text);text-align:left;cursor:pointer}
body.v20-ui .v2075-conversion-options button:hover{border-color:#8aaed6;background:#f2f7ff}
body.v20-ui .v2075-conversion-options strong{display:block;color:var(--vm-blue);font:900 .31cqw/1 Arial,sans-serif}
body.v20-ui .v2075-conversion-options span{display:block;margin-top:.25cqw;color:#788592;font:800 .24cqw/1.25 Arial,sans-serif}
body.v20-ui .v2075-role-conversion>[data-role-conversion-cancel]{margin-top:.48cqw;color:#7b4b48;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.06em;text-align:center}
body.v20-ui .v2075-renewal-state{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35cqw .8cqw;align-items:center}
body.v20-ui .v2075-renewal-state>div{min-width:8.6cqw}
body.v20-ui .v2075-renewal-state strong{display:block;margin-top:.24cqw;color:var(--vm-text)!important;font:900 .43cqw/1.15 Arial,sans-serif!important}
body.v20-ui .v2075-renewal-state p{margin:0!important}
body.v20-ui .v2075-renewal-state.is-good{border-left:.18cqw solid #1f9c72!important;background:#f7fcf9!important}
body.v20-ui .v2075-renewal-state.is-warn{border-left:.18cqw solid #d7aa33!important;background:#fffaf0!important}
body.v20-ui .v2075-renewal-state.is-bad{border-left:.18cqw solid #c95a51!important;background:#fff7f6!important}
body.v20-ui .v2075-renewal-state.is-neutral{border-left:.18cqw solid #8996a3!important;background:#f8fafc!important}
body.v20-ui .living-contract-actions button:disabled{opacity:.46!important;cursor:not-allowed!important;filter:saturate(.35)}
body.v20-ui .v2075-contract-readiness{border-left-width:.18cqw!important}
body.v20-ui .v2075-contract-readiness.is-good{border-left-color:#1f9c72!important;background:#f5fbf8!important}
body.v20-ui .v2075-contract-readiness.is-warn{border-left-color:#d7aa33!important;background:#fffaf0!important}
body.v20-ui .v2075-contract-readiness.is-bad{border-left-color:#c95a51!important;background:#fff7f6!important}
body.v20-ui .v2075-contract-readiness.is-neutral{border-left-color:#8996a3!important;background:#f8fafc!important}
@media (max-width:900px){
body.v20-ui .v2075-conversion-options{grid-template-columns:1fr}
body.v20-ui .v2075-renewal-state{grid-template-columns:1fr}
}
/* ========================================================================== */
/* V20.7.5.1 — Match Preview / Opposition Intelligence professional repair */
/* Scope: lower Matchday intelligence area only. No match-engine changes. */
/* ========================================================================== */
body.v20-ui .matchday-shell-v2{
grid-template-rows:4.05cqw minmax(0,1fr) 10.2cqw 5.2cqw!important;
}
body.v20-ui .match-opposition-report-v2{
overflow:hidden!important;
display:flex!important;
flex-direction:column!important;
min-width:0!important;
}
body.v20-ui .match-opponent-title{
display:flex;align-items:center;gap:.42cqw;min-width:0;margin-top:.28cqw
}
body.v20-ui .match-opponent-title>strong{
min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
color:#17222d!important;font:900 .62cqw/1.08 Arial,sans-serif!important
}
body.v20-ui .match-opponent-title>small{
flex:none;padding:.2cqw .34cqw;border-radius:999px;background:#eef3f7;color:#647481;
font:900 .24cqw/1 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase
}
body.v20-ui .match-opponent-title .match-preview-form{margin:0 0 0 auto!important;flex:none}
body.v20-ui .match-opponent-title .match-preview-form b{
width:.92cqw!important;height:.92cqw!important;border-radius:.2cqw!important;font-size:.29cqw!important
}
body.v20-ui .match-opponent-style{
display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:baseline!important;gap:.38cqw!important;
min-width:0;margin:.28cqw 0!important
}
body.v20-ui .match-opponent-style b{color:#304b61!important;font:900 .34cqw/1.2 Arial,sans-serif!important;white-space:nowrap}
body.v20-ui .match-opponent-style span{min-width:0;color:#697783;font:700 .31cqw/1.28 Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.v20-ui .match-opposition-report-v2 .match-intel-note{
margin:.22cqw 0!important;padding:.32cqw .46cqw!important;min-height:1.35cqw!important
}
body.v20-ui .match-opposition-report-v2 .match-intel-note span{font-size:.22cqw!important}
body.v20-ui .match-opposition-report-v2 .match-intel-note strong{font-size:.28cqw!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .match-opposition-report-v2 .match-narrative-context{
margin:.2cqw 0!important;padding:.3cqw .46cqw!important;display:grid!important;
grid-template-columns:auto auto minmax(0,1fr)!important;align-items:center!important;gap:.35cqw!important;min-height:1.25cqw!important
}
body.v20-ui .match-opposition-report-v2 .match-narrative-context span{font-size:.21cqw!important;white-space:nowrap}
body.v20-ui .match-opposition-report-v2 .match-narrative-context strong{font-size:.29cqw!important;white-space:nowrap}
body.v20-ui .match-opposition-report-v2 .match-narrative-context small{min-width:0;font-size:.25cqw!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .match-opposition-personnel{
display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,.9fr);gap:.45cqw;min-width:0;margin-top:auto;padding-top:.26cqw
}
body.v20-ui .opponent-manager-card{
min-width:0;min-height:2.78cqw;display:grid;grid-template-columns:2.05cqw minmax(0,1fr);gap:.48cqw;align-items:center;
padding:.42cqw .48cqw;border:1px solid #dbe4ec;border-left:.16cqw solid #0b55a3;border-radius:.32cqw;
background:linear-gradient(145deg,#f8fbff,#f2f6fa);box-shadow:0 .18cqw .5cqw rgba(19,48,78,.04)
}
body.v20-ui .opponent-manager-monogram{
width:1.82cqw;height:1.82cqw;display:grid;place-items:center;border-radius:50%;font-style:normal;
background:linear-gradient(145deg,#0a2740,#124f77);border:.08cqw solid #d4e4ee;color:#fff;
font:900 .46cqw/1 Arial,sans-serif;letter-spacing:.04em;box-shadow:0 .18cqw .42cqw rgba(8,39,66,.18)
}
body.v20-ui .opponent-manager-copy{min-width:0;display:grid;gap:.14cqw}
body.v20-ui .opponent-manager-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.35cqw}
body.v20-ui .opponent-manager-head span{margin:0!important;color:#6d7b88!important;font:900 .21cqw/1 Arial,sans-serif!important;letter-spacing:.1em!important;white-space:nowrap}
body.v20-ui .opponent-manager-head b{flex:none;padding:.15cqw .27cqw;border-radius:999px;background:#e8f4ee;color:#33705a;font:900 .18cqw/1 Arial,sans-serif;letter-spacing:.05em}
body.v20-ui .opponent-manager-copy>strong{min-width:0;color:#15212c!important;font:900 .44cqw/1.05 Arial,sans-serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .opponent-manager-tactics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2cqw;min-width:0}
body.v20-ui .opponent-manager-tactics em{min-width:0;padding:.2cqw .24cqw;border-radius:.18cqw;background:#fff;border:1px solid #e0e7ed;color:#24455f;font:900 .22cqw/1.05 Arial,sans-serif;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .opponent-manager-tactics em small{display:block;margin-bottom:.1cqw;color:#83909b;font:900 .15cqw/1 Arial,sans-serif;letter-spacing:.05em}
body.v20-ui .opponent-manager-copy footer{min-width:0;color:#73808b;font:700 .2cqw/1.1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .match-opposition-personnel .match-key-player{
min-width:0;min-height:2.78cqw;margin:0!important;padding:.36cqw .42cqw!important;
grid-template-columns:2.2cqw minmax(0,1fr)!important;align-items:center!important
}
body.v20-ui .match-opposition-personnel .match-key-player img{width:2.05cqw!important;height:2.05cqw!important}
body.v20-ui .match-opposition-personnel .match-key-player small{font-size:.19cqw!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .match-opposition-personnel .match-key-player strong{font-size:.34cqw!important}
body.v20-ui .match-opposition-personnel .match-key-player em{font-size:.22cqw!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .match-key-player-placeholder{width:2.05cqw;height:2.05cqw;display:grid;place-items:center;border-radius:.28cqw;background:#e9eef3;color:#81909d;font:900 .65cqw/1 Arial,sans-serif}
body.v20-ui .matchday-summary{overflow:visible!important;align-items:stretch!important}
body.v20-ui .matchday-actions-v2{position:relative!important;z-index:1!important}
body.v20-ui .matchday-action-copy{min-width:0!important}
body.v20-ui .matchday-action-copy strong{white-space:normal!important;overflow-wrap:anywhere}
@media (max-width:1180px){
body.v20-ui .matchday-shell-v2{grid-template-rows:4.05cqw minmax(0,1fr) 10.6cqw 5.2cqw!important}
body.v20-ui .match-opposition-personnel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
body.v20-ui .opponent-manager-tactics em small{display:none}
}
/* V20.7.6 — Unexpected Events 2.0 */
body.v20-ui .career-decision-kicker{display:flex;align-items:center;gap:10px}
body.v20-ui .career-decision-severity{display:inline-flex;align-items:center;justify-content:center;margin-left:2px;padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#dbe8ef;font:900 9px/1 Arial,sans-serif;letter-spacing:.12em;background:rgba(255,255,255,.06)}
body.v20-ui .career-decision-severity.is-major{border-color:rgba(239,114,91,.45);background:rgba(177,59,43,.2);color:#ffd4ca}
body.v20-ui .career-decision-severity.is-medium{border-color:rgba(219,180,83,.44);background:rgba(168,124,29,.16);color:#f6dea2}
body.v20-ui .career-decision-severity.is-minor{border-color:rgba(87,190,191,.4);background:rgba(34,135,143,.16);color:#bce8e5}
body.v20-ui .career-decision-clubmark{height:166px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 50% 42%,rgba(62,164,177,.17),rgba(255,255,255,.025) 64%);overflow:hidden}
body.v20-ui .career-decision-clubmark img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.34))}
body.v20-ui .career-decision-hero.is-club-event{grid-template-columns:166px minmax(0,1fr)}
body.v20-ui .settings-unexpected-events{display:grid!important;grid-template-columns:minmax(0,1fr) 150px!important;align-items:center!important;gap:18px!important;margin:14px 0!important;padding:14px 16px!important;border:1px solid rgba(70,104,126,.22)!important;border-radius:10px!important;background:linear-gradient(135deg,rgba(16,57,75,.055),rgba(255,255,255,.02))!important}
body.v20-ui .settings-unexpected-events>span{display:grid;gap:5px}
body.v20-ui .settings-unexpected-events b{color:#16364a;font:900 12px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
body.v20-ui .settings-unexpected-events small{color:#6f8491;font:700 11px/1.35 Arial,sans-serif;text-transform:none;letter-spacing:0}
body.v20-ui .settings-unexpected-events select{width:100%;height:38px;padding:0 10px;border:1px solid #cbd8e0;border-radius:7px;background:#fff;color:#17384e;font:900 11px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
body.v20-ui .office-objective-card:has(.objective-tag span:first-child){position:relative}
body.v20-ui .calendar-event-chip.is-unexpected-event-deadline{background:#fff7e8!important;border-color:#dfbd68!important;color:#725115!important}
@media(max-width:900px){body.v20-ui .career-decision-hero.is-club-event{grid-template-columns:1fr}.career-decision-clubmark{display:none!important}body.v20-ui .settings-unexpected-events{grid-template-columns:1fr!important}}
/* ================================================================
V20.7.7 — FC-style Central Task Intelligence & Career QoL
================================================================ */
body.v20-ui .central-attention-count{
margin-left:auto!important;min-width:1.35cqw;height:1.12cqw;padding:0 .32cqw;border-radius:999px;
display:inline-grid;place-items:center;background:#e8eef8;color:#31598f;font:900 .28cqw/1 Arial,sans-serif!important;letter-spacing:0!important
}
body.v20-ui .central-attention-count.has-urgent{background:#fdeceb;color:#b13e3b}
body.v20-ui .central-inbox-list.v2077-task-list{
display:flex!important;flex-direction:column!important;gap:.28cqw!important;height:calc(100% - 2.05cqw)!important;
padding:.42cqw!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#c8d2df transparent
}
body.v20-ui .central-task-row{
position:relative;flex:0 0 auto;width:100%;min-height:4.5cqw;padding:.48cqw 1.3cqw .5cqw .62cqw;
display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto 1fr;column-gap:.5cqw;align-items:start;
border:1px solid #e1e7ee;border-radius:.42cqw;background:linear-gradient(180deg,#fff,#fbfcfe);color:#152130;text-align:left;cursor:pointer;
box-shadow:0 .14cqw .35cqw rgba(22,45,76,.035);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease
}
body.v20-ui .central-task-row:before{content:"";position:absolute;left:0;top:.42cqw;bottom:.42cqw;width:.16cqw;border-radius:0 999px 999px 0;background:#8a9bad}
body.v20-ui .central-task-row.is-important:before{background:#1768c9}
body.v20-ui .central-task-row.is-urgent:before{background:#c44945}
body.v20-ui .central-task-row:hover{transform:translateY(-.04cqw);border-color:#b9cae0;background:#f9fbff;box-shadow:0 .3cqw .75cqw rgba(31,65,112,.08)}
body.v20-ui .central-task-row:focus-visible{outline:2px solid rgba(23,104,201,.28);outline-offset:1px}
body.v20-ui .central-task-priority{
grid-column:1;grid-row:1 / span 2;align-self:start;margin-top:.03cqw;padding:.18cqw .28cqw;border-radius:.22cqw;
background:#edf1f5;color:#687786;font:900 .22cqw/1 Arial,sans-serif;letter-spacing:.08em
}
body.v20-ui .central-task-row.is-important .central-task-priority{background:#eaf2fd;color:#165da9}
body.v20-ui .central-task-row.is-urgent .central-task-priority{background:#fdeceb;color:#a93c39}
body.v20-ui .central-task-copy{grid-column:2;grid-row:1 / span 2;min-width:0;display:block!important}
body.v20-ui .central-task-copy small{display:block;color:#758596;font:900 .24cqw/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
body.v20-ui .central-task-copy strong{display:block;margin-top:.17cqw;color:#172330;font:900 .43cqw/1.08 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .central-task-copy p{margin:.19cqw 0 0;color:#687786;font:700 .31cqw/1.28 Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.v20-ui .central-task-chevron{grid-column:3;grid-row:1 / span 2;align-self:center;color:#7490b1;font:900 .9cqw/1 Arial,sans-serif}
body.v20-ui .central-task-empty{height:100%;min-height:8cqw;display:grid;place-content:center;justify-items:center;gap:.34cqw;padding:1cqw;text-align:center;background:linear-gradient(180deg,#fbfcfe,#f7f9fc);border:1px dashed #d7e0e9;border-radius:.48cqw}
body.v20-ui .central-task-empty b{width:1.55cqw;height:1.55cqw;border-radius:50%;display:grid;place-items:center;background:#e6f6f1;color:#178164;font:900 .66cqw/1 Arial,sans-serif}
body.v20-ui .central-task-empty strong{color:#24374a;font:900 .4cqw/1 Arial,sans-serif;letter-spacing:.08em}
body.v20-ui .central-task-empty span{max-width:13cqw;color:#788795;font:700 .31cqw/1.35 Arial,sans-serif}
body.v20-ui #settingsModal .modal-card{width:min(44cqw,760px)!important;max-height:88vh!important;overflow:auto!important;padding:1.35cqw 1.45cqw!important}
body.v20-ui .v2077-career-settings{margin:.85cqw 0 1cqw;border:1px solid #d7e1ea;border-radius:.55cqw;background:linear-gradient(180deg,#fbfdff,#f7f9fc);overflow:hidden;box-shadow:0 .25cqw .7cqw rgba(27,52,84,.055)}
body.v20-ui .v2077-career-settings>header{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:.72cqw .85cqw;border-bottom:1px solid #dfe6ed;background:#f3f7fb}
body.v20-ui .v2077-career-settings>header>div{display:grid;gap:.16cqw}
body.v20-ui .v2077-career-settings>header span{color:#177f86;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.12em}
body.v20-ui .v2077-career-settings>header strong{color:#173247;font:900 .58cqw/1 Arial,sans-serif;letter-spacing:.04em}
body.v20-ui .v2077-career-settings>header small{max-width:13cqw;color:#718493;font:700 .32cqw/1.35 Arial,sans-serif;text-align:right}
body.v20-ui .v2077-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55cqw;padding:.7cqw}
body.v20-ui .v2077-settings-grid label{margin:0!important;padding:.62cqw .68cqw!important;display:grid!important;grid-template-columns:minmax(0,1fr) 7.2cqw!important;align-items:center!important;gap:.7cqw!important;border:1px solid #e0e6ed;border-radius:.42cqw;background:#fff!important}
body.v20-ui .v2077-settings-grid label>span{display:grid;gap:.16cqw;min-width:0}
body.v20-ui .v2077-settings-grid b{color:#20364a;font:900 .35cqw/1 Arial,sans-serif;letter-spacing:.035em}
body.v20-ui .v2077-settings-grid small{color:#788895;font:700 .29cqw/1.32 Arial,sans-serif}
body.v20-ui .v2077-settings-grid select{width:100%;height:2.05cqw;padding:0 .45cqw;border:1px solid #cbd7e1;border-radius:.34cqw;background:#fff;color:#17384f;font:900 .31cqw/1 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;outline:none}
body.v20-ui .v2077-settings-grid select:focus{border-color:#6e9dd1;box-shadow:0 0 0 2px rgba(23,104,201,.12)}
body.v20-ui .v2077-career-settings>footer{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:.55cqw .85cqw;border-top:1px solid #e0e6ed;background:#fff}
body.v20-ui .v2077-career-settings>footer span{color:#7a8997;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.11em}
body.v20-ui .v2077-career-settings>footer strong{color:#325d8b;font:900 .31cqw/1 Arial,sans-serif}
body.v20-ui #settingsModal .career-management-panel{margin-top:.65cqw!important}
@media(max-width:1100px){
body.v20-ui #settingsModal .modal-card{width:min(58cqw,760px)!important}
body.v20-ui .v2077-settings-grid{grid-template-columns:1fr}
body.v20-ui .v2077-settings-grid label{grid-template-columns:minmax(0,1fr) 9cqw!important}
}
/* ========================================================================== */
/* V20.8 — FC-style New Season & Pre-Season Experience */
/* ========================================================================== */
body.v20-ui .v2080-new-season-overlay{
position:fixed;inset:0;z-index:1260;display:grid;place-items:center;padding:2.1cqw;
background:rgba(3,13,25,.76);backdrop-filter:blur(.42cqw);opacity:0;pointer-events:none;transition:opacity .18s ease
}
body.v20-ui .v2080-new-season-overlay.is-open{opacity:1;pointer-events:auto}
body.v20-ui .v2080-new-season-shell{
width:min(70cqw,1260px);max-height:88vh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;
border:1px solid rgba(202,216,231,.82);border-radius:.8cqw;background:linear-gradient(145deg,#f7f9fc,#ffffff 68%);
box-shadow:0 1.6cqw 4cqw rgba(0,14,34,.34);color:#182432
}
body.v20-ui .v2080-new-season-shell>header{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:.9cqw 1.15cqw;border-bottom:1px solid #dde5ee;background:linear-gradient(135deg,#071a30,#10375a)}
body.v20-ui .v2080-new-season-shell>header div{display:grid;gap:.18cqw}
body.v20-ui .v2080-new-season-shell>header span{color:#91b4d1;font:900 .25cqw/1 Arial,sans-serif;letter-spacing:.15em}
body.v20-ui .v2080-new-season-shell>header strong{color:#fff;font:900 .72cqw/1 Arial,sans-serif;letter-spacing:.035em}
body.v20-ui .v2080-new-season-shell>header button{width:2cqw;height:2cqw;border:1px solid rgba(255,255,255,.2);border-radius:.42cqw;background:rgba(255,255,255,.07);color:#fff;font:900 1.05cqw/1 Arial;cursor:pointer}
body.v20-ui .v2080-new-season-shell>header button:hover{background:rgba(255,255,255,.14)}
body.v20-ui .v2080-new-season-shell>nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.34cqw;padding:.56cqw .78cqw;border-bottom:1px solid #e3e9f0;background:#f6f8fb}
body.v20-ui .v2080-new-season-shell>nav span{display:grid;grid-template-columns:1.3cqw minmax(0,1fr);align-items:center;gap:.38cqw;padding:.36cqw .42cqw;border-radius:.36cqw;color:#8593a2;font:900 .3cqw/1 Arial,sans-serif}
body.v20-ui .v2080-new-season-shell>nav span:before{content:attr(data-step);display:none}
body.v20-ui .v2080-new-season-shell>nav span>small{font:900 .25cqw/1 Arial,sans-serif;letter-spacing:.08em}
body.v20-ui .v2080-new-season-shell>nav span.is-active{background:#e8f1ff;color:#0b4d98;box-shadow:inset 0 0 0 1px #c8dbf3}
body.v20-ui .v2080-new-season-shell>nav span.is-done{color:#3f7a67}
body.v20-ui .v2080-new-season-shell>main{min-height:0;overflow:auto;padding:1cqw 1.15cqw 1.1cqw;scrollbar-gutter:stable}
body.v20-ui .v2080-new-season-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:.72cqw 1.05cqw;border-top:1px solid #dfe6ee;background:#f8fafc}
body.v20-ui .v2080-new-season-shell>footer span{color:#72808f;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.09em}
body.v20-ui .v2080-new-season-shell>footer button{min-width:6.6cqw;height:2.35cqw;padding:0 .9cqw;border:1px solid #cbd6e2;border-radius:.38cqw;background:#fff;color:#26394c;font:900 .32cqw/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}
body.v20-ui .v2080-new-season-shell>footer button.is-primary{border-color:#164f94;background:linear-gradient(180deg,#1763b9,#0c4486);color:#fff;box-shadow:0 .32cqw .75cqw rgba(10,67,134,.18)}
body.v20-ui .v2080-new-season-shell>footer button:disabled{opacity:.4;cursor:default}
body.v20-ui .v2080-section-head{margin-bottom:.82cqw}
body.v20-ui .v2080-section-head>span{display:block;color:#1761a6;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.15em}
body.v20-ui .v2080-section-head h2{margin:.25cqw 0 .24cqw;color:#142230;font:900 1.05cqw/1.05 Arial,sans-serif;letter-spacing:-.025em}
body.v20-ui .v2080-section-head p{max-width:48cqw;margin:0;color:#6c7987;font:700 .36cqw/1.48 Arial,sans-serif}
body.v20-ui .v2080-season-hero{position:relative;display:grid;grid-template-columns:5.6cqw minmax(0,1fr) auto;align-items:center;gap:1cqw;min-height:7.6cqw;padding:1cqw 1.15cqw;border-radius:.62cqw;overflow:hidden;background:linear-gradient(135deg,#071a2e 0%,#103b64 65%,color-mix(in srgb,var(--club-accent) 72%,#133b63) 100%);box-shadow:0 .55cqw 1.35cqw rgba(10,35,62,.16)}
body.v20-ui .v2080-season-hero:after{content:"";position:absolute;inset:auto -6% -74% 36%;height:12cqw;border:1px solid rgba(255,255,255,.11);border-radius:50%;transform:rotate(-9deg)}
body.v20-ui .v2080-season-hero>div{width:5.25cqw;height:5.25cqw;display:grid;place-items:center;border-radius:.72cqw;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);z-index:1}
body.v20-ui .v2080-season-hero>div img{max-width:82%;max-height:82%;object-fit:contain}
body.v20-ui .v2080-season-hero>span{z-index:1}
body.v20-ui .v2080-season-hero>span small{display:block;color:#9fc1df;font:900 .25cqw/1 Arial,sans-serif;letter-spacing:.13em}
body.v20-ui .v2080-season-hero>span h1{margin:.28cqw 0 .18cqw;color:#fff;font:900 1.35cqw/.95 Arial,sans-serif;letter-spacing:-.035em}
body.v20-ui .v2080-season-hero>span p{margin:0;color:#c9d9e8;font:800 .36cqw/1.2 Arial,sans-serif}
body.v20-ui .v2080-season-hero>aside{display:flex;gap:.45cqw;z-index:1}
body.v20-ui .v2080-season-hero>aside b{min-width:6cqw;padding:.65cqw .7cqw;border-radius:.42cqw;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);color:#fff;font:900 .62cqw/1 Arial,sans-serif;text-align:center}
body.v20-ui .v2080-season-hero>aside small{display:block;margin-top:.27cqw;color:#a9bed1;font:900 .21cqw/1 Arial,sans-serif;letter-spacing:.09em}
body.v20-ui .v2080-change-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.62cqw;margin-top:.7cqw}
body.v20-ui .v2080-change-grid article{padding:.72cqw;border:1px solid #dfe6ed;border-radius:.46cqw;background:#fff}
body.v20-ui .v2080-change-grid span,body.v20-ui .v2080-planning-split>article>span,body.v20-ui .v2080-objective-list+* span{color:#71808e;font:900 .24cqw/1 Arial,sans-serif;letter-spacing:.11em}
body.v20-ui .v2080-change-grid strong{display:block;margin:.28cqw 0 .22cqw;color:#152433;font:900 .48cqw/1.1 Arial,sans-serif}
body.v20-ui .v2080-change-grid p{margin:0;color:#6d7a87;font:700 .31cqw/1.42 Arial,sans-serif}
body.v20-ui .v2080-programme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.62cqw}
body.v20-ui .v2080-programme-card{position:relative;min-height:9cqw;padding:.8cqw;border:1px solid #d9e2eb;border-radius:.54cqw;background:linear-gradient(155deg,#fff,#f6f9fc);text-align:left;cursor:pointer;box-shadow:0 .25cqw .72cqw rgba(18,45,72,.06);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
body.v20-ui .v2080-programme-card:hover:not(:disabled){transform:translateY(-.12cqw);border-color:#8eb4df;box-shadow:0 .5cqw 1.1cqw rgba(18,63,108,.11)}
body.v20-ui .v2080-programme-card.is-selected{border-color:#1b67b6;box-shadow:inset 0 0 0 .08cqw #1b67b6,0 .42cqw 1cqw rgba(18,71,130,.12)}
body.v20-ui .v2080-programme-card.is-continental.is-selected{border-color:#6c4cb0;box-shadow:inset 0 0 0 .08cqw #6c4cb0,0 .42cqw 1cqw rgba(76,50,125,.12)}
body.v20-ui .v2080-programme-card.is-development.is-selected{border-color:#23856c;box-shadow:inset 0 0 0 .08cqw #23856c,0 .42cqw 1cqw rgba(26,104,82,.12)}
body.v20-ui .v2080-programme-card>span{display:block;min-height:.6cqw;color:#6b7b8b;font:900 .22cqw/1.2 Arial,sans-serif;letter-spacing:.09em}
body.v20-ui .v2080-programme-card>strong{display:block;margin:.46cqw 0 .35cqw;color:#142536;font:900 .62cqw/1 Arial,sans-serif}
body.v20-ui .v2080-programme-card>p{margin:0;color:#6b7886;font:700 .31cqw/1.42 Arial,sans-serif}
body.v20-ui .v2080-programme-card>small{position:absolute;left:.8cqw;right:.8cqw;bottom:.72cqw;color:#1760a5;font:900 .24cqw/1 Arial,sans-serif;letter-spacing:.09em}
body.v20-ui .v2080-programme-card:disabled{opacity:.62;cursor:default}
body.v20-ui .v2080-lock-note{margin:.62cqw 0 0;padding:.52cqw .65cqw;border-radius:.38cqw;background:#fff5dd;color:#856628;font:800 .3cqw/1.35 Arial,sans-serif}
body.v20-ui .v2080-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5cqw}
body.v20-ui .v2080-role-grid article{padding:.72cqw;border:1px solid #dce4eb;border-radius:.46cqw;background:#fff;box-shadow:inset .16cqw 0 #4f87be}
body.v20-ui .v2080-role-grid article.is-warn{box-shadow:inset .16cqw 0 #d9a333}
body.v20-ui .v2080-role-grid article.is-bad{box-shadow:inset .16cqw 0 #c84e4e}
body.v20-ui .v2080-role-grid article.is-steady{box-shadow:inset .16cqw 0 #6d7f91}
body.v20-ui .v2080-role-grid span{display:block;color:#718090;font:900 .24cqw/1 Arial,sans-serif;letter-spacing:.1em}
body.v20-ui .v2080-role-grid strong{display:block;margin:.3cqw 0 .2cqw;color:#152536;font:900 .55cqw/1 Arial,sans-serif}
body.v20-ui .v2080-role-grid small{color:#74808d;font:700 .28cqw/1.25 Arial,sans-serif}
body.v20-ui .v2080-planning-split{display:grid;grid-template-columns:1fr 1fr;gap:.62cqw;margin-top:.62cqw}
body.v20-ui .v2080-planning-split>article{padding:.72cqw;border:1px solid #dfe6ed;border-radius:.46cqw;background:#f9fbfd}
body.v20-ui .v2080-planning-split p{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.12cqw .42cqw;align-items:center;margin:.45cqw 0 0;padding:.42cqw .5cqw;border-radius:.32cqw;background:#fff;border:1px solid #e5eaf0}
body.v20-ui .v2080-planning-split p b{grid-row:1/3;width:1.2cqw;height:1.2cqw;display:grid;place-items:center;border-radius:.25cqw;background:#e9f2fc;color:#155b9e;font:900 .27cqw/1 Arial,sans-serif}
body.v20-ui .v2080-planning-split p strong{color:#1b2a39;font:900 .34cqw/1.1 Arial,sans-serif}
body.v20-ui .v2080-planning-split p small{color:#788491;font:700 .27cqw/1.2 Arial,sans-serif}
body.v20-ui .v2080-objective-list{display:grid;gap:.42cqw}
body.v20-ui .v2080-objective-list article{display:grid;grid-template-columns:4.5cqw minmax(0,1fr);align-items:center;gap:.65cqw;padding:.6cqw .7cqw;border:1px solid #dfe6ed;border-radius:.42cqw;background:#fff}
body.v20-ui .v2080-objective-list article>b{padding:.34cqw;border-radius:.3cqw;background:#edf3fa;color:#245e98;font:900 .25cqw/1 Arial,sans-serif;text-align:center;letter-spacing:.08em}
body.v20-ui .v2080-objective-list article span strong{display:block;color:#172737;font:900 .4cqw/1.15 Arial,sans-serif}
body.v20-ui .v2080-objective-list article span small{display:block;margin-top:.18cqw;color:#788491;font:700 .28cqw/1.2 Arial,sans-serif}
body.v20-ui .v2080-finance-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5cqw;margin-top:.62cqw}
body.v20-ui .v2080-finance-row article{padding:.65cqw;border-radius:.42cqw;background:#f2f6fa;border:1px solid #dde5ed}
body.v20-ui .v2080-finance-row span{display:block;color:#758391;font:900 .22cqw/1 Arial,sans-serif;letter-spacing:.09em}
body.v20-ui .v2080-finance-row strong{display:block;margin:.28cqw 0 .16cqw;color:#132536;font:900 .55cqw/1 Arial,sans-serif}
body.v20-ui .v2080-finance-row small{color:#788491;font:700 .26cqw/1.2 Arial,sans-serif}
body.v20-ui .v2080-academy-pick{display:grid;grid-template-columns:5cqw minmax(0,1fr);align-items:center;gap:.8cqw;padding:.75cqw;border:1px solid #dce5ed;border-radius:.5cqw;background:linear-gradient(135deg,#eef8f5,#fff)}
body.v20-ui .v2080-academy-pick>.avatar-shell,body.v20-ui .v2080-academy-pick>img{width:5cqw!important;height:5cqw!important;border-radius:.45cqw;overflow:hidden;background:#e9eef3}
body.v20-ui .v2080-academy-pick small{display:block;color:#258068;font:900 .24cqw/1 Arial,sans-serif;letter-spacing:.1em}
body.v20-ui .v2080-academy-pick strong{display:block;margin:.28cqw 0 .18cqw;color:#142536;font:900 .76cqw/1 Arial,sans-serif}
body.v20-ui .v2080-academy-pick p{margin:0;color:#6e7b88;font:800 .32cqw/1.2 Arial,sans-serif}
body.v20-ui .v2080-academy-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.42cqw;margin-top:.62cqw}
body.v20-ui .v2080-academy-list article{padding:.56cqw;border:1px solid #e0e6ec;border-radius:.38cqw;background:#fff}
body.v20-ui .v2080-academy-list strong{display:block;color:#1a2a39;font:900 .32cqw/1.15 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .v2080-academy-list span,body.v20-ui .v2080-academy-list small{display:block;margin-top:.16cqw;color:#778391;font:700 .25cqw/1.2 Arial,sans-serif}
body.v20-ui .v2080-academy-list small{color:#258068;font-weight:900}
body.v20-ui .v2080-empty{padding:1cqw;border:1px dashed #cfd9e3;border-radius:.48cqw;text-align:center;background:#f8fafc}
body.v20-ui .v2080-empty strong{display:block;color:#233648;font:900 .46cqw/1 Arial,sans-serif}
body.v20-ui .v2080-empty span{display:block;margin-top:.25cqw;color:#758291;font:700 .3cqw/1.3 Arial,sans-serif}
body.v20-ui .v2080-world-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5cqw}
body.v20-ui .v2080-world-grid article{display:grid;grid-template-columns:2.6cqw minmax(0,1fr);align-items:center;gap:.5cqw;padding:.6cqw;border:1px solid #dfe6ed;border-radius:.42cqw;background:#fff}
body.v20-ui .v2080-world-grid article>img,body.v20-ui .v2080-world-grid article>.club-badge{max-width:2.45cqw;max-height:2.45cqw;object-fit:contain}
body.v20-ui .v2080-world-grid article.is-crown{background:linear-gradient(135deg,#fff9e8,#fff);border-color:#e3cf91}
body.v20-ui .v2080-world-grid small{display:block;color:#758392;font:900 .21cqw/1 Arial,sans-serif;letter-spacing:.07em}
body.v20-ui .v2080-world-grid strong{display:block;margin:.18cqw 0;color:#172839;font:900 .34cqw/1.05 Arial,sans-serif}
body.v20-ui .v2080-world-grid p{margin:0;color:#7a8693;font:700 .24cqw/1.2 Arial,sans-serif}
body.v20-ui .v2080-manager-strip{display:flex;align-items:center;gap:.42cqw;flex-wrap:wrap;margin-top:.65cqw;padding:.56cqw .65cqw;border-radius:.38cqw;background:#f2f6fa;border:1px solid #dde5ed}
body.v20-ui .v2080-manager-strip>span{margin-right:.25cqw;color:#6d7c8a;font:900 .23cqw/1 Arial,sans-serif;letter-spacing:.09em}
body.v20-ui .v2080-manager-strip>b{padding:.3cqw .42cqw;border-radius:.28cqw;background:#fff;color:#27435e;font:900 .26cqw/1 Arial,sans-serif;border:1px solid #dfe6ed}
body.v20-ui .v2080-ready-card{display:flex;align-items:center;justify-content:space-between;gap:1cqw;margin-top:.65cqw;padding:.72cqw;border-radius:.44cqw;background:linear-gradient(135deg,#0d3d70,#1766ad);color:#fff}
body.v20-ui .v2080-ready-card strong{font:900 .46cqw/1 Arial,sans-serif}
body.v20-ui .v2080-ready-card span{color:#d4e5f4;font:800 .3cqw/1.2 Arial,sans-serif}
body.v20-ui .v2080-central-preseason{height:100%;display:flex;flex-direction:column;gap:.42cqw;padding:.62cqw .7cqw;border-radius:.44cqw;background:linear-gradient(145deg,#f7fbff,#fff);box-shadow:inset .15cqw 0 #1765ac}
body.v20-ui .v2080-central-preseason.is-continental{box-shadow:inset .15cqw 0 #7352b1}
body.v20-ui .v2080-central-preseason.is-development{box-shadow:inset .15cqw 0 #27866e}
body.v20-ui .v2080-central-preseason>header{display:grid;grid-template-columns:1fr auto;gap:.12cqw .5cqw;align-items:end}
body.v20-ui .v2080-central-preseason>header span{grid-column:1/-1;color:#738494;font:900 .21cqw/1 Arial,sans-serif;letter-spacing:.1em}
body.v20-ui .v2080-central-preseason>header strong{color:#142638;font:900 .55cqw/1 Arial,sans-serif}
body.v20-ui .v2080-central-preseason>header em{font-style:normal;color:#1764a9;font:900 .23cqw/1 Arial,sans-serif}
body.v20-ui .v2080-central-programme{display:flex;align-items:center;justify-content:space-between;gap:.5cqw;padding:.4cqw .48cqw;border-radius:.32cqw;background:#eef4fa}
body.v20-ui .v2080-central-programme b{color:#20364b;font:900 .3cqw/1 Arial,sans-serif}
body.v20-ui .v2080-central-programme span{color:#6d7e8f;font:800 .23cqw/1 Arial,sans-serif}
body.v20-ui .v2080-central-facts{display:grid;grid-template-columns:1.4fr 1fr .72fr;gap:.28cqw}
body.v20-ui .v2080-central-facts>span{min-width:0;padding:.34cqw .4cqw;border-radius:.3cqw;background:#fff;border:1px solid #e0e7ee}
body.v20-ui .v2080-central-facts b{display:block;color:#183049;font:900 .27cqw/1.08 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .v2080-central-facts small{display:block;margin-top:.16cqw;color:#85919e;font:900 .18cqw/1 Arial,sans-serif;letter-spacing:.07em}
body.v20-ui .v2080-central-preseason>button{margin-top:auto;height:1.75cqw;border:0;border-radius:.32cqw;background:#0f579c;color:#fff;font:900 .23cqw/1 Arial,sans-serif;letter-spacing:.07em;cursor:pointer}
body.v20-ui .v2080-central-preseason>button:hover{filter:brightness(1.06)}
body.v20-ui .impact-live.is-friendly{box-shadow:inset .18cqw 0 #24836d}
@media (max-width:1180px){
body.v20-ui .v2080-new-season-shell{width:82cqw}
body.v20-ui .v2080-programme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.v20-ui .v2080-programme-card{min-height:8.2cqw}
body.v20-ui .v2080-world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
body.v20-ui .v2080-new-season-overlay{padding:1cqw}
body.v20-ui .v2080-new-season-shell{width:94cqw;max-height:92vh;border-radius:.9cqw}
body.v20-ui .v2080-new-season-shell>nav{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.28cqw}
body.v20-ui .v2080-season-hero{grid-template-columns:5.6cqw minmax(0,1fr)}
body.v20-ui .v2080-season-hero>aside{grid-column:1/-1;width:100%}
body.v20-ui .v2080-season-hero>aside b{flex:1}
body.v20-ui .v2080-change-grid,body.v20-ui .v2080-role-grid,body.v20-ui .v2080-finance-row{grid-template-columns:repeat(2,minmax(0,1fr))}
body.v20-ui .v2080-planning-split{grid-template-columns:1fr}
body.v20-ui .v2080-academy-list{grid-template-columns:repeat(2,minmax(0,1fr))}
body.v20-ui .v2080-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* V20.8 world-roundup movement / market headlines */
body.v20-ui .v2080-world-movement,
body.v20-ui .v2080-world-headlines{display:grid;grid-template-columns:1fr 1fr;gap:.5cqw;margin-top:.58cqw}
body.v20-ui .v2080-world-movement article,
body.v20-ui .v2080-world-headlines article{min-width:0;padding:.6cqw .65cqw;border:1px solid #dfe6ed;border-radius:.4cqw;background:#f8fafc}
body.v20-ui .v2080-world-movement article>span,
body.v20-ui .v2080-world-headlines article>span{display:block;margin-bottom:.38cqw;color:#6e7e8e;font:900 .22cqw/1 Arial,sans-serif;letter-spacing:.1em}
body.v20-ui .v2080-world-movement article>b{display:flex;align-items:center;justify-content:space-between;gap:.45cqw;margin-top:.26cqw;padding:.28cqw .36cqw;border-radius:.28cqw;background:#fff;border:1px solid #e5eaf0;color:#1c3247;font:900 .28cqw/1.05 Arial,sans-serif}
body.v20-ui .v2080-world-movement article>b small{min-width:0;color:#7a8794;font:800 .22cqw/1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .v2080-world-headlines p{display:grid;gap:.12cqw;margin:.27cqw 0 0;padding:.3cqw .38cqw;border-radius:.28cqw;background:#fff;border:1px solid #e5eaf0}
body.v20-ui .v2080-world-headlines p strong{color:#1b3045;font:900 .29cqw/1.05 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v20-ui .v2080-world-headlines p small{color:#778593;font:700 .23cqw/1.15 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){body.v20-ui .v2080-world-movement,body.v20-ui .v2080-world-headlines{grid-template-columns:1fr}}
/* V21.3: supplied full-body player artwork, including direct news/office images. */
body img[src*="assets/player-avatars/"],
body.v20-ui img[src*="assets/player-avatars/"],
body img[data-avatar-src*="assets/player-avatars/"],
body.v20-ui img[data-avatar-src*="assets/player-avatars/"]{
object-fit:contain!important;object-position:center bottom!important;
transform:none!important;clip-path:none!important;
}
/* ========================================================================== */
/* V26.2 — CENTRAL MATCHDAY BROADCAST PRESENTATION */
/* Replaces the quiet Match Command card with a reusable Velmora broadcast */
/* team sheet while preserving the existing Central navigation and actions. */
/* ========================================================================== */
body.v20-ui .central-match-hero{
--vm-home-rgb:20,93,150;
--vm-away-rgb:176,118,38;
left:25.5%!important;
top:24.2%!important;
width:47.7%!important;
height:41.8%!important;
grid-template-rows:2.72cqw minmax(0,1fr) 2.55cqw!important;
gap:0!important;
padding:0!important;
border:1px solid rgba(130,163,202,.72)!important;
border-radius:.54cqw!important;
background:#0a2448!important;
box-shadow:0 .58cqw 1.55cqw rgba(19,49,86,.18),inset 0 0 0 1px rgba(255,255,255,.24)!important;
overflow:hidden!important;
isolation:isolate!important;
}
body.v20-ui .central-match-hero::before,
body.v20-ui .central-match-hero::after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important}
body.v20-ui .central-match-hero::before{
z-index:-3!important;
border-radius:inherit!important;
background:
linear-gradient(90deg,rgba(var(--vm-home-rgb),.18),transparent 34%,transparent 66%,rgba(var(--vm-away-rgb),.18)),
linear-gradient(180deg,rgba(4,18,41,.06),rgba(3,13,30,.34)),
url("assets/matchday-presentation/backdrops/velmora-matchday-neutral.png") center/cover no-repeat!important;
filter:saturate(.88) contrast(1.02)!important;
}
body.v20-ui .central-match-hero::after{
z-index:-2!important;
background:
radial-gradient(ellipse at 8% 48%,rgba(var(--vm-home-rgb),.24),transparent 30%),
radial-gradient(ellipse at 92% 48%,rgba(var(--vm-away-rgb),.24),transparent 30%),
linear-gradient(90deg,rgba(5,24,51,.12),rgba(5,20,42,.42) 43%,rgba(5,20,42,.42) 57%,rgba(5,24,51,.12))!important;
mix-blend-mode:normal!important;
}
body.v20-ui .central-broadcast-backdrop{position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(var(--vm-home-rgb),.18),transparent 18%,transparent 82%,rgba(var(--vm-away-rgb),.18))!important}
body.v20-ui .central-broadcast-backdrop::before{content:"";position:absolute;left:50%;top:13%;bottom:17%;width:1px;background:linear-gradient(180deg,transparent,rgba(199,224,255,.22),transparent);box-shadow:0 0 1.2cqw rgba(77,166,244,.08)}
body.v20-ui .central-hero-header{
position:relative!important;z-index:5!important;height:2.72cqw!important;min-height:0!important;
padding:.58cqw .78cqw .48cqw!important;box-sizing:border-box!important;
align-items:center!important;border-bottom:1px solid rgba(220,235,252,.16)!important;
background:linear-gradient(90deg,rgba(4,23,51,.84),rgba(5,27,59,.64),rgba(4,23,51,.84))!important;
backdrop-filter:blur(2px)!important;
}
body.v20-ui .central-hero-eyebrow{color:#56d4d8!important;font-size:.27cqw!important;letter-spacing:.17em!important}
body.v20-ui .central-hero-heading{margin:.18cqw 0 0!important;color:#fff!important;font-size:.78cqw!important;letter-spacing:.055em!important;text-shadow:0 2px 8px rgba(0,0,0,.2)!important}
body.v20-ui .central-hero-meta{padding:.32cqw .54cqw!important;border:1px solid rgba(197,220,245,.24)!important;border-radius:.22cqw!important;background:rgba(8,35,73,.58)!important;color:#eef6ff!important;font-size:.29cqw!important;letter-spacing:.09em!important;box-shadow:none!important}
body.v20-ui .central-broadcast-stage{
position:relative!important;z-index:2!important;display:grid!important;
grid-template-columns:minmax(0,1fr) 8.6cqw minmax(0,1fr)!important;
min-height:0!important;height:100%!important;padding:.32cqw .42cqw .22cqw!important;box-sizing:border-box!important;
}
body.v20-ui .central-broadcast-side{
position:relative!important;min-width:0!important;min-height:0!important;display:grid!important;
grid-template-columns:minmax(7.4cqw,.78fr) minmax(8.5cqw,1fr)!important;
align-items:stretch!important;gap:.15cqw!important;
}
body.v20-ui .central-broadcast-side.is-away{grid-template-columns:minmax(8.5cqw,1fr) minmax(7.4cqw,.78fr)!important}
body.v20-ui .central-broadcast-side.is-home{border-right:1px solid rgba(220,235,252,.06)!important}
body.v20-ui .central-broadcast-side.is-away{border-left:1px solid rgba(220,235,252,.06)!important}
body.v20-ui .central-featured-player{position:relative!important;min-width:0!important;min-height:0!important;overflow:hidden!important;align-self:stretch!important}
body.v20-ui .central-ghost-badge{position:absolute!important;z-index:0!important;left:8%!important;top:20%!important;width:78%!important;height:54%!important;display:grid!important;place-items:center!important;opacity:.105!important;filter:grayscale(1) brightness(2.15) contrast(.7)!important;pointer-events:none!important}
body.v20-ui .central-broadcast-side.is-away .central-ghost-badge{left:14%!important}
body.v20-ui .central-ghost-badge img{display:block!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
body.v20-ui .central-ghost-badge .badge-monogram{font-size:5cqw!important;color:#fff!important}
body.v20-ui .central-player-glow{position:absolute!important;z-index:1!important;left:3%!important;top:2%!important;width:94%!important;height:84%!important;object-fit:contain!important;opacity:.30!important;mix-blend-mode:screen!important;pointer-events:none!important}
body.v20-ui .central-player-frame{position:absolute!important;z-index:2!important;left:2%!important;top:1%!important;width:96%!important;height:88%!important;object-fit:contain!important;opacity:.28!important;filter:saturate(.65) brightness(1.32)!important;pointer-events:none!important}
body.v20-ui .central-player-broom{position:absolute!important;z-index:3!important;right:-16%!important;top:7%!important;width:63%!important;height:80%!important;object-fit:contain!important;opacity:.62!important;filter:drop-shadow(0 .2cqw .36cqw rgba(0,0,0,.28))!important;pointer-events:none!important}
body.v20-ui .central-broadcast-side.is-away .central-player-broom{right:auto!important;left:-16%!important;transform:scaleX(-1)!important}
body.v20-ui .central-captain-sprite{
position:absolute!important;z-index:5!important;left:2%!important;bottom:1.42cqw!important;width:96%!important;height:88%!important;
object-fit:contain!important;object-position:center bottom!important;image-rendering:pixelated!important;
filter:drop-shadow(0 .36cqw .34cqw rgba(0,0,0,.32)) drop-shadow(0 0 .22cqw rgba(220,239,255,.18))!important;
transform-origin:center bottom!important;pointer-events:none!important;
}
body.v20-ui .central-featured-player.is-flipped .central-captain-sprite{transform:scaleX(-1)!important}
body.v20-ui .central-player-shadow{position:absolute!important;z-index:4!important;left:15%!important;bottom:1.25cqw!important;width:70%!important;height:15%!important;object-fit:fill!important;opacity:.6!important;pointer-events:none!important}
body.v20-ui .central-captain-marker{position:absolute!important;z-index:7!important;left:.38cqw!important;top:.42cqw!important;width:1.48cqw!important;height:1.48cqw!important;object-fit:contain!important;filter:drop-shadow(0 .15cqw .2cqw rgba(0,0,0,.3))!important}
body.v20-ui .central-broadcast-side.is-away .central-captain-marker{left:auto!important;right:.38cqw!important}
body.v20-ui .central-featured-caption{position:absolute!important;z-index:8!important;left:.35cqw!important;right:.35cqw!important;bottom:.13cqw!important;height:1.3cqw!important;padding:.22cqw .3cqw!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:.08cqw!important;border-top:1px solid rgba(225,238,252,.22)!important;background:linear-gradient(90deg,rgba(3,18,42,.88),rgba(3,18,42,.55),transparent)!important;text-shadow:0 1px 4px rgba(0,0,0,.6)!important}
body.v20-ui .central-broadcast-side.is-away .central-featured-caption{align-items:flex-end!important;background:linear-gradient(270deg,rgba(3,18,42,.88),rgba(3,18,42,.55),transparent)!important}
body.v20-ui .central-featured-caption span{color:#62d5d8!important;font:900 .20cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
body.v20-ui .central-featured-caption strong{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font:900 .34cqw/1 Arial,sans-serif!important;letter-spacing:.04em!important}
body.v20-ui .central-team-sheet{position:relative!important;z-index:8!important;min-width:0!important;margin:.18cqw .06cqw .18cqw!important;padding:.5cqw .48cqw .42cqw!important;border:1px solid rgba(204,224,247,.15)!important;border-radius:.28cqw!important;background:linear-gradient(180deg,rgba(7,31,65,.72),rgba(5,23,51,.64))!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important;backdrop-filter:blur(2px)!important;overflow:hidden!important}
body.v20-ui .central-broadcast-side.is-home .central-team-sheet{border-left-color:rgba(var(--vm-home-rgb),.62)!important}
body.v20-ui .central-broadcast-side.is-away .central-team-sheet{border-right-color:rgba(var(--vm-away-rgb),.62)!important}
body.v20-ui .central-team-identity{display:grid!important;grid-template-columns:2.05cqw minmax(0,1fr)!important;align-items:center!important;gap:.42cqw!important;padding-bottom:.38cqw!important;margin-bottom:.34cqw!important;border-bottom:1px solid rgba(214,230,248,.14)!important}
body.v20-ui .central-match-hero .central-club-badge{position:relative!important;inset:auto!important;width:2.05cqw!important;height:2.05cqw!important;margin:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;clip-path:none!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.v20-ui .central-match-hero .central-club-badge .fitted-shield{width:100%!important;height:100%!important;filter:drop-shadow(0 .14cqw .16cqw rgba(0,0,0,.28))!important}
body.v20-ui .central-match-hero .central-club-badge img{display:block!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
body.v20-ui .central-match-hero .central-team-side-label{display:block!important;margin-bottom:.13cqw!important;color:#8ca8c7!important;font:900 .2cqw/1 Arial,sans-serif!important;letter-spacing:.15em!important}
body.v20-ui .central-match-hero .central-nameplate{position:static!important;inset:auto!important;width:auto!important;min-width:0!important;height:auto!important;padding:0!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left!important;color:#fff!important;font:900 .57cqw/1.03 Arial,sans-serif!important;letter-spacing:.035em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.v20-ui .central-match-hero .central-team-record{margin-top:.15cqw!important;color:#a7bad0!important;font:800 .26cqw/1.15 Arial,sans-serif!important;letter-spacing:.04em!important}
body.v20-ui .central-lineup-block{min-width:0!important;margin-top:.28cqw!important}
body.v20-ui .central-lineup-block>span{display:block!important;margin-bottom:.2cqw!important;color:#5fd2d6!important;font:900 .19cqw/1 Arial,sans-serif!important;letter-spacing:.13em!important}
body.v20-ui .central-lineup-block.is-subs{margin-top:.34cqw!important;padding-top:.26cqw!important;border-top:1px solid rgba(213,229,247,.10)!important}
body.v20-ui .central-lineup-list{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:.075cqw!important;min-width:0!important}
body.v20-ui .central-lineup-list li{height:.74cqw!important;min-width:0!important;display:grid!important;grid-template-columns:1.1cqw minmax(0,1fr) auto!important;align-items:center!important;gap:.22cqw!important;padding:0 .13cqw!important;border-left:1px solid transparent!important;color:#eaf2fb!important}
body.v20-ui .central-lineup-list li.is-featured{border-left-color:#e8c66a!important;background:linear-gradient(90deg,rgba(228,190,93,.11),transparent)!important}
body.v20-ui .central-broadcast-side.is-away .central-lineup-list li.is-featured{border-left-color:transparent!important;border-right:1px solid #e8c66a!important;background:linear-gradient(270deg,rgba(228,190,93,.11),transparent)!important}
body.v20-ui .central-lineup-list li.is-unavailable{opacity:.56!important}
body.v20-ui .central-lineup-role{display:grid!important;place-items:center!important;height:.52cqw!important;border:1px solid rgba(167,197,228,.21)!important;border-radius:.1cqw!important;background:rgba(224,238,252,.07)!important;color:#91b8d5!important;font:900 .18cqw/1 Arial,sans-serif!important;letter-spacing:.035em!important}
body.v20-ui .central-lineup-list strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:inherit!important;font:800 .275cqw/1 Arial,sans-serif!important;letter-spacing:.018em!important}
body.v20-ui .central-lineup-list li.is-vacant strong{color:#7c92aa!important}
body.v20-ui .central-lineup-status{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.08cqw!important;min-width:.2cqw!important}
body.v20-ui .central-lineup-status img{width:.44cqw!important;height:.44cqw!important;object-fit:contain!important;image-rendering:pixelated!important}
body.v20-ui .central-versus-core{position:relative!important;z-index:8!important;min-width:0!important;margin:.18cqw .25cqw!important;padding:.55cqw .28cqw .42cqw!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.25cqw!important;border:1px solid rgba(211,228,248,.15)!important;border-radius:.26cqw!important;background:linear-gradient(180deg,rgba(6,27,58,.70),rgba(3,20,45,.74))!important;text-align:center!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important;overflow:hidden!important}
body.v20-ui .central-competition-label{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#65d5d9!important;font:900 .21cqw/1 Arial,sans-serif!important;letter-spacing:.15em!important}
body.v20-ui .central-versus-ring{width:2.45cqw!important;height:2.45cqw!important;flex:0 0 2.45cqw!important;border:1px solid rgba(219,234,252,.36)!important;border-radius:50%!important;background:radial-gradient(circle,#fff 0 37%,#dfeeff 38% 42%,rgba(12,48,91,.9) 43% 100%)!important;color:#123b78!important;display:grid!important;place-items:center!important;font:900 .54cqw/1 Arial,sans-serif!important;letter-spacing:.08em!important;box-shadow:0 0 0 .2cqw rgba(255,255,255,.04),0 .22cqw .55cqw rgba(0,0,0,.22)!important}
body.v20-ui .central-match-hero .central-match-title{display:block!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-width:100%!important;background:transparent!important;color:#fff!important;font:900 .34cqw/1.2 Arial,sans-serif!important;letter-spacing:.025em!important;text-align:center!important;white-space:normal!important}
body.v20-ui .central-match-hero .central-stadium{position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-width:100%!important;background:transparent!important;color:#b4c8dd!important;font:800 .225cqw/1.3 Arial,sans-serif!important;letter-spacing:.07em!important;text-align:center!important;white-space:normal!important}
body.v20-ui .central-fixture-context{max-width:100%!important;margin:.05cqw 0 0!important;padding:.25cqw .28cqw!important;border:1px solid rgba(202,223,246,.12)!important;border-radius:.12cqw!important;background:rgba(220,235,252,.06)!important;color:#e3eef9!important;font:850 .18cqw/1.25 Arial,sans-serif!important;letter-spacing:.055em!important;white-space:normal!important}
body.v20-ui .central-competition-decoration{width:2.25cqw!important;height:1.4cqw!important;object-fit:contain!important;margin-top:.14cqw!important;opacity:.52!important;filter:brightness(1.45) saturate(.78)!important;image-rendering:pixelated!important}
body.v20-ui .central-match-hero.is-special-fixture .central-versus-core{border-color:rgba(228,194,104,.34)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 1.3cqw rgba(213,172,69,.08)!important}
body.v20-ui .central-match-hero.is-special-fixture .central-competition-label{color:#f2d37c!important}
body.v20-ui .central-hero-bottom{position:relative!important;z-index:10!important;height:2.55cqw!important;display:grid!important;grid-template-columns:1.1fr 1fr 1fr!important;gap:0!important;border-top:1px solid rgba(218,233,250,.18)!important;background:linear-gradient(90deg,rgba(6,30,62,.94),rgba(8,40,78,.92),rgba(6,30,62,.94))!important;backdrop-filter:blur(3px)!important}
body.v20-ui .central-hero-chip{min-width:0!important;padding:.48cqw .62cqw!important;border:0!important;border-right:1px solid rgba(218,233,250,.13)!important;border-radius:0!important;background:transparent!important;box-sizing:border-box!important}
body.v20-ui .central-hero-chip:last-child{border-right:0!important}
body.v20-ui .central-hero-chip span{display:block!important;margin-bottom:.14cqw!important;color:#6ed7da!important;font:900 .18cqw/1 Arial,sans-serif!important;letter-spacing:.14em!important}
body.v20-ui .central-hero-chip strong{display:block!important;color:#fff!important;font:850 .25cqw/1.15 Arial,sans-serif!important;letter-spacing:.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* Keep the long-established direct-child action node for compatibility, but visually weave it into the hero. */
body.v20-ui #screenCentral>.central-continue{
left:25.5%!important;top:63.45%!important;width:47.7%!important;height:2.58cqw!important;min-height:2.58cqw!important;
z-index:22!important;border:0!important;border-top:1px solid rgba(228,240,253,.24)!important;border-radius:0 0 .5cqw .5cqw!important;
background:linear-gradient(90deg,rgba(10,62,139,.96),rgba(22,91,190,.98) 46%,rgba(16,78,168,.98))!important;
box-shadow:0 .28cqw .65cqw rgba(5,31,77,.22),inset 0 1px rgba(255,255,255,.14)!important;
color:#fff!important;font:900 .59cqw/1 Arial,sans-serif!important;letter-spacing:.11em!important;text-transform:uppercase!important;
}
body.v20-ui #screenCentral>.central-continue::before{content:"MATCHDAY / TEAM SHEETS READY";position:absolute!important;left:.72cqw!important;color:#b7d9ff!important;font:900 .18cqw/1 Arial,sans-serif!important;letter-spacing:.12em!important}
body.v20-ui #screenCentral>.central-continue::after{content:"›"!important;position:absolute!important;right:.8cqw!important;margin:0!important;color:#fff!important;font:900 .95cqw/1 Arial,sans-serif!important;letter-spacing:0!important}
body.v20-ui #screenCentral>.central-continue.is-matchday-ready::before{content:"MATCHDAY / READY TO PLAY"!important;color:#f1d27a!important}
body.v20-ui #screenCentral>.central-continue:hover{transform:none!important;filter:brightness(1.08)!important;background:linear-gradient(90deg,#0b469e,#1f67ca 46%,#1253aa)!important}
/* Reflow the modules below the taller broadcast card without touching the side columns. */
body.v20-ui .central-manager-briefing{top:67.2%!important;height:6.5%!important}
body.v20-ui .central-manager-briefing .central-panel-header{height:1.55cqw!important}
body.v20-ui .central-manager-briefing-body{height:calc(100% - 1.55cqw)!important;padding:.34cqw .7cqw!important}
body.v20-ui .central-manager-briefing-body strong{font-size:.36cqw!important}
body.v20-ui .central-manager-briefing-body p{font-size:.27cqw!important;-webkit-line-clamp:2!important}
body.v20-ui .central-season-snapshot{top:74.45%!important;height:12.1%!important}
@media (max-width:1300px){
body.v20-ui .central-broadcast-stage{grid-template-columns:minmax(0,1fr) 7.4cqw minmax(0,1fr)!important;padding-left:.24cqw!important;padding-right:.24cqw!important}
body.v20-ui .central-broadcast-side{grid-template-columns:minmax(6.2cqw,.68fr) minmax(7.7cqw,1fr)!important}
body.v20-ui .central-broadcast-side.is-away{grid-template-columns:minmax(7.7cqw,1fr) minmax(6.2cqw,.68fr)!important}
body.v20-ui .central-lineup-list strong{font-size:.25cqw!important}
body.v20-ui .central-player-frame{opacity:.22!important}
}
@media (prefers-reduced-motion:reduce){body.v20-ui .central-match-hero *,body.v20-ui #screenCentral>.central-continue{transition:none!important;animation:none!important}}
/* ========================================================================== */
/* V26.3 — CENTRAL MATCHDAY PRESENTATION REBUILD */
/* Clean broadcast composition: captain / team sheet / fixture / team sheet. */
/* ========================================================================== */
body.v20-ui .central-match-hero{
height:41.8%!important;
grid-template-rows:2.48cqw minmax(0,1fr) 2.18cqw!important;
border-color:rgba(151,187,226,.84)!important;
border-radius:.48cqw!important;
background:#071d3d!important;
box-shadow:0 .55cqw 1.45cqw rgba(10,37,76,.23),inset 0 0 0 1px rgba(255,255,255,.28)!important;
}
body.v20-ui .central-match-hero::before{
background:
linear-gradient(90deg,rgba(var(--vm-home-rgb),.14),transparent 27%,transparent 73%,rgba(var(--vm-away-rgb),.14)),
linear-gradient(180deg,rgba(2,14,34,.02),rgba(3,17,39,.25)),
url("assets/matchday-presentation/backdrops/velmora-matchday-neutral.png") center/cover no-repeat!important;
filter:saturate(.82) contrast(1.04) brightness(.91)!important;
}
body.v20-ui .central-match-hero::after{
background:
linear-gradient(90deg,rgba(2,16,38,.03),rgba(3,17,39,.40) 37%,rgba(3,17,39,.50) 50%,rgba(3,17,39,.40) 63%,rgba(2,16,38,.03)),
radial-gradient(ellipse at 8% 57%,rgba(var(--vm-home-rgb),.18),transparent 28%),
radial-gradient(ellipse at 92% 57%,rgba(var(--vm-away-rgb),.18),transparent 28%)!important;
}
body.v20-ui .central-broadcast-backdrop{
background:linear-gradient(90deg,rgba(var(--vm-home-rgb),.10),transparent 23%,transparent 77%,rgba(var(--vm-away-rgb),.10))!important;
}
body.v20-ui .central-broadcast-backdrop::before{
top:8%!important;
bottom:9%!important;
background:linear-gradient(180deg,transparent,rgba(222,239,255,.28) 24%,rgba(222,239,255,.28) 76%,transparent)!important;
box-shadow:0 0 1.4cqw rgba(93,176,245,.12)!important;
}
body.v20-ui .central-hero-header{
height:2.48cqw!important;
padding:.43cqw .68cqw .38cqw!important;
border-bottom-color:rgba(220,237,255,.20)!important;
background:linear-gradient(90deg,rgba(3,19,43,.92),rgba(6,31,66,.70) 50%,rgba(3,19,43,.92))!important;
}
body.v20-ui .central-hero-eyebrow{
color:#71dce3!important;
font-size:clamp(7px,.24cqw,10px)!important;
}
body.v20-ui .central-hero-heading{
margin:.11cqw 0 0!important;
font-size:clamp(13px,.65cqw,20px)!important;
letter-spacing:.065em!important;
}
body.v20-ui .central-hero-meta{
padding:.28cqw .48cqw!important;
border-color:rgba(209,230,252,.25)!important;
background:rgba(2,18,42,.46)!important;
font-size:clamp(7px,.27cqw,10px)!important;
}
body.v20-ui .central-broadcast-stage{
grid-template-columns:minmax(0,1fr) 7.25cqw minmax(0,1fr)!important;
padding:.18cqw .28cqw .12cqw!important;
}
body.v20-ui .central-broadcast-side{
grid-template-columns:minmax(7.7cqw,.78fr) minmax(9.15cqw,1.15fr)!important;
gap:.28cqw!important;
border:0!important;
}
body.v20-ui .central-broadcast-side.is-away{
grid-template-columns:minmax(9.15cqw,1.15fr) minmax(7.7cqw,.78fr)!important;
}
body.v20-ui .central-featured-player{
overflow:hidden!important;
isolation:isolate!important;
}
body.v20-ui .central-featured-player::after{
content:""!important;
position:absolute!important;
z-index:0!important;
left:4%!important;
right:4%!important;
bottom:1.38cqw!important;
height:35%!important;
border-radius:50%!important;
background:radial-gradient(ellipse,rgba(193,225,255,.13),transparent 66%)!important;
pointer-events:none!important;
}
body.v20-ui .central-ghost-badge{
left:9%!important;
top:17%!important;
width:82%!important;
height:57%!important;
opacity:.075!important;
filter:grayscale(1) brightness(2.3) contrast(.72)!important;
}
body.v20-ui .central-broadcast-side.is-away .central-ghost-badge{left:9%!important}
body.v20-ui .central-player-glow{
left:-1%!important;
top:1%!important;
width:102%!important;
height:91%!important;
opacity:.20!important;
}
body.v20-ui .central-player-frame,
body.v20-ui .central-player-broom{display:none!important}
body.v20-ui .central-captain-sprite{
z-index:5!important;
left:0!important;
bottom:1.22cqw!important;
width:100%!important;
height:92%!important;
max-width:none!important;
object-fit:contain!important;
object-position:center bottom!important;
filter:drop-shadow(0 .32cqw .30cqw rgba(0,0,0,.42)) drop-shadow(0 0 .24cqw rgba(215,237,255,.16))!important;
}
body.v20-ui .central-player-shadow{
left:17%!important;
bottom:1.13cqw!important;
width:66%!important;
height:9%!important;
opacity:.48!important;
}
body.v20-ui .central-captain-marker{
left:.24cqw!important;
top:.26cqw!important;
width:1.18cqw!important;
height:1.18cqw!important;
}
body.v20-ui .central-broadcast-side.is-away .central-captain-marker{right:.24cqw!important}
body.v20-ui .central-featured-caption{
left:.15cqw!important;
right:.15cqw!important;
bottom:.05cqw!important;
height:1.22cqw!important;
padding:.17cqw .30cqw!important;
border-top-color:rgba(225,239,255,.30)!important;
background:linear-gradient(90deg,rgba(2,16,38,.94),rgba(4,25,55,.76) 70%,transparent)!important;
}
body.v20-ui .central-broadcast-side.is-away .central-featured-caption{
background:linear-gradient(270deg,rgba(2,16,38,.94),rgba(4,25,55,.76) 70%,transparent)!important;
}
body.v20-ui .central-featured-caption span{
color:#70dce2!important;
font-size:clamp(6px,.22cqw,9px)!important;
}
body.v20-ui .central-featured-caption strong{
font-size:clamp(8px,.37cqw,12px)!important;
letter-spacing:.025em!important;
}
body.v20-ui .central-team-sheet{
margin:.14cqw 0 .12cqw!important;
padding:.34cqw .42cqw .24cqw!important;
border:0!important;
border-radius:0!important;
background:linear-gradient(90deg,rgba(2,18,42,.54),rgba(3,22,49,.24) 74%,transparent)!important;
box-shadow:none!important;
backdrop-filter:none!important;
}
body.v20-ui .central-broadcast-side.is-home .central-team-sheet{
border-left:.12cqw solid rgba(var(--vm-home-rgb),.82)!important;
}
body.v20-ui .central-broadcast-side.is-away .central-team-sheet{
border-right:.12cqw solid rgba(var(--vm-away-rgb),.82)!important;
background:linear-gradient(270deg,rgba(2,18,42,.54),rgba(3,22,49,.24) 74%,transparent)!important;
}
body.v20-ui .central-team-identity{
grid-template-columns:2.35cqw minmax(0,1fr)!important;
gap:.44cqw!important;
min-height:2.55cqw!important;
padding:.08cqw 0 .38cqw!important;
margin-bottom:.26cqw!important;
border-bottom-color:rgba(220,237,255,.20)!important;
}
body.v20-ui .central-broadcast-side.is-away .central-team-identity{
grid-template-columns:minmax(0,1fr) 2.35cqw!important;
}
body.v20-ui .central-broadcast-side.is-away .central-team-identity .central-club-badge{
grid-column:2!important;
}
body.v20-ui .central-broadcast-side.is-away .central-team-identity>div:last-child{
grid-column:1!important;
grid-row:1!important;
text-align:right!important;
}
body.v20-ui .central-match-hero .central-club-badge{
width:2.35cqw!important;
height:2.35cqw!important;
}
body.v20-ui .central-match-hero .central-team-side-label{
margin-bottom:.16cqw!important;
color:#99b6d4!important;
font-size:clamp(6px,.22cqw,9px)!important;
}
body.v20-ui .central-match-hero .central-nameplate{
font-size:clamp(12px,.60cqw,19px)!important;
letter-spacing:.025em!important;
}
body.v20-ui .central-match-hero .central-team-record{
margin-top:.19cqw!important;
color:#c4d5e7!important;
font-size:clamp(7px,.29cqw,10px)!important;
}
body.v20-ui .central-lineup-block{margin-top:.25cqw!important}
body.v20-ui .central-lineup-block>span{
margin-bottom:.21cqw!important;
color:#74dce1!important;
font-size:clamp(6px,.22cqw,9px)!important;
}
body.v20-ui .central-broadcast-side.is-away .central-lineup-block>span{text-align:right!important}
body.v20-ui .central-lineup-block.is-subs{
margin-top:.28cqw!important;
padding-top:.23cqw!important;
border-top-color:rgba(220,237,255,.15)!important;
}
body.v20-ui .central-lineup-list{gap:.055cqw!important}
body.v20-ui .central-lineup-list li{
height:.91cqw!important;
grid-template-columns:1.14cqw minmax(0,1fr) auto!important;
gap:.25cqw!important;
padding:0 .12cqw!important;
}
body.v20-ui .central-lineup-list li.is-featured{
border-left-width:.10cqw!important;
background:linear-gradient(90deg,rgba(232,198,106,.15),transparent 82%)!important;
}
body.v20-ui .central-broadcast-side.is-away .central-lineup-list li{
grid-template-columns:auto minmax(0,1fr) 1.14cqw!important;
text-align:right!important;
}
body.v20-ui .central-broadcast-side.is-away .central-lineup-role{grid-column:3!important}
body.v20-ui .central-broadcast-side.is-away .central-lineup-list strong{grid-column:2!important;grid-row:1!important}
body.v20-ui .central-broadcast-side.is-away .central-lineup-status{grid-column:1!important;grid-row:1!important;justify-content:flex-start!important}
body.v20-ui .central-broadcast-side.is-away .central-lineup-list li.is-featured{
border-right-width:.10cqw!important;
background:linear-gradient(270deg,rgba(232,198,106,.15),transparent 82%)!important;
}
body.v20-ui .central-lineup-role{
height:.60cqw!important;
border-color:rgba(177,207,236,.28)!important;
background:rgba(223,239,255,.10)!important;
color:#acd0e9!important;
font-size:clamp(6px,.21cqw,8px)!important;
}
body.v20-ui .central-lineup-list strong{
color:#f7fbff!important;
font-size:clamp(8px,.36cqw,12px)!important;
font-weight:850!important;
letter-spacing:.01em!important;
}
body.v20-ui .central-lineup-status{gap:.10cqw!important}
body.v20-ui .central-lineup-status img{
width:.49cqw!important;
height:.49cqw!important;
}
body.v20-ui .central-versus-core{
margin:.15cqw .18cqw!important;
padding:.42cqw .20cqw .34cqw!important;
gap:.28cqw!important;
border:0!important;
border-left:1px solid rgba(218,236,255,.13)!important;
border-right:1px solid rgba(218,236,255,.13)!important;
border-radius:0!important;
background:linear-gradient(180deg,rgba(2,18,42,.18),rgba(2,17,39,.58) 49%,rgba(2,18,42,.18))!important;
box-shadow:none!important;
}
body.v20-ui .central-competition-label{
color:#7de1e4!important;
font-size:clamp(6px,.23cqw,9px)!important;
line-height:1.2!important;
white-space:normal!important;
}
body.v20-ui .central-versus-ring{
width:2.72cqw!important;
height:2.72cqw!important;
flex-basis:2.72cqw!important;
border-color:rgba(226,239,255,.58)!important;
background:radial-gradient(circle,#fff 0 34%,#dcecff 35% 40%,rgba(9,44,86,.96) 41% 100%)!important;
font-size:clamp(11px,.57cqw,18px)!important;
box-shadow:0 0 0 .24cqw rgba(255,255,255,.05),0 .26cqw .62cqw rgba(0,0,0,.28),0 0 1.1cqw rgba(116,193,255,.12)!important;
}
body.v20-ui .central-match-hero .central-match-title{
font-size:clamp(8px,.34cqw,11px)!important;
line-height:1.3!important;
}
body.v20-ui .central-match-hero .central-stadium{
color:#c2d4e6!important;
font-size:clamp(6px,.235cqw,9px)!important;
line-height:1.4!important;
}
body.v20-ui .central-fixture-context,
body.v20-ui .central-competition-decoration{display:none!important}
body.v20-ui .central-match-hero.is-special-fixture .central-versus-core{
border-left-color:rgba(228,194,104,.25)!important;
border-right-color:rgba(228,194,104,.25)!important;
box-shadow:none!important;
}
body.v20-ui .central-hero-bottom{
height:2.18cqw!important;
border-top-color:rgba(221,238,255,.20)!important;
background:linear-gradient(90deg,rgba(3,21,47,.95),rgba(8,42,80,.91) 50%,rgba(3,21,47,.95))!important;
}
body.v20-ui .central-hero-chip{
padding:.37cqw .56cqw!important;
border-right-color:rgba(221,238,255,.14)!important;
}
body.v20-ui .central-hero-chip span{
margin-bottom:.13cqw!important;
font-size:clamp(6px,.20cqw,8px)!important;
}
body.v20-ui .central-hero-chip strong{
color:#f3f8fd!important;
font-size:clamp(7px,.27cqw,10px)!important;
}
body.v20-ui #screenCentral>.central-continue{
top:63.45%!important;
height:2.58cqw!important;
border-top-color:rgba(230,242,255,.28)!important;
border-radius:0 0 .48cqw .48cqw!important;
background:linear-gradient(90deg,#0a438f,#1a63c5 48%,#104faa)!important;
font-size:clamp(12px,.55cqw,18px)!important;
box-shadow:0 .30cqw .72cqw rgba(4,27,66,.24),inset 0 1px rgba(255,255,255,.16)!important;
}
body.v20-ui #screenCentral>.central-continue::before{
font-size:clamp(6px,.20cqw,8px)!important;
}
@media (max-width:1300px){
body.v20-ui .central-broadcast-stage{grid-template-columns:minmax(0,1fr) 6.45cqw minmax(0,1fr)!important}
body.v20-ui .central-broadcast-side{grid-template-columns:minmax(6.7cqw,.72fr) minmax(8.2cqw,1.12fr)!important;gap:.18cqw!important}
body.v20-ui .central-broadcast-side.is-away{grid-template-columns:minmax(8.2cqw,1.12fr) minmax(6.7cqw,.72fr)!important}
body.v20-ui .central-team-sheet{padding-left:.30cqw!important;padding-right:.30cqw!important}
}
/* ========================================================================== */
/* V26.4 — GENUINE MATCHDAY TEAM-SHEET REBUILD */
/* Flattened five-zone broadcast layout. This intentionally replaces V26.3. */
/* ========================================================================== */
body.v20-ui .central-match-hero{
grid-template-rows:2.65cqw minmax(0,1fr) 2.74cqw!important;
background:#071d3c!important;
border:1px solid rgba(141,180,222,.88)!important;
box-shadow:0 .6cqw 1.65cqw rgba(7,32,72,.26),inset 0 0 0 1px rgba(239,248,255,.22)!important;
}
body.v20-ui .central-match-hero::before{
background:url("assets/matchday-presentation/backdrops/velmora-matchday-neutral.png") center/cover no-repeat!important;
filter:saturate(.88) contrast(1.02) brightness(.98)!important;
}
body.v20-ui .central-match-hero::after{
background:
linear-gradient(90deg,rgba(var(--vm-home-rgb),.12),transparent 18%,rgba(3,17,39,.12) 35%,rgba(3,17,39,.42) 48%,rgba(3,17,39,.42) 52%,rgba(3,17,39,.12) 65%,transparent 82%,rgba(var(--vm-away-rgb),.12)),
linear-gradient(180deg,rgba(2,15,35,.03),rgba(2,15,35,.22))!important;
}
body.v20-ui .central-broadcast-backdrop{background:none!important}
body.v20-ui .central-broadcast-backdrop::before{
top:7%!important;
bottom:7%!important;
opacity:.7!important;
}
body.v20-ui .central-hero-header{
height:2.65cqw!important;
padding:.48cqw .72cqw .40cqw!important;
background:linear-gradient(90deg,rgba(3,18,41,.96),rgba(5,28,61,.77) 50%,rgba(3,18,41,.96))!important;
border-bottom:1px solid rgba(220,237,255,.26)!important;
}
body.v20-ui .central-hero-eyebrow{font-size:clamp(8px,.27cqw,11px)!important}
body.v20-ui .central-hero-heading{font-size:clamp(15px,.72cqw,22px)!important}
body.v20-ui .central-hero-meta{font-size:clamp(8px,.29cqw,11px)!important}
/* The two side wrappers no longer consume layout columns. Their children form
one deliberate sequence: captain / team / fixture / team / captain. */
body.v20-ui .central-broadcast-stage{
display:grid!important;
grid-template-columns:18.5% 25.5% 12% 25.5% 18.5%!important;
align-items:stretch!important;
gap:0!important;
padding:.26cqw .30cqw .20cqw!important;
overflow:hidden!important;
}
body.v20-ui .central-broadcast-side,
body.v20-ui .central-broadcast-side.is-away{
display:contents!important;
}
body.v20-ui .central-featured-player{
position:relative!important;
min-width:0!important;
height:100%!important;
overflow:hidden!important;
}
body.v20-ui .central-broadcast-side.is-home .central-featured-player{
border-right:1px solid rgba(var(--vm-home-rgb),.60)!important;
}
body.v20-ui .central-broadcast-side.is-away .central-featured-player{
border-left:1px solid rgba(var(--vm-away-rgb),.60)!important;
}
body.v20-ui .central-featured-player::before{
content:""!important;
position:absolute!important;
z-index:0!important;
left:4%!important;
right:4%!important;
top:8%!important;
bottom:1.65cqw!important;
background:linear-gradient(180deg,transparent,rgba(4,27,58,.10) 34%,rgba(3,20,45,.50))!important;
clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)!important;
pointer-events:none!important;
}
body.v20-ui .central-broadcast-side.is-away .central-featured-player::before{
clip-path:polygon(0 0,82% 0,100% 100%,18% 100%)!important;
}
body.v20-ui .central-featured-player::after{
left:10%!important;
right:10%!important;
bottom:1.52cqw!important;
height:20%!important;
background:radial-gradient(ellipse,rgba(190,225,255,.16),transparent 68%)!important;
}
body.v20-ui .central-ghost-badge{display:none!important}
body.v20-ui .central-player-glow{display:none!important}
body.v20-ui .central-captain-sprite{
left:0!important;
bottom:1.43cqw!important;
width:100%!important;
height:91%!important;
object-fit:contain!important;
object-position:center bottom!important;
filter:drop-shadow(0 .34cqw .34cqw rgba(0,0,0,.52))!important;
}
body.v20-ui .central-player-shadow{
left:13%!important;
bottom:1.38cqw!important;
width:74%!important;
height:8%!important;
opacity:.52!important;
}
body.v20-ui .central-captain-marker{
top:.34cqw!important;
left:.38cqw!important;
width:1.25cqw!important;
height:1.25cqw!important;
}
body.v20-ui .central-broadcast-side.is-away .central-captain-marker{right:.38cqw!important}
body.v20-ui .central-featured-caption{
left:.22cqw!important;
right:.22cqw!important;
bottom:.10cqw!important;
height:1.38cqw!important;
padding:.20cqw .34cqw!important;
background:linear-gradient(90deg,rgba(2,15,35,.98),rgba(4,29,62,.86) 74%,rgba(4,29,62,.24))!important;
}
body.v20-ui .central-broadcast-side.is-away .central-featured-caption{
background:linear-gradient(270deg,rgba(2,15,35,.98),rgba(4,29,62,.86) 74%,rgba(4,29,62,.24))!important;
}
body.v20-ui .central-featured-caption span{
font-size:clamp(7px,.25cqw,10px)!important;
}
body.v20-ui .central-featured-caption strong{
font-size:clamp(11px,.45cqw,14px)!important;
}
body.v20-ui .central-team-sheet{
height:100%!important;
min-height:0!important;
margin:0!important;
padding:.46cqw .56cqw .35cqw!important;
display:grid!important;
grid-template-rows:auto auto auto!important;
align-content:center!important;
border:0!important;
overflow:hidden!important;
background:linear-gradient(90deg,rgba(3,21,47,.70),rgba(4,28,59,.30) 82%,transparent)!important;
}
body.v20-ui .central-broadcast-side.is-home .central-team-sheet{
border-left:0!important;
border-right:1px solid rgba(220,237,255,.15)!important;
}
body.v20-ui .central-broadcast-side.is-away .central-team-sheet{
border-right:0!important;
border-left:1px solid rgba(220,237,255,.15)!important;
background:linear-gradient(270deg,rgba(3,21,47,.70),rgba(4,28,59,.30) 82%,transparent)!important;
}
body.v20-ui .central-team-identity{
grid-template-columns:2.75cqw minmax(0,1fr)!important;
gap:.55cqw!important;
min-height:3.05cqw!important;
padding:0 0 .45cqw!important;
margin:0 0 .36cqw!important;
border-bottom:1px solid rgba(220,237,255,.28)!important;
}
body.v20-ui .central-broadcast-side.is-away .central-team-identity{
grid-template-columns:minmax(0,1fr) 2.75cqw!important;
}
body.v20-ui .central-match-hero .central-club-badge{
width:2.75cqw!important;
height:2.75cqw!important;
}
body.v20-ui .central-match-hero .central-team-side-label{
margin-bottom:.20cqw!important;
color:#8fb5d7!important;
font-size:clamp(7px,.27cqw,10px)!important;
}
body.v20-ui .central-match-hero .central-nameplate{
font-size:clamp(16px,.72cqw,22px)!important;
line-height:1!important;
letter-spacing:.025em!important;
}
body.v20-ui .central-match-hero .central-team-record{
margin-top:.24cqw!important;
font-size:clamp(9px,.34cqw,12px)!important;
}
body.v20-ui .central-lineup-block{margin:.13cqw 0 0!important}
body.v20-ui .central-lineup-block>span{
margin-bottom:.24cqw!important;
color:#70dde1!important;
font-size:clamp(8px,.28cqw,11px)!important;
letter-spacing:.14em!important;
}
body.v20-ui .central-lineup-block.is-subs{
margin-top:.34cqw!important;
padding-top:.31cqw!important;
border-top:1px solid rgba(220,237,255,.20)!important;
}
body.v20-ui .central-lineup-list{gap:.08cqw!important}
body.v20-ui .central-lineup-list li{
height:1.19cqw!important;
grid-template-columns:1.42cqw minmax(0,1fr) auto!important;
gap:.31cqw!important;
padding:0 .18cqw!important;
border-left:.10cqw solid rgba(255,255,255,.10)!important;
background:linear-gradient(90deg,rgba(223,239,255,.075),rgba(223,239,255,.018))!important;
}
body.v20-ui .central-broadcast-side.is-away .central-lineup-list li{
grid-template-columns:auto minmax(0,1fr) 1.42cqw!important;
border-left:0!important;
border-right:.10cqw solid rgba(255,255,255,.10)!important;
background:linear-gradient(270deg,rgba(223,239,255,.075),rgba(223,239,255,.018))!important;
}
body.v20-ui .central-lineup-list li.is-featured{
border-left-color:#e8c66a!important;
background:linear-gradient(90deg,rgba(232,198,106,.19),rgba(232,198,106,.025))!important;
}
body.v20-ui .central-broadcast-side.is-away .central-lineup-list li.is-featured{
border-right-color:#e8c66a!important;
background:linear-gradient(270deg,rgba(232,198,106,.19),rgba(232,198,106,.025))!important;
}
body.v20-ui .central-lineup-role{
height:.72cqw!important;
border-color:rgba(183,211,239,.34)!important;
background:rgba(224,240,255,.12)!important;
color:#c1ddf2!important;
font-size:clamp(7px,.25cqw,9px)!important;
}
body.v20-ui .central-lineup-list strong{
font-size:clamp(11px,.43cqw,14px)!important;
font-weight:850!important;
}
body.v20-ui .central-lineup-status img{
width:.58cqw!important;
height:.58cqw!important;
}
body.v20-ui .central-versus-core{
height:100%!important;
margin:0!important;
padding:.56cqw .28cqw!important;
justify-content:center!important;
gap:.42cqw!important;
border:0!important;
background:linear-gradient(180deg,rgba(2,16,38,.10),rgba(2,16,38,.66) 38%,rgba(2,16,38,.66) 62%,rgba(2,16,38,.10))!important;
}
body.v20-ui .central-versus-core::before,
body.v20-ui .central-versus-core::after{
content:""!important;
position:absolute!important;
top:9%!important;
bottom:9%!important;
width:1px!important;
background:linear-gradient(180deg,transparent,rgba(220,237,255,.28),transparent)!important;
}
body.v20-ui .central-versus-core::before{left:0!important}
body.v20-ui .central-versus-core::after{right:0!important}
body.v20-ui .central-competition-label{
color:#7ce0e4!important;
font-size:clamp(8px,.28cqw,11px)!important;
line-height:1.3!important;
}
body.v20-ui .central-versus-ring{
width:3.15cqw!important;
height:3.15cqw!important;
flex-basis:3.15cqw!important;
font-size:clamp(15px,.67cqw,21px)!important;
box-shadow:0 0 0 .28cqw rgba(255,255,255,.06),0 .28cqw .70cqw rgba(0,0,0,.34),0 0 1.35cqw rgba(111,190,255,.17)!important;
}
body.v20-ui .central-match-hero .central-match-title{
font-size:clamp(10px,.38cqw,13px)!important;
line-height:1.3!important;
}
body.v20-ui .central-match-hero .central-stadium{
font-size:clamp(8px,.28cqw,10px)!important;
line-height:1.45!important;
}
body.v20-ui .central-fixture-context,
body.v20-ui .central-competition-decoration{display:none!important}
body.v20-ui .central-hero-bottom{
display:block!important;
visibility:hidden!important;
height:2.74cqw!important;
border:0!important;
background:transparent!important;
}
body.v20-ui #screenCentral>.central-continue{
top:63.45%!important;
height:2.74cqw!important;
border-radius:0 0 .48cqw .48cqw!important;
background:linear-gradient(90deg,#093c82,#1762c4 48%,#0f4fa8)!important;
font-size:clamp(15px,.62cqw,20px)!important;
}
body.v20-ui #screenCentral>.central-continue::before{
font-size:clamp(7px,.24cqw,10px)!important;
}
@media (max-width:1300px){
body.v20-ui .central-broadcast-stage{grid-template-columns:18% 26% 12% 26% 18%!important}
body.v20-ui .central-team-sheet{padding-left:.38cqw!important;padding-right:.38cqw!important}
body.v20-ui .central-lineup-list li{height:1.12cqw!important}
}
/* ========================================================================== */
/* V27 — MATCHDAY WINGS */
/* A complete replacement: two team wings around one fixture spine. */
/* ========================================================================== */
body.v20-ui .central-match-hero.vm27-match-card{
--vm-home-rgb:20,93,150;
--vm-away-rgb:176,118,38;
height:41.8%!important;
grid-template-rows:2.55cqw minmax(0,1fr) 2.58cqw!important;
padding:0!important;
border:1px solid rgba(128,168,213,.84)!important;
border-radius:.52cqw!important;
overflow:hidden!important;
isolation:isolate!important;
background:#061a36!important;
box-shadow:0 .62cqw 1.75cqw rgba(8,34,75,.26),inset 0 0 0 1px rgba(238,247,255,.22)!important;
}
body.v20-ui .central-match-hero.vm27-match-card::before{
z-index:-3!important;
background:url("assets/matchday-presentation/backdrops/velmora-matchday-neutral.png") center/cover no-repeat!important;
filter:saturate(.80) contrast(1.01) brightness(1.02)!important;
}
body.v20-ui .central-match-hero.vm27-match-card::after{
z-index:-2!important;
background:
linear-gradient(90deg,rgba(var(--vm-home-rgb),.10),transparent 28%,rgba(2,15,34,.16) 42%,rgba(2,15,34,.48) 50%,rgba(2,15,34,.16) 58%,transparent 72%,rgba(var(--vm-away-rgb),.10)),
linear-gradient(180deg,rgba(2,15,34,.02),rgba(2,15,34,.18))!important;
}
body.v20-ui .vm27-match-card .central-broadcast-backdrop{
position:absolute!important;
inset:0!important;
z-index:-1!important;
background:none!important;
}
body.v20-ui .vm27-match-card .central-broadcast-backdrop::before{
display:none!important;
}
body.v20-ui .vm27-match-header{
position:relative!important;
z-index:10!important;
height:2.55cqw!important;
min-height:0!important;
padding:.43cqw .72cqw .38cqw!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
border-bottom:1px solid rgba(219,236,255,.25)!important;
background:linear-gradient(90deg,rgba(3,18,40,.97),rgba(5,29,62,.79) 50%,rgba(3,18,40,.97))!important;
box-sizing:border-box!important;
}
body.v20-ui .vm27-header-title{display:flex!important;align-items:center!important;gap:.62cqw!important}
body.v20-ui .vm27-header-title .central-hero-eyebrow{
margin:0!important;
padding-right:.62cqw!important;
border-right:1px solid rgba(220,237,255,.22)!important;
color:#75dce1!important;
font:900 clamp(8px,.27cqw,11px)/1 Arial,sans-serif!important;
letter-spacing:.16em!important;
}
body.v20-ui .vm27-header-title .central-hero-heading{
margin:0!important;
color:#fff!important;
font:900 clamp(15px,.68cqw,21px)/1 Arial,sans-serif!important;
letter-spacing:.08em!important;
}
body.v20-ui .vm27-match-header .central-hero-meta{
padding:.29cqw .50cqw!important;
border:1px solid rgba(211,231,252,.28)!important;
border-radius:.22cqw!important;
background:rgba(2,17,39,.50)!important;
color:#f3f8fd!important;
font:900 clamp(8px,.28cqw,10px)/1 Arial,sans-serif!important;
letter-spacing:.08em!important;
}
body.v20-ui .central-broadcast-stage.vm27-fixture-stage{
position:relative!important;
z-index:2!important;
height:100%!important;
min-height:0!important;
padding:.34cqw .40cqw .24cqw!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) 7.8cqw minmax(0,1fr)!important;
align-items:stretch!important;
gap:.28cqw!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
body.v20-ui .central-broadcast-side.vm27-team-wing,
body.v20-ui .central-broadcast-side.vm27-team-wing.is-away{
position:relative!important;
min-width:0!important;
min-height:0!important;
height:100%!important;
display:grid!important;
grid-template-columns:41% minmax(0,59%)!important;
grid-template-rows:minmax(2.75cqw,auto) minmax(0,1fr)!important;
gap:0!important;
overflow:hidden!important;
border:0!important;
background:linear-gradient(90deg,rgba(var(--vm-home-rgb),.16),rgba(3,22,49,.40) 42%,rgba(3,22,49,.18))!important;
box-shadow:inset 0 0 0 1px rgba(220,237,255,.11)!important;
}
body.v20-ui .central-broadcast-side.vm27-team-wing.is-away{
grid-template-columns:minmax(0,59%) 41%!important;
background:linear-gradient(270deg,rgba(var(--vm-away-rgb),.16),rgba(3,22,49,.40) 42%,rgba(3,22,49,.18))!important;
}
body.v20-ui .central-broadcast-side.vm27-team-wing::after{
content:""!important;
position:absolute!important;
left:0!important;
right:0!important;
top:0!important;
height:.12cqw!important;
background:linear-gradient(90deg,rgba(var(--vm-home-rgb),.95),rgba(var(--vm-home-rgb),.18),transparent)!important;
pointer-events:none!important;
}
body.v20-ui .central-broadcast-side.vm27-team-wing.is-away::after{
background:linear-gradient(270deg,rgba(var(--vm-away-rgb),.95),rgba(var(--vm-away-rgb),.18),transparent)!important;
}
body.v20-ui .vm27-team-banner{
grid-column:1/-1!important;
grid-row:1!important;
min-width:0!important;
min-height:clamp(52px,3.15cqw,72px)!important;
margin:0!important;
padding:.38cqw .52cqw!important;
display:grid!important;
grid-template-columns:2.55cqw minmax(0,1fr)!important;
align-items:center!important;
gap:.52cqw!important;
border:0!important;
border-bottom:1px solid rgba(220,237,255,.20)!important;
background:linear-gradient(90deg,rgba(2,17,39,.76),rgba(4,30,63,.47) 70%,rgba(4,30,63,.12))!important;
box-sizing:border-box!important;
}
body.v20-ui .is-away>.vm27-team-banner{
grid-template-columns:minmax(0,1fr) 2.55cqw!important;
background:linear-gradient(270deg,rgba(2,17,39,.76),rgba(4,30,63,.47) 70%,rgba(4,30,63,.12))!important;
}
body.v20-ui .vm27-team-banner .central-club-badge{
position:relative!important;
inset:auto!important;
width:2.55cqw!important;
height:2.55cqw!important;
margin:0!important;
display:grid!important;
place-items:center!important;
border:0!important;
border-radius:0!important;
clip-path:none!important;
overflow:visible!important;
background:transparent!important;
box-shadow:none!important;
}
body.v20-ui .vm27-team-banner .central-club-badge img,
body.v20-ui .vm27-team-banner .central-club-badge .fitted-shield{
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
filter:drop-shadow(0 .14cqw .18cqw rgba(0,0,0,.34))!important;
}
body.v20-ui .is-away>.vm27-team-banner .central-club-badge{grid-column:2!important;grid-row:1!important}
body.v20-ui .is-away>.vm27-team-banner .vm27-team-copy{grid-column:1!important;grid-row:1!important;text-align:right!important}
body.v20-ui .vm27-team-copy{min-width:0!important}
body.v20-ui .vm27-team-copy .central-team-side-label{
display:block!important;
margin:0 0 .14cqw!important;
color:#78dce1!important;
font:900 clamp(7px,.25cqw,10px)/1 Arial,sans-serif!important;
letter-spacing:.16em!important;
}
body.v20-ui .vm27-team-copy .central-nameplate{
position:static!important;
inset:auto!important;
width:auto!important;
height:auto!important;
padding:0!important;
border:0!important;
overflow:hidden!important;
background:transparent!important;
color:#fff!important;
font:900 clamp(17px,.77cqw,24px)/1 Arial,sans-serif!important;
letter-spacing:.035em!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
text-align:inherit!important;
}
body.v20-ui .vm27-team-copy .central-team-record{
margin:.18cqw 0 0!important;
color:#c5d6e7!important;
font:800 clamp(9px,.33cqw,12px)/1 Arial,sans-serif!important;
letter-spacing:.035em!important;
}
body.v20-ui .vm27-captain-stage{
grid-row:2!important;
grid-column:1!important;
position:relative!important;
min-width:0!important;
min-height:0!important;
height:100%!important;
overflow:hidden!important;
border:0!important;
background:linear-gradient(180deg,rgba(229,242,255,.035),rgba(3,20,44,.42))!important;
}
body.v20-ui .is-away>.vm27-captain-stage{grid-column:2!important}
body.v20-ui .vm27-captain-stage::before{
content:""!important;
position:absolute!important;
z-index:0!important;
inset:5% 4% 1.45cqw!important;
clip-path:polygon(16% 0,100% 0,82% 100%,0 100%)!important;
background:linear-gradient(145deg,rgba(228,242,255,.13),rgba(228,242,255,.01) 58%)!important;
pointer-events:none!important;
}
body.v20-ui .is-away>.vm27-captain-stage::before{
clip-path:polygon(0 0,84% 0,100% 100%,18% 100%)!important;
}
body.v20-ui .vm27-captain-stage::after{
content:""!important;
position:absolute!important;
z-index:1!important;
left:10%!important;
right:10%!important;
bottom:1.38cqw!important;
height:15%!important;
border-radius:50%!important;
background:radial-gradient(ellipse,rgba(197,226,252,.15),transparent 68%)!important;
pointer-events:none!important;
}
body.v20-ui .vm27-captain-stage .central-captain-sprite{
position:absolute!important;
z-index:4!important;
left:1%!important;
bottom:1.36cqw!important;
width:98%!important;
height:92%!important;
max-width:none!important;
object-fit:contain!important;
object-position:center bottom!important;
image-rendering:pixelated!important;
filter:drop-shadow(0 .34cqw .32cqw rgba(0,0,0,.48))!important;
transform-origin:center bottom!important;
}
body.v20-ui .vm27-captain-stage.is-flipped .central-captain-sprite{transform:scaleX(-1)!important}
body.v20-ui .vm27-captain-stage .central-player-shadow{
position:absolute!important;
z-index:3!important;
left:14%!important;
bottom:1.29cqw!important;
width:72%!important;
height:8%!important;
object-fit:fill!important;
opacity:.50!important;
}
body.v20-ui .vm27-captain-stage .central-captain-marker{
position:absolute!important;
z-index:7!important;
left:.32cqw!important;
top:.32cqw!important;
width:1.20cqw!important;
height:1.20cqw!important;
object-fit:contain!important;
filter:drop-shadow(0 .12cqw .16cqw rgba(0,0,0,.32))!important;
}
body.v20-ui .is-away>.vm27-captain-stage .central-captain-marker{left:auto!important;right:.32cqw!important}
body.v20-ui .vm27-captain-stage .central-featured-caption{
position:absolute!important;
z-index:8!important;
left:.22cqw!important;
right:.22cqw!important;
bottom:.08cqw!important;
height:1.28cqw!important;
padding:.18cqw .32cqw!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:center!important;
gap:.07cqw!important;
border-top:1px solid rgba(222,238,255,.28)!important;
background:linear-gradient(90deg,rgba(2,15,35,.97),rgba(4,29,61,.78),transparent)!important;
}
body.v20-ui .is-away>.vm27-captain-stage .central-featured-caption{
align-items:flex-end!important;
background:linear-gradient(270deg,rgba(2,15,35,.97),rgba(4,29,61,.78),transparent)!important;
}
body.v20-ui .vm27-captain-stage .central-featured-caption span{
color:#75dce1!important;
font:900 clamp(7px,.23cqw,9px)/1 Arial,sans-serif!important;
letter-spacing:.14em!important;
}
body.v20-ui .vm27-captain-stage .central-featured-caption strong{
max-width:100%!important;
overflow:hidden!important;
color:#fff!important;
font:900 clamp(10px,.41cqw,13px)/1 Arial,sans-serif!important;
letter-spacing:.025em!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
}
body.v20-ui .vm27-roster-board{
grid-row:2!important;
grid-column:2!important;
min-width:0!important;
min-height:0!important;
height:100%!important;
margin:0!important;
padding:.46cqw .48cqw .30cqw!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
border:0!important;
overflow:hidden!important;
background:linear-gradient(90deg,rgba(2,17,39,.24),rgba(2,17,39,.59))!important;
box-shadow:none!important;
backdrop-filter:none!important;
box-sizing:border-box!important;
}
body.v20-ui .is-away>.vm27-roster-board{
grid-column:1!important;
background:linear-gradient(270deg,rgba(2,17,39,.24),rgba(2,17,39,.59))!important;
}
body.v20-ui .vm27-roster-board .central-lineup-block{margin:0!important;min-width:0!important}
body.v20-ui .vm27-roster-board .central-lineup-block>span{
display:block!important;
margin:0 0 .24cqw!important;
color:#79dfe3!important;
font:900 clamp(8px,.27cqw,10px)/1 Arial,sans-serif!important;
letter-spacing:.14em!important;
}
body.v20-ui .is-away>.vm27-roster-board .central-lineup-block>span{text-align:right!important}
body.v20-ui .vm27-roster-board .central-lineup-block.is-subs{
margin-top:.31cqw!important;
padding-top:.31cqw!important;
border-top:1px solid rgba(221,237,255,.18)!important;
}
body.v20-ui .vm27-roster-board .central-lineup-list{
list-style:none!important;
margin:0!important;
padding:0!important;
display:grid!important;
gap:.08cqw!important;
}
body.v20-ui .vm27-roster-board .central-lineup-list li{
min-width:0!important;
height:clamp(23px,1.16cqw,28px)!important;
padding:0 .20cqw!important;
display:grid!important;
grid-template-columns:1.40cqw minmax(0,1fr) auto!important;
align-items:center!important;
gap:.30cqw!important;
border:0!important;
border-left:.10cqw solid rgba(212,232,251,.18)!important;
background:linear-gradient(90deg,rgba(225,240,255,.095),rgba(225,240,255,.025))!important;
color:#f7fbff!important;
box-sizing:border-box!important;
}
body.v20-ui .is-away>.vm27-roster-board .central-lineup-list li{
grid-template-columns:auto minmax(0,1fr) 1.40cqw!important;
border-left:0!important;
border-right:.10cqw solid rgba(212,232,251,.18)!important;
background:linear-gradient(270deg,rgba(225,240,255,.095),rgba(225,240,255,.025))!important;
text-align:right!important;
}
body.v20-ui .vm27-roster-board .central-subs-list li{
height:clamp(20px,.98cqw,24px)!important;
background:transparent!important;
}
body.v20-ui .vm27-roster-board .central-lineup-list li.is-featured{
border-left-color:#e8c66a!important;
background:linear-gradient(90deg,rgba(232,198,106,.18),rgba(232,198,106,.02))!important;
}
body.v20-ui .is-away>.vm27-roster-board .central-lineup-list li.is-featured{
border-right-color:#e8c66a!important;
background:linear-gradient(270deg,rgba(232,198,106,.18),rgba(232,198,106,.02))!important;
}
body.v20-ui .vm27-roster-board .central-lineup-role{
height:clamp(14px,.68cqw,18px)!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(183,211,239,.30)!important;
border-radius:.10cqw!important;
background:rgba(224,240,255,.10)!important;
color:#c4ddf1!important;
font:900 clamp(7px,.23cqw,9px)/1 Arial,sans-serif!important;
}
body.v20-ui .is-away>.vm27-roster-board .central-lineup-role{grid-column:3!important}
body.v20-ui .is-away>.vm27-roster-board .central-lineup-list strong{grid-column:2!important;grid-row:1!important}
body.v20-ui .is-away>.vm27-roster-board .central-lineup-status{grid-column:1!important;grid-row:1!important;justify-content:flex-start!important}
body.v20-ui .vm27-roster-board .central-lineup-list strong{
min-width:0!important;
overflow:hidden!important;
color:inherit!important;
font:850 clamp(10px,.40cqw,13px)/1 Arial,sans-serif!important;
letter-spacing:.01em!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
}
body.v20-ui .vm27-roster-board .central-subs-list strong{font-size:clamp(9px,.36cqw,12px)!important}
body.v20-ui .vm27-roster-board .central-lineup-list li.is-vacant strong{color:#849ab1!important}
body.v20-ui .vm27-roster-board .central-lineup-status{
min-width:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:.08cqw!important;
}
body.v20-ui .vm27-roster-board .central-lineup-status img{
width:.48cqw!important;
height:.48cqw!important;
object-fit:contain!important;
image-rendering:pixelated!important;
}
body.v20-ui .central-versus-core.vm27-fixture-spine{
position:relative!important;
z-index:4!important;
min-width:0!important;
min-height:0!important;
height:100%!important;
margin:0!important;
padding:.55cqw .33cqw!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:.32cqw!important;
overflow:hidden!important;
border:1px solid rgba(221,237,255,.17)!important;
border-top:0!important;
border-bottom:0!important;
border-radius:0!important;
background:linear-gradient(180deg,rgba(2,16,37,.42),rgba(2,16,37,.86) 34%,rgba(2,16,37,.86) 66%,rgba(2,16,37,.42))!important;
box-shadow:0 0 1.1cqw rgba(0,0,0,.14),inset 0 0 .9cqw rgba(124,190,245,.035)!important;
text-align:center!important;
box-sizing:border-box!important;
}
body.v20-ui .vm27-fixture-spine::before{
content:""!important;
position:absolute!important;
left:16%!important;
right:16%!important;
top:0!important;
height:.12cqw!important;
background:#79dfe3!important;
box-shadow:0 0 .55cqw rgba(121,223,227,.22)!important;
}
body.v20-ui .vm27-fixture-spine::after{display:none!important}
body.v20-ui .vm27-spine-kicker{
color:#e3c36e!important;
font:900 clamp(7px,.23cqw,9px)/1 Arial,sans-serif!important;
letter-spacing:.16em!important;
}
body.v20-ui .vm27-fixture-spine .central-competition-label{
max-width:100%!important;
overflow:hidden!important;
color:#7be0e4!important;
font:900 clamp(8px,.27cqw,10px)/1.3 Arial,sans-serif!important;
letter-spacing:.12em!important;
white-space:normal!important;
text-overflow:ellipsis!important;
}
body.v20-ui .vm27-fixture-spine .central-versus-ring{
width:3.05cqw!important;
height:3.05cqw!important;
flex:0 0 3.05cqw!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(222,238,255,.58)!important;
border-radius:50%!important;
background:radial-gradient(circle,#fff 0 34%,#e0edfb 35% 41%,#123c75 42% 100%)!important;
color:#113a74!important;
font:900 clamp(15px,.66cqw,21px)/1 Arial,sans-serif!important;
letter-spacing:.05em!important;
box-shadow:0 0 0 .27cqw rgba(255,255,255,.055),0 .28cqw .68cqw rgba(0,0,0,.34),0 0 1.2cqw rgba(104,184,246,.16)!important;
}
body.v20-ui .vm27-fixture-spine .central-match-title{
position:static!important;
inset:auto!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
padding:.28cqw 0 0!important;
border-top:1px solid rgba(222,238,255,.16)!important;
background:transparent!important;
color:#fff!important;
font:900 clamp(9px,.35cqw,12px)/1.35 Arial,sans-serif!important;
letter-spacing:.025em!important;
white-space:normal!important;
}
body.v20-ui .vm27-fixture-spine .central-stadium{
position:static!important;
inset:auto!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
padding:0!important;
background:transparent!important;
color:#bed0e2!important;
font:800 clamp(7px,.25cqw,9px)/1.45 Arial,sans-serif!important;
letter-spacing:.055em!important;
white-space:normal!important;
}
body.v20-ui .vm27-fixture-spine .central-fixture-context{display:none!important}
body.v20-ui .central-hero-bottom.vm27-data-cache{
display:block!important;
visibility:hidden!important;
height:2.58cqw!important;
min-height:0!important;
border:0!important;
background:transparent!important;
}
body.v20-ui #screenCentral>.central-continue{
top:63.45%!important;
height:2.58cqw!important;
min-height:2.58cqw!important;
border:0!important;
border-top:1px solid rgba(229,241,254,.28)!important;
border-radius:0 0 .50cqw .50cqw!important;
background:linear-gradient(90deg,#083873,#1760ba 46%,#0d4a98)!important;
box-shadow:0 .30cqw .76cqw rgba(4,27,65,.25),inset 0 1px rgba(255,255,255,.16)!important;
color:#fff!important;
font:900 clamp(14px,.59cqw,19px)/1 Arial,sans-serif!important;
letter-spacing:.10em!important;
}
body.v20-ui #screenCentral>.central-continue::before{
left:.75cqw!important;
color:#bcdcff!important;
font:900 clamp(7px,.23cqw,9px)/1 Arial,sans-serif!important;
letter-spacing:.12em!important;
}
body.v20-ui #screenCentral>.central-continue::after{right:.78cqw!important}
@media (max-width:1300px){
body.v20-ui .central-broadcast-stage.vm27-fixture-stage{grid-template-columns:minmax(0,1fr) 6.7cqw minmax(0,1fr)!important;gap:.20cqw!important}
body.v20-ui .central-broadcast-side.vm27-team-wing{grid-template-columns:38% minmax(0,62%)!important}
body.v20-ui .central-broadcast-side.vm27-team-wing.is-away{grid-template-columns:minmax(0,62%) 38%!important}
body.v20-ui .vm27-roster-board{padding-left:.34cqw!important;padding-right:.34cqw!important}
}
/* ========================================================================== */
/* V27.1 — matchday viewport repair, results reflow and visible loan returns */
/* ========================================================================== */
/* Returned players must never disappear just because all 13 registration
slots are occupied. They remain visible in Senior Depth until swapped in. */
body.v20-ui .reserves-grid .player-card.is-unregistered{
border-color:#d5a440!important;
background:linear-gradient(180deg,#fffaf0,#f7edd8)!important;
box-shadow:inset 0 .2cqw #d5a440,0 .28cqw .72cqw rgba(91,67,18,.09)!important;
}
body.v20-ui .reserves-grid .player-card.is-unregistered .area-tag{
background:#fff1ca!important;color:#7a5610!important;border-color:#e4c36f!important;
}
body.v20-ui .reserves-grid .player-card.is-unregistered .player-card-context{color:#8a5b0b!important}
body.v20-ui .reserves-grid .player-card.is-unregistered .player-card-footer{
background:linear-gradient(180deg,#f7e9c7,#eddbaf)!important;color:#604712!important;
}
/* Results now use the available height instead of percentages derived only
from width. Long match reports scroll inside their own cards. */
body.v20-ui .results-screen{
--vm-result-title-top:clamp(58px,8.2vh,82px);
--vm-result-score-top:clamp(112px,15vh,142px);
--vm-result-badge-height:clamp(112px,15vh,142px);
--vm-result-detail-top:clamp(292px,36vh,340px);
--vm-result-side-height:clamp(156px,19.5vh,186px);
overflow:hidden!important;
}
body.v20-ui .results-screen::before{
top:var(--vm-result-title-top)!important;height:42px!important;
left:2.1%!important;right:2.1%!important;padding:0 16px!important;
font-size:10px!important;
}
body.v20-ui .results-competition{
top:calc(var(--vm-result-title-top) + 14px)!important;left:3.1%!important;
width:58%!important;height:16px!important;font-size:9px!important;
white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.v20-ui .results-badge{
top:var(--vm-result-score-top)!important;height:var(--vm-result-badge-height)!important;
width:9%!important;box-sizing:border-box!important;
}
body.v20-ui .results-home-badge{left:8.5%!important}
body.v20-ui .results-screen .results-away-badge{left:57.4%!important}
body.v20-ui .results-name{
top:calc(var(--vm-result-score-top) + var(--vm-result-badge-height) + 8px)!important;
height:28px!important;font-size:13px!important;
}
body.v20-ui .results-score{
top:var(--vm-result-score-top)!important;height:var(--vm-result-badge-height)!important;
}
body.v20-ui .results-score strong{height:100%!important;font-size:clamp(42px,3.1cqw,62px)!important}
body.v20-ui .results-score span{font-size:clamp(20px,1.4cqw,30px)!important}
body.v20-ui .results-stats,
body.v20-ui .results-events,
body.v20-ui .results-ratings{
top:var(--vm-result-detail-top)!important;
bottom:20px!important;height:auto!important;
padding:14px!important;box-sizing:border-box!important;
overflow-y:auto!important;overflow-x:hidden!important;
scrollbar-width:thin;scrollbar-color:#bdc9d5 transparent;
}
body.v20-ui .results-stats h3,
body.v20-ui .results-events h3,
body.v20-ui .results-ratings h3{
position:sticky;top:-14px;z-index:2;margin:0 0 8px!important;padding:10px 0 8px!important;
background:#fff;font-size:11px!important;
}
body.v20-ui .results-stats>div{min-height:clamp(34px,4.5vh,44px)!important;font-size:10px!important}
body.v20-ui .results-events>div{
min-height:clamp(42px,5.2vh,52px)!important;
grid-template-columns:42px minmax(0,1fr) minmax(86px,30%)!important;
}
body.v20-ui .results-events span,body.v20-ui .results-events strong{font-size:10px!important}
body.v20-ui .results-events small{font-size:8px!important;line-height:1.25!important}
body.v20-ui .results-ratings>div{
min-height:clamp(44px,5.4vh,54px)!important;
grid-template-columns:38px minmax(0,1fr) 42px!important;
}
body.v20-ui .results-ratings img{width:32px!important;height:32px!important}
body.v20-ui .results-ratings strong{font-size:10px!important}
body.v20-ui .results-ratings b{font-size:13px!important}
body.v20-ui .results-potm,
body.v20-ui .results-league-impact{
left:74%!important;width:23.8%!important;height:var(--vm-result-side-height)!important;
padding:16px!important;box-sizing:border-box!important;overflow:auto!important;
}
body.v20-ui .results-potm{top:var(--vm-result-score-top)!important}
body.v20-ui .results-league-impact{top:calc(var(--vm-result-score-top) + var(--vm-result-side-height) + 16px)!important}
body.v20-ui .results-potm>span,body.v20-ui .results-league-impact>span{font-size:11px!important;margin-bottom:10px!important}
body.v20-ui .potm-live{grid-template-columns:clamp(70px,6.2vw,98px) minmax(0,1fr)!important;gap:14px!important}
body.v20-ui .potm-live img{width:clamp(68px,6vw,94px)!important;height:clamp(68px,6vw,94px)!important}
body.v20-ui .potm-live strong{font-size:14px!important}.potm-live small{font-size:9px!important}.potm-live b{font-size:14px!important}
body.v20-ui .impact-live{grid-template-columns:clamp(52px,4vw,72px) minmax(0,1fr)!important;gap:12px!important}
body.v20-ui .impact-live img{width:clamp(48px,3.8vw,68px)!important;height:clamp(48px,3.8vw,68px)!important}
body.v20-ui .impact-live strong{font-size:12px!important}.impact-live small{font-size:9px!important;line-height:1.35!important}
body.v20-ui .results-continue{
right:2.2%!important;bottom:clamp(68px,8.2vh,82px)!important;
width:23.8%!important;height:54px!important;font-size:12px!important;
}
/* The full preview still fits on normal laptops, but its rows stop growing
from viewport width once vertical space becomes the limiting dimension. */
@media (max-height:760px) and (min-width:901px){
body.v20-ui .matchday-screen .career-topbar{height:56px!important}
body.v20-ui .matchday-shell-v2{
top:64px!important;bottom:10px!important;left:2%!important;right:2%!important;
grid-template-rows:44px minmax(190px,1fr) minmax(96px,118px) 66px!important;
gap:8px!important;overflow-y:auto!important;overflow-x:hidden!important;
scrollbar-width:thin;scrollbar-color:#aebdcc transparent;
}
body.v20-ui .matchday-stage-v2{gap:8px!important}
body.v20-ui .matchday-heading-v2{min-height:44px!important}
body.v20-ui .matchday-summary{min-height:96px!important;gap:8px!important;overflow:hidden!important}
body.v20-ui .match-summary-card,body.v20-ui .match-readiness{overflow:auto!important;padding:10px 12px!important}
body.v20-ui .matchday-actions-v2{
position:sticky!important;bottom:0!important;z-index:12!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;
min-width:0!important;padding-top:4px!important;background:linear-gradient(180deg,rgba(238,243,247,0),#eef3f7 12px)!important;
}
body.v20-ui .matchday-action-copy{display:none!important}
body.v20-ui .match-action{
min-width:0!important;min-height:62px!important;height:62px!important;
padding:8px 12px!important;grid-template-columns:36px minmax(0,1fr)!important;column-gap:10px!important;
}
body.v20-ui .match-action>span{width:34px!important;height:34px!important;font-size:8px!important}
body.v20-ui .match-action>strong{font-size:12px!important}.match-action>small{font-size:9px!important}
body.v20-ui .matchday-centre-card{
grid-template-rows:minmax(0,1fr) 26px 50px!important;padding:12px 14px!important;gap:6px!important;
}
body.v20-ui .matchday-badge{width:clamp(62px,12vh,88px)!important;height:clamp(62px,12vh,88px)!important}
body.v20-ui .matchday-info span{min-height:46px!important}
}
@media (max-height:560px) and (min-width:901px){
body.v20-ui .matchday-screen .career-topbar{height:48px!important}
body.v20-ui .matchday-screen .career-brand-logo{height:22px!important}
body.v20-ui .matchday-screen .career-tabs button{height:34px!important;font-size:9px!important}
body.v20-ui .matchday-shell-v2{
top:54px!important;bottom:6px!important;
grid-template-rows:36px 210px 104px 58px!important;gap:6px!important;
}
body.v20-ui .matchday-heading-v2{min-height:36px!important;padding:0 12px!important}
body.v20-ui .matchday-heading-v2 h2{font-size:15px!important}.matchday-heading-v2>div:first-child span{font-size:7px!important}
body.v20-ui .matchday-competition{font-size:8px!important}
body.v20-ui .matchday-stage-v2{grid-template-columns:minmax(190px,22%) minmax(0,1fr) minmax(190px,22%)!important;gap:6px!important}
body.v20-ui .matchday-lineup-panel{padding:7px!important}
body.v20-ui .matchday-panel-kicker{font-size:7px!important;padding-bottom:5px!important}
body.v20-ui .matchday-lineup{gap:2px!important;margin-top:4px!important}
body.v20-ui .match-lineup-player{grid-template-columns:38px minmax(0,1fr)!important;gap:6px!important;padding:2px!important}
body.v20-ui .match-lineup-player img{width:36px!important;height:36px!important}
body.v20-ui .match-lineup-player strong{font-size:9px!important}.match-lineup-player small{font-size:7px!important}
body.v20-ui .matchday-edit-team{height:26px!important;margin-top:4px!important;font-size:7px!important}
body.v20-ui .matchday-centre-card{grid-template-rows:minmax(0,1fr) 22px 42px!important;padding:8px 10px!important}
body.v20-ui .matchday-badge{width:56px!important;height:56px!important}
body.v20-ui .matchday-name{font-size:12px!important}.matchday-team-context{font-size:7px!important}
body.v20-ui .matchday-versus span{font-size:22px!important}.matchday-versus small,.matchday-versus b{font-size:6px!important}
body.v20-ui .matchday-venue-ribbon{min-height:22px!important;font-size:6px!important}
body.v20-ui .matchday-info span{min-height:40px!important;font-size:6px!important}.matchday-info b{font-size:10px!important}
body.v20-ui .matchday-summary{min-height:104px!important}
body.v20-ui .matchday-actions-v2{height:58px!important}
body.v20-ui .match-action{height:54px!important;min-height:54px!important}
body.v20-ui .results-screen{
--vm-result-title-top:50px;--vm-result-score-top:92px;--vm-result-badge-height:92px;
--vm-result-detail-top:210px;--vm-result-side-height:122px;
}
body.v20-ui .results-potm,body.v20-ui .results-league-impact{padding:10px!important}
body.v20-ui .results-continue{bottom:58px!important;height:44px!important}
}
/* ========================================================================== */
/* V29 — POST-MATCH RESULTS REBUILD */
/* Flow-based report, one real scroll surface, permanently reachable Continue.*/
/* ========================================================================== */
body.v20-ui #screenResults.results-screen{
--vm-results-footer-h:72px;
overflow:hidden!important;
background:
radial-gradient(circle at 86% 12%,rgba(22,155,164,.075),transparent 28%),
linear-gradient(180deg,#f8fafc 0%,#eef3f7 100%)!important;
}
body.v20-ui #screenResults.results-screen::before{display:none!important}
body.v20-ui #screenResults>.art-template{display:none!important}
body.v20-ui #screenResults .results-scroll{
position:absolute;
z-index:2;
top:var(--vm-topbar-h);
right:0;
bottom:var(--vm-results-footer-h);
left:0;
overflow-y:auto;
overflow-x:hidden;
overscroll-behavior:contain;
scrollbar-gutter:stable;
scrollbar-width:thin;
scrollbar-color:#aebdcc transparent;
-webkit-overflow-scrolling:touch;
}
body.v20-ui #screenResults .results-scroll::-webkit-scrollbar{width:10px}
body.v20-ui #screenResults .results-scroll::-webkit-scrollbar-thumb{background:#aebdcc;border:3px solid transparent;border-radius:999px;background-clip:padding-box}
body.v20-ui #screenResults .results-scroll::-webkit-scrollbar-track{background:transparent}
body.v20-ui #screenResults .results-scroll:focus{outline:none!important}
body.v20-ui #screenResults .results-shell{
width:min(1440px,95.5%);
margin:0 auto;
padding:22px 0 32px;
display:grid;
gap:16px;
}
body.v20-ui #screenResults .results-page-header{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
min-height:72px;
padding:16px 18px;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:#fff!important;
box-shadow:var(--vm-shadow)!important;
}
body.v20-ui #screenResults .results-page-heading{min-width:0}
body.v20-ui #screenResults .results-page-heading>span{
display:block;
margin-bottom:5px;
color:var(--vm-teal);
font:900 9px/1 Arial,sans-serif;
letter-spacing:.16em;
}
body.v20-ui #screenResults .results-page-heading>h1{
margin:0;
color:var(--vm-navy);
font:900 clamp(20px,1.55cqw,30px)/1 Arial,sans-serif;
letter-spacing:-.025em;
}
body.v20-ui #screenResults .results-competition{
position:static!important;
width:auto!important;
height:auto!important;
margin-top:7px!important;
color:var(--vm-muted)!important;
font:800 10px/1.25 Arial,sans-serif!important;
letter-spacing:.04em!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
}
body.v20-ui #screenResults .results-page-status{
flex:0 0 auto;
display:grid;
grid-template-columns:auto auto;
align-items:center;
column-gap:10px;
row-gap:2px;
padding:9px 12px;
border:1px solid #cdd8e3;
border-radius:var(--vm-radius-sm);
background:#f5f8fb;
}
body.v20-ui #screenResults .results-page-status>b{
grid-row:1/3;
min-width:46px;
color:var(--vm-blue);
font:900 24px/1 Arial,sans-serif;
}
body.v20-ui #screenResults .results-page-status>span{color:var(--vm-text);font:900 10px/1 Arial,sans-serif;letter-spacing:.09em}
body.v20-ui #screenResults .results-page-status>small{color:var(--vm-muted);font:800 8px/1 Arial,sans-serif;letter-spacing:.05em}
body.v20-ui #screenResults .results-scoreboard{
display:grid;
grid-template-columns:minmax(150px,1fr) minmax(170px,.72fr) minmax(150px,1fr) minmax(235px,1.08fr);
gap:14px;
align-items:stretch;
}
body.v20-ui #screenResults .results-team,
body.v20-ui #screenResults .results-score-wrap,
body.v20-ui #screenResults .results-potm{
min-width:0;
min-height:196px;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:#fff!important;
box-shadow:var(--vm-shadow)!important;
}
body.v20-ui #screenResults .results-team{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
padding:14px;
}
body.v20-ui #screenResults .results-team>small,
body.v20-ui #screenResults .results-score-wrap>small{
color:var(--vm-muted);
font:900 8px/1 Arial,sans-serif;
letter-spacing:.14em;
}
body.v20-ui #screenResults .results-badge,
body.v20-ui #screenResults .results-home-badge,
body.v20-ui #screenResults .results-away-badge{
position:relative!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
left:auto!important;
width:96px!important;
height:108px!important;
margin:0 auto!important;
flex:0 0 auto;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
clip-path:none!important;
}
body.v20-ui #screenResults .results-badge .fitted-shield{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}
body.v20-ui #screenResults .results-name,
body.v20-ui #screenResults .results-home-name,
body.v20-ui #screenResults .results-away-name{
position:static!important;
width:100%!important;
height:auto!important;
min-height:26px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:0 8px!important;
border:0!important;
background:transparent!important;
color:var(--vm-text)!important;
font:900 clamp(12px,.72cqw,15px)/1.15 Arial,sans-serif!important;
text-align:center!important;
}
body.v20-ui #screenResults .results-score-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:12px;
padding:16px;
background:linear-gradient(180deg,#fff,#f7f9fc)!important;
}
body.v20-ui #screenResults .results-score{
position:static!important;
width:100%!important;
height:auto!important;
display:grid!important;
grid-template-columns:minmax(58px,1fr) auto minmax(58px,1fr)!important;
align-items:center!important;
gap:8px!important;
color:var(--vm-text)!important;
}
body.v20-ui #screenResults .results-score strong{
width:100%!important;
height:auto!important;
min-height:78px!important;
display:grid!important;
place-items:center!important;
padding:8px 5px!important;
border:1px solid #cdd8e3!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:none!important;
color:var(--vm-blue)!important;
font:900 clamp(38px,3cqw,58px)/1 Arial,sans-serif!important;
}
body.v20-ui #screenResults .results-score span{color:#8291a1!important;font:900 24px/1 Arial,sans-serif!important}
body.v20-ui #screenResults .results-score small{
grid-column:1/-1!important;
margin:0!important;
color:#8d6a21!important;
font:900 9px/1 Arial,sans-serif!important;
letter-spacing:.08em!important;
text-align:center!important;
}
body.v20-ui #screenResults .results-potm{
position:relative!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
left:auto!important;
width:auto!important;
height:auto!important;
padding:16px!important;
overflow:hidden!important;
}
body.v20-ui #screenResults .results-potm>span{display:block!important;margin:0 0 12px!important;color:var(--vm-muted)!important;font:900 9px/1 Arial,sans-serif!important;letter-spacing:.11em!important}
body.v20-ui #screenResults .potm-live{grid-template-columns:84px minmax(0,1fr)!important;gap:14px!important;align-items:center!important}
body.v20-ui #screenResults .potm-live img{width:84px!important;height:84px!important}
body.v20-ui #screenResults .potm-live strong{display:block!important;color:var(--vm-text)!important;font:900 14px/1.1 Arial,sans-serif!important;white-space:normal!important}
body.v20-ui #screenResults .potm-live small{margin:5px 0!important;color:var(--vm-muted)!important;font:800 9px/1.2 Arial,sans-serif!important}
body.v20-ui #screenResults .potm-live b{color:var(--vm-blue)!important;font:900 14px/1 Arial,sans-serif!important}
body.v20-ui #screenResults .results-report-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
align-items:start;
}
body.v20-ui #screenResults .results-stats,
body.v20-ui #screenResults .results-events,
body.v20-ui #screenResults .results-ratings,
body.v20-ui #screenResults .results-league-impact{
position:relative!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
left:auto!important;
width:auto!important;
height:auto!important;
min-height:300px!important;
max-height:none!important;
padding:16px!important;
overflow:visible!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-md)!important;
background:#fff!important;
box-shadow:var(--vm-shadow)!important;
box-sizing:border-box!important;
}
body.v20-ui #screenResults .results-stats h3,
body.v20-ui #screenResults .results-events h3,
body.v20-ui #screenResults .results-ratings h3{
position:static!important;
top:auto!important;
z-index:auto!important;
margin:0 0 10px!important;
padding:0 0 10px!important;
border-bottom:1px solid #e5ebf1!important;
background:transparent!important;
color:var(--vm-text)!important;
font:900 10px/1 Arial,sans-serif!important;
letter-spacing:.10em!important;
}
body.v20-ui #screenResults .results-stats>div{
min-height:38px!important;
grid-template-columns:minmax(0,1fr) minmax(76px,1.15fr) minmax(0,1fr)!important;
gap:8px!important;
font-size:10px!important;
}
body.v20-ui #screenResults .results-events>div{
min-height:46px!important;
grid-template-columns:36px minmax(0,1fr)!important;
gap:3px 8px!important;
padding:7px 0!important;
}
body.v20-ui #screenResults .results-events>div>span,
body.v20-ui #screenResults .results-events>div>b{grid-column:1!important;grid-row:1/3!important;align-self:center!important;color:var(--vm-blue)!important;font:900 10px/1 Arial,sans-serif!important}
body.v20-ui #screenResults .results-events>div>strong{grid-column:2!important;font:900 10px/1.15 Arial,sans-serif!important;white-space:normal!important}
body.v20-ui #screenResults .results-events>div>small{grid-column:2!important;text-align:left!important;font:800 8px/1.25 Arial,sans-serif!important;white-space:normal!important}
body.v20-ui #screenResults .results-events>p{color:var(--vm-muted)!important;font:800 9px/1.45 Arial,sans-serif!important}
body.v20-ui #screenResults .results-ratings>div{
min-height:48px!important;
grid-template-columns:36px minmax(0,1fr) 38px!important;
gap:8px!important;
}
body.v20-ui #screenResults .results-ratings img{width:34px!important;height:34px!important}
body.v20-ui #screenResults .results-ratings strong{font-size:10px!important;white-space:normal!important;line-height:1.15!important}
body.v20-ui #screenResults .results-ratings b{font-size:13px!important}
body.v20-ui #screenResults .results-league-impact>span{display:block!important;margin:0 0 12px!important;padding-bottom:10px!important;border-bottom:1px solid #e5ebf1!important;color:var(--vm-text)!important;font:900 10px/1 Arial,sans-serif!important;letter-spacing:.10em!important}
body.v20-ui #screenResults .impact-live{grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
body.v20-ui #screenResults .impact-live img{width:56px!important;height:56px!important}
body.v20-ui #screenResults .impact-live strong{display:block!important;color:var(--vm-blue)!important;font:900 13px/1.2 Arial,sans-serif!important;white-space:normal!important}
body.v20-ui #screenResults .impact-live small{display:block!important;margin-top:6px!important;color:var(--vm-muted)!important;font:800 9px/1.4 Arial,sans-serif!important}
body.v20-ui #screenResults .match-result-moment,
body.v20-ui #screenResults [class*="result-moment"]{max-width:100%!important}
body.v20-ui #screenResults .results-action-bar{
position:absolute;
z-index:950;
right:0;
bottom:0;
left:0;
height:var(--vm-results-footer-h);
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:10px max(2.25%,18px);
border-top:1px solid var(--vm-line);
background:rgba(250,252,254,.985);
box-shadow:0 -.3cqw 1cqw rgba(14,35,66,.075);
backdrop-filter:blur(.3cqw);
}
body.v20-ui #screenResults .results-action-copy{min-width:0}
body.v20-ui #screenResults .results-action-copy>span{display:block;color:var(--vm-text);font:900 9px/1 Arial,sans-serif;letter-spacing:.11em}
body.v20-ui #screenResults .results-action-copy>small{display:block;margin-top:4px;color:var(--vm-muted);font:800 8px/1.2 Arial,sans-serif}
body.v20-ui #screenResults .results-continue{
position:static!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
left:auto!important;
width:auto!important;
min-width:220px!important;
height:46px!important;
flex:0 0 auto!important;
padding:0 24px!important;
border:1px solid var(--vm-blue)!important;
border-radius:var(--vm-radius-sm)!important;
background:linear-gradient(180deg,#174ba9,var(--vm-blue))!important;
box-shadow:0 5px 14px rgba(9,48,121,.17)!important;
color:#fff!important;
font:900 11px/1 Arial,sans-serif!important;
letter-spacing:.08em!important;
}
body.v20-ui #screenResults .results-continue:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important}
body.v20-ui #screenResults .results-continue:disabled{transform:none!important;filter:saturate(.75)!important;opacity:.72!important}
@media (max-width:1180px){
body.v20-ui #screenResults .results-scoreboard{grid-template-columns:1fr 170px 1fr!important}
body.v20-ui #screenResults .results-potm{grid-column:1/-1!important;min-height:0!important}
body.v20-ui #screenResults .potm-live{grid-template-columns:70px minmax(0,1fr)!important}
body.v20-ui #screenResults .potm-live img{width:70px!important;height:70px!important}
body.v20-ui #screenResults .results-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:900px){
body.v20-ui #screenResults.results-screen{--vm-results-footer-h:64px}
body.v20-ui #screenResults .results-shell{width:94%;padding-top:14px;gap:10px}
body.v20-ui #screenResults .results-page-header{min-height:58px;padding:12px 14px}
body.v20-ui #screenResults .results-page-status{display:none}
body.v20-ui #screenResults .results-scoreboard{grid-template-columns:1fr 1fr!important;gap:10px!important}
body.v20-ui #screenResults .results-team{min-height:164px!important;padding:10px!important}
body.v20-ui #screenResults .results-badge{width:78px!important;height:88px!important}
body.v20-ui #screenResults .results-score-wrap{grid-column:1/-1!important;grid-row:2!important;min-height:120px!important;padding:12px!important}
body.v20-ui #screenResults .results-score{max-width:300px!important}
body.v20-ui #screenResults .results-score strong{min-height:60px!important;font-size:38px!important}
body.v20-ui #screenResults .results-potm{grid-column:1/-1!important;grid-row:3!important}
body.v20-ui #screenResults .results-report-grid{grid-template-columns:1fr!important;gap:10px!important}
body.v20-ui #screenResults .results-stats,
body.v20-ui #screenResults .results-events,
body.v20-ui #screenResults .results-ratings,
body.v20-ui #screenResults .results-league-impact{min-height:0!important;padding:14px!important}
body.v20-ui #screenResults .results-action-copy{display:none}
body.v20-ui #screenResults .results-action-bar{justify-content:flex-end;padding:8px 3%}
body.v20-ui #screenResults .results-continue{width:100%!important;min-width:0!important;height:44px!important}
}
@media (max-height:600px) and (min-width:901px){
body.v20-ui #screenResults.results-screen{--vm-results-footer-h:58px}
body.v20-ui #screenResults .career-topbar{height:48px!important}
body.v20-ui #screenResults .results-scroll{top:48px!important}
body.v20-ui #screenResults .results-shell{padding-top:12px;gap:10px}
body.v20-ui #screenResults .results-page-header{min-height:52px;padding:10px 14px}
body.v20-ui #screenResults .results-team,
body.v20-ui #screenResults .results-score-wrap{min-height:164px!important}
body.v20-ui #screenResults .results-badge{width:74px!important;height:84px!important}
body.v20-ui #screenResults .results-score strong{min-height:62px!important;font-size:38px!important}
body.v20-ui #screenResults .results-action-bar{height:58px!important;padding-top:6px;padding-bottom:6px}
body.v20-ui #screenResults .results-continue{height:42px!important}
}
/* =============================================================
V31 — TRANSFER / RECRUITMENT PROFESSIONAL UX PASS
- Free agents integrated into Search Players
- Dedicated Scouting workspace
- Loan crest hard size constraints
- Money-entry affordances
============================================================= */
body.v20-ui #transferScoutingPane{
min-height:0!important;
overflow:auto!important;
padding-bottom:.4cqw!important;
}
body.v20-ui .scouting-tab-content{
display:grid!important;
gap:.62cqw!important;
min-height:0!important;
padding:.05cqw 0 .6cqw!important;
}
body.v20-ui .scouting-command-strip{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:.5cqw!important;
}
body.v20-ui .scouting-command-strip>div{
min-width:0!important;
padding:.7cqw .75cqw!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:linear-gradient(180deg,#fff,#f7fafc)!important;
box-shadow:0 .18cqw .55cqw rgba(20,43,78,.035)!important;
}
body.v20-ui .scouting-command-strip span{
display:block!important;
color:var(--vm-muted)!important;
font:900 .3cqw/1 Arial,sans-serif!important;
letter-spacing:.09em!important;
}
body.v20-ui .scouting-command-strip strong{
display:block!important;
margin-top:.25cqw!important;
color:var(--vm-navy-2)!important;
font:900 .83cqw/1 Arial,sans-serif!important;
}
body.v20-ui .scouting-command-strip small{
display:block!important;
margin-top:.22cqw!important;
color:#7b8792!important;
font:700 .31cqw/1.3 Arial,sans-serif!important;
}
body.v20-ui .scouting-work-section{
min-width:0!important;
overflow:hidden!important;
border:1px solid var(--vm-line)!important;
border-radius:var(--vm-radius-sm)!important;
background:#fff!important;
}
body.v20-ui .scouting-work-section>header{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:.7cqw!important;
min-height:2.35cqw!important;
padding:.5cqw .7cqw!important;
border-bottom:1px solid var(--vm-line)!important;
background:#f5f8fb!important;
}
body.v20-ui .scouting-work-section>header span{
display:block!important;
color:var(--vm-teal)!important;
font:900 .28cqw/1 Arial,sans-serif!important;
letter-spacing:.1em!important;
}
body.v20-ui .scouting-work-section>header strong{
display:block!important;
margin-top:.16cqw!important;
color:var(--vm-text)!important;
font:900 .48cqw/1 Arial,sans-serif!important;
}
body.v20-ui .scouting-work-section>header small{
color:#7a8793!important;
font:700 .31cqw/1.3 Arial,sans-serif!important;
}
body.v20-ui .scouting-work-list{display:grid!important;background:#fff!important}
body.v20-ui .scouting-work-card{
display:grid!important;
grid-template-columns:3.3cqw minmax(0,1fr) 8.7cqw!important;
align-items:center!important;
gap:.72cqw!important;
width:100%!important;
min-height:4.35cqw!important;
padding:.48cqw .7cqw!important;
border:0!important;
border-bottom:1px solid #e7ebef!important;
background:#fff!important;
text-align:left!important;
cursor:pointer!important;
transition:background .14s ease,box-shadow .14s ease!important;
}
body.v20-ui .scouting-work-card:last-child{border-bottom:0!important}
body.v20-ui .scouting-work-card:hover{background:#f6f9fd!important;box-shadow:inset .16cqw 0 var(--vm-blue)!important}
body.v20-ui .scouting-work-card.is-selected{background:#f0f6ff!important;box-shadow:inset .18cqw 0 var(--vm-blue)!important}
body.v20-ui .scouting-work-avatar{
width:3.05cqw!important;
height:3.05cqw!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
border:1px solid #dbe3ea!important;
border-radius:.28cqw!important;
background:#f5f7f9!important;
}
body.v20-ui .scouting-work-avatar img,
body.v20-ui .scouting-work-avatar canvas{
max-width:100%!important;
max-height:100%!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
}
body.v20-ui .scouting-work-main{min-width:0!important;display:block!important}
body.v20-ui .scouting-work-main>small{
display:block!important;
color:var(--vm-teal)!important;
font:900 .28cqw/1 Arial,sans-serif!important;
letter-spacing:.07em!important;
}
body.v20-ui .scouting-work-main>strong{
display:block!important;
margin-top:.23cqw!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:var(--vm-text)!important;
font:900 .55cqw/1 Arial,sans-serif!important;
}
body.v20-ui .scouting-work-main>em{
display:block!important;
margin-top:.2cqw!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:#74808b!important;
font:700 .32cqw/1 Arial,sans-serif!important;
font-style:normal!important;
}
body.v20-ui .scouting-work-main>i{
display:block!important;
height:.22cqw!important;
margin-top:.38cqw!important;
overflow:hidden!important;
border-radius:99px!important;
background:#e7edf2!important;
}
body.v20-ui .scouting-work-main>i>b{
display:block!important;
height:100%!important;
border-radius:inherit!important;
background:linear-gradient(90deg,var(--vm-blue),var(--vm-teal))!important;
}
body.v20-ui .scouting-work-status{
min-width:0!important;
text-align:right!important;
}
body.v20-ui .scouting-work-status small,
body.v20-ui .scouting-work-status strong,
body.v20-ui .scouting-work-status em{display:block!important}
body.v20-ui .scouting-work-status small{color:#7b8792!important;font:900 .27cqw/1 Arial,sans-serif!important;letter-spacing:.07em!important}
body.v20-ui .scouting-work-status strong{margin-top:.22cqw!important;color:var(--vm-blue)!important;font:900 .5cqw/1 Arial,sans-serif!important}
body.v20-ui .scouting-work-status em{margin-top:.18cqw!important;color:#75818d!important;font:700 .29cqw/1 Arial,sans-serif!important;font-style:normal!important}
body.v20-ui .scouting-work-card.is-complete .scouting-work-status strong{color:#167f83!important}
body.v20-ui .scouting-empty-state{
display:grid!important;
place-items:center!important;
min-height:4.8cqw!important;
padding:1cqw!important;
text-align:center!important;
background:#fff!important;
}
body.v20-ui .scouting-empty-state strong{color:var(--vm-text)!important;font:900 .43cqw/1 Arial,sans-serif!important;letter-spacing:.05em!important}
body.v20-ui .scouting-empty-state span{max-width:28cqw!important;margin-top:.28cqw!important;color:#78848f!important;font:700 .32cqw/1.4 Arial,sans-serif!important}
/* Loan rows: never allow a source badge image to dictate layout dimensions. */
body.v20-ui .living-loan-card{
grid-template-columns:3.1cqw minmax(0,1fr) 4.8cqw!important;
min-height:4.1cqw!important;
overflow:hidden!important;
}
body.v20-ui .living-loan-crest,
body.v20-ui .living-loan-card>div.living-loan-crest{
width:2.65cqw!important;
height:2.65cqw!important;
min-width:2.65cqw!important;
min-height:2.65cqw!important;
max-width:2.65cqw!important;
max-height:2.65cqw!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
border:1px solid #e0e6ec!important;
border-radius:.28cqw!important;
background:#f7f9fb!important;
}
body.v20-ui .living-loan-crest img,
body.v20-ui .living-loan-card>img{
position:static!important;
inset:auto!important;
display:block!important;
width:2.15cqw!important;
height:2.15cqw!important;
min-width:0!important;
min-height:0!important;
max-width:2.15cqw!important;
max-height:2.15cqw!important;
object-fit:contain!important;
object-position:center!important;
transform:none!important;
margin:0!important;
padding:0!important;
border:0!important;
clip-path:none!important;
}
/* Text-mode money fields intentionally accept k/m suffixes. */
body.v20-ui #offerAmount,
body.v20-ui #contractWage,
body.v20-ui #contractBonus,
body.v20-ui #renewWage,
body.v20-ui #livingCounterAmount,
body.v20-ui #livingAskingPrice{
font-variant-numeric:tabular-nums!important;
}
@media (max-width:900px){
body.v20-ui .scouting-command-strip{grid-template-columns:1fr!important}
body.v20-ui .scouting-work-card{grid-template-columns:3.6rem minmax(0,1fr)!important}
body.v20-ui .scouting-work-status{grid-column:2!important;text-align:left!important}
}
/* ========================================================================== */
/* V32 — CAREER ARCHIVE / THREE-SLOT SAVE SYSTEM */
/* ========================================================================== */
body.v20-ui .career-save-overlay{
position:fixed!important;
inset:0!important;
z-index:340!important;
padding:clamp(18px,3vh,38px)!important;
background:rgba(5,14,25,.72)!important;
backdrop-filter:blur(12px) saturate(.82)!important;
}
body.v20-ui .career-save-dialog{
width:min(1040px,94vw)!important;
max-height:min(760px,92vh)!important;
overflow:hidden!important;
display:grid!important;
grid-template-rows:auto minmax(0,1fr) auto!important;
border:1px solid #cbd7e2!important;
border-top:4px solid #29b8c3!important;
border-radius:18px!important;
background:#f7f9fc!important;
box-shadow:0 30px 90px rgba(0,14,31,.38)!important;
color:#152032!important;
}
body.v20-ui .career-save-dialog>header{
min-height:118px!important;
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:24px!important;
padding:24px 28px 22px!important;
border-bottom:1px solid #d8e1e9!important;
background:linear-gradient(118deg,#071e34 0%,#0c3456 61%,#105d78 100%)!important;
color:#fff!important;
}
body.v20-ui .career-save-dialog>header span{
display:block!important;
margin-bottom:8px!important;
color:#57d7dc!important;
font:900 11px/1 Arial,sans-serif!important;
letter-spacing:.19em!important;
}
body.v20-ui .career-save-dialog>header h2{
margin:0!important;
color:#fff!important;
font:900 clamp(24px,2.2vw,34px)/1 Arial,sans-serif!important;
letter-spacing:.025em!important;
}
body.v20-ui .career-save-dialog>header p{
max-width:720px!important;
margin:9px 0 0!important;
color:#c6d7e4!important;
font:700 13px/1.45 Arial,sans-serif!important;
}
body.v20-ui .career-save-close{
flex:0 0 46px!important;
width:46px!important;
height:46px!important;
display:grid!important;
place-items:center!important;
padding:0!important;
border:1px solid rgba(102,224,230,.5)!important;
border-radius:50%!important;
background:rgba(0,11,22,.34)!important;
color:#fff!important;
font:400 30px/1 Arial,sans-serif!important;
cursor:pointer!important;
}
body.v20-ui .career-save-close:hover{background:rgba(44,192,200,.22)!important;border-color:#55d9df!important}
body.v20-ui .career-save-dialog>main{
min-height:0!important;
overflow:auto!important;
overscroll-behavior:contain!important;
padding:20px 22px!important;
display:flex!important;
flex-direction:column!important;
align-content:start!important;
gap:12px!important;
scrollbar-gutter:stable!important;
}
body.v20-ui .career-save-slot{
position:relative!important;
min-height:132px!important;
flex-shrink:0!important;
display:grid!important;
grid-template-columns:72px 72px minmax(0,1fr) 160px!important;
align-items:center!important;
gap:18px!important;
padding:16px 18px!important;
overflow:hidden!important;
border:1px solid #d6e0e9!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:0 4px 16px rgba(31,54,78,.055)!important;
}
body.v20-ui .career-save-slot:hover{border-color:#b9cedd!important;box-shadow:0 8px 24px rgba(31,54,78,.09)!important}
body.v20-ui .career-save-slot.is-active-slot{box-shadow:inset 4px 0 0 #2bbac1,0 4px 16px rgba(31,54,78,.07)!important}
body.v20-ui .career-save-slot.is-empty{background:#fbfcfe!important;border-style:dashed!important}
body.v20-ui .career-save-slot.is-corrupt{border-color:#e9c6c6!important;background:#fffafa!important}
body.v20-ui .career-save-slot-index{
align-self:stretch!important;
display:grid!important;
place-content:center!important;
text-align:center!important;
border-right:1px solid #e1e8ef!important;
}
body.v20-ui .career-save-slot-index span{color:#8995a3!important;font:900 9px/1 Arial,sans-serif!important;letter-spacing:.16em!important}
body.v20-ui .career-save-slot-index strong{margin-top:7px!important;color:#0a3156!important;font:900 31px/1 Arial,sans-serif!important}
body.v20-ui .career-save-crest{
width:68px!important;
height:68px!important;
min-width:68px!important;
min-height:68px!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
border:1px solid #d9e3eb!important;
border-radius:10px!important;
background:#f5f8fb!important;
}
body.v20-ui .career-save-crest img{display:block!important;width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;object-fit:contain!important;position:static!important;transform:none!important}
body.v20-ui .career-save-crest>b{color:#778493!important;font:900 10px/1 Arial,sans-serif!important;letter-spacing:.12em!important}
body.v20-ui .career-save-copy{min-width:0!important}
body.v20-ui .career-save-copy>span,
body.v20-ui .career-save-empty-copy>span{display:block!important;color:#178d98!important;font:900 9px/1 Arial,sans-serif!important;letter-spacing:.14em!important}
body.v20-ui .career-save-copy h3,
body.v20-ui .career-save-empty-copy h3{margin:7px 0 6px!important;color:#151e2d!important;font:900 21px/1.08 Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.v20-ui .career-save-copy p,
body.v20-ui .career-save-empty-copy p{margin:0!important;color:#697684!important;font:700 12px/1.35 Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.v20-ui .career-save-meta{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 16px!important;margin-top:12px!important}
body.v20-ui .career-save-meta b{color:#0d4fa7!important;font:900 10px/1 Arial,sans-serif!important;letter-spacing:.04em!important}
body.v20-ui .career-save-meta small{color:#8a95a0!important;font:800 9px/1 Arial,sans-serif!important;letter-spacing:.05em!important}
body.v20-ui .career-save-empty-copy{grid-column:2/4!important;min-width:0!important}
body.v20-ui .career-save-actions{display:grid!important;gap:8px!important;align-content:center!important}
body.v20-ui .career-save-actions button,
body.v20-ui .career-save-confirm button,
body.v20-ui .career-save-dialog>footer button{
min-height:40px!important;
padding:0 14px!important;
border:1px solid #cbd7e3!important;
border-radius:7px!important;
background:#fff!important;
color:#324154!important;
font:900 10px/1 Arial,sans-serif!important;
letter-spacing:.055em!important;
cursor:pointer!important;
}
body.v20-ui .career-save-actions button.is-primary{border-color:#194cac!important;background:linear-gradient(180deg,#245dc3,#174ba9)!important;color:#fff!important;box-shadow:0 6px 14px rgba(23,75,169,.18)!important}
body.v20-ui .career-save-actions button.is-primary:hover{filter:brightness(1.07)!important}
body.v20-ui .career-save-actions button.is-danger{border-color:#e0bcbc!important;color:#9f3434!important;background:#fff!important}
body.v20-ui .career-save-actions button.is-danger:hover{background:#fff3f3!important;border-color:#d99797!important}
body.v20-ui .career-save-empty-tag{display:grid!important;place-items:center!important;min-height:40px!important;border:1px dashed #d2dce5!important;border-radius:7px!important;color:#97a3af!important;font:900 10px/1 Arial,sans-serif!important;letter-spacing:.08em!important}
body.v20-ui .career-save-confirm{
grid-column:1/-1!important;
margin:2px -18px -16px!important;
padding:14px 18px!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto auto!important;
align-items:center!important;
gap:10px!important;
border-top:1px solid #ead4d4!important;
background:#fff7f7!important;
}
body.v20-ui .career-save-confirm>div{min-width:0!important}
body.v20-ui .career-save-confirm span{display:block!important;color:#ab4a4a!important;font:900 9px/1 Arial,sans-serif!important;letter-spacing:.12em!important}
body.v20-ui .career-save-confirm strong{display:block!important;margin-top:4px!important;color:#552828!important;font:900 13px/1.2 Arial,sans-serif!important}
body.v20-ui .career-save-confirm small{display:block!important;margin-top:3px!important;color:#8a6969!important;font:700 10px/1.3 Arial,sans-serif!important}
body.v20-ui .career-save-confirm button.is-danger-solid{border-color:#b74747!important;background:#b74747!important;color:#fff!important}
body.v20-ui .career-save-dialog>footer{
min-height:62px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:16px!important;
padding:11px 22px!important;
border-top:1px solid #d8e1e9!important;
background:#edf2f7!important;
}
body.v20-ui .career-save-dialog>footer span{color:#758291!important;font:900 9px/1.3 Arial,sans-serif!important;letter-spacing:.08em!important}
body.v20-ui .career-save-dialog>footer button{min-width:124px!important;border-color:#9fb6ca!important;color:#0c4b83!important;background:#f9fbfd!important}
@media (max-width:760px){
body.v20-ui .career-save-overlay{padding:10px!important}
body.v20-ui .career-save-dialog{width:100%!important;max-height:96vh!important;border-radius:12px!important}
body.v20-ui .career-save-dialog>header{padding:20px!important;min-height:104px!important}
body.v20-ui .career-save-slot{grid-template-columns:52px 56px minmax(0,1fr)!important;gap:12px!important;padding:14px!important}
body.v20-ui .career-save-slot-index strong{font-size:24px!important}
body.v20-ui .career-save-crest{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important}
body.v20-ui .career-save-crest img{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important}
body.v20-ui .career-save-actions{grid-column:2/4!important;grid-template-columns:1fr 1fr!important}
body.v20-ui .career-save-empty-copy{grid-column:2/4!important}
body.v20-ui .career-save-confirm{grid-template-columns:1fr 1fr!important;margin:2px -14px -14px!important;padding:12px 14px!important}
body.v20-ui .career-save-confirm>div{grid-column:1/-1!important}
body.v20-ui .career-save-dialog>footer{align-items:flex-start!important;flex-direction:column!important}
}
/* =========================================================
V33 — LIVING NEWSROOM / LONG-FORM EDITORIAL REBUILD
========================================================= */
body.v20-ui .vm-news-overlay{
padding:1.1cqw!important;
background:
radial-gradient(circle at 78% 18%,rgba(19,112,154,.18),transparent 28%),
radial-gradient(circle at 16% 84%,rgba(197,153,62,.12),transparent 24%),
rgba(2,8,15,.93)!important;
backdrop-filter:blur(10px) saturate(.75);
}
body.v20-ui .vm-news-shell{
width:min(96%,121cqw)!important;
height:min(93%,66cqw)!important;
grid-template-columns:24cqw minmax(0,1fr)!important;
background:#08111d!important;
border:1px solid rgba(150,186,210,.22);
border-radius:.55cqw!important;
box-shadow:0 2.4cqw 7cqw rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.05)!important;
}
body.v20-ui .vm-news-close{
position:fixed!important;right:2.35cqw!important;top:2.3cqw!important;width:2.75cqw!important;height:2.75cqw!important;
z-index:40!important;background:#071727!important;border:1px solid rgba(128,199,216,.54)!important;color:#eef9ff!important;
box-shadow:0 .45cqw 1.5cqw rgba(0,0,0,.35);font-size:1.25cqw!important;
}
body.v20-ui .vm-news-sidebar{
position:relative;
padding:1.15cqw .8cqw .75cqw!important;
background:
linear-gradient(180deg,rgba(7,28,49,.98),rgba(4,15,29,.99)),
#071526!important;
border-right:1px solid rgba(127,170,198,.16);
}
body.v20-ui .vm-news-sidebar:before{
content:"";position:absolute;left:0;right:0;top:0;height:.24cqw;background:linear-gradient(90deg,#35d0d6,#2b7cc5 58%,#d3ae54);
}
body.v20-ui .vm-news-sidebar-head{padding:.25cqw .35cqw .75cqw;border-bottom:1px solid rgba(255,255,255,.1)}
body.v20-ui .vm-news-sidebar-head span{color:#59dbe0!important;font-size:.36cqw!important;letter-spacing:.22em!important}
body.v20-ui .vm-news-sidebar-head strong{font-size:1.08cqw!important;margin-top:.32cqw!important;letter-spacing:.025em!important}
body.v20-ui .vm-news-sidebar-head small{max-width:18cqw;color:#89a2b5!important;font-size:.34cqw!important;line-height:1.55!important}
body.v20-ui .vm-news-story-list{gap:.48cqw!important;padding:.1cqw .18cqw .8cqw .05cqw!important;scrollbar-width:thin;scrollbar-color:#31506a transparent}
body.v20-ui .vm-news-list-item{
position:relative;overflow:hidden;min-height:6.5cqw;padding:.72cqw .74cqw .68cqw .84cqw!important;
border:1px solid rgba(164,194,217,.13)!important;border-radius:.32cqw!important;
background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018))!important;
box-shadow:none!important;
}
body.v20-ui .vm-news-list-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.14cqw;background:transparent;transition:.18s}
body.v20-ui .vm-news-list-item:hover{transform:translateX(.12cqw)!important;background:linear-gradient(145deg,rgba(50,115,162,.22),rgba(255,255,255,.035))!important}
body.v20-ui .vm-news-list-item.is-selected{
background:linear-gradient(145deg,rgba(17,91,139,.58),rgba(9,40,70,.72))!important;
border-color:rgba(93,207,216,.32)!important;box-shadow:0 .45cqw 1.2cqw rgba(0,0,0,.2)!important;
}
body.v20-ui .vm-news-list-item.is-selected:before{background:linear-gradient(180deg,#58e6df,#d3b15d)}
body.v20-ui .vm-news-list-top b{color:#5ce4df!important;font-size:.33cqw!important}
body.v20-ui .vm-news-list-top small{color:#8297aa!important;font-size:.28cqw!important}
body.v20-ui .vm-news-list-item strong{font-size:.49cqw!important;line-height:1.23!important;margin-top:.36cqw!important}
body.v20-ui .vm-news-list-item p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#91a7b9!important;font-size:.31cqw!important;line-height:1.45!important}
body.v20-ui .vm-news-list-readtime{display:block;margin-top:.42cqw;color:#d6b765;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.11em}
body.v20-ui .vm-news-feature{
padding:0!important;overflow:auto!important;
background:
radial-gradient(circle at 75% 5%,rgba(31,111,151,.13),transparent 28%),
linear-gradient(180deg,#07111e,#0a1421 50%,#07101b)!important;
scrollbar-width:thin;scrollbar-color:#385a72 #091421;
}
body.v20-ui .vm-news-paper.v33-editorial{
min-height:100%;border:0!important;border-radius:0!important;background:transparent!important;color:#dfe9f0!important;box-shadow:none!important;overflow:visible!important;
}
body.v20-ui .v33-editorial .vm-news-masthead{
position:sticky;top:0;z-index:6;min-height:5.1cqw;padding:.78cqw 1.5cqw .72cqw!important;
align-items:center!important;background:rgba(5,16,29,.94)!important;border-bottom:1px solid rgba(144,181,207,.18)!important;
backdrop-filter:blur(14px);
}
body.v20-ui .v33-editorial .vm-news-brand-lockup span{color:#5ce2df!important;font-size:.28cqw!important;letter-spacing:.2em!important}
body.v20-ui .v33-editorial .vm-news-brand-lockup h1{margin:.18cqw 0 0!important;color:#f6f8fa!important;font:900 1.22cqw/1 Arial,sans-serif!important;letter-spacing:.015em!important}
body.v20-ui .v33-editorial .vm-news-brand-lockup small{color:#738ca0!important;font-size:.31cqw!important}
body.v20-ui .v33-editorial .vm-news-edition{padding-right:2.5cqw!important}
body.v20-ui .v33-editorial .vm-news-edition b{color:#d4b75f;font-size:.32cqw!important}
body.v20-ui .v33-editorial .vm-news-edition span{color:#98aebe!important;font-size:.28cqw!important}
body.v20-ui .v33-editorial .vm-news-edition small{display:block;margin-top:.22cqw;color:#597287;font:900 .25cqw/1 Arial,sans-serif;letter-spacing:.11em}
body.v20-ui .v33-editorial .vm-news-cinema{
position:relative;min-height:25.5cqw;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18cqw,.65fr);align-items:stretch;overflow:hidden;
border-bottom:1px solid rgba(118,164,195,.18);background:#071829;
}
body.v20-ui .v33-editorial .vm-news-cinema-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.08) brightness(.46);transform:scale(1.015)}
body.v20-ui .v33-editorial .vm-news-cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,24,.98) 0%,rgba(4,13,24,.88) 37%,rgba(4,13,24,.42) 68%,rgba(4,13,24,.72) 100%),linear-gradient(0deg,#07111d 0%,transparent 38%)}
body.v20-ui .v33-editorial .vm-news-cinema-copy{position:relative;z-index:2;align-self:center;padding:2.1cqw 1.5cqw 2cqw 2cqw;max-width:58cqw}
body.v20-ui .v33-editorial .vm-news-kickers{gap:.38cqw!important}
body.v20-ui .v33-editorial .vm-news-chip{min-height:1.2cqw!important;padding:0 .5cqw!important;border-radius:.14cqw!important;background:#0e6f84!important;color:#e9ffff!important;font-size:.29cqw!important}
body.v20-ui .v33-editorial .vm-news-chip.is-alt{background:rgba(13,30,47,.86)!important;color:#a9c0d1!important;border-color:rgba(157,191,215,.25)!important}
body.v20-ui .v33-editorial .vm-news-chip.is-source{background:rgba(155,118,36,.2)!important;color:#ead28b!important;border-color:rgba(216,178,79,.35)!important}
body.v20-ui .v33-editorial .vm-news-cinema-copy h2{max-width:55cqw;margin:.78cqw 0 0!important;color:#fff!important;font:900 2.35cqw/.96 Arial,sans-serif!important;letter-spacing:-.028em;text-wrap:balance;text-shadow:0 .12cqw .75cqw #000}
body.v20-ui .v33-editorial .vm-news-deck{max-width:46cqw;margin:.8cqw 0 0!important;color:#b7cad6!important;font:600 .53cqw/1.58 Arial,sans-serif!important}
body.v20-ui .v33-editorial .vm-news-byline{max-width:43cqw;margin-top:1.15cqw!important;padding-top:.85cqw!important;border-top:1px solid rgba(180,207,224,.18)!important}
body.v20-ui .v33-editorial .vm-news-reporter-avatar{width:3.65cqw!important;height:3.65cqw!important;background:rgba(4,19,31,.72)!important;border-color:rgba(112,184,202,.35)!important}
body.v20-ui .v33-editorial .vm-news-byline strong{color:#f2f6f8!important;font-size:.46cqw!important}
body.v20-ui .v33-editorial .vm-news-byline span{color:#84a4b8!important;font-size:.31cqw!important}
body.v20-ui .v33-editorial .vm-news-byline small{color:#5f7a8e!important;font-size:.25cqw!important}
body.v20-ui .v33-editorial .vm-news-subject-stage{position:relative;z-index:2;display:grid;place-items:end center;min-width:0;padding:1.2cqw 1.5cqw 0}
body.v20-ui .v33-editorial .vm-news-subject-stage .vm-news-subject-glow{position:absolute;left:10%;right:10%;bottom:8%;height:56%;border-radius:50%;background:radial-gradient(circle,rgba(59,199,204,.24),transparent 66%);filter:blur(1.2cqw)}
body.v20-ui .v33-editorial .vm-news-subject-stage>.smart-avatar,body.v20-ui .v33-editorial .vm-news-subject-stage>.fitted-shield,body.v20-ui .v33-editorial .vm-news-subject-stage>img{position:relative;z-index:2;width:100%!important;height:88%!important;max-height:22cqw!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 .8cqw 1cqw rgba(0,0,0,.68))}
body.v20-ui .v33-editorial .vm-news-subject-stage>.fitted-shield img{width:100%;height:100%;object-fit:contain}
body.v20-ui .v33-editorial .vm-news-subject-stage>span{position:absolute;z-index:3;right:1.4cqw;bottom:1cqw;padding:.3cqw .5cqw;border-left:.15cqw solid #d5b65c;background:rgba(3,15,26,.82);color:#e9f1f5;font:900 .34cqw/1.2 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
body.v20-ui .v33-editorial .vm-news-hero-placeholder{position:relative;z-index:2;align-self:center;color:#7f9aae;font:900 1cqw/1 Arial,sans-serif}
body.v20-ui .v33-editorial .vm-news-ticker{min-height:2.35cqw;display:flex;align-items:center;gap:.6cqw;padding:0 1.55cqw;background:#0b2134;border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(115,164,195,.15);font-family:Arial,sans-serif}
body.v20-ui .v33-editorial .vm-news-ticker span{color:#57dbdc;font:900 .28cqw/1 Arial,sans-serif;letter-spacing:.16em}
body.v20-ui .v33-editorial .vm-news-ticker b,body.v20-ui .v33-editorial .vm-news-ticker strong{color:#afc4d2;font-size:.3cqw;letter-spacing:.07em}
body.v20-ui .v33-editorial .vm-news-ticker em{margin-left:auto;color:#d6b960;font:900 .29cqw/1 Arial,sans-serif;font-style:normal;letter-spacing:.12em}
body.v20-ui .v33-editorial .vm-news-ticker i{width:.22cqw;height:.22cqw;border-radius:50%;background:#48677e}
body.v20-ui .v33-editorial .vm-news-content{grid-template-columns:minmax(0,1fr) 15.5cqw!important;gap:1.7cqw!important;padding:2cqw 2cqw 3cqw!important;background:linear-gradient(180deg,rgba(8,20,33,.98),#07111d)!important}
body.v20-ui .v33-editorial .vm-news-article-body{display:block!important;max-width:61cqw;color:#dce7ed!important}
body.v20-ui .v33-editorial .vm-news-copy-section{position:relative;padding:0 0 1.8cqw;margin-bottom:1.7cqw;border-bottom:1px solid rgba(124,161,186,.15)}
body.v20-ui .v33-editorial .vm-news-copy-section:last-of-type{border-bottom:0}
body.v20-ui .v33-editorial .vm-news-section-label{display:flex;align-items:center;gap:.58cqw;margin:0 0 .82cqw;font-family:Arial,sans-serif}
body.v20-ui .v33-editorial .vm-news-section-label span{display:grid;place-items:center;width:1.5cqw;height:1.5cqw;border-radius:50%;background:#102d43;color:#55d5d6;font:900 .31cqw/1 Arial,sans-serif;border:1px solid rgba(82,205,208,.22)}
body.v20-ui .v33-editorial .vm-news-section-label b{color:#d5b85f;font:900 .34cqw/1 Arial,sans-serif;letter-spacing:.16em}
body.v20-ui .v33-editorial .vm-news-article-body p{max-width:55cqw;margin:0 0 1.05cqw!important;color:#b9c9d3!important;font:500 .54cqw/1.82 Georgia,'Times New Roman',serif!important;letter-spacing:.006em}
body.v20-ui .v33-editorial .vm-news-article-body p.is-lead{max-width:57cqw;color:#f0f5f7!important;font-size:.66cqw!important;line-height:1.68!important;font-weight:600!important}
body.v20-ui .v33-editorial .vm-news-article-body p.is-lead:first-letter{float:left;margin:.11cqw .18cqw 0 0;color:#5edfe0;font:900 2.05cqw/.78 Georgia,serif}
body.v20-ui .v33-editorial .vm-news-article-end{display:flex;align-items:center;justify-content:space-between;gap:1cqw;margin-top:2.2cqw;padding:1cqw 0;border-top:1px solid rgba(203,173,85,.32)}
body.v20-ui .v33-editorial .vm-news-article-end span{color:#d7b95f;font:900 .3cqw/1 Arial,sans-serif;letter-spacing:.18em}
body.v20-ui .v33-editorial .vm-news-article-end strong{color:#6f899b;font:800 .3cqw/1 Arial,sans-serif;letter-spacing:.07em}
body.v20-ui .v33-editorial .vm-news-sidebar-notes{position:sticky;top:6cqw;align-self:start;gap:.65cqw!important}
body.v20-ui .v33-editorial .vm-news-side-title{padding:.8cqw .8cqw .7cqw;border-top:.14cqw solid #52d7d7;background:linear-gradient(180deg,#0d293e,#0a2032)}
body.v20-ui .v33-editorial .vm-news-side-title span{display:block;color:#69dfe0;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.16em}
body.v20-ui .v33-editorial .vm-news-side-title strong{display:block;margin-top:.22cqw;color:#f3f7f8;font:900 .57cqw/1.1 Arial,sans-serif}
body.v20-ui .v33-editorial .vm-news-fact-list{list-style:none;margin:0;padding:.65cqw .78cqw;background:#091d2e;border:1px solid rgba(133,170,195,.15)}
body.v20-ui .v33-editorial .vm-news-fact-list li{position:relative;padding:.43cqw 0 .43cqw .78cqw;border-bottom:1px solid rgba(255,255,255,.06);color:#adc0cc;font:700 .34cqw/1.45 Arial,sans-serif}
body.v20-ui .v33-editorial .vm-news-fact-list li:last-child{border-bottom:0}
body.v20-ui .v33-editorial .vm-news-fact-list li:before{content:"";position:absolute;left:0;top:.69cqw;width:.28cqw;height:.28cqw;border-radius:50%;background:#d3b355}
body.v20-ui .v33-editorial .vm-news-note{border:1px solid rgba(131,167,191,.14)!important;border-radius:.16cqw!important;background:#091b2b!important;padding:.65cqw .72cqw!important}
body.v20-ui .v33-editorial .vm-news-note span{color:#5d788d!important;font-size:.26cqw!important}
body.v20-ui .v33-editorial .vm-news-note strong{color:#dce6ec!important;font-size:.41cqw!important}
body.v20-ui .v33-editorial .vm-news-note small{display:block;margin-top:.22cqw;color:#657e90;font:600 .28cqw/1.4 Arial,sans-serif}
body.v20-ui .v33-editorial .vm-news-related{padding:.68cqw .72cqw;background:#091b2b;border:1px solid rgba(131,167,191,.14)}
body.v20-ui .v33-editorial .vm-news-related>span:first-child{display:block;margin-bottom:.35cqw;color:#5d788d;font:900 .26cqw/1 Arial,sans-serif;letter-spacing:.13em}
body.v20-ui .v33-editorial .vm-news-related>span:not(:first-child){display:inline-flex;margin:.14cqw .12cqw .05cqw 0;padding:.28cqw .4cqw;background:#102b40;color:#abc2d0;font:800 .29cqw/1 Arial,sans-serif}
body.v20-ui .v33-editorial .vm-news-keyline{padding:.85cqw .8cqw;background:linear-gradient(145deg,rgba(112,84,28,.24),rgba(13,28,42,.86));border-left:.18cqw solid #d5b45a}
body.v20-ui .v33-editorial .vm-news-keyline span{color:#d8ba65;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.15em}
body.v20-ui .v33-editorial .vm-news-keyline p{margin:.42cqw 0 0;color:#e5e9e8;font:italic 600 .4cqw/1.55 Georgia,serif}
body.v20-ui .v33-editorial.is-tabloid .vm-news-cinema-copy h2{font-size:2.62cqw!important;text-transform:uppercase}
body.v20-ui .v33-editorial.is-tabloid .vm-news-section-label b{color:#e57268}
body.v20-ui .v33-editorial.is-tabloid .vm-news-section-label span{color:#ff8d84;background:#3b171a;border-color:#7a3032}
body.v20-ui .v33-editorial.is-broadcast .vm-news-section-label b{color:#69a8ff}
body.v20-ui .v33-editorial.is-broadcast .vm-news-cinema{box-shadow:inset 0 -.18cqw #2f77d8}
body.v20-ui .v33-editorial.is-journal .vm-news-section-label b{color:#61cfca}
body.v20-ui .v33-editorial.is-broadsheet .vm-news-section-label b{color:#d5b85f}
@media (max-aspect-ratio: 4/3){
body.v20-ui .vm-news-shell{grid-template-columns:1fr!important;height:95%!important}
body.v20-ui .vm-news-sidebar{display:none!important}
body.v20-ui .v33-editorial .vm-news-cinema{grid-template-columns:1fr!important;min-height:31cqw}
body.v20-ui .v33-editorial .vm-news-subject-stage{position:absolute;right:0;bottom:0;width:36%;height:78%;opacity:.42;pointer-events:none}
body.v20-ui .v33-editorial .vm-news-cinema-copy{max-width:82%;padding-right:1cqw}
body.v20-ui .v33-editorial .vm-news-content{grid-template-columns:1fr!important}
body.v20-ui .v33-editorial .vm-news-sidebar-notes{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
body.v20-ui .v33-editorial .vm-news-article-body p{max-width:none!important}
}
/* ============================================================
V89 — Unified viewport and accessibility contract
The game frame is the only desktop coordinate system. Feature
scenes must size themselves from this frame, never from 100vw.
============================================================ */
html,body{width:100%;min-width:0;height:100%;min-height:100%;overflow:hidden;background:#020b12}
.app-root{
width:100vw;
height:100vh;
height:100svh;
min-height:100svh;
padding:max(0px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) max(0px,env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left));
display:grid;
place-items:center;
overflow:hidden;
}
.game-frame{
--vm-safe-inline:max(12px,1.25cqw);
--vm-safe-block:max(10px,1cqh);
width:min(100vw,calc(100svh * 16 / 9));
height:min(100svh,calc(100vw * 9 / 16));
max-width:100vw;
max-height:100svh;
aspect-ratio:16/9;
container-type:size;
container-name:velmora-frame;
flex:none;
isolation:isolate;
}
html[data-vm-reduced-motion="true"] *,
html[data-vm-reduced-motion="true"] *::before,
html[data-vm-reduced-motion="true"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
#uiScaleValue{justify-self:end;color:#91aeb8;font:800 11px/1 Arial,sans-serif;letter-spacing:.08em}
@media (orientation:portrait) and (max-width:760px){
html,body{overflow:auto}
.app-root{display:block;width:100%;height:auto;min-height:100svh;padding:0;overflow:visible}
.game-frame{width:100%;height:100svh;min-height:100svh;max-width:none;max-height:none;aspect-ratio:auto;overflow:auto;container-type:inline-size}
}
/* V105 · Attribute tracks use the playable 40–94 range and mark 65 as the senior benchmark. */
.profile-stat>div{position:relative}
.profile-stat>div::after{content:"";position:absolute;z-index:2;left:46%;top:-2px;bottom:-2px;width:1px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(10,28,44,.22);pointer-events:none}
.profile-stat.is-developing i{background:linear-gradient(90deg,#a95d35,#d98a45)!important}
.profile-stat.is-solid i{background:linear-gradient(90deg,#276da8,#419ed0)!important}
.profile-stat.is-strong i{background:linear-gradient(90deg,#177e7b,#40bbb0)!important}
.profile-stat.is-elite i{background:linear-gradient(90deg,#a87b20,#e0bd55)!important}
/* V105 · Compact career screens retain their authored side-by-side composition. */
.fw-training-choices{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.v20-ui #officeBoardPane .office-objective-card:is(.is-pending,.is-not-started) .office-objective-progress>div{
background:repeating-linear-gradient(135deg,#edf2f6 0,#edf2f6 7px,#e3eaf0 7px,#e3eaf0 14px)!important
}
body.v20-ui #officeBoardPane .office-objective-card:is(.is-pending,.is-not-started) .office-objective-progress i{display:none!important}
body.v20-ui #officeBoardPane .office-objective-card:is(.is-pending,.is-not-started) .office-objective-progress strong{color:#718495!important;letter-spacing:.04em}
body.v20-ui .central-task-empty .central-quiet-actions{width:min(100%,14cqw);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.32cqw;margin-top:.36cqw}
body.v20-ui .central-task-empty .central-quiet-actions button{min-width:0;height:1.75cqw;padding:0 .3cqw;border:1px solid #cad8e5;border-radius:.3cqw;background:#fff;color:#315b82;font:900 .27cqw/1 Arial,sans-serif;letter-spacing:.035em;cursor:pointer}
body.v20-ui .central-task-empty .central-quiet-actions button:hover{border-color:#7fa7cc;background:#f2f7fc}
/* V105.1 - online manager deal terms.
A shared negotiation now carries a sell-on clause and can go back and
forth, so the offer builder needs a second field and the response panel
needs a state for "their revised package". */
body.v20-ui .offer-builder>label.offer-secondary-label{margin-top:.7cqw}
body.v20-ui .offer-control.offer-control-compact{grid-template-columns:minmax(0,1fr) auto;align-items:center}
body.v20-ui .offer-control.offer-control-compact input{text-align:center}
body.v20-ui .offer-control.offer-control-compact b{color:#89a7b2;font:800 .38cqw/1.2 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
body.v20-ui .offer-builder-note{display:block;margin-top:.6cqw;color:#6f8e9b;font:600 .34cqw/1.5 Arial,sans-serif;letter-spacing:.02em}
body.v20-ui .negotiation-round{display:block;margin-top:.45cqw;color:#d4bc7b;font:800 .34cqw/1 Arial,sans-serif;letter-spacing:.14em}
body.v20-ui .negotiation-response.is-counter{border-color:rgba(216,182,101,.5);background:linear-gradient(180deg,rgba(216,182,101,.12),rgba(8,37,50,.9))}
body.v20-ui .negotiation-response.is-counter>span{color:#e8c97c}