/* Mobile presentation only. No desktop data, price or permission rules. */
.vg-mobile-menu-trigger{display:none}
@media(max-width:767px){
 html{scroll-padding-top:12px}
 body{min-width:0!important;width:100%;-webkit-text-size-adjust:100%}
 html body .page.vg-page{display:block!important;width:100%;max-width:100%;padding:14px 10px calc(74px + env(safe-area-inset-bottom,0px))!important}
 html body .page.vg-page>main{min-width:0;width:100%;max-width:100%}
 html body :is(.card,.rating-card,.profile-card,.ts-card,.lab-section,.tariff-card,.tariff-block){padding:14px!important;min-width:0;max-width:100%}
 html body h1{font-size:23px;line-height:1.3}html body h2{font-size:19px;line-height:1.4}html body h3{font-size:17px}
 html body :is(p,h1,h2,h3,h4,.notice,.muted,.team-line,.inline-line){overflow-wrap:anywhere}
 html body :is(.filters,.scanner-toolbar,.roi-toolbar,.lab-selectors,.strategy-grid,.strategy-odds-row,.grid2,.profile-wallet){grid-template-columns:minmax(0,1fr)!important;min-width:0}
 html body :is(.grid4,.summary-line,.rating-metrics,.lab-kpi-strip){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-width:0}
 html body :is(.grid4,.grid2,.summary-line,.rating-metrics)>*{min-width:0}
 html body :is(.filters,.auth-form,.lab-section,.bet-box) label{min-width:0;max-width:100%}
 html body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),html body select,html body textarea{font-size:16px!important;min-height:44px;max-width:100%;min-width:0;box-sizing:border-box}
 html body :is(.btn,.bet-btn,.mode-chip,.lab-action,.profile-strategy-links a){min-height:44px;box-sizing:border-box;max-width:100%;white-space:normal;line-height:1.35}
 html body .vg-site-header{position:static!important;max-width:100%;z-index:50}
 html body .vg-site-header .vg-topline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px!important;min-height:0}
 html body .vg-site-header .vg-brand{grid-column:1;grid-row:1;min-width:0;max-width:100%;font-size:17px!important;gap:8px;white-space:normal;flex-shrink:1}
 html body .vg-site-header .vg-brand img{width:34px;height:34px;flex:0 0 34px}
 html body .vg-site-header .vg-brand-copy{min-width:0}.vg-brand-tagline{line-height:1.35!important}
 html.vg-mobile-ready body .vg-mobile-menu-trigger{display:inline-flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:74px;padding:8px 10px;border:1px solid var(--ui-line,#cbdcd5);border-radius:8px;background:var(--ui-panel,#fff);color:var(--ui-ink,#183b38);font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer}
 .vg-mobile-menu-icon{font-size:21px;line-height:1}
 html body .vg-site-header .vg-header-tools{grid-column:1/-1;grid-row:2;display:flex;position:relative;width:100%;min-width:0;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}
 html body .vg-site-header .vg-preferences{min-width:0;gap:6px;max-width:100%;flex-wrap:wrap}
 html body .vg-site-header .vg-preferences label{min-width:0;margin:0}
 html body .vg-site-header .vg-preferences select{min-height:44px;max-width:105px;font-size:16px!important;padding:8px 20px 8px 7px}
 html body .vg-site-header .account-nav{min-width:0;max-width:100%;margin-left:0;font-size:14px;white-space:normal}
 html body .vg-site-header .profile-menu summary{min-height:44px;box-sizing:border-box}
 html body .vg-site-header .account-name{max-width:112px}
 html body .vg-site-header .profile-menu{position:static}
 html body .vg-site-header .profile-menu>div{top:calc(100% + 6px);right:0;left:auto;width:min(300px,calc(100vw - 24px));max-width:calc(100vw - 24px);min-width:0;z-index:65}
 html body .vg-site-header .profile-menu>div :is(a,button){min-height:44px;display:flex;align-items:center;line-height:1.4}
 html.vg-mobile-ready body .vg-site-header .vg-navband:not(.vg-mobile-open){display:none!important}
 html body .vg-site-header .top .nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px 10px 12px!important;gap:5px!important;max-width:100%;width:100%;overflow:visible}
 html body .vg-site-header .top .nav>a,html body .vg-site-header .top .nav-premium>button{min-width:0;min-height:44px;padding:10px 8px!important;font-size:13px!important;white-space:normal!important;border-radius:7px!important;text-align:left;justify-content:flex-start}
 html body .vg-site-header .top .nav-premium{grid-column:1/-1;display:flex;flex-direction:column;min-width:0;width:100%}
 html body .vg-site-header .top .nav-premium>button{width:100%}
 html body .vg-site-header .top .nav-premium .premium-menu{position:static!important;left:auto!important;right:auto!important;min-width:0;width:100%!important;max-width:100%!important;box-sizing:border-box}
 html.vg-mobile-ready body .vg-site-header .top .nav-premium:not(.is-open) .premium-menu{display:none!important}
 html body .vg-site-header .premium-menu a{min-height:44px;white-space:normal!important;line-height:1.4}
 html body :is(.tabs,.fh-tabs,.ts-tabs,.lu-app .horizon){display:flex;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
 html body :is(.tabs,.fh-tabs,.ts-tabs,.lu-app .horizon)>:is(a,span,button){flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
 html body .date-strip{max-width:100%;min-width:0;overscroll-behavior-inline:contain}
 html body .date-strip .date-chip{flex:0 0 auto;min-width:108px}
 html body .league-block .calendar-match-row{grid-template-columns:36px minmax(0,1fr) 82px!important;grid-template-rows:auto auto auto!important;grid-template-areas:"time teams action" "odds odds odds" "status status status"!important;gap:8px!important;padding:12px 9px!important;min-width:0}
 html body .league-block .calendar-match-row>.calendar-match-time{grid-area:time!important;grid-column:1!important;grid-row:1!important;font-size:12px}
 html body .league-block .calendar-match-row>.teams{grid-area:teams!important;grid-column:2!important;grid-row:1!important;min-width:0;max-width:100%;gap:5px}
 html body .league-block .calendar-match-row>.teams .team-line{min-width:0;gap:6px;line-height:1.4;font-size:13px}
 html body .league-block .calendar-match-row .calendar-team-name{min-width:0;overflow-wrap:anywhere}
 html body .league-block .calendar-match-row .calendar-team-name .inline-line{min-width:0;gap:6px;line-height:1.4}
 html body .league-block .calendar-match-row .logo{width:23px;height:23px;flex:0 0 23px}
 html body .league-block .calendar-match-row>:is(.bet-btn,.mode-chip){grid-area:action!important;grid-column:3!important;grid-row:1!important;width:82px!important;min-height:44px;padding:8px 4px!important;font-size:12px!important;align-self:center;text-align:center;white-space:normal;justify-self:stretch}
 html body .league-block .calendar-match-row>.odds{grid-area:odds!important;grid-column:1/-1!important;grid-row:2!important;display:block!important;width:100%!important;max-width:100%;min-width:0}
 html body .league-block .calendar-match-row>.match-status{grid-area:status!important;grid-column:1/-1!important;grid-row:3!important;display:flex!important;flex-direction:row!important;gap:5px;flex-wrap:wrap;min-width:0}
 html body .league-block .calendar-match-row>.match-status .pill{font-size:11px;white-space:normal;line-height:1.35}
 html body .league-head{min-width:0;gap:7px;flex-wrap:wrap;padding:11px 10px}
 html body .league-head>.inline-line{min-width:0;max-width:100%}
 html body .league-head>span:last-child{font-size:11px}
 html body .card .match-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(76px,.8fr) minmax(0,1fr)!important;grid-template-rows:auto auto;gap:10px 6px!important;align-items:center;min-width:0;margin-top:12px}
 html body .card .match-hero>a.big-team{grid-row:1;grid-column:1;font-size:14px!important;line-height:1.4;min-width:0;max-width:100%;align-self:center}
 html body .card .match-hero>a.big-team:last-child{grid-column:3}
 html body .card .match-hero .big-team>.inline-line{display:flex;flex-direction:column;align-items:center;gap:7px;max-width:100%;min-width:0;white-space:normal}
 html body .card .match-hero .big-team .logo{width:44px!important;height:44px!important;flex:0 0 44px}
 html body .card .match-hero>div:not(.score){display:contents}
 html body .card .match-hero>div>.muted{grid-column:2;grid-row:1;align-self:start;font-size:11px;line-height:1.35;margin:0}
 html body .card .match-hero .score{grid-column:2;grid-row:1;font-size:25px!important;line-height:1.3;white-space:nowrap;align-self:center}
 html body .card .match-hero>div>.score{padding-top:30px}
 html body .card .match-hero .odds{grid-column:1/-1;grid-row:2;display:block!important;width:min(100%,280px)!important;max-width:100%!important;min-width:0;justify-self:center;margin:3px auto 0!important}
 html body .vg-mobile-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;margin:10px 0;box-sizing:border-box}
 html body .vg-mobile-scroll>table{margin:0}
 html body .vg-mobile-scroll[data-overflow=true]::before{content:attr(data-mobile-hint);display:block;position:sticky;left:0;padding:6px 0;font-size:12px;line-height:1.4;color:var(--ui-muted,#586f68)}
 html body :is(.profile-table,.table-wrap,.xg-table-wrap,.poisson-table-wrap){min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 html body :is(.fh-module,.fh-main,.lu-app,.mc-team,.fi-team-players,.fi-history-grid){min-width:0;max-width:100%}
 html body :is(.fh-bench,.fh-comparison,.mc-columns,.fs-overview,.fi-history-grid,.lu-app .v5-columns,.lu-app .versus-grid,.lu-app .strength-columns){grid-template-columns:minmax(0,1fr)!important;gap:12px}
 html body .fh-controls{gap:8px}.fh-controls button{min-height:44px}
 html body .fh-module>.fh-sidebar{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}
 html body .fh-module>.fh-sidebar>:is(h3,details){grid-column:1}
 html body .lu-app .compare-controls label{min-width:0;flex:1 1 100%}
 html body .lu-app input[type=search]{min-width:0;max-width:100%}
 html body .profile-strategy-links{gap:7px}.profile-strategy-links a{flex:1 1 140px}
 html body #stake-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:90vh;height:90dvh;max-height:calc(100dvh - 16px);padding:0;margin:auto;border-radius:12px}
 html body #stake-dialog .dialog-bar{align-items:center;min-height:52px;padding:6px 10px}
 html body #stake-dialog #stake-close{min-width:44px;min-height:44px;font-size:20px}
 html body #stake-dialog iframe{display:block;width:100%;height:calc(100% - 56px);border:0}
 html body #vg-support-link{right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));min-height:40px;max-width:calc(100vw - 20px);font-size:12px;padding:8px 11px}
 html.vg-embedded200 body #vg-support-link{display:none!important}
}
@media(max-width:420px){
 html body .vg-site-header .vg-brand{font-size:15px!important}
 html body .vg-site-header .vg-brand-tagline{font-size:9px!important}
 html body :is(.lab-odds-grid,.lab-form-grid,.lab-check-grid){grid-template-columns:minmax(0,1fr)!important}
 html body .card .match-hero .score{font-size:23px!important}
}

/* VG_MOBILE_STANDINGS_201: keep team names intact inside horizontal scrolling. */
@media(max-width:767px){
 html body .vg-mobile-scroll>table.vg-zone-table{table-layout:auto!important;width:max-content!important;min-width:640px!important;max-width:none!important}
 html body table.vg-zone-table :is(th,td){width:auto!important;min-width:38px;padding:10px 9px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;vertical-align:middle}
 html body table.vg-zone-table :is(th,td):first-child{min-width:38px;text-align:center}
 html body table.vg-zone-table :is(th,td):nth-child(2){min-width:190px;text-align:left}
 html body table.vg-zone-table td:nth-child(2) :is(a,span,.inline-line,.team-line){white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;max-width:none!important}
 html body table.vg-zone-table td:nth-child(2) :is(.inline-line,.team-line){flex-wrap:nowrap!important;gap:8px;align-items:center}
 html body table.vg-zone-table td:nth-child(2) .logo{flex-shrink:0;width:24px!important;height:24px!important}
}

/* VG_MOBILE_LEAGUES_202: league listing, horizontal table scrolling. */
@media(max-width:767px){
 html body .vg-mobile-scroll>table:has(a[href^="/league?"]){table-layout:auto!important;width:max-content!important;min-width:720px!important;max-width:none!important}
 html body .vg-mobile-scroll>table:has(a[href^="/league?"]) :is(th,td){width:auto!important;min-width:56px;padding:10px 9px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;vertical-align:middle}
 html body .vg-mobile-scroll>table:has(a[href^="/league?"]) :is(th,td):first-child{min-width:240px;text-align:left}
 html body .vg-mobile-scroll>table:has(a[href^="/league?"]) td:first-child :is(a,span,.inline-line){white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;max-width:none!important}
 html body .vg-mobile-scroll>table:has(a[href^="/league?"]) td:first-child .inline-line{flex-wrap:nowrap!important;align-items:center;gap:8px}
 html body .vg-mobile-scroll>table:has(a[href^="/league?"]) td:first-child .logo{flex-shrink:0;width:24px!important;height:24px!important}
}