[hidden]{display:none!important}
:root{font-family:Inter,Arial,sans-serif;color:#f6f0dc;background:#090a0d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#282014 0,#101114 35%,#08090b 80%);min-height:100vh}.shell{max-width:1200px;margin:auto;padding:38px 24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #332d22;padding-bottom:25px}.brand{display:flex;gap:14px;align-items:center;color:#e9b94d}.brand span{display:block;font-size:12px}.logo{border:1px solid #8b6a29;padding:13px;border-radius:10px;font-weight:900}button{background:#24231f;color:#f5e9c6;border:1px solid #443a28;border-radius:8px;padding:11px 18px;cursor:pointer}.badge{background:#163d25;color:#7ff09c;padding:7px 12px;border-radius:20px;font-size:12px;font-weight:800}nav{display:flex;gap:10px;padding:28px 0;flex-wrap:wrap}.tab.active,.gold{background:#d99b26;color:#171109;font-weight:800}.admin{border-color:#a77821}.view{display:none}.view.active{display:block}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats article,.panel{border:1px solid #332f28;background:rgba(24,24,24,.72);border-radius:15px;padding:24px}.stats small{display:block;color:#d7b45e;font-weight:800}.stats strong{display:block;font-size:27px;color:#efbd4e;margin-top:8px}.panel{margin-top:18px}.panel h2{margin-top:0;color:#f0d48c}.panel p{color:#b9b2a3}.admin-grid{display:grid;grid-template-columns:340px 1fr;gap:18px}.panel label{display:block;margin:15px 0 7px;color:#d9c58c}input{width:100%;padding:12px;background:#0d0e10;border:1px solid #4b412f;border-radius:8px;color:white}.gold{margin-top:18px;width:100%}.row,.member{display:flex;align-items:center;justify-content:space-between;gap:12px}.member{border-top:1px solid #302c25;padding:15px 0}.member small{color:#8f897c;display:block}.actions{display:flex;gap:7px}.danger{color:#ff8b82}.status{font-size:11px;font-weight:800;color:#7ff09c}.status.off{color:#ffbd67}@media(max-width:760px){.stats,.admin-grid{grid-template-columns:1fr}header{align-items:flex-start}.member{align-items:flex-start;flex-direction:column}}
.brand{min-width:0}.brand>div:last-child span{letter-spacing:.06em}
.vti-mark{position:relative;width:72px;height:58px;flex:0 0 72px;font-family:Georgia,serif;font-weight:900;line-height:1;color:#d9a12c}
.vti-ring{position:absolute;inset:3px 5px 2px;border:2px solid #b77e19;border-left-color:transparent;border-radius:50%;transform:rotate(-8deg)}
.v-letter,.t-letter,.i-letter{position:absolute;top:11px;font-size:36px;text-shadow:0 1px 8px #000}.v-letter{left:8px}.t-letter{left:27px;color:#eee}.i-letter{left:49px}.vti-arrow{position:absolute;right:0;top:5px;font-size:22px;color:#e5ae38}
.candle{position:absolute;width:4px;background:#e4ad36;bottom:15px;z-index:2}.candle:before{content:"";position:absolute;left:1px;top:-6px;width:1px;height:16px;background:#e4ad36}.c1{left:25px;height:8px}.c2{left:32px;height:14px}.c3{left:39px;height:20px;background:#ddd}.login-logo{margin:0 auto 14px;transform:scale(1.35)}
.scanner-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{color:#d7b45e;font-weight:900;letter-spacing:.12em}.scanner-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.scanner-metrics article{border:1px solid #332f28;background:rgba(24,24,24,.72);border-radius:12px;padding:16px}.scanner-metrics small{display:block;color:#a78d50;font-size:10px;font-weight:900}.scanner-metrics strong{display:block;margin-top:6px;color:#efbd4e;font-size:13px}
.pick-card{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(130px,.8fr) minmax(90px,.55fr) minmax(90px,.55fr);gap:14px;align-items:center;border-top:1px solid #302c25;padding:17px 4px}.pick-card:first-child{border-top:0}.pick-match b{font-size:16px;color:#f4e7c2}.pick-match small{display:block;margin-top:5px;color:#8f897c}.pick-market{font-weight:800}.pick-odds{font-size:18px;font-weight:900;color:#efbd4e}.vti-score{display:inline-block;background:#163d25;color:#7ff09c;padding:7px 10px;border-radius:18px;font-size:12px;font-weight:900;text-align:center}.verified{display:block;color:#79e89a;font-size:10px;font-weight:900;margin-top:5px}.empty-state{text-align:center;padding:38px 12px}.empty-state strong{display:block;color:#efbd4e;font-size:20px;margin-bottom:7px}
@media(max-width:760px){.brand>div:last-child span{font-size:9px}.vti-mark{width:60px;flex-basis:60px;transform:scale(.86);transform-origin:left center}.scanner-head{align-items:flex-start;flex-direction:column}.scanner-metrics{grid-template-columns:1fr}.pick-card{grid-template-columns:1fr 1fr}.pick-match{grid-column:1/-1}}

.parlay-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:18px}.choice{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:15px 2px;border-top:1px solid #302c25;cursor:pointer}.choice input{width:18px;height:18px;accent-color:#d99b26}.choice span{flex:1}.choice b{display:block;color:#f4e7c2}.choice small{display:block;color:#9d9688;margin-top:4px}.ticket{height:max-content;position:sticky;top:20px}.ticket-stat{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #302c25;padding:16px 0}.ticket-stat small{color:#a78d50;font-weight:900}.ticket-stat strong{color:#efbd4e;font-size:20px}@media(max-width:760px){.parlay-grid{grid-template-columns:1fr}.ticket{position:static}}

.scanner-admin{margin-bottom:18px}.pick-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.pick-form input,.pick-form select{margin:0}.pick-form .verify-check{display:flex;align-items:center;gap:8px;margin:0;padding:0 8px}.verify-check input{width:18px;height:18px;accent-color:#d99b26}.pick-form button{margin:0}.pick-form #pickStatus{grid-column:1/-1;margin:4px 0 0}@media(max-width:900px){.pick-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.pick-form{grid-template-columns:1fr}}


/* VTI mobile card layout */
.pick-card{width:100%;text-align:left}
.pick-odds small{display:block;margin-top:5px;font-size:11px;font-weight:700;color:#9d9688}
.alert-metrics{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.alert-metrics span{border:1px solid #6f571d;border-radius:9px;padding:9px 12px;white-space:nowrap}
.alert-metrics span b{font-weight:800}
.alert-metrics>button{margin:0}
@media(max-width:760px){
  .shell{padding:22px 12px}
  .panel{padding:14px 12px}
  .pick-card{
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px 10px;
    padding:18px 14px;
    margin:0 0 12px;
    border:1px solid #3d3527;
    border-radius:14px;
    background:rgba(30,29,25,.86)
  }
  .pick-match{grid-column:1/-1;text-align:center;padding-bottom:10px;border-bottom:1px solid #332f28}
  .pick-match b{font-size:19px;line-height:1.25}
  .pick-match small{font-size:11px;line-height:1.4}
  .pick-market{grid-column:1/2;align-self:center;font-size:14px}
  .pick-odds{grid-column:2/3;text-align:right;align-self:center;font-size:22px;line-height:1.1}
  .pick-card>div:nth-child(4){grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}
  .pick-card>div:nth-child(4)>small{font-size:11px;text-align:right}
  .vti-score{font-size:13px;padding:8px 12px}
  .alert-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .alert-metrics span{display:flex;justify-content:space-between;align-items:center;min-width:0;padding:10px;font-size:12px;white-space:normal}
  .alert-metrics>button{grid-column:1/-1;width:100%;padding:12px;margin-top:2px}
  .alert-details{grid-column:1/-1}
}
@media(max-width:390px){
  .pick-card{padding:15px 11px}
  .pick-match b{font-size:17px}
  .pick-odds{font-size:20px}
}

.vti-brand-logo{width:88px;height:58px;object-fit:cover;object-position:center;border-radius:8px;flex:0 0 auto}
.vti-login-logo{display:block;width:min(100%,320px);height:auto;margin:0 auto 18px;border-radius:12px}
@media(max-width:760px){.vti-brand-logo{width:64px;height:44px}.brand{gap:9px}.brand>div:last-child b{font-size:13px}.vti-login-logo{width:min(100%,260px)}}

/* VTI member orientation */
.intro-hero{text-align:center;padding:34px 24px}.intro-hero h1{color:#efbd4e;font-size:34px;margin:8px 0 12px}.intro-logo{max-width:210px}.intro-flow{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:14px 0}.intro-flow span{min-width:max-content;border:1px solid #6f571d;border-radius:10px;padding:12px;color:#f0d48c;font-weight:900;font-size:12px}.intro-flow b{color:#d99b26}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tier{padding:14px;border-left:3px solid #d99b26;background:rgba(255,255,255,.025);margin:10px 0}.tier b,.tier small{display:block}.tier small{color:#aaa294;margin-top:5px}.tier.good{border-color:#55d97a}.tier.watch{border-color:#d99b26}.tier.pass{border-color:#c76155}.market-key{display:grid;grid-template-columns:auto 1fr;gap:12px 16px}.market-key b{color:#efbd4e}.market-key span{color:#b9b2a3}.demo-pick{display:grid;grid-template-columns:2fr 1.4fr .6fr .6fr;gap:12px;align-items:center;border:1px solid #51452e;border-radius:12px;padding:18px;background:#111}.demo-pick strong{color:#efbd4e;font-size:20px}.demo-pick em{font-style:normal;background:#163d25;color:#7ff09c;border-radius:18px;padding:8px;text-align:center;font-weight:900}.read-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.read-grid span{border:1px solid #332f28;border-radius:10px;padding:12px;color:#aaa294}.read-grid b{display:block;color:#f0d48c;margin-bottom:5px}.result-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.result-tiers span{border:1px solid #6f571d;border-radius:10px;padding:14px;text-align:center;font-size:11px}.result-tiers b{display:block;color:#efbd4e;font-size:22px;margin-bottom:5px}.intro-enter{max-width:360px;display:block;margin:24px auto 0}@media(max-width:760px){.intro-hero h1{font-size:26px}.intro-grid,.read-grid,.result-tiers{grid-template-columns:1fr}.demo-pick{grid-template-columns:1fr 1fr}.demo-pick b{grid-column:1/-1}.market-key{grid-template-columns:1fr}.intro-flow{align-items:stretch}.final-flow{flex-wrap:wrap;overflow:visible}.final-flow span{flex:1;text-align:center}.final-flow b{align-self:center}}

.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.language-select{background:#111;color:#f0d48c;border:1px solid #6f571d;border-radius:8px;padding:9px 10px;font-weight:800}@media(max-width:760px){header{gap:10px}.header-actions{max-width:150px}.language-select{width:100%;font-size:12px;padding:8px}}


/* Login page responsive layout */
.login-wrap{display:flex;justify-content:center;align-items:flex-start;padding:34px 0}
.login-card{width:min(100%,620px);overflow:hidden}
.login-card h1{font-size:clamp(34px,5vw,54px);line-height:1.05;margin:18px 0 20px;overflow-wrap:anywhere}
.login-card>p{font-size:clamp(18px,2.5vw,27px);line-height:1.35}
.login-card form{width:100%}
@media(max-width:760px){
  .login-wrap{padding:18px 0}
  .login-card{width:100%;margin-top:0;padding:22px 18px}
  .login-card .vti-login-logo{width:min(100%,240px);margin:0 auto 22px}
  .login-card h1{font-size:clamp(30px,9vw,42px);line-height:1.08;margin:8px 0 16px;white-space:normal;overflow-wrap:normal}
  .login-card>p{font-size:18px;line-height:1.4;margin:0 0 24px}
  .login-card label{font-size:18px;margin-top:18px}
  .login-card input{min-width:0;width:100%;font-size:16px;padding:14px}
  .login-card .gold{width:100%;padding:15px;font-size:17px}
}
@media(max-width:390px){
  .login-card{padding:18px 14px}
  .login-card h1{font-size:29px}
  .login-card>p{font-size:16px}
}

/* Final VTI mobile production polish */
html,body{max-width:100%;overflow-x:hidden}
button,input,select,textarea{max-width:100%}
@media(max-width:760px){
  header{align-items:flex-start;flex-wrap:wrap}
  .brand{min-width:0;flex:1 1 180px}
  .brand>div:last-child{min-width:0}
  .brand>div:last-child b,.brand>div:last-child span{white-space:normal;overflow-wrap:anywhere}
  .header-actions{flex:0 1 145px;min-width:0}
  nav{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:7px;-webkit-overflow-scrolling:touch}
  nav::-webkit-scrollbar{display:none}
  nav .tab{flex:0 0 auto;min-height:42px;padding:10px 12px;white-space:nowrap}
  .row{align-items:flex-start;gap:10px;flex-wrap:wrap}
  .row h1,.row h2,.row h3{min-width:0;overflow-wrap:anywhere}
  .panel{overflow:hidden}
  .member{gap:10px;align-items:flex-start;flex-wrap:wrap}
  .member>div:first-child{min-width:0;flex:1 1 190px}
  .member b,.member small{overflow-wrap:anywhere}
  .member .actions{width:100%;justify-content:flex-end;flex-wrap:wrap}
  .choice{align-items:flex-start}
  .choice span{min-width:0}
  .choice b,.choice small{overflow-wrap:anywhere}
  .ticket-stat{gap:12px}
  .ticket-stat strong{text-align:right;overflow-wrap:anywhere}
  #analysisPanel .scanner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intro-hero{padding:24px 14px}
}
@media(max-width:390px){
  .shell{padding:16px 9px}
  .panel{padding:13px 10px}
  .header-actions{flex-basis:125px}
  nav .tab{padding:9px 10px;font-size:12px}
  .alert-metrics{grid-template-columns:1fr}
  #analysisPanel .scanner-metrics{grid-template-columns:1fr}
}

.site-footer{margin:28px 0 8px;padding:24px 18px;border-top:1px solid #3d3527;text-align:center;color:#918a7d}.footer-brand{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.footer-brand b{color:#efbd4e}.footer-brand span{font-size:11px;letter-spacing:.1em}.footer-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;overflow:visible}.footer-links button{border:0;background:transparent;color:#c9b77e;padding:6px 8px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.site-footer>small{font-size:11px}.info-dialog{width:min(92vw,720px);max-height:82vh;overflow:auto;border:1px solid #6f571d;border-radius:16px;background:#12110f;color:#ddd3bd;padding:28px;box-shadow:0 24px 80px #000}.info-dialog::backdrop{background:rgba(0,0,0,.78)}.info-dialog h2{color:#efbd4e;margin-top:0}.info-dialog h3{color:#f0d48c;margin:22px 0 6px}.info-dialog p{line-height:1.65;color:#bdb5a6}.dialog-close{float:right;border:1px solid #6f571d;border-radius:50%;background:#1a1814;color:#efbd4e;width:36px;height:36px;font-size:22px;cursor:pointer}@media(max-width:760px){.site-footer{margin-top:20px;padding:20px 8px}.footer-links{display:grid;grid-template-columns:1fr 1fr}.footer-links button{text-align:center}.info-dialog{padding:20px 16px}}

/* Accessibility and interaction polish */
:focus-visible{outline:3px solid #efbd4e;outline-offset:3px}
button,.tab,.footer-links button,.choice{touch-action:manipulation}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:760px){button,.tab,.language-select,input,select{min-height:44px}.footer-links button{min-height:44px}}

/* VTI day/night themes */
:root{color-scheme:dark}
body{transition:background .2s ease,color .2s ease}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
body[data-theme="day"]{background:#fff;color:#161616;color-scheme:light}
body[data-theme="day"] header{border-bottom-color:#dedede}
body[data-theme="day"] .brand{color:#8a6200}
body[data-theme="day"] button{background:#fff;color:#171717;border-color:#c9c9c9}
body[data-theme="day"] .tab.active,body[data-theme="day"] .gold{background:#d99b26;color:#171109;border-color:#b98013}
body[data-theme="day"] .stats article,body[data-theme="day"] .panel,body[data-theme="day"] .alert-card,body[data-theme="day"] .flow-node,body[data-theme="day"] .parlay-ticket,body[data-theme="day"] .analysis-card{background:#fff;color:#171717;border-color:#dedede;box-shadow:0 8px 24px rgba(0,0,0,.06)}
body[data-theme="day"] .panel h2,body[data-theme="day"] h1,body[data-theme="day"] h2,body[data-theme="day"] h3{color:#171717}
body[data-theme="day"] .panel p,body[data-theme="day"] .member small,body[data-theme="day"] small{color:#5e5e5e}
body[data-theme="day"] .stats small,body[data-theme="day"] .stats strong,body[data-theme="day"] .panel label{color:#8a6200}
body[data-theme="day"] input,body[data-theme="day"] textarea,body[data-theme="day"] select{background:#fff;color:#171717;border-color:#bdbdbd}
body[data-theme="day"] .member{border-top-color:#dedede}
body[data-theme="day"] .info-dialog{background:#fff;color:#171717;border-color:#c79a2b}
body[data-theme="day"] .info-dialog p,body[data-theme="day"] .info-dialog li{color:#333}
body[data-theme="day"] footer{border-top-color:#dedede}
@media(max-width:520px){.theme-toggle-label{display:none}.theme-toggle{padding:9px 10px}}


/* VTI Sports Data UI — clean football-data-app inspired layout */
:root{--vti-bg:#0b0d10;--vti-surface:#12151a;--vti-surface2:#171b21;--vti-line:#252a31;--vti-text:#f4f6f8;--vti-muted:#8f98a3;--vti-gold:#d9a62e;--vti-green:#49d17d;--vti-yellow:#e0b84c;--vti-red:#e36a63}
body:not([data-theme="day"]){background:var(--vti-bg);color:var(--vti-text)}
body:not([data-theme="day"]) .panel,body:not([data-theme="day"]) .stats article{background:var(--vti-surface);border:1px solid var(--vti-line);box-shadow:none}
body:not([data-theme="day"]) header{background:rgba(11,13,16,.94);border-color:var(--vti-line)}
.shell{max-width:1280px}
nav{position:sticky;top:0;z-index:20;background:inherit;border-bottom:1px solid var(--vti-line);padding:12px 0}
nav .tab{border:0;background:transparent;color:var(--vti-muted);border-radius:9px;font-weight:750}
nav .tab.active{background:var(--vti-surface2);color:var(--vti-gold);box-shadow:inset 0 -2px var(--vti-gold)}
.pick-card{background:var(--vti-surface);border:1px solid var(--vti-line)!important;border-radius:12px;padding:15px 16px;margin:9px 0;transition:background .15s ease,border-color .15s ease}
.pick-card:hover{background:var(--vti-surface2);border-color:#363d46!important}
.pick-match b{color:var(--vti-text);font-size:15px}.pick-match small,.pick-odds small{color:var(--vti-muted)}
.pick-odds{color:var(--vti-text)}
.vti-score{background:rgba(73,209,125,.12);color:var(--vti-green);border:1px solid rgba(73,209,125,.3)}
.alert-metrics span{background:var(--vti-surface2);border:1px solid var(--vti-line);color:var(--vti-muted)}
.scanner-metrics article{background:var(--vti-surface2);border-color:var(--vti-line);padding:13px 15px}
.scanner-metrics small{color:var(--vti-muted)}.scanner-metrics strong{color:var(--vti-text)}
.panel h2{color:var(--vti-text);font-size:18px}.panel p{color:var(--vti-muted)}
.badge{background:rgba(73,209,125,.12);color:var(--vti-green);border:1px solid rgba(73,209,125,.25)}
.status-watch{color:var(--vti-yellow)}.status-pass{color:var(--vti-red)}
@media(max-width:760px){
 .shell{padding:12px 10px}.panel{border-radius:12px;padding:12px}
 header{padding:10px 0 14px}.brand>div:last-child span{display:none}
 nav{margin:0 -10px;padding:8px 10px}
 .pick-card{grid-template-columns:1fr auto;padding:14px 13px;margin-bottom:8px;border-radius:11px}
 .pick-match{text-align:left;border-bottom:0;padding-bottom:3px}
 .pick-match b{font-size:16px}.pick-match small{font-size:11px}
 .pick-market{font-size:13px}.pick-odds{font-size:18px}
 .alert-metrics{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
 .alert-metrics span{flex:0 0 auto;padding:7px 9px}
 .alert-metrics>button{flex:0 0 auto;width:auto;grid-column:auto}
}


/* VTI compact mobile redesign — 2026-09-20 */
@media(max-width:760px){
  .shell{padding:8px 10px 18px}
  header{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:8px 0 10px;
  }
  .brand{flex:initial;min-width:0;gap:8px}
  .vti-brand-logo{width:58px;height:40px;border-radius:7px}
  .brand>div:last-child b{font-size:14px;line-height:1.15}
  .header-actions{
    display:grid;
    grid-template-columns:44px minmax(118px,138px);
    gap:7px;
    align-items:center;
    max-width:none;
    flex:initial;
  }
  .theme-toggle{width:44px;height:44px;padding:0;justify-content:center}
  .language-select{grid-column:2;width:100%;height:44px;padding:7px 9px;font-size:12px}
  .header-actions .badge{grid-column:2;padding:7px 9px;text-align:center;font-size:10px;min-height:34px;display:flex;align-items:center;justify-content:center}
  .header-actions>button:not(.theme-toggle){grid-column:2;padding:8px 10px;min-height:38px;font-size:12px}
  nav{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    margin:0 -10px 12px;
    padding:7px 10px 9px;
    overflow:visible;
    position:static;
  }
  nav .tab{
    width:100%;
    min-width:0;
    min-height:38px;
    padding:8px 4px;
    font-size:11px;
    line-height:1.1;
    white-space:normal;
    text-align:center;
  }
  .view.active{padding-top:0}
  .panel{margin-top:10px;padding:13px 12px;border-radius:12px}
  .scanner-head{gap:8px}
  .scanner-head h1,.scanner-head h2{margin:2px 0 4px;line-height:1.15}
  .eyebrow{font-size:11px;letter-spacing:.09em}
  .scanner-head p,.panel>p{margin:6px 0 10px;line-height:1.4;font-size:13px}
  .scanner-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}
  .scanner-metrics article{padding:9px 8px;border-radius:9px;min-width:0}
  .scanner-metrics small{font-size:8px;letter-spacing:.02em}
  .scanner-metrics strong{font-size:11px;line-height:1.2;margin-top:4px;overflow-wrap:anywhere}
  .pick-card{gap:8px;padding:11px;margin:7px 0}
  .pick-match b{font-size:15px}
  .pick-market{font-size:12px}
  .pick-odds{font-size:17px}
  .vti-score{font-size:11px;padding:6px 9px}
  .site-footer{margin-top:14px;padding-top:16px}
}
@media(max-width:390px){
  .shell{padding:7px 8px 16px}
  header{gap:7px}
  .vti-brand-logo{width:52px;height:38px}
  .brand>div:last-child b{font-size:12px}
  .header-actions{grid-template-columns:40px minmax(108px,124px);gap:5px}
  .theme-toggle{width:40px;height:40px;min-height:40px}
  .language-select{height:40px;min-height:40px;font-size:11px}
  nav{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}
  nav .tab{font-size:10px}
  .scanner-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}


/* VTI scanner result cards — mobile visual hierarchy */
@media(max-width:760px){
 #scannerRows{display:grid;gap:8px}
 #scannerRows .pick-card{
   position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;
   gap:7px 10px;padding:12px 12px 11px;margin:0;
   background:linear-gradient(145deg,var(--vti-surface),#101318);
   border:1px solid var(--vti-line)!important;border-radius:13px;
   box-shadow:0 3px 12px rgba(0,0,0,.16);
 }
 #scannerRows .pick-card::before{
   content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;
   border-radius:0 4px 4px 0;background:var(--vti-gold);
 }
 #scannerRows .pick-match{grid-column:1/-1;padding:0 0 8px 7px;border-bottom:1px solid var(--vti-line);text-align:left}
 #scannerRows .pick-match b{display:block;font-size:16px;line-height:1.25;letter-spacing:-.01em}
 #scannerRows .pick-match small{margin-top:4px;font-size:10px;line-height:1.25;color:var(--vti-muted)}
 #scannerRows .pick-market{grid-column:1;padding-left:7px;font-size:13px;line-height:1.25;color:var(--vti-text)}
 #scannerRows .verified{display:inline-flex;align-items:center;margin:5px 0 0;padding:4px 7px;border-radius:999px;
   background:rgba(73,209,125,.1);border:1px solid rgba(73,209,125,.24);font-size:9px;letter-spacing:.04em}
 #scannerRows .pick-odds{grid-column:2;text-align:right;font-size:20px;font-weight:900;align-self:center;color:var(--vti-gold)}
 #scannerRows .pick-card>div:nth-child(4){grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;
   gap:8px;padding:7px 0 0 7px;border-top:1px solid rgba(255,255,255,.035)}
 #scannerRows .pick-card>div:nth-child(4)>small{font-size:10px;color:var(--vti-muted)}
 #scannerRows .vti-score{font-size:11px;padding:5px 9px}
 #scannerRows .alert-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
   gap:5px;overflow:visible;padding:0 0 0 7px}
 #scannerRows .alert-metrics span{display:block;text-align:center;padding:6px 4px;border-radius:8px;
   font-size:8px;line-height:1.2;white-space:normal}
 #scannerRows .alert-metrics span b{display:block;margin-top:3px;color:var(--vti-text);font-size:11px}
 #scannerRows .alert-details{grid-column:1/-1;margin-left:7px;padding:8px 9px;border-radius:8px;background:rgba(255,255,255,.025)}
 #scannerRows .alert-details b{font-size:10px;color:var(--vti-gold);text-transform:uppercase;letter-spacing:.06em}
 #scannerRows .alert-details p{font-size:11px;line-height:1.4;margin:4px 0 0;color:var(--vti-muted)}
}
body[data-theme="day"] #scannerRows .pick-card{background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.055)}
body[data-theme="day"] #scannerRows .pick-card>div:nth-child(4){border-top-color:#eee}


/* VTI premium compact header + app shell */
@media(max-width:760px){
 body:not([data-theme="day"]){background:linear-gradient(180deg,#07090c 0,#0b0e12 100%)}
 .shell{padding:6px 10px 20px}
 header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:7px 0 8px;border-bottom:0}
 .brand{flex:1 1 auto;gap:8px}
 .vti-brand-logo{width:54px;height:38px;border:1px solid rgba(217,166,46,.22);box-shadow:0 4px 18px rgba(0,0,0,.28)}
 .brand>div:last-child b{display:block;font-size:13px;letter-spacing:.025em;color:#e8bd55}
 .header-actions{display:flex;flex:0 0 auto;gap:6px;max-width:none}
 .theme-toggle{width:38px;height:38px;min-height:38px;border-radius:11px;background:#15181d;border-color:#2b3038}
 .language-select{width:112px;height:38px;min-height:38px;border-radius:11px;padding:5px 8px;background:#111419;border-color:#4c3a12}
 .header-actions .badge{order:3;width:auto;min-height:28px;padding:5px 9px;font-size:9px}
 .header-actions>button:not(.theme-toggle){order:4;width:auto;min-height:28px;padding:5px 9px;font-size:10px}
 nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;margin:0 -10px 8px;padding:6px 10px 7px;position:sticky;top:0;background:rgba(8,10,13,.96);backdrop-filter:blur(14px);border-bottom:1px solid #1e232a}
 nav .tab{flex:0 0 auto;width:auto;min-height:36px;padding:8px 11px;border-radius:10px;font-size:11px;white-space:nowrap}
 nav .tab.active{background:#181c22;box-shadow:inset 0 -2px #d9a62e}
 .panel{margin-top:8px;border-radius:14px;padding:12px}
 .scanner-head{flex-direction:row;align-items:center;justify-content:space-between}
 .scanner-head>div{min-width:0}
 .scanner-head .badge{flex:0 0 auto}
 .scanner-head h2{font-size:20px;letter-spacing:-.02em}
 .scanner-head p{font-size:12px;margin-bottom:2px}
 .row h2{font-size:18px;margin-bottom:3px}
 .pick-card{box-shadow:0 5px 18px rgba(0,0,0,.18)}
}
@media(max-width:430px){
 header{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .brand>div:last-child b{font-size:12px}
 .header-actions{display:grid;grid-template-columns:38px 108px}
 .header-actions .badge{grid-column:1/-1;justify-self:end}
 .header-actions>button:not(.theme-toggle){grid-column:1/-1;justify-self:end}
 .scanner-head{align-items:flex-start;flex-direction:column}
}


/* VTI sportsbook verification states */
.verified.price-verified{color:#62dc8d;border-color:rgba(73,209,125,.42);background:rgba(73,209,125,.09)}
.verified.price-pending{color:#e8bd55;border-color:rgba(217,166,46,.42);background:rgba(217,166,46,.09)}
.verified.price-unavailable{color:#ef7b7b;border-color:rgba(239,123,123,.35);background:rgba(239,123,123,.08)}


/* Current VTI alert run */
.board-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px;padding:9px 11px;border:1px solid rgba(217,166,46,.28);border-radius:10px;background:rgba(217,166,46,.055)}
.board-status b{font-size:11px;letter-spacing:.06em;color:#e8bd55}
.board-status span{font-size:11px;color:var(--vti-muted)}
@media(max-width:520px){.board-status{align-items:flex-start;flex-direction:column;gap:3px;padding:8px 10px}}


/* Parlay verification guard */
.parlay-verification-note{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;padding:9px 11px;border:1px solid rgba(217,166,46,.28);border-radius:10px;background:rgba(217,166,46,.055)}
.parlay-verification-note b{font-size:11px;color:#e8bd55}
.parlay-verification-note span{font-size:11px;color:var(--vti-muted);text-align:right}
@media(max-width:520px){.parlay-verification-note{flex-direction:column;gap:3px}.parlay-verification-note span{text-align:left}}


/* Live sportsbook verification summary */
.board-counts{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 4px}
.board-counts span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #292e35;border-radius:999px;background:#111419;font-size:9px;letter-spacing:.04em;color:var(--vti-muted)}
.board-counts b{font-size:11px;color:#e8bd55}
@media(max-width:520px){.board-counts{gap:5px}.board-counts span{padding:5px 7px;font-size:8px}}


/* VTI board quick filters */
.board-filter{display:flex;gap:5px;margin:7px 0 11px;overflow-x:auto}
.board-filter-btn{min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid #292e35;background:#101318;color:var(--vti-muted);font-size:9px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.board-filter-btn.active{color:#0a0b0d;background:#e8bd55;border-color:#e8bd55}


/* Current-board lifecycle badge */
.board-status>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.board-phase{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid rgba(232,189,85,.45);border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.06em;color:#e8bd55;background:rgba(232,189,85,.07)}
.board-phase.live{color:#68d391;border-color:rgba(104,211,145,.45);background:rgba(104,211,145,.08)}


/* VTI freshness + parlay result states */
.board-status #boardUpdated.stale{color:#ffb454;font-weight:800}
#ticketTier{font-weight:900;letter-spacing:.02em}
#ticketTier.tier-preferred{color:#68d391}
#ticketTier.tier-strong{color:#8fd6a7}
#ticketTier.tier-acceptable{color:#e8bd55}
#ticketTier.tier-below{color:#ef7b7b}
@media(max-width:520px){#ticketTier{font-size:13px}.parlay-head .alert-metrics{gap:5px}.parlay-head .alert-metrics span{padding:5px 7px;font-size:9px}}

.parlay-window-note{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;padding:8px 10px;border:1px solid rgba(104,211,145,.28);border-radius:10px;background:rgba(104,211,145,.055)}.parlay-window-note b{font-size:10px;letter-spacing:.05em;color:#68d391}.parlay-window-note span{font-size:10px;color:var(--vti-muted)}@media(max-width:520px){.parlay-window-note{padding:7px 9px}.parlay-window-note b,.parlay-window-note span{font-size:9px}}

.ticket-timeline{display:grid;gap:7px;margin:10px 0;padding-top:10px;border-top:1px solid rgba(217,166,46,.18)}.timeline-leg{display:flex;align-items:center;gap:8px}.timeline-leg>span{display:grid;place-items:center;flex:0 0 22px;height:22px;border:1px solid rgba(232,189,85,.42);border-radius:50%;color:#e8bd55;font-size:9px;font-weight:900}.timeline-leg div{min-width:0}.timeline-leg b,.timeline-leg small{display:block}.timeline-leg b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-leg small{margin-top:2px;font-size:9px;color:var(--vti-muted)}

.parlay-mode{display:flex;gap:6px;margin:0 0 10px;overflow-x:auto}.parlay-mode-btn{min-height:32px;padding:7px 11px;border:1px solid #292e35;border-radius:999px;background:#101318;color:var(--vti-muted);font-size:9px;font-weight:900;letter-spacing:.05em;white-space:nowrap}.parlay-mode-btn.active{background:#e8bd55;border-color:#e8bd55;color:#090a0c}@media(max-width:520px){.parlay-mode{margin-bottom:8px}.parlay-mode-btn{min-height:30px;padding:6px 9px;font-size:8px}}

.scanner-range{display:flex;gap:6px;margin:9px 0 5px}.scanner-range-btn{min-height:32px;padding:7px 11px;border:1px solid #292e35;border-radius:999px;background:#101318;color:var(--vti-muted);font-size:9px;font-weight:900;letter-spacing:.05em}.scanner-range-btn.active{background:#e8bd55;border-color:#e8bd55;color:#090a0c}@media(max-width:520px){.scanner-range{overflow-x:auto}.scanner-range-btn{min-height:30px;padding:6px 9px;font-size:8px;white-space:nowrap}}

/* VTI performance result states */
.backtest-card.result-win{border-left:5px solid #22c55e}.backtest-card.result-loss{border-left:5px solid #ef4444}.backtest-card.result-push{border-left:5px solid #eab308}.backtest-card.result-pending{border-left:5px solid #94a3b8}.result-status{display:inline-flex;margin-top:6px;padding:5px 9px;border-radius:999px;font-weight:800;letter-spacing:.02em}.result-status.result-win{background:rgba(34,197,94,.14);color:#22c55e}.result-status.result-loss{background:rgba(239,68,68,.14);color:#ef4444}.result-status.result-push{background:rgba(234,179,8,.14);color:#ca8a04}.result-status.result-pending{background:rgba(148,163,184,.14);color:#94a3b8}

/* Performance hierarchy: VTI score is informational; result owns status color */
.backtest-card .vti-score{background:rgba(212,175,55,.10)!important;color:#d4af37!important;border:1px solid rgba(212,175,55,.55)!important;box-shadow:none!important}
.backtest-card .result-status{font-size:.78rem;line-height:1.2}.backtest-card .result-status.result-win{background:rgba(34,197,94,.16);color:#22c55e;border:1px solid rgba(34,197,94,.35)}.backtest-card .result-status.result-loss{background:rgba(239,68,68,.16);color:#ef4444;border:1px solid rgba(239,68,68,.35)}.backtest-card .result-status.result-push{background:rgba(234,179,8,.14);color:#eab308;border:1px solid rgba(234,179,8,.32)}.backtest-card .result-status.result-pending{background:rgba(148,163,184,.12);color:#94a3b8;border:1px solid rgba(148,163,184,.28)}


/* Compact mobile scanner + parlay additions */
.refresh-diff{display:flex;flex-wrap:wrap;gap:5px 8px;margin-top:7px;padding:7px 8px;border-top:1px solid rgba(217,166,46,.16);font-size:9px;color:var(--vti-muted)}
.refresh-diff>b{flex:0 0 100%;font-size:8px;letter-spacing:.05em;color:#e8bd55}.refresh-diff span{white-space:nowrap}.refresh-change{color:#e8bd55!important;font-weight:800}
@media(max-width:520px){
 .pick-card{gap:7px;padding:10px!important}
 .pick-match b{font-size:12px}.pick-match small{font-size:9px;line-height:1.3}
 .pick-market{font-size:10px}.pick-odds{font-size:15px}
 .alert-metrics{gap:4px!important;margin-top:5px}.alert-metrics span{padding:4px 6px!important;font-size:8px!important}
 .alert-details{margin-top:6px;padding-top:6px}.alert-details p{font-size:10px;line-height:1.4;margin:3px 0 0}
 .refresh-diff{gap:4px 6px;margin-top:5px;padding:6px 0 0;font-size:8px}
 .parlay-window-note,.parlay-verification-note{margin-bottom:7px}
 .choice{padding:9px 10px!important;gap:8px}.choice b{font-size:11px}.choice small{font-size:9px;line-height:1.35}
 .ticket-timeline{gap:5px;margin:7px 0;padding-top:7px}.timeline-leg{gap:6px}.timeline-leg>span{flex-basis:20px;height:20px}.timeline-leg b{font-size:9px}.timeline-leg small{font-size:8px}
 #ticketStatus{line-height:1.4}
}


/* Mobile header/nav + complete day theme consistency */
body[data-theme="day"] nav{background:rgba(255,255,255,.96);border-bottom-color:#dedede}
body[data-theme="day"] nav .tab{background:#fff;color:#333;border-color:#d7d7d7}
body[data-theme="day"] nav .tab.active{background:#f4ead0;color:#6d4a00;border-color:#d99b26;box-shadow:inset 0 -2px #d99b26}
body[data-theme="day"] .board-status,body[data-theme="day"] .parlay-verification-note{background:#fffaf0;border-color:#e6cf94}
body[data-theme="day"] .board-counts span,body[data-theme="day"] .board-filter-btn,body[data-theme="day"] .parlay-mode-btn,body[data-theme="day"] .scanner-range-btn{background:#fff;color:#555;border-color:#d7d7d7}
body[data-theme="day"] .board-filter-btn.active,body[data-theme="day"] .parlay-mode-btn.active,body[data-theme="day"] .scanner-range-btn.active{background:#d99b26;color:#171109;border-color:#b98013}
body[data-theme="day"] .parlay-window-note{background:#f5fbf7;border-color:#b9dfc5}
body[data-theme="day"] .choice{background:#fff;border-color:#dedede}
body[data-theme="day"] .refresh-diff{border-top-color:#e8e0cc;color:#666}
@media(max-width:520px){
 header{position:relative;align-items:start}
 .brand{min-width:0;gap:8px}.brand>div:last-child{min-width:0}.brand>div:last-child b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .header-actions{align-items:start}
 nav{scroll-snap-type:x proximity;scrollbar-width:none}.tab{scroll-snap-align:start}
 nav::-webkit-scrollbar,.board-filter::-webkit-scrollbar,.scanner-range::-webkit-scrollbar,.parlay-mode::-webkit-scrollbar{display:none}
 body[data-theme="day"] nav{background:rgba(255,255,255,.97)}
}


/* VTI ticket semantic color hierarchy */
#ticketQuality{color:#68d391!important}
#ticketOdds{color:#f2c14e!important}
#ticketReturn,#ticketProfit{color:#f2c14e!important}
.ticket-timeline .timeline-leg b{color:#f5f5f5}
.ticket-timeline .timeline-leg small{color:#9aa3af}
.ticket-leg-badges{display:flex;gap:5px;align-items:center;margin-top:4px}
.ticket-leg-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.04em;border:1px solid}
.ticket-leg-badge.score{color:#68d391;border-color:rgba(104,211,145,.38);background:rgba(104,211,145,.08)}
.ticket-leg-badge.risk-low{color:#68d391;border-color:rgba(104,211,145,.38);background:rgba(104,211,145,.08)}
.ticket-leg-badge.risk-medium{color:#f2c14e;border-color:rgba(242,193,78,.4);background:rgba(242,193,78,.08)}
.ticket-leg-badge.risk-high{color:#ef7b7b;border-color:rgba(239,123,123,.38);background:rgba(239,123,123,.08)}
body[data-theme="day"] #ticketQuality{color:#16803b!important}
body[data-theme="day"] .ticket-timeline .timeline-leg b{color:#222}


/* Desktop centering fix — 2026-09-21 */
@media(min-width:761px){
  .shell{width:min(100% - 48px,1280px);max-width:1280px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
  .login-wrap{width:100%;display:flex;justify-content:center}
  .login-card{margin-left:auto;margin-right:auto}
}


.flowchart-download-head{align-items:center;gap:18px}.flowchart-download-head>div{flex:1}.download-flowchart-btn{white-space:nowrap;min-height:46px}.flowchart-download-status{min-height:20px;margin:0 0 8px;color:var(--muted,#a9adb4);font-size:13px}
@media(max-width:720px){.flowchart-download-head{align-items:stretch;flex-direction:column}.download-flowchart-btn{width:100%;min-height:50px;font-size:14px}}

.flowchart-download-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.flowchart-download-actions .download-flowchart-btn{min-width:160px}@media(max-width:720px){.flowchart-download-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.flowchart-download-actions .download-flowchart-btn{min-width:0;width:100%}}@media(max-width:430px){.flowchart-download-actions{grid-template-columns:1fr}}


/* VTI premium alert/flowchart mobile polish — 2026-09-22 */
#scanner .panel:has(.flowchart-download-head){position:relative;overflow:hidden;background:linear-gradient(145deg,#111419 0,#0d1014 100%);border-color:#2c3138}
#scanner .panel:has(.flowchart-download-head)::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#d9a62e,transparent);opacity:.8}
.flowchart-download-head h2{margin:3px 0 5px;font-size:22px;letter-spacing:-.025em}
.flowchart-download-head p{margin:0;max-width:620px}
.flowchart-download-actions .download-flowchart-btn{border-radius:11px;font-weight:850;letter-spacing:.02em}
.flowchart-download-actions .gold{background:linear-gradient(180deg,#e7ad31,#cf8e18);border-color:#efbd4e;box-shadow:0 5px 18px rgba(217,166,46,.12)}
#scannerFlow .empty-state{position:relative;margin-top:8px;padding:30px 14px 24px;border:1px dashed rgba(217,166,46,.22);border-radius:12px;background:rgba(217,166,46,.025)}
#scannerFlow .empty-state::before{content:"SCAN  →  VERIFY  →  VTI 80+  →  PUBLISH";display:block;margin:0 auto 20px;max-width:430px;padding:8px 10px;border:1px solid rgba(217,166,46,.24);border-radius:999px;color:#d9a62e;font-size:9px;font-weight:900;letter-spacing:.07em}
#scannerFlow .empty-state strong{font-size:18px;letter-spacing:.01em}
.site-footer{background:linear-gradient(180deg,rgba(10,12,15,0),rgba(6,7,9,.55))}
@media(max-width:720px){
 #scanner .panel:has(.flowchart-download-head){padding:14px 13px 13px}
 .flowchart-download-head{gap:11px}
 .flowchart-download-head h2{font-size:20px;margin:2px 0 4px}
 .flowchart-download-head p{font-size:12px!important;line-height:1.35!important;margin:0!important}
 .flowchart-download-actions{display:grid;grid-template-columns:1.12fr .88fr;gap:7px}
 .flowchart-download-actions .download-flowchart-btn{min-height:42px!important;padding:9px 8px;font-size:11px!important;border-radius:10px}
 .flowchart-download-status{min-height:0;margin:5px 0 0;font-size:10px}
 #scannerFlow .empty-state{margin-top:8px;padding:21px 10px 18px}
 #scannerFlow .empty-state::before{margin-bottom:15px;padding:7px 6px;font-size:7px;letter-spacing:.045em}
 #scannerFlow .empty-state strong{font-size:15px;margin-bottom:5px}
 #scannerFlow .empty-state p{font-size:11px;line-height:1.35;margin:0 auto;max-width:290px}
 .site-footer{margin-top:10px;padding:14px 5px 7px}
 .footer-brand{gap:2px;margin-bottom:8px}
 .footer-brand b{font-size:13px}
 .footer-brand span{font-size:8px;letter-spacing:.08em}
 .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 5px;margin-bottom:8px}
 .footer-links button{min-height:34px;padding:5px 3px;font-size:10px}
 .site-footer>small{font-size:8px}
}
@media(max-width:430px){
 .flowchart-download-actions{grid-template-columns:1.12fr .88fr}
}
body[data-theme="day"] #scanner .panel:has(.flowchart-download-head){background:#fff;border-color:#dedede}
body[data-theme="day"] #scannerFlow .empty-state{background:#fffaf1;border-color:#e6cf94}

/* Visible member board refresh feedback */
.scanner-refresh-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.scanner-refresh-bar #manualRefreshStatus{color:var(--muted,#9ca3af);font-size:13px;font-weight:700}.scanner-refresh-bar button{min-height:46px}.scanner-refresh-bar button.is-refreshing{opacity:.75;cursor:wait}@media(max-width:640px){.scanner-refresh-bar{align-items:stretch}.scanner-refresh-bar button{width:100%}.scanner-refresh-bar #manualRefreshStatus{text-align:center;width:100%}}


/* Match PDF / PRINT to the primary VTI download action — 2026-09-22 */
.flowchart-download-actions .download-flowchart-btn{
  background:linear-gradient(180deg,#e7ad31,#cf8e18)!important;
  color:#171109!important;
  border:1px solid #efbd4e!important;
  box-shadow:0 5px 18px rgba(217,166,46,.12)!important;
  font-weight:850!important;
}
.flowchart-download-actions .download-flowchart-btn:hover{
  filter:brightness(1.06);
}
body[data-theme="day"] .flowchart-download-actions .download-flowchart-btn{
  background:linear-gradient(180deg,#e7ad31,#cf8e18)!important;
  color:#171109!important;
  border-color:#b98013!important;
}

/* Parlay result export controls — mobile + print friendly */
.parlay-export-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(217,166,46,.18)}.parlay-export-actions[hidden]{display:none!important}.parlay-export-actions button{min-height:44px;border-radius:10px;font-weight:850;letter-spacing:.02em}.parlay-export-actions .gold{background:linear-gradient(180deg,#e7ad31,#cf8e18);color:#171109;border-color:#efbd4e}@media(max-width:520px){.parlay-export-actions{grid-template-columns:1fr;gap:7px}.parlay-export-actions button{width:100%;min-height:46px;font-size:12px}.ticket{padding:13px!important}.ticket-stat{padding:8px 0}.ticket-stat small{font-size:8px}.ticket-stat strong{font-size:14px}}


/* VTI parlay market selection — keep the chosen filter unmistakably highlighted */
.parlay-market-btn{min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid #292e35;background:#101318;color:var(--vti-muted);font-size:9px;font-weight:800;letter-spacing:.04em;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}
.parlay-market-btn.active{background:#e8bd55!important;border-color:#e8bd55!important;color:#090a0c!important;box-shadow:0 0 0 2px rgba(232,189,85,.16)}
body[data-theme="day"] .parlay-market-btn{background:#fff;color:#555;border-color:#d7d7d7}
body[data-theme="day"] .parlay-market-btn.active{background:#d99b26!important;color:#171109!important;border-color:#b98013!important}


/* FotMob-inspired VTI alert flowchart — compact and consistent with scanner */
#scanner .panel:has(.flowchart-download-head){
  background:#15191c;
  border:1px solid #343d42;
  border-radius:16px;
  box-shadow:none;
}
#scanner .panel:has(.flowchart-download-head)::before{display:none}
#scanner .flowchart-download-head{align-items:flex-start;gap:12px}
#scanner .flowchart-download-head h2{font-size:21px;line-height:1.2;margin:4px 0 5px;letter-spacing:-.025em}
#scanner .flowchart-download-head p{color:#aeb8c0;font-size:13px;line-height:1.45}
#scanner .flowchart-download-head .eyebrow{color:#e8bd55;font-size:10px;letter-spacing:.11em}
#scanner .flowchart-download-actions{gap:8px;align-items:center}
#scanner .flowchart-download-actions .download-flowchart-btn,
#scanner .flowchart-download-actions .download-flowchart-btn.gold{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:0;min-height:40px;padding:9px 13px;
  border-radius:10px;background:#2a3237!important;
  border:1px solid #465158!important;color:#f1f4f5!important;
  box-shadow:none!important;font-size:12px!important;font-weight:750!important;
  letter-spacing:0;white-space:normal;text-align:center;
}
#scanner .flowchart-download-actions .download-flowchart-btn:hover{background:#354047!important}
#scanner .flowchart-download-actions .download-flowchart-btn:focus-visible{outline:2px solid #e8bd55;outline-offset:2px}
#scanner .flowchart-download-status:empty{display:none}
#scannerFlow{margin-top:12px}
#scannerFlow .empty-state{
  margin:0;padding:24px 14px;background:#20272b;
  border:1px solid #374148;border-radius:12px;text-align:center;
}
#scannerFlow .empty-state::before{
  content:"SCAN  →  VERIFY  →  VTI 80+  →  PUBLISH";
  display:block;max-width:100%;width:max-content;margin:0 auto 18px;
  padding:8px 12px;border-radius:999px;background:#2c3437;
  border:1px solid #50503b;color:#e8bd55;
  font-size:10px;font-weight:800;letter-spacing:.045em;white-space:normal;
}
#scannerFlow .empty-state strong{display:block;color:#f1f4f5;font-size:17px;letter-spacing:0;margin-bottom:7px}
#scannerFlow .empty-state p{color:#aeb8c0;font-size:12px;line-height:1.5;margin:0 auto;max-width:340px}
#scannerFlow .vti-flow{background:#20272b;border:1px solid #374148;border-radius:12px;padding:12px;gap:8px}
#scannerFlow .flow-node{background:#161c20;border:1px solid #3b464c;border-radius:10px;box-shadow:none}
#scannerFlow .flow-arrow{color:#e8bd55}
@media(max-width:720px){
 #scanner .panel:has(.flowchart-download-head){padding:15px 13px}
 #scanner .flowchart-download-head{gap:13px}
 #scanner .flowchart-download-head h2{font-size:20px}
 #scanner .flowchart-download-head p{font-size:12px!important;line-height:1.45!important}
 #scanner .flowchart-download-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
 #scanner .flowchart-download-actions .download-flowchart-btn,
 #scanner .flowchart-download-actions .download-flowchart-btn.gold{width:100%;min-height:42px!important;padding:9px 6px;font-size:11px!important}
 #scannerFlow .empty-state{padding:23px 12px}
 #scannerFlow .empty-state::before{font-size:9px;line-height:1.5;margin-bottom:18px}
 #scannerFlow .empty-state strong{font-size:16px}
 #scannerFlow .empty-state p{font-size:12px}
}
body[data-theme="day"] #scanner .panel:has(.flowchart-download-head){background:#fff;border-color:#dce1e5}
body[data-theme="day"] #scanner .flowchart-download-head p,
body[data-theme="day"] #scannerFlow .empty-state p{color:#59646c}
body[data-theme="day"] #scannerFlow .empty-state,
body[data-theme="day"] #scannerFlow .vti-flow{background:#f3f5f6;border-color:#dce1e5}
body[data-theme="day"] #scannerFlow .empty-state strong{color:#20272b}
body[data-theme="day"] #scanner .flowchart-download-actions .download-flowchart-btn{background:#e8edf0!important;color:#20272b!important;border-color:#c8d1d6!important}


/* Align scanner alert list and flowchart on mobile — 2026-09-24 */
#scanner .panel:has(.flowchart-download-head),
#scanner .panel:has(.flowchart-download-head) *{box-sizing:border-box}
#scanner .flowchart-download-head{display:flex;align-items:center;justify-content:space-between}
#scanner .flowchart-download-head>div:first-child{min-width:0;flex:1}
#scanner .flowchart-download-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;align-items:stretch}
#scanner .flowchart-download-actions .download-flowchart-btn,
#scanner .flowchart-download-actions .download-flowchart-btn.gold{
 width:100%;min-width:0;min-height:48px;display:flex;align-items:center;
 justify-content:center;gap:6px;margin:0;padding:10px 8px;
 line-height:1.25;text-align:center;
}
#scannerFlow{width:100%;min-width:0}
#scannerFlow .empty-state{width:100%;min-width:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
#scannerFlow .empty-state::before{max-width:100%;text-align:center}
@media(max-width:720px){
 #scanner .panel:has(.flowchart-download-head){padding:14px;overflow:hidden}
 #scanner .flowchart-download-head{width:100%;align-items:flex-start}
 #scanner .flowchart-download-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
 #scanner .flowchart-download-actions .download-flowchart-btn,
 #scanner .flowchart-download-actions .download-flowchart-btn.gold{min-height:48px!important;font-size:11px!important;padding:9px 6px;white-space:normal}
 #scannerFlow{margin-top:12px}
 #scannerFlow .empty-state{padding:22px 12px}
 #scannerFlow .empty-state::before{width:auto;margin:0 auto 18px;font-size:9px;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #scanner .flowchart-download-actions{grid-template-columns:1fr}
}

/* 2026-09-24: compact Soccer Scanner heading — remove oversized hero square */
#scanner .scanner-head{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:12px!important;padding:15px 17px!important;margin-bottom:10px!important;
 min-height:0!important;border-radius:13px!important;background:#171b1e!important;
 border:1px solid #353e42!important;border-top:3px solid #e8bd55!important;
 box-shadow:none!important;
}
#scanner .scanner-head::before{display:none!important}
#scanner .scanner-head>div{flex:1;min-width:0}
#scanner .scanner-head .eyebrow{display:block;color:#e8bd55!important;font-size:10px!important;letter-spacing:.11em!important;margin:0 0 4px!important}
#scanner .scanner-head h2{font-size:clamp(19px,3.4vw,25px)!important;line-height:1.16!important;margin:0!important;letter-spacing:-.025em!important}
#scanner .scanner-head p{display:none!important}
#scanner .scanner-head>.badge{flex:0 0 auto!important;margin:0!important;padding:8px 11px!important;font-size:11px!important;white-space:nowrap!important;border-radius:999px!important}
#scanner .scanner-metrics{margin-top:0!important}
#scanner #boardCounts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:10px 0!important}
#scanner #boardCounts>span{min-width:0!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:11px 5px!important;min-height:74px!important;border-radius:12px!important;text-align:center!important;font-size:10px!important;line-height:1.2!important;white-space:normal!important;background:#20272b!important;border:1px solid #39444a!important;color:#aeb8c0!important}
#scanner #boardCounts>span b{display:block!important;font-size:25px!important;line-height:1!important;color:#e8bd55!important}
@media(max-width:760px){
 #scanner .scanner-head{padding:12px!important;gap:8px!important;border-radius:12px!important}
 #scanner .scanner-head .eyebrow{font-size:9px!important;letter-spacing:.065em!important}
 #scanner .scanner-head h2{font-size:19px!important}
 #scanner .scanner-head>.badge{font-size:9px!important;padding:7px 8px!important}
 #scanner #boardCounts{gap:6px!important}
 #scanner #boardCounts>span{padding:10px 2px!important;min-height:66px!important;font-size:9px!important}
 #scanner #boardCounts>span b{font-size:22px!important}
}
@media(max-width:370px){
 #scanner .scanner-head{align-items:flex-start!important}
 #scanner .scanner-head h2{font-size:17px!important}
 #scanner .scanner-head>.badge{font-size:8px!important}
}
body[data-theme="day"] #scanner .scanner-head{background:#fff!important;border-color:#d9dfe2!important;border-top-color:#d4a73e!important}
body[data-theme="day"] #scanner #boardCounts>span{background:#f3f5f6!important;border-color:#dce1e5!important;color:#59646c!important}

/* Compact team crests across scanner, flowchart and parlay cards */
.vti-fixture{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;vertical-align:middle}.vti-team{display:inline-flex;align-items:center;gap:6px;min-width:0}.vti-team-crest{display:inline-flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#22272c;border:1px solid #66552d;color:#e3c27a;font-size:10px;font-weight:800;overflow:hidden}.vti-team-crest.has-logo{background:transparent;border-color:transparent}.vti-team-crest img{width:100%;height:100%;object-fit:contain}.vti-vs{font-size:11px;color:#a5a8a9;font-weight:500}.vti-team-name{overflow-wrap:anywhere}.pick-match .vti-fixture,.parlay-choice .vti-fixture{font-weight:700}@media(max-width:600px){.vti-fixture{gap:5px}.vti-team{gap:4px}.vti-team-crest{flex-basis:21px;width:21px;height:21px;font-size:9px}}

/* FotMob-inspired competition flag, league and division beside each fixture. */
.vti-league-line{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;font-weight:750;color:#e8e8e8}
.vti-league-flag{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#353535;font-size:17px;line-height:1;overflow:hidden}
.vti-league-name{white-space:normal;overflow-wrap:anywhere}
#scannerRows .pick-match small:has(.vti-league-line){display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#bdbdbd;font-size:12px;margin-top:9px}
@media(max-width:600px){.vti-league-flag{width:19px;height:19px;flex-basis:19px;font-size:15px}#scannerRows .pick-match small:has(.vti-league-line){font-size:11px}}

/* 2026-09-25: readable full-width fixtures on narrow screens. */
#scannerRows .vti-fixture,#parlayChoices .vti-fixture,#scannerFlow .vti-fixture,
.pick-match .vti-fixture,.parlay-choice .vti-fixture{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
 width:100%!important;max-width:100%!important;align-items:center!important;gap:8px!important;
}
#scannerRows .vti-team,#parlayChoices .vti-team,#scannerFlow .vti-team,
.pick-match .vti-team,.parlay-choice .vti-team{
 display:flex!important;align-items:center!important;min-width:0!important;width:100%!important;gap:8px!important;
}
.vti-fixture>.vti-team:last-child{justify-content:flex-end!important}
.vti-fixture>.vti-team:last-child .vti-team-crest{order:2}
.vti-fixture>.vti-team:last-child .vti-team-name{text-align:right}
.vti-fixture .vti-team-name{
 display:block!important;min-width:0!important;flex:1 1 auto!important;
 overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;
 hyphens:none!important;line-height:1.35!important;
}
.vti-fixture .vti-team-crest{flex:0 0 29px!important;width:29px!important;height:29px!important}
.vti-fixture .vti-vs{flex:none!important;white-space:nowrap!important}
@media(max-width:600px){
 #scannerRows .vti-fixture,#parlayChoices .vti-fixture,#scannerFlow .vti-fixture,
 .pick-match .vti-fixture,.parlay-choice .vti-fixture{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;
 }
 .vti-fixture>.vti-team,.vti-fixture>.vti-team:last-child{justify-content:flex-start!important}
 .vti-fixture>.vti-team:last-child .vti-team-crest{order:0}
 .vti-fixture>.vti-team:last-child .vti-team-name{text-align:left}
 .vti-fixture .vti-vs{align-self:flex-start!important;margin-left:38px!important}
 .vti-fixture .vti-team-name{font-size:14px!important}
 #scannerRows .pick-match,#parlayChoices .parlay-choice{min-width:0!important}
}


/* Restore the user's original Sep 25 scanner cards (reference screenshot).
   Do not force the fixture into two equal columns or stack it vertically. */
#scannerRows .vti-fixture{
 display:inline-flex!important;flex-wrap:wrap!important;align-items:center!important;
 justify-content:flex-start!important;width:auto!important;max-width:100%!important;
 gap:5px 7px!important;vertical-align:middle!important;
}
#scannerRows .vti-fixture>.vti-team,
#scannerRows .vti-fixture>.vti-team:last-child{
 display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
 flex:0 1 auto!important;min-width:0!important;width:auto!important;gap:5px!important;
}
#scannerRows .vti-fixture>.vti-team:last-child .vti-team-crest{order:0!important}
#scannerRows .vti-fixture>.vti-team:last-child .vti-team-name{text-align:left!important}
#scannerRows .vti-fixture .vti-team-name{
 display:inline!important;flex:0 1 auto!important;min-width:0!important;
 font-size:inherit!important;line-height:1.35!important;font-weight:800!important;
 white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;
}
#scannerRows .vti-fixture .vti-team-crest{
 flex:0 0 27px!important;width:27px!important;height:27px!important;
}
#scannerRows .vti-fixture .vti-vs{
 display:inline!important;align-self:center!important;margin:0!important;
 font-size:12px!important;color:#a7aaad!important;
}
@media(max-width:600px){
 #scannerRows .vti-fixture{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:5px 7px!important}
 #scannerRows .vti-fixture>.vti-team,
 #scannerRows .vti-fixture>.vti-team:last-child{width:auto!important;justify-content:flex-start!important}
 #scannerRows .vti-fixture .vti-team-name{font-size:clamp(14px,3.7vw,19px)!important}
 #scannerRows .vti-fixture .vti-vs{margin:0!important;align-self:center!important}
}

/* Restore compact VTI dark/gold research cards in Parlay Builder. */
#parlay .vti-classic-pick{display:grid!important;grid-template-columns:25px minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px;background:#222b30;border:1px solid #425157;border-radius:13px;color:#f5f5f5;margin:10px 0;cursor:pointer}
#parlay .vti-classic-pick:has(.parlay-check:checked){background:#30332b!important;border-color:#ae8938!important;box-shadow:inset 0 0 0 1px #876b2f}
#parlay .vti-classic-pick .parlay-check{margin:5px 0;accent-color:#b99547;width:20px;height:20px}
#parlay .vti-classic-main{display:flex;flex-direction:column;gap:7px;min-width:0}
#parlay .vti-classic-fixture{display:block;font-weight:800;font-size:16px;line-height:1.35}
#parlay .vti-classic-fixture .vti-fixture{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:5px 9px}
#parlay .vti-classic-fixture .vti-team{display:inline-flex;align-items:center;gap:5px;min-width:0;width:auto}
#parlay .vti-classic-fixture .vti-team-name{white-space:normal;word-break:normal;overflow-wrap:normal;text-align:left}
#parlay .vti-classic-meta{font-size:12px;color:#b8c0c4}
#parlay .vti-classic-market{font-size:14px;color:#e7c579;font-weight:800}
#parlay .vti-classic-score{display:inline-block;margin-left:8px;font-size:12px;color:#9ce0b8}
#parlay .vti-classic-reason{display:block;font-size:12px;font-weight:400;line-height:1.5;color:#c6cdd0;overflow-wrap:anywhere}
#parlay .vti-classic-reason b{display:block;color:#e7c579;font-size:10px;letter-spacing:.07em;margin-bottom:2px}
#parlay .vti-classic-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:74px;padding:8px;border:1px solid #927434;border-radius:9px;background:#1b2225}
#parlay .vti-classic-price b{font-size:21px;color:#f1c56c;font-weight:900;white-space:nowrap}
#parlay .vti-classic-price small{font-size:9px;letter-spacing:.04em;color:#a6d9ba;text-align:right}
@media(max-width:560px){#parlay .vti-classic-pick{grid-template-columns:22px minmax(0,1fr) 77px;gap:7px;padding:11px}#parlay .vti-classic-fixture{font-size:14px}#parlay .vti-classic-price{min-width:0;padding:7px 4px}#parlay .vti-classic-price b{font-size:18px}}

/* Improve VTI Ticket readability on mobile without changing its layout or colors. */
#parlay .ticket h2{font-size:clamp(25px,5vw,30px);line-height:1.25}
#parlay .ticket label{font-size:clamp(16px,3.8vw,19px)}
#parlay .ticket input{font-size:18px}
#parlay .ticket-stat small{font-size:clamp(12px,3.1vw,14px);line-height:1.35;letter-spacing:.025em}
#parlay .ticket-stat strong{font-size:clamp(18px,4.3vw,22px);line-height:1.3}
#parlay #ticketStatus{font-size:clamp(15px,3.6vw,17px);line-height:1.5}

/* VTI Parlay Builder sport mode */
.parlay-sport-switch{display:flex;gap:10px;justify-content:center;margin:0 0 14px}.parlay-sport-btn{min-width:150px;padding:12px 18px;border:1px solid #5a4b24;border-radius:10px;background:#151b1f;color:#f3f3f3;font-weight:800}.parlay-sport-btn.active{background:#e5b83f;color:#111;border-color:#e5b83f}@media(max-width:760px){.parlay-sport-switch{display:grid;grid-template-columns:1fr 1fr}.parlay-sport-btn{min-width:0;width:100%}}

.intro-enter{background:#efbd4e!important;color:#171109!important;border-color:#efbd4e!important}


/* VTI member orientation — Open VTI Signal CTA */
.intro-enter{
  width:min(100%, 420px) !important;
  min-height:58px !important;
  padding:16px 30px !important;
  background:#f2c14f !important;
  color:#111 !important;
  border:1px solid #f6d273 !important;
  border-radius:14px !important;
  font-weight:900 !important;
  font-size:20px !important;
  line-height:1.2 !important;
  box-shadow:0 0 0 1px rgba(242,193,79,.15),0 8px 22px rgba(0,0,0,.28) !important;
}
.intro-enter:hover,.intro-enter:focus,.intro-enter:active{
  background:#ffd45f !important;
  color:#0b0b0b !important;
}
@media(max-width:760px){.intro-enter{width:min(92%,420px) !important;}}


/* VTI member orientation — primary Signal CTA */
#intro .intro-hero .intro-signal-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:min(92%,420px) !important;
  min-height:58px !important;
  padding:16px 30px !important;
  background:#f2c14f !important;
  color:#111 !important;
  border:1px solid #f6d273 !important;
  border-radius:14px !important;
  font-weight:900 !important;
  font-size:20px !important;
  line-height:1.2 !important;
  box-shadow:0 8px 22px rgba(0,0,0,.28) !important;
}
#intro .intro-hero .intro-signal-cta:hover,#intro .intro-hero .intro-signal-cta:focus,#intro .intro-hero .intro-signal-cta:active{background:#ffd45f !important;color:#0b0b0b !important;}