/* VPL public platform v2: one cohesive league-facing design system. */
:root{
  --vpl-bg:#07090c;--vpl-bg-raised:#0b0e12;--vpl-surface:#11151a;--vpl-surface-2:#171c22;
  --vpl-border:#2a3038;--vpl-border-strong:#424b57;--vpl-red:#df1f2d;--vpl-red-strong:#ff3343;
  --vpl-gold:#c9a95e;--vpl-success:#45c486;--vpl-warning:#f0ad4e;--vpl-error:#f15b64;
  --vpl-live:#ff3343;--vpl-text:#f5f7fa;--vpl-text-soft:#c1c7cf;--vpl-muted:#89929e;
  --vpl-radius:8px;--vpl-shadow:0 24px 70px rgba(0,0,0,.34);--vpl-header:76px;
}
body{background:radial-gradient(circle at 78% -20%,rgba(133,24,33,.18),transparent 34%),var(--vpl-bg);color:var(--vpl-text)}
button,a,input,select,textarea{border-radius:4px}button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hero{height:var(--vpl-header);background:rgba(5,7,9,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--vpl-border);padding-inline:max(20px,calc((100vw - var(--max))/2));position:sticky;top:0}
.brand-mark{width:64px;height:56px}.brand>span{color:var(--vpl-text);font-size:.78rem}.brand>span small{display:block;color:var(--vpl-muted);font:500 .58rem/1.3 var(--sans);letter-spacing:.08em}
.utility-nav{gap:10px}.utility-nav .header-action,.utility-nav>a,.utility-nav>button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 13px;border:1px solid transparent;background:transparent;color:var(--vpl-text-soft);text-decoration:none;text-transform:uppercase;font:800 .76rem var(--cond);letter-spacing:.08em;cursor:pointer}
.utility-nav .header-action:hover,.utility-nav>a:hover,.utility-nav>button:hover{background:var(--vpl-surface);color:#fff;border-color:var(--vpl-border)}
.utility-nav .primary{background:var(--vpl-red);border-color:var(--vpl-red);color:#fff}.utility-nav .primary:hover{background:var(--vpl-red-strong);border-color:var(--vpl-red-strong)}
.utility-nav [aria-disabled="true"]{opacity:.55;cursor:not-allowed}.search-trigger:before{content:"⌕";font:700 1.15rem/1 var(--sans);margin-right:6px}
.side-nav{top:var(--vpl-header);height:54px;padding-inline:max(20px,calc((100vw - var(--max))/2));background:rgba(10,12,15,.97);backdrop-filter:blur(16px);border-bottom-color:var(--vpl-border);overflow:visible}
.nav-screen{padding-inline:15px;color:#aeb6c0;font-size:.8rem}.nav-screen.active{color:#fff;border-bottom-color:var(--vpl-red-strong)}
.nav-group{position:relative;display:flex}.nav-group>summary{display:flex;align-items:center;min-height:54px;padding:0 15px;list-style:none;cursor:pointer;color:#aeb6c0;text-transform:uppercase;font:700 .8rem var(--cond);letter-spacing:.065em}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:"⌄";margin-left:7px;color:var(--vpl-muted)}
.nav-group[open]>summary,.nav-group>summary:hover{color:#fff}.nav-menu{position:absolute;z-index:80;top:calc(100% + 8px);right:0;min-width:220px;padding:8px;background:#0c1015;border:1px solid var(--vpl-border-strong);border-radius:var(--vpl-radius);box-shadow:var(--vpl-shadow)}
.nav-menu .nav-screen{display:flex;width:100%;min-height:42px;align-items:center;border:0;border-radius:4px}.nav-menu .nav-screen:hover{background:var(--vpl-surface-2)}
.content{max-width:var(--max)}.page-shell{background:linear-gradient(150deg,#0b0e12,#07090c 62%);border-color:var(--vpl-border)}
.page-mast,.section-heading{padding:70px clamp(22px,5vw,72px) 42px;background:radial-gradient(circle at 82% 18%,rgba(223,31,45,.16),transparent 32%),linear-gradient(145deg,#101419,#090c10);border-color:var(--vpl-border)}
.page-mast h2,.section-heading h2{max-width:920px;margin:14px 0 16px;font-size:clamp(3.2rem,7vw,6.8rem);letter-spacing:-.035em}
.page-mast>p:last-child,.section-heading p:last-child{font-size:1rem;color:var(--vpl-text-soft);max-width:760px}
.eyebrow{color:var(--vpl-red-strong)}
.action-button{min-height:44px;border-radius:4px;background:var(--vpl-red);border-color:var(--vpl-red);transition:transform .18s ease,background .18s ease,border-color .18s ease}.action-button:hover{transform:translateY(-2px);background:var(--vpl-red-strong);border-color:var(--vpl-red-strong)}.action-button.secondary{background:transparent;border-color:var(--vpl-border-strong)}.action-button.secondary:hover{background:var(--vpl-surface-2);border-color:#6f7a88}
.vpl-home{display:block}.vpl-home .match-hero{min-height:660px;border-color:var(--vpl-border);background:#07090c}.vpl-home .match-hero-art{background:linear-gradient(90deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.82) 42%,rgba(5,7,10,.34) 70%,rgba(5,7,10,.82) 100%),linear-gradient(0deg,#07090c,transparent 55%),url('./vpl-background.png') 78% 48%/min(46vw,640px) no-repeat}.vpl-home .match-meta{left:clamp(22px,6vw,86px);top:82px;width:min(620px,54%)}
.vpl-home .match-meta h1{font-size:clamp(4rem,7vw,7rem);line-height:.82}.vpl-home .match-meta .home-subhead{display:block;color:var(--vpl-red-strong);font-size:.38em;line-height:1.05;letter-spacing:.01em;margin-top:12px}
.vpl-home .match-meta>p:not(.eyebrow){font-size:1rem;color:var(--vpl-text-soft);max-width:560px}.vpl-home .versus-stage,.vpl-home .match-clock,.vpl-home .match-kicker{display:none}
.hero-ctas{flex-wrap:wrap}.hero-ctas .action-button{min-width:156px}.league-status{display:grid;grid-template-columns:1.3fr repeat(4,1fr);border:1px solid var(--vpl-border);border-top:3px solid var(--vpl-red);background:var(--vpl-surface)}
.league-status article{min-height:102px;padding:22px 24px;border-right:1px solid var(--vpl-border);display:grid;align-content:center;gap:5px}.league-status article:last-child{border:0}.league-status span{color:var(--vpl-muted);font:700 .68rem var(--cond);letter-spacing:.12em;text-transform:uppercase}.league-status strong{font:800 1.25rem var(--cond);text-transform:uppercase}.league-status .season-phase strong{font-size:1.55rem}.status-track{display:flex;gap:4px;margin-top:8px}.status-track i{height:4px;flex:1;background:#333a43}.status-track i.active{background:var(--vpl-red-strong)}
.home-section{padding:56px clamp(18px,4vw,60px);border-inline:1px solid var(--vpl-border);border-bottom:1px solid var(--vpl-border);background:var(--vpl-bg-raised)}
.section-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-header h2{margin:8px 0 0;font:italic 900 clamp(2rem,4vw,3.6rem)/.95 var(--cond);text-transform:uppercase}.section-header p:last-child{max-width:620px;margin:8px 0 0;color:var(--vpl-muted)}
.section-link{border:0;background:transparent;color:var(--vpl-text-soft);cursor:pointer;text-transform:uppercase;font:800 .75rem var(--cond);letter-spacing:.08em}.section-link:hover{color:#fff}
.home-sport-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:16px}.sport-card,.competition-card,.league-empty,.news-card,.support-card,.legal-card,.structure-step,.watch-feature,.search-result{border:1px solid var(--vpl-border);border-radius:var(--vpl-radius);background:linear-gradient(145deg,var(--vpl-surface-2),var(--vpl-surface));box-shadow:0 16px 50px rgba(0,0,0,.16)}
.sport-card{min-height:260px;padding:24px}.sport-card header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--vpl-border);padding-bottom:14px}.sport-card h3{margin:6px 0;font:800 1.45rem var(--cond);text-transform:uppercase}.sport-card .data-row:last-child,.sport-card .empty-row:last-child{border-bottom:0}
.league-empty{min-height:190px;padding:30px;display:grid;place-content:center;text-align:center}.league-empty .empty-icon{width:52px;height:52px;margin:0 auto 14px;border:1px solid var(--vpl-border-strong);border-radius:50%;display:grid;place-items:center;color:var(--vpl-red-strong);font:900 1.35rem var(--cond)}.league-empty strong{font:800 1.4rem var(--cond);text-transform:uppercase}.league-empty span{max-width:500px;margin-top:8px;color:var(--vpl-muted);line-height:1.6}
.structure-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.structure-step{position:relative;padding:24px;min-height:155px}.structure-step:not(:last-child):after{content:"→";position:absolute;right:-19px;top:50%;z-index:2;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--vpl-red);font-weight:900}.structure-step span{color:var(--vpl-red-strong);font:900 .72rem var(--cond);letter-spacing:.13em}.structure-step h3{font:800 1.35rem var(--cond);text-transform:uppercase}.structure-step p{color:var(--vpl-muted);font-size:.82rem;line-height:1.55}
.partner-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.partner-rail .partner-card{min-height:180px;border-radius:var(--vpl-radius)}
.home-final-cta{padding:72px clamp(22px,6vw,90px);background:radial-gradient(circle at 80% 50%,rgba(223,31,45,.25),transparent 36%),linear-gradient(120deg,#15191f,#080a0d);border:1px solid var(--vpl-border);border-top:3px solid var(--vpl-red)}.home-final-cta h2{font:italic 900 clamp(3.4rem,7vw,7rem)/.85 var(--cond);text-transform:uppercase;margin:12px 0}.home-final-cta p{max-width:640px;color:var(--vpl-text-soft);font-size:1rem;line-height:1.7}
.filter-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:32px clamp(14px,5vw,72px) 0;padding:18px;border:1px solid var(--vpl-border);border-radius:var(--vpl-radius);background:var(--vpl-surface)}.filter-toolbar label{min-width:170px;display:grid;gap:6px;color:var(--vpl-muted);font:700 .68rem var(--cond);letter-spacing:.09em;text-transform:uppercase}.filter-toolbar input,.filter-toolbar select{min-height:44px;padding:10px 12px;border:1px solid var(--vpl-border-strong);background:#090c10;color:#fff}.filter-toolbar .search-field{flex:1 1 250px}
.competition-grid,.news-grid,.support-grid,.empty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px clamp(14px,5vw,72px)}.competition-card,.news-card,.support-card,.legal-card{padding:24px}.competition-card header,.news-card header{display:flex;justify-content:space-between;align-items:center;gap:10px}.competition-card h3,.news-card h3,.support-card h3,.legal-card h3{margin:16px 0 8px;font:800 1.55rem var(--cond);text-transform:uppercase}.competition-meta,.match-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:18px 0;background:var(--vpl-border)}.competition-meta div,.match-meta-grid div{padding:12px;background:var(--vpl-bg-raised)}.competition-meta span,.match-meta-grid span{display:block;color:var(--vpl-muted);font:700 .6rem var(--cond);letter-spacing:.09em;text-transform:uppercase}.competition-meta strong,.match-meta-grid strong{display:block;margin-top:4px;font:800 .88rem var(--cond);text-transform:uppercase}.badge,.status-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid var(--vpl-border-strong);border-radius:999px;background:#11161c;color:var(--vpl-text-soft);font:800 .65rem var(--cond);letter-spacing:.08em;text-transform:uppercase}.status-badge.open,.status-badge.live,.badge.success{border-color:rgba(69,196,134,.55);background:rgba(69,196,134,.12);color:#8be5b3}.status-badge.upcoming{border-color:rgba(201,169,94,.55);color:#e2c886}.status-badge.final{color:#b7bec8}.status-badge.urgent,.badge.error{border-color:rgba(241,91,100,.6);background:rgba(241,91,100,.12);color:#ff9fa6}
.sports-table-wrap{margin:30px clamp(14px,5vw,72px);overflow:auto;border:1px solid var(--vpl-border);border-radius:var(--vpl-radius);background:var(--vpl-surface)}.sports-table{width:100%;border-collapse:collapse;min-width:760px}.sports-table th{position:sticky;top:0;padding:14px 16px;background:#0d1116;color:var(--vpl-muted);text-align:left;font:800 .67rem var(--cond);letter-spacing:.1em;text-transform:uppercase}.sports-table td{padding:16px;border-top:1px solid var(--vpl-border);color:var(--vpl-text-soft)}.sports-table td strong{color:#fff;font-family:var(--cond);font-size:1rem;text-transform:uppercase}.sports-table tr:hover td{background:rgba(255,255,255,.025)}
.match-directory{display:grid;gap:12px;margin:28px clamp(14px,5vw,72px)}.match-day-group>h3{margin:28px 0 10px;color:var(--vpl-muted);font:800 .78rem var(--cond);letter-spacing:.1em;text-transform:uppercase}.match-card{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(360px,1.5fr) minmax(150px,.6fr);align-items:center;gap:18px;padding:18px 20px;border:1px solid var(--vpl-border);border-radius:var(--vpl-radius);background:var(--vpl-surface)}.match-card:hover{border-color:var(--vpl-border-strong);background:var(--vpl-surface-2)}.match-context{display:grid;gap:5px}.match-context span{color:var(--vpl-muted);font-size:.72rem}.matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.matchup-team{display:flex;align-items:center;gap:10px}.matchup-team:last-child{justify-content:flex-end;text-align:right}.mini-logo{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--vpl-border-strong);border-radius:6px;background:#090c10;font:900 .75rem var(--cond)}.matchup-team strong{font:800 1.05rem var(--cond);text-transform:uppercase}.versus-chip{color:var(--vpl-red-strong);font:900 1rem var(--cond)}.match-actions{display:flex;justify-content:flex-end;gap:7px}.match-actions button{min-height:40px}
.segmented-tabs{display:flex;gap:4px;margin:28px clamp(14px,5vw,72px) 0;border-bottom:1px solid var(--vpl-border)}.segmented-tabs button{min-height:44px;padding:0 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--vpl-muted);cursor:pointer;text-transform:uppercase;font:800 .75rem var(--cond);letter-spacing:.08em}.segmented-tabs button.active{color:#fff;border-bottom-color:var(--vpl-red)}
.faq-list,.legal-layout{margin:30px clamp(14px,5vw,72px)}.faq-list details{border:1px solid var(--vpl-border);border-radius:var(--vpl-radius);background:var(--vpl-surface);margin-bottom:10px}.faq-list summary{padding:18px 20px;cursor:pointer;font:800 1rem var(--cond);text-transform:uppercase}.faq-list details p{margin:0;padding:0 20px 20px;color:var(--vpl-muted);line-height:1.65}.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px}.legal-nav{position:sticky;top:150px;align-self:start;display:grid;gap:6px}.legal-nav a{padding:9px 10px;color:var(--vpl-muted);text-decoration:none;border-left:2px solid var(--vpl-border)}.legal-nav a:hover{color:#fff;border-color:var(--vpl-red)}.legal-copy{padding:30px;border:1px solid var(--vpl-border);border-radius:var(--vpl-radius);background:var(--vpl-surface)}.legal-copy h3{margin-top:34px;font:800 1.4rem var(--cond);text-transform:uppercase}.legal-copy p,.legal-copy li{color:var(--vpl-text-soft);line-height:1.75}.legal-copy .review-note{padding:14px;border-left:3px solid var(--vpl-gold);background:rgba(201,169,94,.08)}
.global-search{width:min(760px,calc(100vw - 28px));max-height:min(78vh,720px);padding:0;border:1px solid var(--vpl-border-strong);border-radius:10px;background:#0c1015;color:#fff;box-shadow:0 40px 130px #000}.global-search::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}.global-search form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px;border-bottom:1px solid var(--vpl-border)}.global-search input{min-height:50px;padding:0 16px;border:1px solid var(--vpl-border-strong);background:#070a0e;color:#fff;font-size:16px}.global-search-close{min-width:50px;border:1px solid var(--vpl-border-strong);background:transparent;color:#fff;cursor:pointer}.search-results{display:grid;gap:8px;padding:16px;overflow:auto;max-height:58vh}.search-result{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px;text-align:left;color:#fff;cursor:pointer}.search-result:hover{border-color:var(--vpl-red)}.search-result span{color:var(--vpl-muted);font-size:.72rem}.search-result b{color:var(--vpl-red-strong);font:.68rem var(--cond);text-transform:uppercase}.search-hint{padding:0 18px 18px;color:var(--vpl-muted);font-size:.72rem}
.toast-region{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:8px}.vpl-toast{max-width:360px;padding:14px 16px;border:1px solid var(--vpl-border-strong);border-left:4px solid var(--vpl-success);border-radius:6px;background:#10151b;box-shadow:var(--vpl-shadow);color:#fff}.vpl-toast.error{border-left-color:var(--vpl-error)}
.breadcrumb{display:flex;gap:8px;align-items:center;margin:0 0 18px;color:var(--vpl-muted);font-size:.72rem}.breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--vpl-text-soft)}
.skeleton{position:relative;overflow:hidden;background:#1a2027!important;color:transparent!important}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:vpl-shimmer 1.3s infinite}@keyframes vpl-shimmer{to{transform:translateX(100%)}}
.professional-footer{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px;padding:46px clamp(22px,4vw,60px) 26px;border:1px solid var(--vpl-border);border-top:3px solid var(--vpl-red);background:#07090c}.footer-brand{display:grid;grid-template-columns:auto 1fr;align-content:start;align-items:center;gap:14px}.footer-brand img{width:70px;height:64px;object-fit:contain}.footer-brand strong{display:block;font:900 1.3rem var(--cond);letter-spacing:.06em;text-transform:uppercase}.footer-brand span{display:block;margin-top:5px;color:var(--vpl-muted);font-size:.72rem;line-height:1.45}.professional-footer nav{display:grid;align-content:start;gap:9px}.professional-footer nav strong{margin-bottom:4px;font:800 .75rem var(--cond);letter-spacing:.12em;text-transform:uppercase}.professional-footer nav a{color:var(--vpl-muted);text-decoration:none;font-size:.78rem}.professional-footer nav a:hover{color:#fff}.footer-disclaimer{grid-column:1/-1;margin:6px 0 0;padding-top:22px;border-top:1px solid var(--vpl-border);color:#747d88;font-size:.7rem;line-height:1.6}.professional-footer>small{grid-column:1/-1;color:#666f7a}.competition-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px clamp(14px,5vw,72px)}.competition-workspace{margin-top:10px}.streamer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px clamp(14px,5vw,72px)}.field-optional{color:var(--vpl-muted);font-size:.68rem}.form-help{display:grid;gap:5px;margin-top:18px;padding:16px;border-left:3px solid var(--vpl-gold);background:rgba(201,169,94,.08)}.form-help span{color:var(--vpl-text-soft);line-height:1.6}.support-grid>button{min-height:150px;padding:24px;border:1px solid var(--vpl-border);border-radius:var(--vpl-radius);background:var(--vpl-surface);color:#fff;text-align:left;cursor:pointer}.support-grid>button:hover{border-color:var(--vpl-red)}.support-grid>button strong,.support-grid>button span{display:block}.support-grid>button strong{font:800 1.35rem var(--cond);text-transform:uppercase}.support-grid>button span{margin-top:8px;color:var(--vpl-muted);line-height:1.5}.legal-page .legal-copy{margin:30px clamp(14px,5vw,72px)}.match-detail-page .match-hero{display:grid;grid-template-columns:1fr minmax(130px,.5fr) 1fr;align-items:center;gap:24px;margin:30px clamp(14px,5vw,72px);padding:30px;border:1px solid var(--vpl-border);border-radius:var(--vpl-radius);background:var(--vpl-surface)}.match-detail-page .matchup-team{justify-content:center;display:grid;text-align:center}.match-detail-page .matchup-team:last-child{justify-content:center;text-align:center}.match-score{display:grid;justify-items:center;gap:8px}.match-score span,.match-score small{color:var(--vpl-muted)}.match-score strong{font:900 2.4rem var(--cond)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px clamp(14px,5vw,72px)}.dashboard-grid .sport-card{min-height:0}.dashboard-grid form{margin-top:18px}.dashboard-grid .data-row{display:grid;grid-template-columns:1fr auto;align-items:center}.registration-form textarea{min-height:110px;resize:vertical}.faq-search{display:grid;gap:7px;max-width:620px;margin-top:24px}.faq-search input{min-height:48px;padding:12px 14px;border:1px solid var(--vpl-border-strong);background:#090c10;color:#fff;font-size:16px}
@media(max-width:1180px){.home-sport-grid{grid-template-columns:1fr 1fr}.home-sport-grid>.sport-card:first-child{grid-column:1/-1}.competition-grid,.competition-card-grid,.news-grid,.streamer-grid,.support-grid,.dashboard-grid{grid-template-columns:repeat(2,1fr)}.side-nav{overflow-x:auto}.nav-group{flex:0 0 auto}.nav-menu{position:fixed;top:calc(var(--vpl-header) + 48px)}.professional-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:800px){:root{--vpl-header:68px}.hero{padding-inline:14px}.brand-mark{width:52px;height:48px}.utility-nav .header-action:not(.primary),.utility-nav>a:not(.primary),.utility-nav>button:not(.primary),.utility-nav .live-pill{display:none}.utility-nav .primary{min-height:38px;padding-inline:10px}.side-nav{top:var(--vpl-header);height:calc(100dvh - var(--vpl-header));padding:12px 14px 24px;overflow:auto}.side-nav.open{display:flex}.nav-screen,.nav-group>summary{min-height:48px;font-size:.95rem}.nav-group{display:block}.nav-group>summary{border-bottom:1px solid #242a31;padding-inline:12px}.nav-menu{position:static;min-width:0;margin:0 0 8px;padding:4px 10px;background:#0b0e12;border:0;box-shadow:none}.nav-menu .nav-screen{padding-left:20px;color:#c6cbd2}.vpl-home .match-hero{min-height:650px}.vpl-home .match-hero-art{background:linear-gradient(0deg,#07090c 3%,rgba(7,9,12,.84) 48%,rgba(7,9,12,.2)),url('./vpl-background.png') center 18%/420px no-repeat}.vpl-home .match-meta{inset:auto 20px 54px;width:auto}.vpl-home .match-meta h1{font-size:clamp(3.25rem,15vw,5rem)}.vpl-home .match-meta>p:not(.eyebrow){font-size:.9rem}.league-status{grid-template-columns:1fr 1fr}.league-status article{border-bottom:1px solid var(--vpl-border)}.league-status article:first-child{grid-column:1/-1}.league-status article:nth-child(odd){border-right:0}.home-sport-grid{grid-template-columns:1fr}.home-sport-grid>.sport-card:first-child{grid-column:auto}.structure-flow{grid-template-columns:1fr 1fr}.structure-step:nth-child(2):after{display:none}.partner-rail,.competition-grid,.competition-card-grid,.streamer-grid,.news-grid,.support-grid,.dashboard-grid{grid-template-columns:1fr}.match-card{grid-template-columns:1fr}.match-actions{justify-content:flex-start}.match-detail-page .match-hero{grid-template-columns:1fr;padding:20px}.match-actions{justify-content:flex-start}.legal-layout{grid-template-columns:1fr}.legal-nav{position:static;display:flex;overflow:auto}.legal-nav a{white-space:nowrap;border-left:0;border-bottom:2px solid var(--vpl-border)}.professional-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.page-mast,.section-heading{padding-top:50px}.page-mast h2,.section-heading h2{font-size:clamp(3rem,14vw,4.6rem)}}
@media(max-width:520px){.brand>span{display:none}.league-status{grid-template-columns:1fr}.league-status article,.league-status article:nth-child(odd){border-right:0}.league-status article:first-child{grid-column:auto}.home-section{padding-block:38px}.section-header{align-items:start;display:grid}.structure-flow{grid-template-columns:1fr}.structure-step:after{display:none!important}.hero-ctas{display:grid;grid-template-columns:1fr}.hero-ctas .action-button{width:100%}.competition-grid,.competition-card-grid,.streamer-grid,.news-grid,.support-grid,.empty-grid{margin-inline:10px}.filter-toolbar,.match-directory,.sports-table-wrap,.segmented-tabs,.faq-list,.legal-layout,.legal-page .legal-copy,.match-detail-page .match-hero{margin-inline:10px}.matchup{gap:8px}.matchup-team{display:grid}.matchup-team:last-child{justify-items:end}.mini-logo{width:36px;height:36px}.professional-footer{grid-template-columns:1fr;padding-inline:20px}.footer-brand{grid-column:auto}.global-search form{grid-template-columns:1fr auto}}
@media(max-width:390px){.vpl-home .match-hero{min-height:620px}.vpl-home .match-meta{inset:auto 14px 38px}.vpl-home .match-meta h1{font-size:3.45rem}.home-section{padding-inline:14px}.sport-card{padding:18px}.page-mast,.section-heading{padding-inline:16px}.page-mast h2,.section-heading h2{font-size:3.05rem}.match-card{padding:16px 14px}.matchup-team strong{font-size:.88rem}.utility-nav .primary{font-size:.68rem}.footer-bottom{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}.action-button{transition:none}}
@media(max-width:800px){.utility-nav .primary{min-height:44px}}
.data-row a,.notification-card a,.notification-task a{display:inline-flex;align-items:center;min-height:44px}
.professional-footer nav a{display:flex;align-items:center;min-height:44px}
.discord-signin,.discord-user,.discord-panel-signin,.discord-panel-signout{min-height:44px}
@media(max-width:390px){.vpl-home .match-meta h1{font-size:clamp(2.75rem,14.5vw,3.45rem)}}