/* Common TEST theme. Existing routes, source values and controls are retained. */
html[data-vg-design="222"]{--d222-bg:#edf3f6;--d222-paper:#fff;--d222-soft:#f5f8fb;--d222-head:#eaf1f7;--d222-ink:#122745;--d222-muted:#637994;--d222-line:#d6e2ed;--d222-accent:#008b93;--d222-accent-soft:#e7f6f5;--ui-ink:var(--d222-ink);--ui-muted:var(--d222-muted);--ui-panel:var(--d222-paper);--ui-soft:var(--d222-soft);--ui-line:var(--d222-line);--vg-ink:var(--d222-ink);--vg-muted:var(--d222-muted);--vg-border:var(--d222-line);--vg-paper:var(--d222-paper);--vg-bg:var(--d222-bg);--bg:var(--d222-bg);--card:var(--d222-paper);--dark:var(--d222-ink);--muted:var(--d222-muted);--line:var(--d222-line)}
html[data-vg-design="222"][data-theme="dark"]{--d222-bg:#101a29;--d222-paper:#162438;--d222-soft:#1b2d43;--d222-head:#22374f;--d222-ink:#e4edf8;--d222-muted:#a5b7cd;--d222-line:#354b62;--d222-accent:#36c5c3;--d222-accent-soft:#163f48}
html[data-vg-design="222"] body{font:15px/1.6 'Segoe UI',Arial,sans-serif!important;background:var(--d222-bg)!important;color:var(--d222-ink)!important;margin:0}
html[data-vg-design="222"] body :is(h1,h2,h3,h4,p,span,small,b,strong,a,label,summary,button,input,select,textarea,td,th){font-family:'Segoe UI',Arial,sans-serif!important}
html[data-vg-design="222"] body :is(h1,h2,h3,h4){color:var(--d222-ink)!important;line-height:1.3!important;letter-spacing:-.025em}
html[data-vg-design="222"] body h1{font-size:28px!important;font-weight:700!important;margin:0 0 18px!important}
html[data-vg-design="222"] body h2{font-size:23px!important;font-weight:700!important;margin:0 0 14px!important}
html[data-vg-design="222"] body h3{font-size:18px!important;font-weight:650!important;margin:0 0 12px!important}
html[data-vg-design="222"] body p{font-size:14px!important;line-height:1.65!important;margin:8px 0 16px}
html[data-vg-design="222"] body :is(.muted,.hint,.help,.fi-auto-note,.ts-note,small){font-size:12px!important;line-height:1.6!important;color:var(--d222-muted)}
html[data-vg-design="222"] body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #20aab2!important;outline-offset:3px!important}
html[data-vg-design="222"] body .page.vg-page{max-width:1400px!important;width:100%;box-sizing:border-box;padding:28px 28px 48px!important;margin:0 auto!important;min-width:0}
html[data-vg-design="222"] body .page.vg-page>main{min-width:0!important;width:100%}
html[data-vg-design="222"] body .vg-site-header{background:var(--d222-paper)!important;border-bottom:1px solid var(--d222-line)!important;box-shadow:none!important;position:relative!important;z-index:20}
html[data-vg-design="222"] body .vg-topline{max-width:1400px!important;box-sizing:border-box;margin:auto!important;min-height:76px!important;padding:16px 28px!important;gap:20px!important;align-items:center!important}
html[data-vg-design="222"] body .vg-site-header .vg-brand{font-size:22px!important;line-height:1.25!important;gap:11px!important;color:var(--d222-ink)!important;text-decoration:none!important}
html[data-vg-design="222"] body .vg-site-header .vg-brand img{width:40px!important;height:40px!important;object-fit:contain!important;margin:0!important;flex:none;border-radius:9px!important}
html[data-vg-design="222"] body .vg-brand-copy{display:flex;flex-direction:column;gap:4px}.vg-brand-tagline{font-weight:400}
html[data-vg-design="222"] body .vg-brand-tagline{font-size:10px!important;color:var(--d222-muted)!important;line-height:1.35!important}
html[data-vg-design="222"] body .vg-header-tools{gap:9px!important;align-items:center!important}
html[data-vg-design="222"] body .vg-header-tools :is(select,button,.telegram-nav,.account-trigger){min-height:36px!important;font-size:12px!important;border-radius:7px!important}
html[data-vg-design="222"] body .vg-site-header .top .nav{max-width:1400px!important;box-sizing:border-box;margin:auto!important;padding:0 18px!important;gap:2px!important;align-items:center!important}
html[data-vg-design="222"] body .vg-site-header .top .nav>a,html[data-vg-design="222"] body .vg-site-header .top .nav-premium>button{font-size:13px!important;line-height:1.45!important;padding:13px 10px!important;font-weight:500!important;color:var(--d222-ink)!important;background:transparent!important;border-radius:0!important;min-height:46px!important}
html[data-vg-design="222"] body .vg-site-header .top .nav>a.on{color:var(--d222-accent)!important;border-bottom:3px solid var(--d222-accent)!important;font-weight:650!important}
html[data-vg-design="222"] body .vg-site-header .top .nav-premium.active>button{color:var(--d222-accent)!important}
html[data-vg-design="222"] body :is(.premium-menu,.account-menu){background:var(--d222-paper)!important;color:var(--d222-ink)!important;border:1px solid var(--d222-line)!important;border-radius:10px!important;box-shadow:0 12px 36px #102c4820!important;padding:8px!important}
html[data-vg-design="222"] body :is(.premium-menu,.account-menu)>a{font-size:14px!important;border-radius:6px!important;padding:10px 12px!important;color:var(--d222-ink)!important}
html[data-vg-design="222"] body :is(.premium-menu,.account-menu)>a:hover{background:var(--d222-accent-soft)!important}
html[data-vg-design="222"] body main :is(.card,.rating-card,.profile-card,.ts-card,.ts-hero,.scanner-card,.spot-card,.lab-card,.strategy-card){background:var(--d222-paper)!important;color:var(--d222-ink)!important;border:1px solid var(--d222-line)!important;border-radius:12px!important;box-shadow:0 8px 30px #19365305!important;padding:24px!important;min-width:0;box-sizing:border-box}
html[data-vg-design="222"] body main :is(.grid2,.grid4,.home-grid,.lab-grid){gap:18px!important;align-items:start!important}
html[data-vg-design="222"] body main :is(.card,.ts-card)>h2:not(:first-child){margin-top:24px!important}
html[data-vg-design="222"] body main :is(.filters,.mini-form,.fi-player-filters,.strategy-filters){background:var(--d222-soft)!important;border:1px solid var(--d222-line)!important;border-radius:9px!important;gap:12px!important;padding:16px!important;box-sizing:border-box;min-width:0;max-width:100%}
html[data-vg-design="222"] body main label{font-size:12px!important;line-height:1.5!important;color:var(--d222-muted)!important;min-width:0}
html[data-vg-design="222"] body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:14px!important;line-height:1.45!important;min-height:40px!important;padding:9px 11px!important;border:1px solid var(--d222-line)!important;background:var(--d222-paper)!important;color:var(--d222-ink)!important;border-radius:6px!important;box-sizing:border-box;max-width:100%}
html[data-vg-design="222"] body :is(input[type=checkbox],input[type=radio]){accent-color:var(--d222-accent);min-height:0!important;width:auto!important}
html[data-vg-design="222"] body :is(.btn,.bet-btn,.vg219-bet){border-radius:7px!important;font-size:14px!important;line-height:1.4!important;min-height:40px!important;background:#008b93!important;border:1px solid #008b93!important;color:#fff!important;box-shadow:none!important;padding:10px 15px!important}
html[data-vg-design="222"] body :is(.btn-danger,.btn.danger,.delete-btn){background:#ae324c!important;border-color:#ae324c!important}
html[data-vg-design="222"] body main :is(.mode-chip,.tabs>a,.ts-tabs>a,.roi-pill,.day-tabs>a){border:1px solid var(--d222-line)!important;border-radius:6px!important;background:var(--d222-paper)!important;color:var(--d222-ink)!important;font-size:13px!important;line-height:1.4!important;padding:8px 12px!important;text-decoration:none!important}
html[data-vg-design="222"] body main :is(.tabs>a.on,.mode-chip.on,.ts-tabs>a.selected,.day-tabs>a.on){background:var(--d222-accent-soft)!important;border-color:var(--d222-accent)!important;color:var(--d222-accent)!important}
html[data-vg-design="222"] body main table{font-variant-numeric:tabular-nums;line-height:1.5!important}
html[data-vg-design="222"] body main :is(th,td){font-size:13px!important;line-height:1.5!important;padding:11px 12px!important;border-color:var(--d222-line)!important;vertical-align:middle!important}
html[data-vg-design="222"] body main th{font-size:12px!important;font-weight:600!important;background:var(--d222-head)!important;color:var(--d222-ink)!important}
html[data-vg-design="222"] body main details{border:1px solid var(--d222-line)!important;border-radius:8px!important;background:var(--d222-paper)!important;margin:12px 0!important;min-width:0}
html[data-vg-design="222"] body main summary{padding:12px 14px!important;color:var(--d222-ink)!important;font-size:13px!important;line-height:1.5!important;font-weight:600!important;cursor:pointer}
html[data-vg-design="222"] body main details[open]>summary{border-bottom:1px solid var(--d222-line)!important;margin-bottom:12px!important}
html[data-vg-design="222"] body main :is(.notice,.vg219-notice,.tp-empty,.profile-empty,.ts-empty){border:1px solid var(--d222-line)!important;border-radius:8px!important;background:var(--d222-soft)!important;color:var(--d222-muted)!important;padding:16px!important;font-size:13px!important;line-height:1.6!important}
/* Actual overview classes; these previously had no stylesheet on this view. */
html[data-vg-design="222"] body .vg221-view[data-vg221-section="overview"]>h2:first-child{display:none}
html[data-vg-design="222"] body .vg221-view .fh-comparison{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:start!important;margin:18px 0!important}
html[data-vg-design="222"] body .vg221-view .fh-card{border:1px solid var(--d222-line)!important;border-radius:10px!important;padding:20px!important;background:var(--d222-paper)!important;min-width:0}
html[data-vg-design="222"] body .vg221-view .fh-card h3{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:18px!important;font-size:19px!important}
html[data-vg-design="222"] body .vg221-view .fh-card h3 :is(.inline-line,a){display:inline-flex!important;align-items:center!important;gap:10px!important}
html[data-vg-design="222"] body .vg221-view .fh-card h3 img{width:30px!important;height:34px!important;object-fit:contain!important;flex:none!important;margin:0!important}
html[data-vg-design="222"] body .vg221-view .fh-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html[data-vg-design="222"] body .vg221-view .fh-stat-card{display:flex!important;flex-direction:column!important;gap:5px!important;background:var(--d222-soft)!important;border-radius:7px!important;padding:12px!important;min-width:0}
html[data-vg-design="222"] body .vg221-view .fh-stat-card>span{font-size:12px!important;line-height:1.4!important;color:var(--d222-muted)!important}
html[data-vg-design="222"] body .vg221-view .fh-stat-card>b{display:block!important;font-size:19px!important;line-height:1.35!important;color:var(--d222-ink)!important;font-weight:650!important;overflow-wrap:anywhere}
html[data-vg-design="222"] body main table.vg222-comparison{width:100%!important;table-layout:fixed!important;min-width:0!important}
html[data-vg-design="222"] body main table.vg222-comparison :is(th,td){text-align:center!important;width:30%!important;overflow-wrap:anywhere!important}
html[data-vg-design="222"] body main table.vg222-comparison :is(th,td):nth-child(2){width:40%!important}
html[data-vg-design="222"] body main table.vg222-comparison tbody td:first-child,html[data-vg-design="222"] body main table.vg222-comparison tbody td:last-child{font-weight:650!important;font-size:15px!important}
html[data-vg-design="222"] body main .smart-trends-wrap{padding:20px!important;background:var(--d222-soft)!important;border:1px solid var(--d222-line)!important;border-radius:10px!important;margin-top:24px!important}
html[data-vg-design="222"] body main .smart-trends-grid{gap:16px!important;align-items:start!important}
html[data-vg-design="222"] body main .smart-trend-card{padding:18px!important;align-self:start!important;height:auto!important;min-height:0!important;background:var(--d222-paper)!important;border:1px solid var(--d222-line)!important;border-radius:9px!important}
html[data-vg-design="222"] body main .smart-trend-item{padding:12px 0!important;gap:12px!important;align-items:center!important}
html[data-vg-design="222"] body main .smart-trend-item b{font-size:14px!important;line-height:1.45!important}
html[data-vg-design="222"] body main :is(.smart-trend-note,.market-finder-meta){font-size:12px!important;line-height:1.6!important;margin-top:5px!important}
html[data-vg-design="222"] body main .smart-tag{max-width:100%;white-space:normal!important}
/* Players: responsive cards retain EVERY original cell, including details. */
html[data-vg-design="222"] body main .vg222-player-container{overflow:visible!important;max-width:100%!important;width:100%!important;min-width:0!important;border:0!important;margin:12px 0!important}
html[data-vg-design="222"] body main table.vg222-player-table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;border:0!important;background:transparent!important;border-collapse:separate!important}
html[data-vg-design="222"] body main table.vg222-player-table>thead{display:block!important;margin-bottom:14px!important}
html[data-vg-design="222"] body main table.vg222-player-table[data-vg222-sortable="false"]>thead{display:none!important}
html[data-vg-design="222"] body main table.vg222-player-table>thead>tr{display:flex!important;flex-wrap:wrap!important;gap:6px!important;background:transparent!important}
html[data-vg-design="222"] body main table.vg222-player-table>thead>tr>th{padding:0!important;border:0!important;width:auto!important;display:block!important;background:transparent!important}
html[data-vg-design="222"] body main table.vg222-player-table>thead>tr>th:not(:has(button)){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html[data-vg-design="222"] body main table.vg222-player-table>thead button{border:1px solid var(--d222-line)!important;background:var(--d222-paper)!important;color:var(--d222-ink)!important;border-radius:6px!important;padding:7px 10px!important;font-size:12px!important;min-height:34px!important;line-height:1.4!important}
html[data-vg-design="222"] body main table.vg222-player-table>tbody{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
html[data-vg-design="222"] body main table.vg222-player-table>tbody>tr{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;align-content:start!important;align-items:stretch!important;background:var(--d222-paper)!important;border:1px solid var(--d222-line)!important;border-radius:10px!important;min-width:0!important;overflow:clip;box-sizing:border-box!important}
html[data-vg-design="222"] body main table.vg222-player-table>tbody>tr>td{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:7px!important;padding:12px!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:auto!important;border:0!important;border-top:1px solid var(--d222-line)!important;background:transparent!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:13px!important;color:var(--d222-ink)!important;line-height:1.5!important}
html[data-vg-design="222"] body main table.vg222-player-table>tbody>tr>td::before{content:attr(data-vg222-label);display:block;color:var(--d222-muted);font-size:11px;font-weight:400;line-height:1.4}
html[data-vg-design="222"] body main table.vg222-player-table>tbody>tr>td[data-vg222-identity]{grid-column:1/-1!important;order:-1!important;background:var(--d222-soft)!important;border:0!important;padding:14px 16px!important;font-size:16px!important;font-weight:650!important}
html[data-vg-design="222"] body main table.vg222-player-table>tbody>tr>td[data-vg222-identity]::before{display:none}
html[data-vg-design="222"] body main table.vg222-player-table>tbody>tr>td[data-vg222-identity]>a{display:inline-flex!important;align-items:center!important;gap:9px!important;color:var(--d222-ink)!important;line-height:1.4!important;min-width:0!important;text-decoration:none!important}
html[data-vg-design="222"] body main table.vg222-player-table>tbody>tr>td[data-vg222-identity] :is(img,.vg-portrait){width:30px!important;height:34px!important;min-width:30px!important;object-fit:contain!important;flex:none!important;margin:0!important}
html[data-vg-design="222"] body main table.vg222-player-table>tbody>tr>td[data-vg222-details]{grid-column:1/-1!important;order:10!important;display:block!important;padding:0!important}
html[data-vg-design="222"] body main table.vg222-player-table>tbody>tr>td[data-vg222-details]::before{display:none}
html[data-vg-design="222"] body main table.vg222-player-table td[data-vg222-details]>details{margin:0!important;border:0!important;border-radius:0!important;min-width:0!important;width:100%!important}
html[data-vg-design="222"] body main table.vg222-player-table td :is(.fh-role-brief,.role-badge,.fh-chip){max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
html[data-vg-design="222"] body main table.vg222-player-table td details .profile-table{overflow:visible!important;min-width:0!important;width:100%!important;margin:10px 0!important}
html[data-vg-design="222"] body main table.vg222-player-table td details table{display:table!important;min-width:0!important;width:100%!important;table-layout:fixed!important}
html[data-vg-design="222"] body main table.vg222-player-table td details :is(td,th){font-size:11px!important;padding:7px 5px!important;overflow-wrap:anywhere!important;white-space:normal!important;min-width:0!important}
html[data-vg-design="222"] body .vg221-view[data-vg221-view="players"] .fh-module[data-lineup-hub]{grid-template-columns:minmax(0,1fr)!important}
html[data-vg-design="222"] body .vg221-view[data-vg221-view="players"] .fh-main{order:0!important}
html[data-vg-design="222"] body .vg221-view[data-vg221-view="players"] .fh-sidebar{order:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
html[data-vg-design="222"] body .vg221-view[data-vg221-view="players"] .fh-sidebar>h3,html[data-vg-design="222"] body .vg221-view[data-vg221-view="players"] .fh-sidebar>details{grid-column:1/-1!important}
@media(max-width:1100px){html[data-vg-design="222"] body .vg-topline{gap:12px!important;padding:14px 20px!important}html[data-vg-design="222"] body .vg-site-header .top .nav>a,html[data-vg-design="222"] body .vg-site-header .top .nav-premium>button{padding:12px 8px!important;font-size:12px!important}html[data-vg-design="222"] body main table.vg222-player-table>tbody{grid-template-columns:minmax(0,1fr)!important}html[data-vg-design="222"] body main table.vg222-player-table>tbody>tr{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){html[data-vg-design="222"] body{font-size:14px!important}html[data-vg-design="222"] body .page.vg-page{padding:18px 12px 32px!important}html[data-vg-design="222"] body .vg-topline{min-height:0!important;padding:14px 12px!important;gap:12px!important}html[data-vg-design="222"] body .vg-site-header .vg-brand{font-size:19px!important}html[data-vg-design="222"] body .vg-site-header .vg-brand img{width:35px!important;height:35px!important}html[data-vg-design="222"] body .vg-header-tools{flex-wrap:wrap!important;gap:7px!important}html[data-vg-design="222"] body .vg-site-header .top .nav{padding:0 6px!important}html[data-vg-design="222"] body main :is(.card,.rating-card,.profile-card,.ts-card,.ts-hero,.scanner-card,.lab-card,.strategy-card){padding:16px!important;border-radius:10px!important}html[data-vg-design="222"] body h1{font-size:24px!important}html[data-vg-design="222"] body h2{font-size:21px!important}html[data-vg-design="222"] body h3{font-size:17px!important}html[data-vg-design="222"] body main :is(th,td){padding:9px!important;font-size:12px!important}html[data-vg-design="222"] body .vg221-view .fh-comparison{grid-template-columns:1fr!important;gap:14px!important}html[data-vg-design="222"] body .vg221-view .fh-card{padding:16px!important}html[data-vg-design="222"] body .vg221-view .fh-stat-card>b{font-size:17px!important}html[data-vg-design="222"] body main .smart-trends-grid{grid-template-columns:1fr!important}html[data-vg-design="222"] body main .smart-trend-item{align-items:flex-start!important}html[data-vg-design="222"] body main table.vg222-player-table>tbody>tr{grid-template-columns:repeat(3,minmax(0,1fr))!important}html[data-vg-design="222"] body .vg221-view[data-vg221-view="players"] .fh-sidebar{grid-template-columns:1fr!important}}
@media(max-width:440px){html[data-vg-design="222"] body main table.vg222-player-table>tbody>tr{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-vg-design="222"] body main table.vg222-player-table>tbody>tr>td{padding:10px!important}html[data-vg-design="222"] body main table.vg222-player-table td details :is(td,th){font-size:10px!important;padding:6px 3px!important}}
html[data-vg-design="222"][data-theme="dark"] body .vg-match219,html[data-vg-design="222"][data-theme="dark"] body .vg-match219 :is(.vg219-hero,.vg219-content,.card,.tf-card,.vg221-view table,.vg221-view td,.vg221-view th,details,.vg220-charts>section){background:var(--d222-paper)!important;color:var(--d222-ink)!important;border-color:var(--d222-line)!important}
html[data-vg-design="222"][data-theme="dark"] body .vg-match219 :is(.vg219-team,.vg219-tabs>a,.vg219-context>a,details>summary){color:var(--d222-ink)!important}
html[data-vg-design="222"][data-theme="dark"] body .vg-match219 .vg221-view th{background:var(--d222-head)!important}
@media(prefers-reduced-motion:reduce){html[data-vg-design="222"] *{scroll-behavior:auto!important;transition:none!important}}
html[data-vg-design="222"] body main table.vg222-player-empty{min-width:0!important;width:100%!important;table-layout:fixed!important}
html[data-vg-design="222"] body main table.vg222-player-empty>thead{display:none}
html[data-vg-design="222"] body main table.vg222-player-table td details[open]{min-width:0!important;max-width:100%!important}
html[data-vg-design="222"] body .vg-header-tools :is(label,.vg-control-label){color:var(--d222-muted)!important;font-size:11px!important}
html[data-vg-design="222"] body main table.vg222-comparison :is(th,td){width:auto!important}
html[data-vg-design="222"] body main table.vg222-comparison thead>tr:first-child>th:first-child,html[data-vg-design="222"] body main table.vg222-comparison thead>tr:first-child>th:last-child{width:30%!important}
html[data-vg-design="222"] body main table.vg222-comparison thead>tr:first-child>th:nth-child(2){width:40%!important}
/* Existing mobile wrapper may add league-table widths to a player list with club links. */
html[data-vg-design="222"] body main .vg-mobile-scroll>table.vg222-player-table,html[data-vg-design="222"] body main .vg-mobile-scroll>table.vg222-player-empty{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important}
html[data-vg-design="222"] body main .vg-mobile-scroll>table.vg222-player-table>tbody>tr>td{width:auto!important;min-width:0!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}
html[data-vg-design="222"] body main .vg-mobile-scroll.vg222-player-container::after{display:none!important;content:none!important}