*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020a15;color:#f4f8fc;font-family:Inter,system-ui,sans-serif;background-image:radial-gradient(circle at 60% 0,rgba(15,86,170,.12),transparent 30%),linear-gradient(180deg,#020a15,#041323 55%,#020a15)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.topbar{height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px;padding:0 30px;border-bottom:1px solid #16314e;background:rgba(2,8,18,.94);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-weight:700;font-size:24px}.brand>span:not(.brand-icon):not(.eiq-m-tagline){font-size:16px;letter-spacing:-.02em;white-space:nowrap}.brand>span:not(.brand-icon):not(.eiq-m-tagline)>span{color:#1b8cff}.brand>span:last-child>span{color:#1b8cff}.brand-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#1577cf,#0a4381);box-shadow:0 0 18px rgba(28,150,255,.25)}.brand-icon.small{width:28px;height:28px;font-size:14px}.topnav{display:flex;gap:28px;font-size:14px}.topnav a{color:#d8e3ee}.top-actions{display:flex;gap:12px}.btn{border-radius:8px;border:1px solid #174b7c;padding:11px 17px;color:#f7fbff;background:#071526;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn.primary{background:linear-gradient(180deg,#1268f4,#0b4bc3);border-color:#217ef8;box-shadow:0 8px 24px rgba(5,92,226,.18)}.btn.ghost{background:#05111f}.btn.full{width:100%}.app-shell{display:grid;grid-template-columns:205px minmax(0,1fr);gap:20px;width:min(1490px,calc(100% - 36px));margin:18px auto}.sports-rail{border:1px solid #173b5d;border-radius:12px;background:linear-gradient(180deg,#071524,#03101d);padding:14px 0;align-self:stretch}.rail-title{font-weight:800;font-size:13px;padding:6px 16px 12px}.sport-item{width:100%;border:0;background:transparent;color:#cfdae5;padding:11px 16px;text-align:left;display:flex;gap:12px;cursor:pointer;border-left:3px solid transparent}.sport-item:hover,.sport-item.active{background:linear-gradient(90deg,rgba(14,110,220,.28),rgba(8,45,82,.12));border-left-color:#19a4ff;color:#fff}.rail-parlay-card{margin:26px 12px 0;border:1px solid #173b5d;border-radius:10px;padding:14px;background:#06182a}.rail-parlay-card strong{display:block;margin:6px 0}.rail-parlay-card p{font-size:12px;line-height:1.5;color:#8ea6bb}.content{min-width:0}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(470px,.92fr);gap:12px}.hero-card,.model-card,.league-panel,.parlay-builder,.bet-slip,.sim-card,.methodology-section{border:1px solid #173b5d;border-radius:12px;background:linear-gradient(150deg,rgba(7,26,46,.96),rgba(3,14,28,.98));box-shadow:inset 0 1px 0 rgba(98,185,255,.04)}.hero-card{min-height:305px;padding:30px 32px;display:flex;flex-direction:column;justify-content:center;background-image:radial-gradient(circle at 70% 50%,rgba(14,101,205,.16),transparent 38%),linear-gradient(150deg,rgba(7,26,46,.96),rgba(3,14,28,.98))}.eyebrow{color:#31b8ff;font-size:12px;font-weight:800;letter-spacing:.06em}.hero-card h1{font-family:"Space Grotesk";font-size:50px;line-height:.96;margin:13px 0 16px;letter-spacing:-.035em}.hero-card h1 span{color:#197fff}.hero-card p{max-width:560px;color:#aabbd0;line-height:1.6}.hero-actions{display:flex;gap:12px;margin-top:14px}.model-card{padding:24px}.model-head,.section-head,.winners-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.model-head h2{margin:7px 0 0;font-size:26px}.confidence{font-size:12px;color:#69ceff;border:1px solid #16639a;padding:9px 12px;border-radius:999px;background:#05213a}.score-wrap{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;padding:22px 0}.team{text-align:center;color:#aebed0;font-size:12px}.team-badge{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;font-family:"Space Grotesk";font-weight:800;font-style:italic;font-size:18px;border:2px solid;box-shadow:inset 0 1px 2px rgba(255,255,255,.3),0 10px 22px rgba(0,0,0,.3)}.team-badge.lal{background:radial-gradient(circle,#5831a6,#240c58 70%);border-color:#e7b83b}.team-badge.bos{background:radial-gradient(circle,#168c52,#063d26 70%);border-color:#5bd18a}.projected{text-align:center}.projected span{display:block;font-size:10px;color:#879db4;letter-spacing:.1em}.projected strong{display:block;font-size:34px;margin-top:8px}.projected i{color:#73879e;font-style:normal;font-weight:400}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #163b5c;border-radius:9px;overflow:hidden}.metric-row div{padding:11px;text-align:center;border-right:1px solid #163b5c}.metric-row div:last-child{border-right:0}.metric-row span{font-size:10px;color:#8da2b7;display:block}.metric-row strong{display:block;margin-top:4px}.green{color:#8de22f!important}.breakdown-btn{width:100%;margin-top:12px;padding:11px 14px;color:#fff;background:#071628;border:1px solid #163b5c;border-radius:8px;display:flex;justify-content:center;gap:12px;cursor:pointer}.winners-strip{margin-top:12px;border:1px solid #173b5d;border-radius:12px;background:linear-gradient(180deg,#051627,#03101d);overflow:hidden}.winners-head{padding:12px 16px;border-bottom:1px solid #13324e;font-size:14px}.winners-head>div{display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:#75df36;box-shadow:0 0 9px rgba(117,223,54,.55)}.winners-head small{color:#a8b9c9}.winner-actions{font-size:11px;color:#8ca1b5}.winner-actions strong{color:#8de22f;font-size:18px;margin-left:6px}.icon-btn{width:34px;height:34px;border:1px solid #1a4b70;border-radius:8px;color:#dbe7f2;background:#061727;cursor:pointer}.ticker-window{overflow:hidden;padding:12px}.winner-track{display:flex;gap:10px;width:max-content;animation:ticker 38s linear infinite}.winner-track.paused{animation-play-state:paused}.winner-card{width:210px;flex:0 0 210px;border:1px solid #173b5d;border-radius:9px;background:#07192b;padding:12px}.winner-top{display:flex;justify-content:space-between;font-size:10px}.won-pill{background:#276d12;color:#d9ffbf;border-radius:5px;padding:4px 7px;font-weight:700}.winner-time{color:#8aa0b5}.winner-pick{font-weight:700;margin-top:12px}.winner-meta{font-size:11px;color:#9cb0c2;margin-top:4px}.winner-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:18px}.winner-bottom small{color:#7f95a9;display:block}.winner-bottom strong{font-size:18px}.demo-label{font-size:8px;color:#607b91;padding:0 14px 9px}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}.league-panel{margin-top:12px;padding:16px}.section-head h3{margin:0;font-size:18px}.section-head p{margin:4px 0 0;color:#8299ae;font-size:12px}.text-btn,.danger-link{border:0;background:none;color:#25aaff;cursor:pointer}.danger-link{color:#ff5959}.league-chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.league-chip{border:1px solid #17456b;border-radius:999px;padding:7px 11px;background:#06182a;color:#9fb2c4;cursor:pointer;font-size:12px}.league-chip.active{background:#0b4ea6;color:#fff;border-color:#1b7be5}.pick-list{display:grid;gap:8px}.pick-row{display:grid;grid-template-columns:1.55fr .7fr .45fr auto;align-items:center;gap:14px;border-top:1px solid #112e48;padding:12px 4px}.pick-match{display:flex;gap:12px;align-items:center}.mini-badge{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800;background:radial-gradient(circle,#0d5e9a,#062a4d);border:1px solid #247fc0}.pick-match strong{display:block}.pick-match span,.pick-cell span{font-size:11px;color:#8097ac}.pick-cell strong{display:block;margin-top:3px}.confidence-ring{width:42px;height:42px;border:2px solid #1b91e6;border-radius:50%;display:grid;place-items:center;font-size:11px}.pick-actions{display:flex;gap:7px}.mini-btn{border:1px solid #174e79;background:#071a2e;color:#e6f2fb;border-radius:7px;padding:8px 10px;cursor:pointer}.mini-btn.primary{background:#0a4fb4;border-color:#146fdf}.bottom-grid{display:grid;grid-template-columns:1fr 280px;gap:12px;margin-top:12px}.parlay-builder,.bet-slip{padding:16px}.parlay-legs{display:grid;gap:8px;margin-top:12px}.empty-state{border:1px dashed #1b4b70;border-radius:9px;padding:28px;text-align:center;color:#7f95a8}.leg{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #173b5d;border-radius:8px;padding:10px;background:#06182a}.leg small{display:block;color:#8097ab;margin-top:3px}.remove-leg{border:0;background:none;color:#9ab0c2;cursor:pointer;font-size:18px}.parlay-summary{display:flex;justify-content:space-between;margin:16px 0}.parlay-summary span{display:block;color:#8299ad;font-size:11px}.parlay-summary strong{display:block;margin-top:3px;font-size:18px}.simulation-result{margin-top:10px;color:#8ccfff;font-size:12px;min-height:18px}.bet-tabs{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.bet-tabs button{border:1px solid #173b5d;background:#06182a;color:#a9bac9;padding:9px}.bet-tabs button.active{background:#0d4da2;color:#fff}.bet-slip-body{padding:13px 0;display:grid;gap:7px}.slip-leg{font-size:12px;display:flex;justify-content:space-between;color:#c4d0dc}.wager-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #17334e;padding-top:12px}.wager-row>span{font-size:12px;color:#91a7ba}.wager-row>div{display:flex;align-items:center;border:1px solid #1a4567;border-radius:7px;padding:0 8px}.wager-row input{width:82px;background:transparent;border:0;color:#fff;padding:8px;outline:0}.slip-totals{display:grid;gap:9px;margin:14px 0}.slip-totals div{display:flex;justify-content:space-between;font-size:12px}.simulator-section,.methodology-section,footer{width:min(1490px,calc(100% - 36px));margin:12px auto}.sim-card{padding:20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.sim-card h3{margin:6px 0}.sim-card p{margin:0;color:#8299ad}.sim-controls{display:flex;gap:9px}.sim-controls select{min-width:270px;background:#06182a;color:#fff;border:1px solid #17456c;border-radius:8px;padding:10px}.sim-output{grid-column:1/-1;border-top:1px solid #17334e;padding-top:14px;color:#8fcfff}.methodology-section{padding:20px}.methodology-section p{color:#8ca2b7;line-height:1.6}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #16324d;padding:16px 0;color:#6f8599;font-size:11px}.modal{display:none;position:fixed;inset:0;z-index:90}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(720px,calc(100% - 28px));margin:8% auto;background:#051424;border:1px solid #1b5a86;border-radius:14px;padding:24px;z-index:2}.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.modal-card h2{margin:8px 0 14px}.reason{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #153550}.reason span{color:#91a6b9;font-size:12px}.risk-list{color:#ff9eaa;font-size:12px;line-height:1.6}.modal-verdict{color:#b7c7d6;line-height:1.6}.compact-head{align-items:flex-start}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sports-rail{display:flex;gap:4px;overflow-x:auto;padding:8px}.rail-title,.rail-parlay-card{display:none}.sport-item{width:auto;white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.sport-item.active{border-left:0;border-bottom-color:#19a4ff}.hero-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.topnav{display:none}}@media(max-width:720px){.topbar{grid-template-columns:1fr auto;padding:0 14px}.top-actions .ghost{display:none}.hero-card{padding:24px}.hero-card h1{font-size:42px}.score-wrap{grid-template-columns:1fr 1fr 1fr}.metric-row{grid-template-columns:repeat(2,1fr)}.metric-row div{border-bottom:1px solid #163b5c}.pick-row{grid-template-columns:1fr}.pick-actions{justify-content:flex-start}.sim-card{grid-template-columns:1fr}.sim-controls{flex-direction:column}.sim-controls select{min-width:0;width:100%}.winners-head{align-items:flex-start}.winner-actions{display:none}.app-shell,.simulator-section,.methodology-section,footer{width:calc(100% - 18px)}footer{flex-direction:column;gap:10px;align-items:flex-start}}
.tournament-section{width:min(1490px,calc(100% - 36px));margin:12px auto}.tournament-hero{position:relative;min-height:330px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;border:1px solid #18517c;border-radius:14px;padding:38px;background:radial-gradient(circle at 78% 50%,rgba(19,108,240,.3),transparent 28%),linear-gradient(120deg,#06182a,#03101d 68%)}.coming-badge{position:absolute;right:18px;top:18px;border:1px solid #2379c3;background:#082c51;color:#54c2ff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.tournament-hero h2{font-family:"Space Grotesk";font-size:42px;margin:10px 0}.tournament-hero p{max-width:700px;color:#9fb2c5;line-height:1.65}.tourney-pills{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tourney-pills span{border:1px solid #18517a;background:#061b30;border-radius:999px;padding:8px 11px;font-size:11px}.trophy-preview{text-align:center;font-size:110px}.trophy-preview strong{display:block;font-size:12px;color:#82c8ff;letter-spacing:.14em}.tourney-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.tourney-card,.planned{border:1px solid #173b5d;border-radius:12px;background:linear-gradient(150deg,#071a2e,#030e1c);padding:18px}.card-top{display:flex;justify-content:space-between;color:#4ebdff;font-size:11px;font-weight:800}.soon-pill{border:1px solid #245a80;background:#08213a;color:#68c9ff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.tourney-card h3{font-size:24px;margin:14px 0 6px}.tourney-card>p{color:#7f96aa;font-size:11px}.tourney-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #173b5d;border-radius:9px;margin:16px 0}.tourney-stats div{text-align:center;padding:12px;border-right:1px solid #173b5d}.tourney-stats div:last-child{border:0}.tourney-stats small{display:block;color:#718ba1}.tourney-stats b{display:block;margin-top:4px}.rewards div{display:flex;justify-content:space-between;border-top:1px solid #15334d;padding:10px 2px;font-size:12px}.rewards b{color:#8de22f}.leader-row{display:grid;grid-template-columns:50px 1fr 90px 80px;gap:8px;padding:13px 5px;border-top:1px solid #15334d;font-size:12px}.leader-row.head{margin-top:18px;color:#68849a;font-size:9px;border:0}.leader-row em{color:#8de22f;font-style:normal}.planned{margin-top:12px}.planned-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}.planned-grid>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid #173b5d;background:#06182a;border-radius:9px;padding:13px}.planned-grid b,.planned-grid small{display:block}.planned-grid small{color:#7890a5;margin-top:4px}.planned-grid strong{color:#8de22f;font-size:10px}@media(max-width:900px){.tournament-hero{grid-template-columns:1fr}.trophy-preview{display:none}.tourney-grid{grid-template-columns:1fr}.planned-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.planned-grid{grid-template-columns:1fr}.tournament-section{width:calc(100% - 18px)}}
.markets-section{width:min(1490px,calc(100% - 36px));margin:12px auto;border:1px solid #173b5d;border-radius:14px;background:linear-gradient(145deg,#03101d,#041525);overflow:hidden}
.markets-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:26px 28px 18px;border-bottom:1px solid #16334f}
.markets-header h2{font-family:"Space Grotesk";font-size:34px;margin:7px 0 5px}.markets-header p{margin:0;color:#91a7ba}.markets-disclaimer{font-size:9px;letter-spacing:.08em;font-weight:800;color:#55c2ff;border:1px solid #1e5883;border-radius:999px;background:#061f37;padding:8px 11px}
.markets-layout{display:grid;grid-template-columns:190px 1fr;min-height:720px}.market-rail{border-right:1px solid #17334e;padding:18px 8px;background:rgba(3,15,27,.65)}
.market-nav,.market-category{width:100%;border:0;background:transparent;color:#b9c7d4;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;gap:10px;align-items:center}.market-nav:hover,.market-nav.active,.market-category:hover,.market-category.active{background:linear-gradient(90deg,#0a376c,#072442);color:#fff}.market-divider{height:1px;background:#15334f;margin:12px 8px}
.markets-main{padding:18px;min-width:0}.market-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.market-metrics>div{border:1px solid #173b5d;border-radius:9px;padding:14px;background:#061726}.market-metrics span,.market-metrics small{display:block;color:#7e94a8;font-size:10px}.market-metrics strong{display:block;font-size:24px;margin:8px 0 5px}.market-tabs{display:flex;gap:22px;margin-top:20px;border-bottom:1px solid #17334e}.market-tabs button{border:0;background:none;color:#9db0c1;padding:10px 2px;border-bottom:2px solid transparent;cursor:pointer}.market-tabs button.active{color:#fff;border-color:#258cff}
.market-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.prediction-market-card{border:1px solid #173b5d;border-radius:10px;background:#061726;padding:14px;position:relative;min-height:275px}.market-card-top{display:flex;justify-content:space-between;align-items:center}.category-pill{font-size:8px;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 7px;background:#102843;color:#69c8ff}.category-pill.crypto{color:#ff9e34;background:#35210c}.category-pill.economics{color:#cf9bff;background:#241636}.category-pill.politics{color:#74b6ff;background:#132440}.category-pill.sports{color:#91e74d;background:#142b10}.category-pill.technology{color:#62e0d4;background:#102d2d}
.watch-star{border:0;background:none;color:#8ca0b2;font-size:20px;cursor:pointer}.watch-star.active{color:#ffd05a}.prediction-market-card h3{font-size:15px;line-height:1.4;margin:14px 0 16px;min-height:42px}.prob-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center}.prob-compare span{display:block;font-size:9px;color:#7d94a8}.prob-compare strong{display:block;font-size:25px;margin-top:4px}.market-prob{color:#758cff}.model-prob{color:#8de22f}.gap-bar{display:flex;justify-content:center;gap:7px;border:1px solid #153651;border-radius:6px;padding:8px;margin:10px 0;font-size:10px}.gap-bar strong{color:#8de22f}.why-title{font-size:9px;color:#859bad;margin-bottom:7px}.factor-row{display:flex;gap:5px;flex-wrap:wrap}.factor-row span{font-size:8px;color:#aab9c6;border:1px solid #173b5d;background:#081d31;padding:5px 6px;border-radius:5px}.market-analysis-btn{width:100%;border:0;border-top:1px solid #15334e;background:none;color:#36acff;padding:11px 0 0;margin-top:12px;cursor:pointer}
.market-lower-grid{display:grid;grid-template-columns:1.15fr 1fr .9fr;gap:10px;margin-top:10px}.market-panel{border:1px solid #173b5d;border-radius:10px;background:#061726;padding:14px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-head h3{font-size:14px;margin:0}.panel-head p{font-size:9px;color:#748ca1;margin:4px 0 0}.time-chip,.watch-count{border:1px solid #1a466b;border-radius:6px;padding:5px 8px;color:#a8c7df;font-size:9px}.legend{display:flex;gap:16px;font-size:9px;color:#8ba0b3;margin:15px 0}.legend i{display:inline-block;width:12px;height:3px;margin-right:5px;vertical-align:middle}.market-dot{background:#268fff}.model-dot{background:#8de22f}.chart-shell{display:grid;grid-template-columns:38px 1fr;min-height:215px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#688198;font-size:8px;padding-bottom:6px}.chart-area{position:relative;overflow:hidden}.chart-area svg{position:absolute;inset:0;width:100%;height:100%}.market-line,.model-line{fill:none;stroke-width:3}.market-line{stroke:#258cff}.model-line{stroke:#8de22f}.grid-line{position:absolute;left:0;right:0;height:1px;background:#153049}.g1{top:20%}.g2{top:40%}.g3{top:60%}.g4{top:80%}
.market-news{margin-top:8px}.news-item{display:grid;grid-template-columns:42px 1fr;gap:9px;padding:10px 0;border-top:1px solid #15334e}.news-icon{width:42px;height:42px;border-radius:7px;display:grid;place-items:center;background:#0a2845;font-size:20px}.news-item small{display:block;color:#7590a6;font-size:8px}.news-item strong{display:block;font-size:11px;margin:3px 0}.news-item p{margin:0;color:#849aab;font-size:9px;line-height:1.4}.watchlist-body{margin-top:8px}.watch-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-top:1px solid #15334e;font-size:10px}.watch-row strong{display:block}.watch-row span{display:block;color:#7d95a9;margin-top:3px}.watch-row em{font-style:normal;color:#8de22f}.watch-empty{padding:28px 8px;text-align:center;color:#6f879a;font-size:10px}.market-legal{margin:0;padding:12px 18px;border-top:1px solid #15334e;color:#6f8495;font-size:9px}
.market-analysis-modal .modal-card{max-width:760px}.analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.analysis-grid>div{border:1px solid #173b5d;border-radius:8px;padding:11px;text-align:center}.analysis-grid span{display:block;color:#7e94a8;font-size:9px}.analysis-grid strong{display:block;font-size:20px;margin-top:5px}.catalyst-list{display:grid;gap:7px}.catalyst-list div{border:1px solid #153651;border-radius:7px;padding:10px}.catalyst-list strong{display:block;font-size:11px}.catalyst-list span{font-size:9px;color:#8299ad}
@media(max-width:1180px){.market-cards{grid-template-columns:1fr 1fr}.market-lower-grid{grid-template-columns:1fr 1fr}.probability-panel{grid-column:1/-1}.market-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.markets-layout{grid-template-columns:1fr}.market-rail{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #17334e}.market-rail .rail-title,.market-divider{display:none}.market-nav,.market-category{width:auto;white-space:nowrap}.market-cards,.market-lower-grid{grid-template-columns:1fr}.market-metrics{grid-template-columns:1fr 1fr}.markets-header{flex-direction:column}.markets-section{width:calc(100% - 18px)}}
@media(max-width:520px){.market-metrics{grid-template-columns:1fr}.market-cards{grid-template-columns:1fr}}
.advanced-suite,.live-center-section,.matchup-lab-section,.verification-section,.interactive-lab-section,.personalization-section{width:min(1490px,calc(100% - 36px));margin:12px auto}
.suite-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border:1px solid #173b5d;border-radius:12px 12px 0 0;padding:22px 24px;background:linear-gradient(145deg,#071a2e,#04111f)}.suite-head.compact{border-radius:12px;margin-bottom:10px}.suite-head h2{font-family:"Space Grotesk";font-size:30px;margin:7px 0 5px}.suite-head p{margin:0;color:#849aae;max-width:790px;line-height:1.5}.demo-suite-pill{white-space:nowrap;border:1px solid #1b5b88;background:#082239;color:#60c5ff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:.08em}
.edge-scanner-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;background:#020b16;padding:10px;border-left:1px solid #173b5d;border-right:1px solid #173b5d}.scanner-card,.pulse-card,.insight-card,.matchup-main,.trend-panel,.track-card,.replay-card,.scenario-card,.smart-parlay-card,.personal-card,.predictor-card,.impact-card{border:1px solid #173b5d;border-radius:10px;background:linear-gradient(150deg,#07192b,#04111e);padding:16px}.scanner-top{display:flex;justify-content:space-between;gap:12px}.scanner-kicker{font-size:9px;color:#4dbfff;font-weight:800;letter-spacing:.08em}.scanner-top h3{font-size:24px;margin:6px 0}.scan-orb{width:72px;height:72px;border:1px solid #1b6da6;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#0d4270,#061828)}.scan-orb span{font-size:24px;font-weight:800}.scan-orb small{font-size:7px;color:#6f9dbd}.scan-summary{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.scan-summary span{border:1px solid #173b5d;border-radius:999px;padding:6px 9px;font-size:9px;color:#95a9ba}.scan-summary b{color:#8de22f}.scanner-rows{display:grid;gap:7px}.scanner-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;border-top:1px solid #13314c;padding:10px 2px}.scanner-rank{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0a3765;font-weight:800}.scanner-row strong{display:block;font-size:12px}.scanner-row small{display:block;color:#728ba0;margin-top:3px}.scanner-edge{color:#8de22f;font-weight:800}.scanner-action{border:1px solid #175383;background:#08213a;color:#91d6ff;border-radius:6px;padding:6px 8px;font-size:9px}
.pulse-live{color:#80df4c;font-size:9px}.pulse-feed{display:grid;gap:8px;margin-top:12px}.pulse-item{border:1px solid #173b5d;border-radius:8px;padding:10px;background:#061726}.pulse-item-top{display:flex;justify-content:space-between;gap:10px}.pulse-item strong{font-size:11px}.pulse-item span{font-size:9px;color:#78d745}.pulse-item p{margin:5px 0 0;color:#849bad;font-size:9px;line-height:1.4}.insight-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:0 10px 10px;background:#020b16;border:1px solid #173b5d;border-top:0;border-radius:0 0 12px 12px}.change-up{color:#8de22f;font-weight:800}.change-breakdown{display:grid;gap:10px;margin-top:14px}.change-breakdown div{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:10px}.change-breakdown i{grid-column:1/-1;height:4px;background:linear-gradient(90deg,#2b8eff var(--w),#112b42 var(--w));border-radius:999px}.change-breakdown b{color:#8de22f}.timeline-chart{display:flex;align-items:center;gap:7px;margin-top:30px}.timeline-point{min-width:53px;text-align:center}.timeline-point b{display:grid;place-items:center;width:45px;height:45px;border:1px solid #275a7f;border-radius:50%;margin:auto;background:#06192b}.timeline-point.active b{border-color:#4dafff;color:#8de22f}.timeline-point span{font-size:8px;color:#7690a5}.timeline-line{height:2px;flex:1;background:linear-gradient(90deg,#204b6d,#2c8fff)}.battle-badge{font-size:8px;color:#ffce61;border:1px solid #604b1e;padding:5px 8px;border-radius:999px}.consensus-bars{display:grid;gap:12px;margin:18px 0}.consensus-bars>div{display:grid;grid-template-columns:70px 1fr 40px;gap:8px;align-items:center;font-size:10px}.consensus-bars>div>div{height:8px;background:#102a41;border-radius:999px;overflow:hidden}.consensus-bars i{display:block;height:100%;background:#2b8eff}.consensus-bars>div:nth-child(2) i{background:#8de22f}
.live-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.live-game-card{border:1px solid #173b5d;border-radius:10px;background:#061726;padding:14px}.live-game-head{display:flex;justify-content:space-between;color:#7f96a8;font-size:9px}.live-status{color:#8de22f}.score-line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid #15334d}.score-team{display:flex;align-items:center;gap:8px}.score-logo{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0b3764;font-size:8px;font-weight:800}.score-line strong{font-size:21px}.live-model{margin-top:10px}.live-model-row{display:flex;justify-content:space-between;font-size:9px;color:#8ca2b4;margin-top:5px}.live-prob-bar{height:6px;background:#102a41;border-radius:999px;overflow:hidden;margin-top:5px}.live-prob-bar i{display:block;height:100%;background:#298efb}
.matchup-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:10px}.matchup-selector{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.matchup-selector label{font-size:9px;color:#8197aa}.matchup-selector select{display:block;margin-top:6px;background:#06182a;color:#fff;border:1px solid #17456c;border-radius:7px;padding:9px;min-width:240px}.history-summary{display:flex;gap:14px;font-size:10px}.history-summary b{display:block;font-size:20px}.history-summary span{display:block;color:#718aa0}.history-games{display:grid;gap:7px;margin-top:14px}.history-game{display:grid;grid-template-columns:88px 1fr 90px 90px;gap:8px;align-items:center;padding:10px;border-top:1px solid #15334d;font-size:10px}.history-game strong.win{color:#8de22f}.history-game strong.loss{color:#ff6b72}.history-game small{color:#788fa4}.trend-bars{display:flex;gap:10px;align-items:flex-end;height:190px;margin:16px 0}.trend-col{flex:1;text-align:center}.trend-col i{display:block;width:100%;height:calc(var(--v)*1.6px);max-height:160px;background:linear-gradient(180deg,#2e90ff,#0a3768);border-radius:5px 5px 0 0}.trend-col b{display:block;font-size:9px;margin-top:5px}.trend-col span{font-size:8px;color:#758ea3}.trend-insight{border:1px solid #163b5b;border-radius:8px;padding:11px;color:#90a6b8;font-size:10px;line-height:1.45}
.verification-grid,.interactive-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.verify-table{margin-top:12px}.verify-row{display:grid;grid-template-columns:1.5fr .7fr .7fr .6fr;gap:8px;padding:11px 4px;border-top:1px solid #15334d;font-size:10px}.verify-row.head{color:#6e879c;font-size:8px}.verify-row em{color:#8de22f;font-style:normal}.lock-pill{font-size:8px;color:#74c8ff;border:1px solid #1c537b;border-radius:999px;padding:5px 8px}.replay-match{font-weight:800;font-size:15px;margin:18px 0}.replay-match span{font-size:8px;color:#8de22f;margin-left:7px}.replay-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.replay-grid div{border:1px solid #153650;border-radius:7px;padding:10px}.replay-grid span{display:block;color:#768fa5;font-size:8px}.replay-grid strong{display:block;margin-top:4px}.replay-result{margin-top:10px;background:#102812;border:1px solid #285b21;color:#8de22f;border-radius:7px;padding:10px;font-size:10px}
.scenario-toggle{display:flex;gap:9px;align-items:center;border-top:1px solid #15334d;padding:11px 0;font-size:10px}.scenario-toggle input{accent-color:#258cff}.scenario-output{margin-top:10px;border:1px solid #17466b;border-radius:8px;padding:14px;text-align:center}.scenario-output span,.scenario-output small{display:block;color:#7b94a8}.scenario-output strong{display:block;font-size:34px;color:#8de22f;margin:4px 0}.parlay-intel-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.parlay-intel-grid>div{border:1px solid #153650;border-radius:7px;padding:10px}.parlay-intel-grid span{display:block;color:#728aa0;font-size:8px}.parlay-intel-grid strong{display:block;margin-top:4px;font-size:11px}.grade-pill{width:38px;height:38px;display:grid;place-items:center;border:1px solid #2774a7;border-radius:50%;color:#8de22f;font-weight:800}.improve-message{font-size:9px;color:#7ecaff;margin-top:8px;min-height:14px}
.personal-grid{display:grid;grid-template-columns:1fr .85fr 1fr;gap:10px}.personal-card h3,.impact-card h3{margin:7px 0 12px}.coach-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.coach-stats>div{border:1px solid #153650;border-radius:7px;padding:10px}.coach-stats span,.coach-stats b,.coach-stats em{display:block}.coach-stats span{font-size:8px;color:#7890a4}.coach-stats b{font-size:10px;margin:4px 0}.coach-stats em{font-size:9px;color:#8de22f;font-style:normal}.personal-card p{font-size:9px;color:#7890a5;line-height:1.45}.predictor-head{display:flex;gap:10px;align-items:center;margin:12px 0}.avatar-ring{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#123d67;border:2px solid #2b8eff}.predictor-head h3{margin:0}.predictor-head span{font-size:9px;color:#8ab0cf}.predictor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.predictor-stats div{text-align:center;border:1px solid #153650;border-radius:7px;padding:10px}.predictor-stats strong{display:block;color:#8de22f}.predictor-stats span{display:block;font-size:8px;color:#788fa4;margin-top:4px}.impact-alert{border:1px solid #3d4e1d;background:#101e11;border-radius:8px;padding:12px}.impact-alert>span{font-size:8px;color:#ffcf65}.impact-alert strong{display:block;margin:6px 0}.impact-alert p{font-size:9px;color:#9bb0a1;line-height:1.45}.impact-alert b{color:#8de22f}
@media(max-width:1050px){.edge-scanner-grid,.matchup-layout,.verification-grid,.interactive-grid{grid-template-columns:1fr}.insight-grid,.personal-grid{grid-template-columns:1fr 1fr}.live-score-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.insight-grid,.personal-grid,.live-score-grid{grid-template-columns:1fr}.scanner-row{grid-template-columns:30px 1fr auto}.scanner-action{display:none}.matchup-selector{align-items:flex-start;flex-direction:column}.history-game{grid-template-columns:75px 1fr}.history-game>:nth-child(3),.history-game>:nth-child(4){text-align:left}.suite-head{flex-direction:column}.advanced-suite,.live-center-section,.matchup-lab-section,.verification-section,.interactive-lab-section,.personalization-section{width:calc(100% - 18px)}}
.live-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:12px;border:1px solid #173b5d;border-radius:10px;background:#04111f}.live-toolbar label{display:grid;gap:5px;color:#7992a8;font-size:9px}.live-toolbar select,.live-toolbar input{min-height:38px;background:#06182a;color:#fff;border:1px solid #17456c;border-radius:7px;padding:7px 9px}.provider-status{font-size:9px;color:#7fa0b8;margin-left:auto}.provider-status.ok{color:#8de22f}.provider-status.error{color:#ff7a82}.trial-source{font-size:8px;color:#ffcf65;margin-top:8px}.empty-live{grid-column:1/-1;border:1px dashed #244561;border-radius:10px;padding:24px;text-align:center;color:#7f96a8}
/* Live-first navigation */
.nav-live-link{display:inline-flex!important;align-items:center;gap:6px;color:#9eea4a!important;font-weight:800!important}
.nav-live-dot,.live-ping{width:7px;height:7px;border-radius:50%;background:#8be93e;box-shadow:0 0 0 3px rgba(139,233,62,.12);display:inline-block}
.top-live-strip{width:min(1490px,calc(100% - 36px));margin:10px auto;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #194a70;border-radius:10px;background:linear-gradient(135deg,#061a2d,#04111f);padding:9px 10px;position:relative;z-index:2}
.top-live-label{display:flex;align-items:center;gap:8px;min-width:118px}.top-live-label>div{display:flex;flex-direction:column}.top-live-label b{font-size:10px;color:#9eea4a;letter-spacing:.08em}.top-live-label small{font-size:8px;color:#6f8da4;margin-top:2px}
.top-live-games{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;min-width:0}.top-live-games::-webkit-scrollbar{display:none}.top-live-loading{font-size:9px;color:#7992a6;padding:8px}
.top-live-chip{flex:0 0 auto;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:7px;border:1px solid #173c5b;border-radius:7px;background:#071726;padding:7px 9px;text-decoration:none;color:#dfeaf3;min-width:172px}
.top-live-chip:hover{border-color:#2b79ac}.top-live-chip .chip-sport{font-size:7px;color:#6f91a8;font-weight:800}.top-live-chip .chip-match{font-size:9px;font-weight:700;white-space:nowrap}.top-live-chip .chip-score{font-size:11px;color:#fff;font-weight:900}.top-live-chip .chip-state{grid-column:1/-1;font-size:7px;color:#8be93e}
.top-live-all{font-size:9px;color:#75cfff;text-decoration:none;white-space:nowrap;padding:8px}
.live-center-toolbar{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 0 10px}.live-filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.live-filter-tabs button{border:1px solid #173f60;background:#061727;color:#8399ac;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:800;cursor:pointer}.live-filter-tabs button.active{background:#0d3962;border-color:#2d88c8;color:#a5e0ff}
.live-sport-filter{display:flex;align-items:center;gap:7px}.live-sport-filter label{font-size:8px;color:#718ca1}.live-sport-filter select{background:#061727;color:#e8f2fa;border:1px solid #174261;border-radius:7px;padding:8px;font-size:9px}
.live-source-status{font-size:8px;color:#8ca2b4;margin:0 0 9px}.live-source-status.connected{color:#8be93e}.live-source-status.error{color:#ffb75f}
.live-empty{grid-column:1/-1;border:1px dashed #214766;border-radius:10px;padding:28px;text-align:center;background:#061522}.live-empty strong{display:block;font-size:14px}.live-empty span{display:block;color:#7f97a9;font-size:9px;margin-top:5px}
@media(max-width:780px){.top-live-strip{grid-template-columns:1fr}.top-live-all{display:none}.live-center-toolbar{align-items:stretch;flex-direction:column}.live-sport-filter{justify-content:space-between}.top-live-strip{width:calc(100% - 18px)}}
/* ===== Polished live-first shell ===== */
:root{--eq-bg:#020b14;--eq-panel:#071523;--eq-card:#091827;--eq-border:#17324a;--eq-text:#eef5fb;--eq-muted:#8196a8;--eq-green:#9af23c;--eq-blue:#2a8bff}
body{background:radial-gradient(circle at top,#06131f 0,#020b14 38%,#01070d 100%)!important;color:var(--eq-text)}
.polished-nav{min-height:66px;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:0 18px!important;border-bottom:1px solid #12283b;background:#020913!important}
.brand-lockup{text-decoration:none;font-family:"Space Grotesk",sans-serif;font-size:14px;font-weight:900;letter-spacing:-.03em;white-space:nowrap}.brand-edge{color:#fff}.brand-iq{color:var(--eq-green)}
.nav-links{display:flex;align-items:center;justify-content:center;gap:28px;min-width:0;white-space:nowrap}.nav-links a{color:#d3dee8;text-decoration:none;font-size:13px;font-weight:700;padding:24px 0 20px;position:relative}.nav-links a:hover{color:#fff}.nav-links a.active,.nav-links .nav-live-link{color:var(--eq-green)!important}.nav-links a.active:after,.nav-links .nav-live-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--eq-green)}
.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn,.profile-pill{border:0;background:transparent;color:#dce7ef;cursor:pointer}.icon-btn{font-size:18px;width:34px;height:34px}.profile-pill{width:34px;height:34px;border-radius:50%;background:#172a47;border:1px solid #23415f;font-size:10px;font-weight:800}
.polished-live-strip{width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-bottom:1px solid #132c42!important;border-radius:0!important;padding:12px 18px!important;background:#020b14!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:12px!important}
.top-live-title{display:flex;align-items:center;gap:8px;white-space:nowrap}.top-live-title b{font-size:13px;letter-spacing:.04em}.top-live-title #topLiveCount{font-size:10px;color:var(--eq-green);font-weight:800}
.top-live-games{display:flex;gap:8px;overflow-x:auto;padding-bottom:1px}.top-live-chip{min-width:190px!important;padding:10px 12px!important;background:linear-gradient(145deg,#081523,#07111c)!important;border:1px solid #17344d!important;border-radius:8px!important;grid-template-columns:auto 1fr auto!important}.top-live-chip .chip-sport{font-size:8px!important}.top-live-chip .chip-match{font-size:10px!important}.top-live-chip .chip-score{font-size:15px!important}.top-live-chip .chip-state{font-size:8px!important}.top-live-all{border:1px solid #1e3c55;border-radius:8px;padding:10px 13px!important;color:var(--eq-green)!important;background:#071522;font-weight:800}
.live-center-section{width:calc(100% - 24px)!important;max-width:none!important;margin:12px auto 20px!important;border:1px solid #17344d;border-radius:12px;background:#030d17;padding:0 14px 14px}
.live-center-hero{display:flex;justify-content:space-between;align-items:center;padding:18px 4px 12px}.live-center-hero h2{margin:4px 0;font-family:"Space Grotesk";font-size:24px}.live-center-hero p{margin:0;color:var(--eq-muted);font-size:10px}.auto-refresh-pill{color:var(--eq-green);font-size:9px;font-weight:800}
.live-center-toolbar{padding:0 4px 10px;border-bottom:1px solid #173047!important;align-items:center!important}.live-filter-tabs{gap:10px!important}.live-filter-tabs button{display:flex;align-items:center;gap:6px;border:0!important;background:transparent!important;color:#b4c2ce!important;border-radius:0!important;padding:13px 10px!important;position:relative;font-size:10px!important}.live-filter-tabs button b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#1c2c3b;color:#dce7ef;font-size:8px}.live-filter-tabs button.active{color:var(--eq-green)!important}.live-filter-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--eq-green)}.live-filter-tabs button.active b{background:#173c28;color:#b5ff72}
.live-sport-filter{gap:8px!important}.live-sport-filter label{display:none}.live-sport-filter select{min-width:150px;background:#06131f!important;border:1px solid #1a3b56!important;color:#e3edf5!important;border-radius:7px!important;padding:9px 12px!important}
.live-source-status{margin:10px 4px!important}
.live-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.live-game-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#081725,#06121e)!important;border:1px solid #193953!important;border-radius:9px!important;padding:14px 14px 12px!important;box-shadow:none!important}.live-game-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--eq-green)}.live-game-head{font-size:9px!important;color:#9fb1bf!important}.live-status{color:var(--eq-green)!important;font-weight:800}.score-line{padding:10px 0!important}.score-logo{background:#10385e!important}.score-team b{font-size:12px}.score-line strong{font-size:18px!important}.live-model-row{font-size:8px!important}
@media(max-width:1200px){.nav-links{gap:17px}.nav-links a{font-size:11px}.live-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.polished-nav{grid-template-columns:auto 1fr}.nav-actions{display:none}.nav-links{justify-content:flex-start;overflow-x:auto}.polished-live-strip{grid-template-columns:1fr!important}.top-live-all{display:none!important}.live-score-grid{grid-template-columns:1fr!important}.live-center-toolbar{align-items:flex-start!important;flex-direction:column!important}.live-filter-tabs{overflow-x:auto;flex-wrap:nowrap!important;width:100%}}
/* ===== Electric segmented navigation ===== */
.polished-nav{
position:relative;
margin:8px 12px 0!important;
width:calc(100% - 24px)!important;
min-height:72px!important;
border:1px solid rgba(52,139,255,.78)!important;
border-radius:11px!important;
background:
linear-gradient(180deg,rgba(5,18,31,.98),rgba(2,10,18,.99))!important;
box-shadow:
0 0 18px rgba(31,126,255,.14),
inset 0 0 22px rgba(31,126,255,.04)!important;
overflow:hidden;
}
.polished-nav:before{
content:"";
position:absolute;
inset:-1px;
border-radius:11px;
pointer-events:none;
background:linear-gradient(90deg,
rgba(139,242,60,.85) 0%,
rgba(29,123,255,.45) 23%,
rgba(41,139,255,.92) 63%,
rgba(61,153,255,.75) 100%);
padding:1px;
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
}
.brand-lockup{padding:0 15px 0 8px}
.nav-links{
gap:0!important;
height:100%;
align-self:stretch;
border-left:1px solid rgba(50,132,255,.45);
}
.nav-links a{
min-height:70px;
padding:0 23px!important;
display:flex!important;
align-items:center;
justify-content:center;
text-align:center;
line-height:1.18;
border-right:1px solid rgba(47,126,236,.56);
text-shadow:0 0 12px rgba(111,176,255,.05);
transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.nav-links a:before{
content:"";
position:absolute;
right:-1px;
top:13px;
bottom:13px;
width:1px;
background:linear-gradient(180deg,
transparent,
rgba(50,143,255,.65) 20%,
rgba(94,170,255,1) 50%,
rgba(50,143,255,.65) 80%,
transparent);
box-shadow:0 0 7px rgba(43,139,255,.78);
}
.nav-links a:hover{
background:linear-gradient(180deg,rgba(18,55,88,.36),rgba(7,26,45,.2));
color:#fff!important;
box-shadow:inset 0 0 22px rgba(38,132,255,.08);
}
.nav-links a.active,.nav-links .nav-live-link{
color:#9af23c!important;
background:radial-gradient(circle at 50% 100%,rgba(105,238,57,.10),transparent 70%);
text-shadow:0 0 13px rgba(135,243,62,.20);
}
.nav-links a.active:after,.nav-links .nav-live-link:after{
height:2px!important;
left:12px!important;
right:12px!important;
bottom:0!important;
background:#91f13d!important;
box-shadow:0 0 8px rgba(145,241,61,.7);
}
.nav-live-dot{
width:9px!important;
height:9px!important;
background:#91f13d!important;
box-shadow:
0 0 0 4px rgba(145,241,61,.12),
0 0 12px rgba(145,241,61,.85)!important;
}
.nav-actions{
padding-left:10px;
padding-right:7px;
}
@media(max-width:1450px){
.nav-links a{padding-left:15px!important;padding-right:15px!important;font-size:10px!important}
}
@media(max-width:1100px){
.polished-nav{grid-template-columns:auto 1fr!important}
.nav-actions{display:none!important}
.nav-links{overflow-x:auto;justify-content:flex-start!important;scrollbar-width:none}
.nav-links::-webkit-scrollbar{display:none}
.nav-links a{flex:0 0 auto}
}
/* ===== FIX: electric separators on the actual .topnav ===== */
.topnav.electric-topnav{
display:flex!important;
align-items:stretch!important;
justify-content:space-between!important;
gap:0!important;
margin:8px 14px 0!important;
width:calc(100% - 28px)!important;
min-height:72px!important;
padding:0!important;
border:1px solid rgba(48,139,255,.9)!important;
border-radius:12px!important;
background:linear-gradient(180deg,#06111e 0%,#020914 100%)!important;
box-shadow:
0 0 16px rgba(40,130,255,.22),
inset 0 0 18px rgba(43,137,255,.05)!important;
overflow-x:auto!important;
scrollbar-width:none;
}
.topnav.electric-topnav::-webkit-scrollbar{display:none}
.topnav.electric-topnav > a{
position:relative!important;
flex:1 0 auto!important;
min-width:118px!important;
min-height:72px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
padding:0 18px!important;
margin:0!important;
border-right:1px solid rgba(42,131,255,.72)!important;
color:#d9e4ee!important;
text-decoration:none!important;
font-size:13px!important;
font-weight:700!important;
line-height:1.15!important;
text-align:center!important;
white-space:normal!important;
background:transparent!important;
text-shadow:0 0 10px rgba(81,160,255,.08);
transition:.18s ease;
}
.topnav.electric-topnav > a:last-child{
border-right:0!important;
}
.topnav.electric-topnav > a:not(:last-child)::before{
content:""!important;
position:absolute!important;
right:-1px!important;
top:12px!important;
bottom:12px!important;
width:2px!important;
background:linear-gradient(
180deg,
transparent 0%,
rgba(36,121,255,.25) 12%,
rgba(78,164,255,1) 50%,
rgba(36,121,255,.25) 88%,
transparent 100%
)!important;
box-shadow:
0 0 5px rgba(58,145,255,.95),
0 0 10px rgba(37,124,255,.65)!important;
z-index:3!important;
}
.topnav.electric-topnav > a:hover{
background:linear-gradient(180deg,rgba(24,70,112,.35),rgba(7,24,42,.16))!important;
color:#fff!important;
box-shadow:inset 0 0 24px rgba(38,131,255,.10)!important;
}
.topnav.electric-topnav > a.nav-live-link{
color:#98f13d!important;
text-shadow:0 0 12px rgba(152,241,61,.3)!important;
background:radial-gradient(circle at center,rgba(86,213,42,.08),transparent 68%)!important;
}
.topnav.electric-topnav > a.nav-live-link::after{
content:""!important;
position:absolute!important;
left:14px!important;
right:14px!important;
bottom:0!important;
height:2px!important;
background:#98f13d!important;
box-shadow:0 0 9px rgba(152,241,61,.9)!important;
}
.topnav.electric-topnav .nav-live-dot{
width:9px!important;
height:9px!important;
border-radius:50%!important;
background:#98f13d!important;
box-shadow:
0 0 0 4px rgba(152,241,61,.13),
0 0 11px rgba(152,241,61,.95)!important;
flex:0 0 auto!important;
}
@media(max-width:1100px){
.topnav.electric-topnav{justify-content:flex-start!important}
.topnav.electric-topnav > a{flex:0 0 auto!important;min-width:126px!important}
}
/* ===== NAV FIT FIX: keep Methodology fully visible ===== */
.topnav.electric-topnav{
overflow-x:hidden!important;
padding-left:0!important;
padding-right:0!important;
}
.topnav.electric-topnav > a{
flex:1 1 0!important;
min-width:0!important;
padding-left:10px!important;
padding-right:10px!important;
font-size:11px!important;
white-space:normal!important;
word-break:keep-all!important;
}
.topnav.electric-topnav > a:nth-child(3),
.topnav.electric-topnav > a:nth-child(5),
.topnav.electric-topnav > a:nth-child(7),
.topnav.electric-topnav > a:nth-child(9),
.topnav.electric-topnav > a:nth-child(10){
font-size:10px!important;
}
@media(max-width:1250px){
.topnav.electric-topnav{
overflow-x:auto!important;
}
.topnav.electric-topnav > a{
flex:0 0 auto!important;
min-width:112px!important;
font-size:10px!important;
}
}
/* ===== HEADER SIZING MATCH FIX ===== */
.edgeiq-header-shell{
display:grid!important;
grid-template-columns:260px minmax(0,1fr) 220px!important;
align-items:center!important;
gap:18px!important;
padding:12px 18px 10px!important;
background:#030b14!important;
border-bottom:1px solid #17334a!important;
}
.edgeiq-brand{
display:flex!important;
align-items:center!important;
gap:14px!important;
min-width:0!important;
}
.edgeiq-brand-icon{
width:58px!important;
height:58px!important;
border-radius:14px!important;
display:grid!important;
place-items:center!important;
background:linear-gradient(180deg,#2583e6,#1459a7)!important;
color:#fff!important;
font-size:29px!important;
font-weight:900!important;
box-shadow:inset 0 0 18px rgba(255,255,255,.06),0 0 18px rgba(31,126,255,.12)!important;
}
.edgeiq-brand-name{
display:flex!important;
align-items:baseline!important;
white-space:nowrap!important;
font-family:"Space Grotesk",sans-serif!important;
font-size:26px!important;
font-weight:900!important;
letter-spacing:-.04em!important;
}
.edgeiq-brand-name span{color:#f1f6fb!important}
.edgeiq-brand-name b{color:#2f8fff!important;font-weight:900!important}
.edgeiq-header-shell .topnav.electric-topnav{
width:100%!important;
margin:0!important;
min-height:64px!important;
height:64px!important;
border-radius:12px!important;
overflow:hidden!important;
display:flex!important;
align-items:stretch!important;
}
.edgeiq-header-shell .topnav.electric-topnav > a{
flex:1 1 0!important;
min-width:0!important;
min-height:64px!important;
height:64px!important;
padding:0 10px!important;
font-size:11px!important;
white-space:nowrap!important;
}
.edgeiq-header-shell .topnav.electric-topnav > a:nth-child(3),
.edgeiq-header-shell .topnav.electric-topnav > a:nth-child(5),
.edgeiq-header-shell .topnav.electric-topnav > a:nth-child(6),
.edgeiq-header-shell .topnav.electric-topnav > a:nth-child(7),
.edgeiq-header-shell .topnav.electric-topnav > a:nth-child(9),
.edgeiq-header-shell .topnav.electric-topnav > a:nth-child(10){
font-size:10px!important;
}
.edgeiq-header-shell .topnav.electric-topnav > a:not(:last-child)::before{
top:9px!important;
bottom:9px!important;
}
.edgeiq-header-shell .topnav.electric-topnav > a.nav-live-link::after{
left:18px!important;
right:18px!important;
}
.edgeiq-header-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:12px!important;
}
.edgeiq-login{
height:50px!important;
min-width:100px!important;
padding:0 18px!important;
border-radius:10px!important;
background:#061422!important;
color:#f2f6fa!important;
border:1px solid #225887!important;
font-size:14px!important;
cursor:pointer!important;
}
.edgeiq-quick{
width:50px!important;
height:50px!important;
border-radius:10px!important;
background:linear-gradient(180deg,#1877ff,#0f53d8)!important;
border:1px solid #2d8cff!important;
color:#ffd94a!important;
font-size:20px!important;
cursor:pointer!important;
box-shadow:0 0 14px rgba(40,130,255,.15)!important;
}
/* Keep the live strip visually aligned with the header */
.polished-live-strip,
.top-live-strip{
padding-left:18px!important;
padding-right:18px!important;
}
/* Prevent the old layout rules from making the header enormous */
@media(min-width:1300px){
.edgeiq-header-shell .topnav.electric-topnav > a{
font-size:10px!important;
}
}
@media(max-width:1500px){
.edgeiq-header-shell{
grid-template-columns:220px minmax(0,1fr) 180px!important;
gap:12px!important;
}
.edgeiq-brand-name{font-size:22px!important}
.edgeiq-brand-icon{width:52px!important;height:52px!important}
.edgeiq-header-shell .topnav.electric-topnav > a{
padding:0 7px!important;
font-size:9px!important;
}
.edgeiq-login{min-width:86px!important}
}
@media(max-width:1120px){
.edgeiq-header-shell{
grid-template-columns:auto minmax(0,1fr)!important;
}
.edgeiq-header-actions{display:none!important}
.edgeiq-header-shell .topnav.electric-topnav{
overflow-x:auto!important;
scrollbar-width:none!important;
}
.edgeiq-header-shell .topnav.electric-topnav::-webkit-scrollbar{display:none!important}
.edgeiq-header-shell .topnav.electric-topnav > a{
flex:0 0 auto!important;
min-width:108px!important;
}
}
@media(max-width:760px){
.edgeiq-header-shell{
grid-template-columns:1fr!important;
gap:10px!important;
}
.edgeiq-brand{
justify-content:space-between!important;
}
.edgeiq-header-shell .topnav.electric-topnav{
width:100%!important;
}
}
/* ===== FINAL CLEAN HEADER FIX ===== */
.edgeiq-header-shell,
.edgeiq-brand,
.edgeiq-header-actions{
display:none!important;
}
.clean-site-header{
width:100%!important;
min-height:84px!important;
display:grid!important;
grid-template-columns:250px minmax(900px,1fr) 270px!important;
align-items:center!important;
gap:20px!important;
padding:10px 22px!important;
margin:0!important;
background:#030b14!important;
border-bottom:1px solid #163149!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
.clean-site-header .brand{
display:flex!important;
align-items:center!important;
gap:14px!important;
min-width:0!important;
margin:0!important;
padding:0!important;
}
.clean-site-header .brand-mark{
width:56px!important;
height:56px!important;
min-width:56px!important;
border-radius:13px!important;
display:grid!important;
place-items:center!important;
background:linear-gradient(180deg,#2a84e6,#155ba9)!important;
color:#fff!important;
font-size:28px!important;
font-weight:900!important;
line-height:1!important;
}
.clean-site-header .brand-text{
font-family:"Space Grotesk",sans-serif!important;
font-size:25px!important;
font-weight:900!important;
letter-spacing:-.035em!important;
color:#f0f5fa!important;
white-space:nowrap!important;
}
.clean-site-header .brand-text span{color:#318cff!important}
.clean-site-header .topnav.electric-topnav{
width:100%!important;
height:62px!important;
min-height:62px!important;
margin:0!important;
padding:0!important;
display:flex!important;
align-items:stretch!important;
gap:0!important;
border:1px solid rgba(45,137,255,.92)!important;
border-radius:12px!important;
background:linear-gradient(180deg,#071321,#020a14)!important;
overflow:hidden!important;
box-shadow:0 0 16px rgba(38,129,255,.16),inset 0 0 16px rgba(41,137,255,.04)!important;
}
.clean-site-header .topnav.electric-topnav > a{
flex:1 1 0!important;
min-width:0!important;
height:62px!important;
min-height:62px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:0 12px!important;
margin:0!important;
color:#dbe5ee!important;
text-decoration:none!important;
font-size:11px!important;
font-weight:750!important;
line-height:1.1!important;
white-space:nowrap!important;
border-right:1px solid rgba(47,131,245,.55)!important;
position:relative!important;
box-sizing:border-box!important;
}
.clean-site-header .topnav.electric-topnav > a:last-child{
border-right:0!important;
}
.clean-site-header .topnav.electric-topnav > a:not(:last-child)::before{
content:""!important;
position:absolute!important;
right:-1px!important;
top:10px!important;
bottom:10px!important;
width:2px!important;
background:linear-gradient(180deg,transparent,rgba(55,145,255,.95),transparent)!important;
box-shadow:0 0 7px rgba(57,145,255,.8)!important;
}
.clean-site-header .topnav.electric-topnav > a.nav-live-link{
color:#9bf13e!important;
background:radial-gradient(circle at 50% 60%,rgba(100,225,48,.09),transparent 70%)!important;
}
.clean-site-header .topnav.electric-topnav > a.nav-live-link::after{
content:""!important;
position:absolute!important;
left:16px!important;
right:16px!important;
bottom:0!important;
height:3px!important;
background:#9bf13e!important;
box-shadow:0 0 8px rgba(155,241,62,.8)!important;
}
.clean-site-header .nav-live-dot{
width:8px!important;
height:8px!important;
margin-right:7px!important;
border-radius:50%!important;
background:#9bf13e!important;
box-shadow:0 0 0 4px rgba(155,241,62,.12),0 0 10px rgba(155,241,62,.9)!important;
flex:0 0 auto!important;
}
.clean-site-header .top-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:12px!important;
min-width:0!important;
margin:0!important;
padding:0!important;
}
.clean-site-header .top-actions .btn{
height:48px!important;
min-height:48px!important;
padding:0 18px!important;
border-radius:10px!important;
font-size:13px!important;
white-space:nowrap!important;
}
.clean-site-header .top-actions .ghost{
background:#061421!important;
border:1px solid #235684!important;
color:#eef5fa!important;
}
.clean-site-header .top-actions .primary{
background:linear-gradient(180deg,#1d7dff,#1054da)!important;
border:1px solid #338cff!important;
color:#fff!important;
}
/* Kill legacy header duplication/spacing */
body > .brand,
body > .top-actions,
body > .edgeiq-brand,
body > .edgeiq-header-actions{
display:none!important;
}
/* Responsive: preserve readable nav instead of crushing labels */
@media(max-width:1550px){
.clean-site-header{
grid-template-columns:210px minmax(760px,1fr) 220px!important;
gap:14px!important;
padding-left:16px!important;
padding-right:16px!important;
}
.clean-site-header .brand-text{font-size:22px!important}
.clean-site-header .brand-mark{width:50px!important;height:50px!important;min-width:50px!important}
.clean-site-header .topnav.electric-topnav > a{font-size:9px!important;padding:0 8px!important}
.clean-site-header .top-actions .btn{padding:0 13px!important;font-size:11px!important}
}
@media(max-width:1220px){
.clean-site-header{
grid-template-columns:190px minmax(0,1fr) 160px!important;
}
.clean-site-header .topnav.electric-topnav{
overflow-x:auto!important;
scrollbar-width:none!important;
}
.clean-site-header .topnav.electric-topnav::-webkit-scrollbar{display:none!important}
.clean-site-header .topnav.electric-topnav > a{
flex:0 0 auto!important;
min-width:105px!important;
font-size:9px!important;
}
.clean-site-header .top-actions .primary{display:none!important}
}
@media(max-width:820px){
.clean-site-header{
grid-template-columns:1fr!important;
gap:10px!important;
padding:10px!important;
}
.clean-site-header .brand{justify-content:flex-start!important}
.clean-site-header .top-actions{display:none!important}
}
/* ===== STICKY / SCROLL-AWARE TOP NAV ===== */
.clean-site-header{
position:sticky!important;
top:0!important;
z-index:1000!important;
backdrop-filter:blur(14px)!important;
-webkit-backdrop-filter:blur(14px)!important;
background:rgba(3,11,20,.94)!important;
box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
}
.clean-site-header .topnav.electric-topnav > a.scroll-active{
color:#8fd2ff!important;
background:linear-gradient(180deg,rgba(27,87,139,.22),rgba(5,20,35,.18))!important;
text-shadow:0 0 10px rgba(61,155,255,.25)!important;
}
.clean-site-header .topnav.electric-topnav > a.scroll-active::after{
content:""!important;
position:absolute!important;
left:16px!important;
right:16px!important;
bottom:0!important;
height:3px!important;
background:#2d91ff!important;
box-shadow:0 0 9px rgba(45,145,255,.85)!important;
}
.clean-site-header .topnav.electric-topnav > a.nav-live-link.scroll-active,
.clean-site-header .topnav.electric-topnav > a.nav-live-link{
color:#9bf13e!important;
}
.clean-site-header .topnav.electric-topnav > a.nav-live-link.scroll-active::after,
.clean-site-header .topnav.electric-topnav > a.nav-live-link::after{
background:#9bf13e!important;
box-shadow:0 0 9px rgba(155,241,62,.8)!important;
}
html{
scroll-behavior:smooth!important;
scroll-padding-top:100px!important;
}
/* Keep anchors from hiding behind the sticky header */
section[id],
div[id="games"],
div[id="simulator"],
div[id="parlay"],
div[id="leaderboard"],
div[id="markets"],
div[id="tournaments"],
div[id="methodology"]{
scroll-margin-top:100px!important;
}
/* ===== Slightly larger header/nav sizing ===== */
.clean-site-header{
min-height:90px!important;
grid-template-columns:265px minmax(930px,1fr) 280px!important;
gap:22px!important;
padding-top:12px!important;
padding-bottom:12px!important;
}
.clean-site-header .brand-mark{
width:58px!important;
height:58px!important;
min-width:58px!important;
}
.clean-site-header .brand-text{
font-size:27px!important;
}
.clean-site-header .topnav.electric-topnav{
height:68px!important;
min-height:68px!important;
}
.clean-site-header .topnav.electric-topnav > a{
height:68px!important;
min-height:68px!important;
font-size:12px!important;
padding-left:13px!important;
padding-right:13px!important;
}
.clean-site-header .top-actions .btn{
height:52px!important;
min-height:52px!important;
font-size:14px!important;
}
html{
scroll-padding-top:108px!important;
}
section[id]{
scroll-margin-top:108px!important;
}
@media(max-width:1550px){
.clean-site-header{
grid-template-columns:220px minmax(790px,1fr) 225px!important;
}
.clean-site-header .brand-text{font-size:24px!important}
.clean-site-header .topnav.electric-topnav > a{
font-size:10px!important;
padding-left:9px!important;
padding-right:9px!important;
}
}
/* ===== Larger header + reclaim unused top space ===== */
/* Remove unnecessary empty band above header */
html, body{
margin-top:0!important;
padding-top:0!important;
}
.clean-site-header{
top:0!important;
margin-top:0!important;
min-height:104px!important;
grid-template-columns:280px minmax(980px,1fr) 300px!important;
gap:22px!important;
padding:10px 22px!important;
align-items:center!important;
}
/* Bigger Edge Reveal branding */
.clean-site-header .brand-mark{
width:64px!important;
height:64px!important;
min-width:64px!important;
border-radius:14px!important;
font-size:31px!important;
}
.clean-site-header .brand-text{
font-size:30px!important;
}
/* Make segmented electric navigation more prominent */
.clean-site-header .topnav.electric-topnav{
height:78px!important;
min-height:78px!important;
border-radius:13px!important;
}
.clean-site-header .topnav.electric-topnav > a{
height:78px!important;
min-height:78px!important;
font-size:13px!important;
padding-left:14px!important;
padding-right:14px!important;
}
.clean-site-header .topnav.electric-topnav > a:not(:last-child)::before{
top:10px!important;
bottom:10px!important;
}
.clean-site-header .nav-live-dot{
width:10px!important;
height:10px!important;
}
/* Larger right-side actions */
.clean-site-header .top-actions{
gap:14px!important;
}
.clean-site-header .top-actions .btn{
height:58px!important;
min-height:58px!important;
padding-left:20px!important;
padding-right:20px!important;
font-size:15px!important;
}
/* Make the content begin immediately after header */
.clean-site-header + .top-live-strip,
.clean-site-header + .polished-live-strip{
margin-top:0!important;
}
.top-live-strip,
.polished-live-strip{
border-top:0!important;
}
/* Sticky anchor offset follows new header height */
html{
scroll-padding-top:116px!important;
}
section[id]{
scroll-margin-top:116px!important;
}
@media(max-width:1600px){
.clean-site-header{
grid-template-columns:235px minmax(820px,1fr) 245px!important;
gap:15px!important;
padding-left:16px!important;
padding-right:16px!important;
}
.clean-site-header .brand-mark{
width:58px!important;
height:58px!important;
min-width:58px!important;
}
.clean-site-header .brand-text{font-size:26px!important}
.clean-site-header .topnav.electric-topnav > a{
font-size:11px!important;
padding-left:9px!important;
padding-right:9px!important;
}
.clean-site-header .top-actions .btn{
font-size:13px!important;
padding-left:14px!important;
padding-right:14px!important;
}
}
/* ===== FLUSH TOP FIX — remove blank space above navigation ===== */
html,
body{
margin:0!important;
padding:0!important;
}
body{
padding-top:0!important;
margin-top:0!important;
}
.clean-site-header{
position:sticky!important;
top:0!important;
margin:0!important;
transform:none!important;
padding-top:8px!important;
padding-bottom:8px!important;
}
/* Remove any legacy spacer/pseudo-element creating the upper blank band */
body::before,
.clean-site-header::before{
margin:0!important;
}
.site-header.clean-site-header{
top:0!important;
}
/* Keep first visible header content close to viewport top like reference */
.clean-site-header .brand,
.clean-site-header .topnav.electric-topnav,
.clean-site-header .top-actions{
margin-top:0!important;
margin-bottom:0!important;
}
/* prevent old top-offset rules from winning */
@media(min-width:1px){
.clean-site-header{
top:0!important;
margin-top:0!important;
}
}
/* ===== ACTUAL HEADER GAP REMOVAL ===== */
.site-header.clean-site-header{
height:94px!important;
min-height:94px!important;
max-height:94px!important;
padding:8px 22px!important;
margin:0!important;
align-content:center!important;
align-items:center!important;
box-sizing:border-box!important;
}
.site-header.clean-site-header > .brand,
.site-header.clean-site-header > .topnav,
.site-header.clean-site-header > .top-actions{
align-self:center!important;
margin-top:0!important;
margin-bottom:0!important;
}
/* Override any legacy large header/spacer rules */
.site-header{
padding-top:8px!important;
padding-bottom:8px!important;
margin-top:0!important;
}
@media(max-width:1600px){
.site-header.clean-site-header{
height:94px!important;
min-height:94px!important;
max-height:94px!important;
padding-top:8px!important;
padding-bottom:8px!important;
}
}
@media(max-width:820px){
.site-header.clean-site-header{
height:auto!important;
min-height:0!important;
max-height:none!important;
}
}
/* ===== ROOT HEADER GAP FIX =====
The original .topbar was still reserving vertical space. */
.topbar{
height:auto!important;
min-height:0!important;
max-height:none!important;
padding:0!important;
margin:0!important;
gap:0!important;
border:0!important;
background:transparent!important;
position:static!important;
}
/* If clean header is inside topbar, it alone controls header height/stickiness */
.topbar .clean-site-header,
.site-header.clean-site-header{
width:100%!important;
height:94px!important;
min-height:94px!important;
max-height:94px!important;
margin:0!important;
padding:8px 22px!important;
position:sticky!important;
top:0!important;
z-index:1000!important;
box-sizing:border-box!important;
}
/* Any empty legacy topbar siblings must not reserve space */
.topbar > :empty{
display:none!important;
}
/* There should be no pre-header vertical spacer at all */
body > .topbar:first-child,
body > .clean-site-header:first-child,
body > .site-header:first-child{
margin-top:0!important;
}
/* Remove top margins from the first header wrapper regardless of older rules */
body{
margin:0!important;
padding:0!important;
}
/* ===== Real odds + matchup intelligence ===== */
.real-data-stack{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:12px}
.real-data-panel{border:1px solid #173b5d;border-radius:10px;background:linear-gradient(150deg,#071725,#04111d);padding:14px}
.real-data-panel .panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.real-data-panel .panel-head h3{margin:4px 0;font-size:16px}.real-data-panel .panel-head p{margin:0;color:#7d96aa;font-size:9px}
.data-live-badge,.trial-badge{font-size:8px;font-weight:800;border-radius:999px;padding:5px 8px;white-space:nowrap}
.data-live-badge{color:#9bf13e;border:1px solid #325c21;background:#0d2110}.trial-badge{color:#ffd56a;border:1px solid #5b4820;background:#211909}
.real-odds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.real-odd-card{border:1px solid #163650;border-radius:8px;background:#061522;padding:11px;cursor:pointer;transition:.15s ease}.real-odd-card:hover{border-color:#2b83be;background:#071a2b}
.real-odd-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#7891a4}.real-odd-match{font-size:12px;font-weight:800;margin:7px 0}.real-odd-values{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.real-odd-values>div{border-top:1px solid #15334d;padding-top:7px}.real-odd-values span{display:block;color:#718a9f;font-size:7px}.real-odd-values strong{display:block;font-size:10px;margin-top:3px}.real-odd-ml{margin-top:7px;font-size:8px;color:#91a8ba}.real-odd-ml b{color:#eaf2f8}
.real-matchup-body{margin-top:12px}.data-loading,.data-empty{border:1px dashed #20445f;border-radius:8px;padding:22px;text-align:center;color:#7992a7;font-size:9px}
.matchup-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.matchup-summary-row>div{border:1px solid #153650;border-radius:7px;padding:9px}.matchup-summary-row span{display:block;color:#71899e;font-size:7px}.matchup-summary-row strong{display:block;font-size:14px;margin-top:3px}
.real-prev-games{display:grid;gap:5px}.real-prev-game{display:grid;grid-template-columns:70px 1fr auto;gap:8px;align-items:center;border-top:1px solid #15334d;padding:8px 0;font-size:9px}.real-prev-game small{color:#728ba0}.real-prev-game strong{font-size:10px}.real-prev-game b{color:#9bf13e}
.real-trends{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.trend-box{border:1px solid #153650;border-radius:7px;padding:9px}.trend-box span{display:block;color:#758da1;font-size:7px}.trend-box strong{display:block;margin-top:4px;font-size:10px}
@media(max-width:1000px){.real-data-stack{grid-template-columns:1fr}}@media(max-width:650px){.real-odds-grid{grid-template-columns:1fr}.real-trends{grid-template-columns:1fr}}
/* ===== Edge Reveal self-collected upcoming schedule ===== */
.upcoming-collector-panel{margin-top:12px;border:1px solid #173b5d;border-radius:10px;background:linear-gradient(150deg,#071725,#04111d);padding:14px}
.upcoming-collector-panel .panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.upcoming-collector-panel h3{margin:4px 0;font-size:16px}.upcoming-collector-panel p{margin:0;color:#7d96aa;font-size:9px}
.upcoming-days{display:grid;gap:8px;margin-top:12px}.upcoming-day{border-top:1px solid #15344e;padding-top:9px}
.upcoming-date{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7f98aa;margin-bottom:6px}.upcoming-date strong{color:#dce8f2}
.upcoming-game-row{display:grid;grid-template-columns:82px 1fr auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid rgba(28,68,98,.45);font-size:9px}
.upcoming-game-row .time{color:#7f98aa}.upcoming-game-row .match{font-weight:800}.upcoming-game-row .venue{color:#6e879b;font-size:8px}
@media(max-width:650px){.upcoming-game-row{grid-template-columns:70px 1fr}.upcoming-game-row .venue{display:none}}
/* ===== Main Games: Edge Reveal self-collected database ===== */
.collector-games-shell{border:1px solid #173b5d;border-radius:12px;background:linear-gradient(150deg,#071725,#04111d);padding:16px;margin:14px 0}
.collector-games-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.collector-games-toolbar h2{font-size:24px;margin:4px 0}.collector-games-toolbar p{margin:0;color:#7892a6;font-size:10px}
.collector-game-controls{display:flex;gap:6px;flex-wrap:wrap}
.collector-day-btn{border:1px solid #214866;background:#071523;color:#8fa7b9;border-radius:7px;padding:7px 11px;font-size:9px;font-weight:800;cursor:pointer}
.collector-day-btn.active,.collector-day-btn:hover{border-color:#36a7ff;color:#e9f6ff;background:#0b2134}
.collector-games-status{font-size:9px;color:#8af234;margin:12px 0 8px}
.collector-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.collector-game-card{border:1px solid #173954;border-radius:9px;background:#061522;padding:11px;cursor:pointer;transition:.15s ease}
.collector-game-card:hover{border-color:#2993d7;transform:translateY(-1px)}
.collector-game-top{display:flex;justify-content:space-between;gap:8px;color:#7390a5;font-size:8px}
.collector-game-date{font-weight:800;color:#a4bbcc}
.collector-game-matchup{margin:10px 0 8px;display:grid;gap:5px}
.collector-team-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800}
.collector-team-row span:last-child{color:#93a9ba;font-weight:700}
.collector-game-meta{border-top:1px solid #14334c;padding-top:8px;display:grid;gap:4px;color:#718a9e;font-size:8px}
.collector-game-meta b{color:#d5e4ef}
.collector-probables{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
.collector-probable{border:1px solid #14354e;border-radius:6px;padding:7px}
.collector-probable span{display:block;color:#668197;font-size:7px}.collector-probable strong{display:block;font-size:9px;margin-top:3px}
.collector-source-pill{color:#8af234;border:1px solid #325d20;background:#0d2110;border-radius:999px;padding:3px 6px;font-size:7px;font-weight:900}
@media(max-width:1050px){.collector-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.collector-games-toolbar{align-items:flex-start;flex-direction:column}.collector-games-grid{grid-template-columns:1fr}}
/* Collector UI isolation fix */
.top-live-card{min-width:210px;border:1px solid #173d5b;border-radius:9px;background:#071725;padding:10px 12px}
.top-live-card div{font-size:10px;font-weight:800}.top-live-card div b{font-size:8px;color:#6e8aa0;margin-right:5px}
.top-live-card small{display:block;margin-top:7px;color:#8af234;font-size:8px}
/* ===== Multisport hub + sport pages ===== */
.sports-hub{margin:14px 0;border:1px solid #173b5d;border-radius:12px;background:linear-gradient(150deg,#071725,#04111d);padding:16px}
.sports-hub h2{margin:4px 0;font-size:22px}.sports-hub p{margin:0;color:#7892a6;font-size:10px}
.sports-hub-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}
.sports-hub-grid a{display:flex;align-items:center;justify-content:center;min-height:54px;border:1px solid #173954;border-radius:9px;background:#061522;color:#dce9f2;text-decoration:none;font-weight:900;font-size:11px}
.sports-hub-grid a:hover{border-color:#2b9de5;background:#092037}
.sport-shell{max-width:1500px;margin:0 auto;padding:22px}
.sport-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;border-bottom:1px solid #173b5d;padding-bottom:16px}
.sport-hero h1{margin:5px 0;font-size:32px}.sport-hero p{margin:0;color:#7892a6;font-size:11px}
.sport-window{display:flex;gap:7px}.sport-window-btn{border:1px solid #214866;background:#071523;color:#8fa7b9;border-radius:8px;padding:9px 13px;font-size:9px;font-weight:800;cursor:pointer}.sport-window-btn.active{border-color:#36a7ff;color:white;background:#0b2134}
.sport-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.sport-game-card{border:1px solid #173954;border-radius:10px;background:#061522;padding:13px;min-width:0}
.sport-game-head{display:flex;justify-content:space-between;gap:8px;color:#7792a7;font-size:8px}.sport-match{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center;margin:14px 0;font-size:12px}.sport-match strong:last-child{text-align:right}.sport-match span{color:#628097}
.sport-meta{color:#718a9e;font-size:8px;border-top:1px solid #14334c;padding-top:8px}.sport-actions{margin-top:10px}.sport-actions .btn{width:100%}
.sport-analysis{margin-top:10px}.prediction-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prediction-team{border:1px solid #183a55;border-radius:8px;padding:9px}.prediction-team span{font-size:8px;color:#718a9e}.prediction-team strong{display:block;font-size:18px;margin:3px 0}.prob-bar{height:5px;background:#102536;border-radius:999px;overflow:hidden}.prob-bar i{display:block;height:100%;background:#36a7ff}
.model-pick,.market-box,.reason-box,.history-box{border-top:1px solid #15344d;padding-top:9px;margin-top:9px}.model-pick span,.market-box span,.reason-box>span,.history-box>span{display:block;color:#7190a6;font-size:7px;font-weight:800}.model-pick strong,.market-box strong{display:block;margin-top:4px;font-size:10px}.reason-box p,.history-box div,.history-box p{margin:5px 0;color:#9bb0c0;font-size:8px;line-height:1.45}.prediction-disclaimer{display:block;color:#60788c;font-size:7px;margin-top:10px}
@media(max-width:1050px){.sports-hub-grid{grid-template-columns:repeat(3,1fr)}.sport-games-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.sports-hub-grid{grid-template-columns:repeat(2,1fr)}.sport-hero{align-items:flex-start;flex-direction:column}.sport-games-grid{grid-template-columns:1fr}}
/* ===== Clean multisport replacement ===== */
.edgeiq-clean-multisport .sports-hub{display:none!important}
/* Hide legacy vertical sport rows if the old selector survived in markup */
.edgeiq-clean-multisport .sport-filter-list,
.edgeiq-clean-multisport .sports-list,
.edgeiq-clean-multisport .sport-list,
.edgeiq-clean-multisport .sports-sidebar .sport-option,
.edgeiq-clean-multisport [data-sport-filter]{display:none!important}
.clean-sports-launcher{
width:100%;
border:1px solid #173b5d;
border-radius:12px;
background:linear-gradient(150deg,#071725,#04111d);
padding:18px;
box-sizing:border-box;
}
.clean-sports-intro{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
margin-bottom:14px;
}
.clean-sports-intro h2{margin:4px 0;font-size:24px}
.clean-sports-intro p{margin:0;color:#7892a6;font-size:10px}
.clean-sport-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:9px;
}
.clean-sport-grid a{
min-width:0;
min-height:78px;
border:1px solid #173954;
border-radius:10px;
background:#061522;
color:#e7f1f8;
text-decoration:none;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
padding:12px;
transition:.15s ease;
}
.clean-sport-grid a:hover{
border-color:#2b9de5;
background:#092037;
transform:translateY(-1px);
}
.clean-sport-grid a span{font-size:20px;margin-bottom:7px}
.clean-sport-grid a strong{font-size:11px}
.clean-sport-grid a small{font-size:7px;color:#6f8799;margin-top:4px}
.coming-soon-sport{opacity:.72}
@media(max-width:1100px){
.clean-sport-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
.clean-sports-intro{flex-direction:column}
.clean-sport-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Sports menu navigation affordance */
.sports-sidebar .sport-option,
.sports-panel .sport-option,
.sport-filter-list > *,
.sports-list > *,
.sport-list > *{
cursor:pointer;
}
/* Force the legacy vertical sport rows to feel like navigation */
[data-edgeiq-direct-sport="1"]{
cursor:pointer!important;
user-select:none;
}
[data-edgeiq-direct-sport="1"]:focus-visible{
outline:2px solid #36a7ff!important;
outline-offset:-2px;
}
/* ===== Structural sports navigation fix ===== */
.sports-rail .sport-item{display:none!important}
.sport-nav-link{
display:flex;
align-items:center;
gap:14px;
width:100%;
box-sizing:border-box;
min-height:54px;
padding:0 18px;
border-left:4px solid transparent;
color:#dbe7f0;
text-decoration:none;
font-size:18px;
font-weight:500;
transition:background .14s ease,border-color .14s ease,color .14s ease;
}
.sport-nav-link:hover,
.sport-nav-link:focus-visible{
background:#0b2238;
border-left-color:#2da7ff;
color:#fff;
outline:none;
}
.sport-nav-link.active{
background:#0c3157;
border-left-color:#2da7ff;
color:#fff;
}
.sport-nav-icon{
width:28px;
flex:0 0 28px;
text-align:center;
font-size:20px;
}
.sports-rail .rail-parlay-card{
margin-top:18px;
}
/* The duplicate Choose-a-sport grid was removed from the rail. */
#cleanSportsLauncher,
.clean-sports-launcher{
display:none!important;
}
/* ===== 15-day market cards ===== */
.league-pill{border:1px solid #214867;border-radius:999px;padding:3px 7px;color:#9bb4c5;font-size:7px;font-weight:800}
.market-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px;border-top:1px solid #15344d;padding-top:9px}
.market-strip>div{border:1px solid #14354e;border-radius:6px;padding:7px;min-width:0}
.market-strip span{display:block;color:#6f899e;font-size:7px}.market-strip strong{display:block;margin-top:3px;font-size:9px;overflow-wrap:anywhere}
.market-strip.market-unavailable{display:block;border:1px dashed #1e4664;border-radius:7px;padding:9px;color:#7893a7}
.market-strip.market-unavailable span{display:block}.market-strip.market-unavailable strong{display:block;margin-top:4px;font-size:9px}
@media(max-width:700px){.market-strip{grid-template-columns:repeat(2,1fr)}}
/* ===== Verification badges ===== */
.verify-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:7px;font-weight:900;margin-left:5px;white-space:nowrap}
.verify-pill.verified{border:1px solid #315d23;background:#0d2111;color:#8af234}
.verify-pill.double{border:1px solid #205178;background:#091d2c;color:#67c3ff}
.verify-pill.review{border:1px solid #6a4e18;background:#261b06;color:#ffd166}
.verification-box{border-top:1px solid #15344d;padding-top:9px;margin-top:9px}
.verification-box>span{display:block;color:#7190a6;font-size:7px;font-weight:800}
.verification-box>strong{display:block;margin-top:4px;font-size:9px}
.verification-box p{margin:4px 0;color:#d0aa5a;font-size:8px}
/* ===== Team power display ===== */
.power-box{border-top:1px solid #15344d;padding-top:9px;margin-top:9px}
.power-box>span{display:block;color:#7190a6;font-size:7px;font-weight:800}
.power-box>div{margin-top:5px;font-size:9px;color:#a9bdcc}
.power-box b{color:#e5f1f8}.power-box em{font-style:normal;color:#667f92;margin:0 5px}
/* ===== Soccer league organization ===== */
.soccer-league-filters{
display:flex;
gap:7px;
flex-wrap:wrap;
margin:12px 0 16px;
}
.soccer-league-btn{
border:1px solid #1c4868;
background:#061522;
color:#8fa8ba;
border-radius:999px;
padding:8px 11px;
font-size:8px;
font-weight:800;
cursor:pointer;
}
.soccer-league-btn span{
margin-left:5px;
color:#5f7f95;
}
.soccer-league-btn.active,
.soccer-league-btn:hover{
border-color:#2fa7ff;
background:#0b2945;
color:#fff;
}
.soccer-league-btn.active span{color:#82d0ff}
.soccer-league-sections{
display:grid;
gap:24px;
margin-top:8px;
}
.soccer-league-section{
border-top:1px solid #1a425e;
padding-top:14px;
}
.soccer-league-heading{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:12px;
margin-bottom:10px;
}
.soccer-league-heading span{
display:block;
color:#3db7ff;
font-size:7px;
font-weight:900;
letter-spacing:.08em;
}
.soccer-league-heading h2{
margin:4px 0 0;
font-size:20px;
}
.soccer-league-heading>strong{
color:#6f8ca0;
font-size:8px;
font-weight:800;
}
@media(max-width:700px){
.soccer-league-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
.soccer-league-btn{white-space:nowrap}
}
/* ===== Odds movement UI ===== */
.market-strip small{display:block;margin-top:3px;font-size:7px;color:#5fc3ff}
.market-strip.market-empty strong{min-height:12px}
.line-movement-note{grid-column:1/-1!important;border:0!important;padding:2px 0 0!important;color:#6f8ea2;font-size:7px}
.line-source-note{grid-column:1/-1!important;border:0!important;padding:2px 0 0!important;color:#536f84;font-size:7px;text-transform:uppercase;letter-spacing:.04em}
/* Edge Reveal odds API source marker */
.edgeiq-odds-owned{font-size:7px;color:#6d8799;text-transform:uppercase;letter-spacing:.05em}
/* ===== Edge Reveal own fair odds ===== */
.fair-odds-box{border-top:1px solid #15344d;padding-top:10px;margin-top:10px}
.fair-odds-title{display:flex;justify-content:space-between;gap:10px;align-items:center}
.fair-odds-title span{color:#55c1ff;font-size:7px;font-weight:900}
.fair-odds-title small{color:#698599;font-size:6px}
.fair-odds-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px}
.fair-odds-grid>div{border:1px solid #163b57;border-radius:7px;padding:7px}
.fair-odds-grid span{display:block;color:#6f899e;font-size:6px}
.fair-odds-grid strong{display:block;margin-top:3px;font-size:10px}
.projected-score{margin-top:7px;color:#9db3c3;font-size:8px}
.fair-note{display:block;margin-top:6px;color:#5f788b;font-size:7px}
@media(max-width:700px){.fair-odds-grid{grid-template-columns:repeat(2,1fr)}}
/* ===== Fair odds fallback on game cards ===== */
.fair-mini{
display:inline-block;
margin-left:4px;
padding:1px 4px;
border:1px solid #245d7e;
border-radius:999px;
color:#5cc7ff;
font-size:6px;
font-weight:900;
vertical-align:1px;
}
/* ===== Edge Reveal animated sports data scan ===== */
.edgeiq-scan-loader{
width:min(720px,calc(100vw - 36px));
min-height:210px;
border:1px solid #17486a;
border-radius:14px;
background:
radial-gradient(circle at 18% 50%,rgba(0,157,255,.10),transparent 32%),
linear-gradient(135deg,rgba(5,25,39,.96),rgba(2,15,25,.98));
display:flex;align-items:center;gap:30px;padding:28px 34px;
box-shadow:inset 0 0 45px rgba(0,129,255,.035);
overflow:hidden;position:relative
}
.edgeiq-scan-loader:after{
content:"";position:absolute;inset:0;
background:linear-gradient(90deg,transparent,rgba(38,177,255,.035),transparent);
transform:translateX(-100%);animation:edgeiqPanelSweep 2.6s linear infinite;pointer-events:none
}
.scan-arena{width:135px;height:135px;position:relative;display:grid;place-items:center;flex:0 0 135px}
.scan-orbit{position:absolute;border:1px solid rgba(45,181,255,.28);border-radius:50%}
.orbit-one{inset:8px;animation:edgeiqSpin 3.4s linear infinite;border-top-color:#29b7ff}
.orbit-two{inset:25px;animation:edgeiqSpinReverse 2.4s linear infinite;border-right-color:#63ff52}
.scan-ball{font-size:38px;z-index:3;filter:drop-shadow(0 0 12px rgba(38,180,255,.28));animation:edgeiqBall 1.6s ease-in-out infinite}
.scan-sweep{position:absolute;width:58%;height:1px;background:#37bdff;box-shadow:0 0 12px #20adff;animation:edgeiqRadar 1.7s ease-in-out infinite}
.scan-pulse{position:absolute;border:1px solid rgba(74,255,72,.18);border-radius:50%;animation:edgeiqPulse 2s ease-out infinite}
.scan-pulse.p1{inset:35px}.scan-pulse.p2{inset:20px;animation-delay:.65s}
.scan-copy{flex:1;min-width:0}
.scan-kicker{font-size:9px;font-weight:900;letter-spacing:.14em;color:#62ff4e;margin-bottom:12px}
.scan-kicker i{display:inline-block;width:6px;height:6px;background:#62ff4e;border-radius:50%;margin-right:6px;box-shadow:0 0 9px #62ff4e;animation:edgeiqBlink 1s infinite}
.scan-step{font-size:20px;font-weight:900;letter-spacing:.03em;color:#edf7ff}
.scan-sub{font-size:11px;color:#7794a8;margin-top:5px}
.scan-progress{height:4px;background:#0c2a3e;border-radius:99px;overflow:hidden;margin-top:18px}
.scan-progress span{display:block;height:100%;width:18%;background:linear-gradient(90deg,#087cff,#38c5ff);border-radius:99px;transition:width .7s ease;box-shadow:0 0 9px rgba(31,171,255,.5)}
.scan-stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:15px;font-size:8px;color:#668397;text-transform:uppercase;letter-spacing:.05em}
.scan-stats span{padding-right:15px;border-right:1px solid #15364d}
.scan-stats span:last-child{border:0}
.scan-stats b{display:block;color:#9eb7c7;font-size:8px;margin-top:3px}
@keyframes edgeiqSpin{to{transform:rotate(360deg)}} @keyframes edgeiqSpinReverse{to{transform:rotate(-360deg)}}
@keyframes edgeiqRadar{0%,100%{transform:rotate(-35deg)}50%{transform:rotate(35deg)}}
@keyframes edgeiqBall{50%{transform:translateY(-5px) scale(1.04)}}
@keyframes edgeiqPulse{0%{transform:scale(.65);opacity:.8}100%{transform:scale(1.5);opacity:0}}
@keyframes edgeiqBlink{50%{opacity:.35}} @keyframes edgeiqPanelSweep{to{transform:translateX(100%)}}
@media(max-width:650px){.edgeiq-scan-loader{padding:22px 18px;gap:18px}.scan-arena{width:90px;height:90px;flex-basis:90px}.scan-step{font-size:15px}.scan-stats{gap:8px}}
/* ===== EDGE REVEAL CINEMATIC LOADING EXPERIENCE ===== */
.edgeiq-cinematic-loader{
position:relative;
width:100%;
min-height:330px;
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
gap:36px;
align-items:center;
overflow:hidden;
border:1px solid #153f5c;
border-radius:18px;
padding:42px 46px;
background:
radial-gradient(circle at 75% 45%,rgba(18,154,255,.13),transparent 30%),
radial-gradient(circle at 20% 40%,rgba(49,255,85,.05),transparent 30%),
linear-gradient(135deg,#061523 0%,#03101b 48%,#061827 100%);
box-shadow:
inset 0 0 70px rgba(0,144,255,.045),
0 24px 80px rgba(0,0,0,.22);
}
.loader-grid-bg{
position:absolute;inset:0;opacity:.15;pointer-events:none;
background-image:
linear-gradient(rgba(54,172,255,.15) 1px,transparent 1px),
linear-gradient(90deg,rgba(54,172,255,.15) 1px,transparent 1px);
background-size:38px 38px;
mask-image:linear-gradient(90deg,rgba(0,0,0,.85),transparent 85%);
}
.loader-glow{
position:absolute;width:280px;height:280px;border-radius:50%;
filter:blur(70px);opacity:.13;pointer-events:none;
}
.loader-glow-a{background:#00a8ff;right:8%;top:8%}
.loader-glow-b{background:#65ff4f;left:8%;bottom:-34%}
.loader-left,.loader-right{position:relative;z-index:2}
.loader-live-row{
display:flex;align-items:center;gap:9px;
color:#62ff52;font-size:10px;font-weight:900;letter-spacing:.16em;
}
.loader-live-dot{
width:8px;height:8px;border-radius:50%;background:#62ff52;
box-shadow:0 0 0 0 rgba(98,255,82,.5);
animation:edgeiqLivePulse 1.35s infinite;
}
.loader-headline{
margin-top:18px;
font-size:clamp(28px,3.2vw,50px);
line-height:.95;
letter-spacing:-.035em;
font-weight:950;
color:#f4f9ff;
}
.loader-subline{
margin-top:12px;color:#8ca7ba;font-size:13px;
}
.loader-progress-shell{
position:relative;height:7px;margin-top:28px;
border:1px solid #174869;border-radius:999px;overflow:hidden;background:#06111c;
}
.loader-progress-fill{
height:100%;width:18%;
background:linear-gradient(90deg,#0879ff,#26bcff,#65ff54);
transition:width .75s cubic-bezier(.2,.7,.2,1);
box-shadow:0 0 18px rgba(34,181,255,.45);
}
.loader-progress-scan{
position:absolute;top:0;bottom:0;width:80px;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
animation:loaderProgressScan 1.4s linear infinite;
}
.loader-stage-row{
display:grid;grid-template-columns:repeat(6,1fr);
gap:7px;margin-top:15px;
}
.loader-stage{
border:1px solid #153c57;border-radius:8px;
padding:8px 7px;background:rgba(3,18,30,.72);
transition:.3s ease;
}
.loader-stage span{display:block;color:#456a83;font-size:7px;font-weight:800}
.loader-stage b{display:block;margin-top:3px;color:#6f8da2;font-size:7px;letter-spacing:.05em}
.loader-stage.active{
border-color:#29baff;background:rgba(16,94,146,.24);
box-shadow:inset 0 0 18px rgba(40,180,255,.08);
}
.loader-stage.active span,.loader-stage.active b{color:#66cbff}
.loader-stage.done{border-color:#27552e}
.loader-stage.done span,.loader-stage.done b{color:#69e86c}
.loader-ticker{
display:flex;align-items:center;gap:12px;margin-top:20px;
border-top:1px solid #15374d;padding-top:14px;
}
.loader-ticker-label{
flex:none;color:#57c5ff;font-size:8px;font-weight:900;letter-spacing:.12em;
}
.loader-ticker-window{overflow:hidden;white-space:nowrap;color:#7895a8;font-size:10px}
#loaderTickerText{animation:tickerFade 1.15s ease}
.loader-stadium{
position:relative;height:230px;display:grid;place-items:center;
perspective:900px;
}
.stadium-ring{
position:absolute;border:1px solid rgba(54,187,255,.22);
border-radius:50%;transform:rotateX(67deg);
}
.ring-one{width:310px;height:180px;animation:stadiumSpin 8s linear infinite}
.ring-two{width:245px;height:138px;animation:stadiumSpinReverse 6s linear infinite;border-color:rgba(98,255,82,.18)}
.ring-three{width:370px;height:212px;opacity:.5}
.stadium-sweep{
position:absolute;width:72%;height:2px;
background:linear-gradient(90deg,transparent,#36bdff,transparent);
box-shadow:0 0 18px #28b2ff;
animation:stadiumSweep 2.2s ease-in-out infinite;
}
.loader-scoreboard{
position:relative;z-index:4;width:min(360px,90%);
border:1px solid #215879;border-radius:14px;
background:rgba(3,17,28,.92);
box-shadow:0 18px 50px rgba(0,0,0,.35),inset 0 0 28px rgba(0,139,255,.05);
overflow:hidden;
}
.scoreboard-top,.scoreboard-bottom{
display:flex;justify-content:space-between;gap:12px;align-items:center;
padding:9px 12px;background:rgba(7,38,58,.72);
color:#718fa4;font-size:7px;font-weight:800;letter-spacing:.08em;
}
.scoreboard-live{color:#63ff56}
.scoreboard-main{
display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
padding:20px 14px;
}
.scoreboard-team span{display:block;color:#526f84;font-size:7px}
.scoreboard-team strong{display:block;margin-top:5px;color:#f2f8ff;font-size:22px;letter-spacing:.02em}
.scoreboard-team.right{text-align:right}
.scoreboard-vs{color:#2baeff;font-size:9px;font-weight:900;padding:0 12px}
.loader-ball{
position:absolute;right:5%;top:0;
width:52px;height:52px;border:1px solid #245c7b;border-radius:50%;
display:grid;place-items:center;font-size:25px;background:#061a29;
box-shadow:0 0 24px rgba(46,181,255,.15);
animation:loaderBallFloat 2s ease-in-out infinite;
}
.loader-pulse{
position:absolute;border:1px solid rgba(44,185,255,.16);border-radius:50%;
animation:loaderPulseRing 2.5s ease-out infinite;
}
.pulse-a{width:90px;height:90px}.pulse-b{width:145px;height:145px;animation-delay:.55s}.pulse-c{width:205px;height:205px;animation-delay:1.1s}
@keyframes edgeiqLivePulse{
0%{box-shadow:0 0 0 0 rgba(98,255,82,.5)}
70%{box-shadow:0 0 0 8px rgba(98,255,82,0)}
100%{box-shadow:0 0 0 0 rgba(98,255,82,0)}
}
@keyframes loaderProgressScan{from{left:-90px}to{left:110%}}
@keyframes stadiumSpin{to{transform:rotateX(67deg) rotateZ(360deg)}}
@keyframes stadiumSpinReverse{to{transform:rotateX(67deg) rotateZ(-360deg)}}
@keyframes stadiumSweep{0%,100%{transform:rotate(-8deg) scaleX(.72)}50%{transform:rotate(8deg) scaleX(1)}}
@keyframes loaderBallFloat{50%{transform:translateY(-8px) rotate(5deg)}}
@keyframes loaderPulseRing{0%{transform:scale(.7);opacity:.55}100%{transform:scale(1.8);opacity:0}}
@keyframes tickerFade{0%{opacity:.2;transform:translateY(3px)}100%{opacity:1;transform:none}}
@media(max-width:900px){
.edgeiq-cinematic-loader{grid-template-columns:1fr;padding:30px;gap:16px}
.loader-right{order:-1}
.loader-stadium{height:190px}
}
@media(max-width:620px){
.edgeiq-cinematic-loader{padding:22px 17px;min-height:390px}
.loader-stage-row{grid-template-columns:repeat(3,1fr)}
.loader-headline{font-size:30px}
.loader-stadium{height:165px}
.ring-one{width:245px;height:140px}.ring-two{width:190px;height:105px}.ring-three{width:280px;height:165px}
.scoreboard-team strong{font-size:17px}
}
/* ===== EDGE REVEAL MOCKUP-STYLE LOADER V2 ===== */
.edgeiq-loader-v2{
position:relative;overflow:hidden;width:100%;border:1px solid #174c70;border-radius:18px;
background:#03111d;min-height:650px;padding:24px 34px 26px;color:#eef7ff;
box-shadow:inset 0 0 90px rgba(0,126,255,.06),0 28px 90px rgba(0,0,0,.22)
}
.loader-v2-stadium{
position:absolute;inset:0;
background:
radial-gradient(circle at 50% 47%,rgba(0,134,255,.12),transparent 27%),
linear-gradient(to bottom,rgba(2,14,24,.1),rgba(1,9,16,.82)),
repeating-linear-gradient(90deg,rgba(44,152,228,.025) 0 1px,transparent 1px 72px),
linear-gradient(180deg,#061b2c 0%,#051522 44%,#020a11 100%);
}
.loader-v2-stadium:before,.loader-v2-stadium:after{
content:"";position:absolute;top:80px;width:34%;height:230px;
background:
radial-gradient(circle at 20% 10%,rgba(115,210,255,.85) 0 2px,transparent 3px),
radial-gradient(circle at 35% 16%,rgba(115,210,255,.7) 0 2px,transparent 3px),
radial-gradient(circle at 55% 8%,rgba(115,210,255,.85) 0 2px,transparent 3px),
radial-gradient(circle at 72% 18%,rgba(115,210,255,.7) 0 2px,transparent 3px);
background-size:68px 52px;filter:blur(.2px);opacity:.45
}
.loader-v2-stadium:before{left:0;transform:skewY(-9deg)}
.loader-v2-stadium:after{right:0;transform:skewY(9deg)}
.loader-v2-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 35%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.42) 100%)}
.loader-v2-top{position:relative;z-index:2;text-align:center}
.loader-v2-kicker{display:inline-flex;align-items:center;gap:8px;color:#2eb7ff;font-weight:900;font-size:11px;letter-spacing:.08em}
.loader-v2-top h2{font-size:clamp(28px,3vw,44px);margin:12px 0 7px;letter-spacing:-.02em}
.loader-v2-top p{margin:0;color:#9db1c0;font-size:13px}
.live-dot{width:7px;height:7px;border-radius:50%;background:#2dbdff;box-shadow:0 0 12px #2dbdff;animation:v2pulse 1.2s infinite}
.loader-v2-main{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.1fr .9fr;gap:22px;align-items:center;margin-top:30px}
.scan-list,.source-panel,.source-metric{background:rgba(3,18,31,.88);border:1px solid #174a6b;border-radius:12px;overflow:hidden}
.scan-item{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:13px 14px;border-bottom:1px solid #102f44;opacity:.58;transition:.35s ease}
.scan-item:last-child{border-bottom:0}
.scan-item.active{opacity:1;background:linear-gradient(90deg,rgba(0,130,255,.18),rgba(0,130,255,.03));border-left:3px solid #2dbdff}
.scan-item.done{opacity:.82}
.scan-item.done .scan-icon{color:#62ff60}
.scan-item b{display:block;font-size:11px}
.scan-item span{display:block;font-size:9px;color:#8aa3b5;margin-top:3px}
.scan-item em{color:#2cbcff;font-style:normal;font-size:8px;font-weight:900}
.scan-item i{width:17px;height:17px;border-radius:50%;border:2px solid #36546a;border-top-color:#36baff;animation:v2spin 1s linear infinite}
.scan-icon{font-size:20px;color:#29b7ff}
.loader-v2-center{display:flex;flex-direction:column;align-items:center}
.radar-shell{position:relative;width:260px;height:260px;border-radius:50%;display:grid;place-items:center}
.radar-shell:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(18,120,207,.18),transparent 66%);box-shadow:0 0 38px rgba(0,146,255,.13)}
.radar-ring{position:absolute;border:1px solid rgba(50,173,255,.4);border-radius:50%}
.rr1{inset:8px}.rr2{inset:43px}.rr3{inset:78px}
.radar-cross{position:absolute;background:rgba(52,176,255,.25)}
.rc1{width:1px;height:92%;left:50%}.rc2{height:1px;width:92%;top:50%}
.radar-sweep{position:absolute;width:50%;height:2px;left:50%;top:50%;transform-origin:left center;background:linear-gradient(90deg,#2fc0ff,transparent);box-shadow:0 0 18px #2fc0ff;animation:v2radar 2.1s linear infinite}
.radar-core{position:relative;z-index:2;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#05243b;border:1px solid #2eabff;color:#2bb8ff;font-size:30px;font-weight:950;box-shadow:0 0 28px rgba(26,154,255,.32)}
.loader-center-caption{margin-top:14px;color:#2bb8ff;font-size:8px;font-weight:900;letter-spacing:.08em}
.source-panel{padding:13px}
.source-panel h3{margin:0 0 8px;color:#2eb9ff;font-size:10px}
.source-row{display:flex;align-items:center;justify-content:space-between;padding:9px 6px;border-bottom:1px solid #102e42;font-size:9px}
.source-row:last-child{border-bottom:0}
.source-row span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#55ef69;margin-right:7px;box-shadow:0 0 7px rgba(85,239,105,.5)}
.source-row b{color:#56ef6a;font-size:8px}
.source-metric{margin-top:12px;padding:15px}
.source-metric span{display:block;color:#2bb8ff;font-size:8px;font-weight:900}
.source-metric strong{display:block;font-size:27px;color:#29b7ff;margin-top:4px}
.metric-line{height:30px;margin-top:4px;background:linear-gradient(135deg,transparent 0 44%,#1ba9ff 45% 47%,transparent 48% 54%,#1ba9ff 55% 57%,transparent 58% 68%,#1ba9ff 69% 72%,transparent 73%)}
.loader-v2-progress{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:26px auto 0;width:min(760px,92%)}
.loader-v2-progress-label{color:#2cbcff;font-size:8px;font-weight:900}
.loader-v2-progress-track{height:10px;border-radius:999px;overflow:hidden;background:#09243a;border:1px solid #165074}
.loader-v2-progress-fill{height:100%;width:18%;background:linear-gradient(90deg,#0877ff,#19bfff);box-shadow:0 0 16px rgba(21,178,255,.65);transition:width .7s ease}
.loader-v2-progress-number{font-size:10px;font-weight:900}
.loader-v2-matchups{position:relative;z-index:2;margin-top:22px;background:rgba(3,17,29,.84);border:1px solid #174a6b;border-radius:12px;padding:14px}
.matchup-title{color:#2cbcff;font-size:9px;font-weight:900;margin-bottom:11px}
.matchup-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.matchup-card{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;background:#071a2b;border:1px solid #143b57;border-radius:10px;padding:13px 12px}
.matchup-card span{font-weight:900;font-size:12px}
.matchup-card span:last-of-type{text-align:right}
.matchup-card b{color:#456d87}
.matchup-card small{grid-column:1/-1;text-align:center;color:#8199aa;font-size:8px;margin-top:5px}
@keyframes v2spin{to{transform:rotate(360deg)}} @keyframes v2radar{to{transform:rotate(360deg)}} @keyframes v2pulse{50%{opacity:.45}}
@media(max-width:1050px){.loader-v2-main{grid-template-columns:1fr 1fr}.loader-v2-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 220px;gap:14px}.matchup-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.edgeiq-loader-v2{padding:20px 14px}.loader-v2-main{grid-template-columns:1fr}.loader-v2-right{grid-column:auto;display:block}.source-metric{margin-top:12px}.radar-shell{width:210px;height:210px}.matchup-strip{grid-template-columns:1fr 1fr}.loader-v2-progress{grid-template-columns:1fr}.loader-v2-progress-number{text-align:right}}
.edgeiq-load-rescue{
margin-top:12px;padding:12px 14px;border:1px solid #2d5873;border-radius:10px;
background:rgba(5,28,43,.92);display:flex;gap:10px;align-items:center;justify-content:center;
color:#91aabd;font-size:10px
}
.edgeiq-load-rescue strong{color:#f0f7ff}
.load-error-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.retry-load-btn{
margin-top:4px;border:1px solid #268fd1;background:#0b67a5;color:#fff;
border-radius:8px;padding:8px 14px;font-weight:800;cursor:pointer
}
/* ===== Edge Reveal custom team marks =====
Original monogram badges, not official MLB logos. */
.edgeiq-team-badge,
.edgeiq-spotlight-badge{
display:inline-grid;
place-items:center;
position:relative;
border-radius:999px;
overflow:hidden;
background:
radial-gradient(circle at 32% 28%, rgba(72,186,255,.28), transparent 35%),
linear-gradient(145deg, #0a2238, #071522 70%);
border:1px solid rgba(79,190,255,.55);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.035),
0 0 20px rgba(0,153,255,.10);
}
.edgeiq-team-badge::before,
.edgeiq-spotlight-badge::before{
content:"";
position:absolute;
inset:4px;
border-radius:inherit;
border:1px solid rgba(255,255,255,.08);
}
.edgeiq-team-badge span,
.edgeiq-spotlight-badge span{
position:relative;
z-index:1;
font-weight:900;
font-style:italic;
letter-spacing:-.04em;
color:#dceeff;
text-shadow:0 0 16px rgba(69,184,255,.25);
}
.edgeiq-team-badge{
width:34px;
height:34px;
flex:0 0 34px;
}
.edgeiq-team-badge span{font-size:11px;}
.edgeiq-team-badge.parlay-badge{
border-color:rgba(145,239,38,.65);
background:
radial-gradient(circle at 32% 28%, rgba(145,239,38,.22), transparent 38%),
linear-gradient(145deg,#163510,#07180a 72%);
}
.edgeiq-team-badge.parlay-badge span{color:#b9ff57;}
.winner-badge-row{
display:flex;
align-items:center;
gap:10px;
}
.winner-top{
align-items:center;
}
.winner-stake-note{
margin-top:10px;
padding-top:8px;
border-top:1px solid rgba(82,161,214,.16);
font-size:10px;
color:#6f8ca4;
letter-spacing:.03em;
text-transform:uppercase;
}
.edgeiq-spotlight-badge{
width:92px;
height:92px;
}
.edgeiq-spotlight-badge span{
font-size:25px;
}
/* ===== Edge Reveal MLB Rebound Parlay Engine ===== */
.parlay-engine-kicker{
color:#36bfff;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:5px
}
.rebound-builder .section-head p{max-width:720px}
.generator-controls{
display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
border:1px solid #153d5c;background:#061626;border-radius:10px;
padding:13px 14px;margin:12px 0
}
.generator-label{
display:block;color:#7894a9;font-size:9px;text-transform:uppercase;
letter-spacing:.08em;margin-bottom:8px
}
.leg-count-selector{display:flex;gap:7px;flex-wrap:wrap}
.leg-count-selector button{
border:1px solid #1a4f74;background:#061a2c;color:#9cb3c4;
border-radius:7px;padding:8px 11px;font-weight:800;font-size:10px;cursor:pointer
}
.leg-count-selector button.active{
background:#0c5fc3;border-color:#28aefa;color:white;
box-shadow:0 0 16px rgba(24,147,255,.15)
}
.engine-rule-chip{
border:1px solid rgba(99,242,79,.3);background:rgba(73,190,49,.07);
color:#8feb61;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:800
}
.parlay-generator-loader{
margin:12px 0;border-color:#1d5c83!important;background:
linear-gradient(135deg,rgba(4,24,41,.98),rgba(2,13,24,.98))!important
}
.parlay-generator-loader[hidden]{display:none!important}
.parlay-engine-summary{margin:10px 0}
.engine-empty{
border:1px dashed #244861;border-radius:8px;padding:14px;color:#7792a5;
font-size:10px;text-align:center
}
.engine-summary-grid{
display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #17405e;
border-radius:9px;overflow:hidden;background:#061522
}
.engine-summary-grid>div{padding:11px;border-right:1px solid #17405e}
.engine-summary-grid>div:last-child{border-right:0}
.engine-summary-grid span{display:block;color:#718ba0;font-size:8px;text-transform:uppercase}
.engine-summary-grid b{display:block;color:#e8f4fc;font-size:12px;margin-top:4px}
.parlay-engine-summary p{margin:8px 2px 0;color:#667f91;font-size:8px}
.generated-leg{border-left:3px solid #32baff!important}
.generated-leg-main{min-width:0}
.leg-signal-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.leg-signal-row span{
border:1px solid #193c56;border-radius:999px;padding:4px 6px;
color:#7897aa;font-size:7px
}
.leg-signal-row b{color:#8ef24f}
.leg-signal-row .signal-hot{color:#91ee58;border-color:rgba(104,221,70,.28)}
.parlay-sim-btn{margin-top:8px}
.parlay-model-disclaimer{
margin-top:9px;color:#617c90;font-size:8px;text-align:center
}
@media(max-width:760px){
.generator-controls{align-items:flex-start;flex-direction:column}
.engine-summary-grid{grid-template-columns:1fr 1fr}
.engine-summary-grid>div:nth-child(2){border-right:0}
}
/* =========================================================
EDGE REVEAL PARLAY LAB — standalone page
========================================================= */
.parlay-lab-body{
min-height:100vh;
background:
radial-gradient(circle at 18% 0%,rgba(0,133,255,.10),transparent 25%),
radial-gradient(circle at 82% 14%,rgba(26,175,255,.06),transparent 24%),
#020b14;
}
.parlay-lab-header{
position:sticky;
top:0;
z-index:50;
backdrop-filter:blur(18px);
background:rgba(2,11,20,.88);
border-bottom:1px solid #123a57;
}
.parlay-brand-link{text-decoration:none;color:inherit}
.parlay-lab-header .topnav a.active{
color:white;
border-bottom:2px solid #168cff;
box-shadow:0 12px 24px -20px #168cff;
}
.parlay-back-btn{
text-decoration:none;
display:inline-flex;
align-items:center;
}
.parlay-lab-shell{
width:min(1480px,calc(100% - 40px));
margin:0 auto;
padding:42px 0 70px;
}
.parlay-lab-hero{
display:grid;
grid-template-columns:minmax(0,1fr) 330px;
gap:24px;
align-items:end;
margin-bottom:24px;
}
.parlay-lab-kicker{
color:#35baff;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
}
.parlay-lab-kicker span{
display:inline-block;
width:8px;height:8px;border-radius:50%;
background:#35baff;
box-shadow:0 0 16px #35baff;
margin-right:7px;
}
.parlay-lab-hero h1{
font-family:"Space Grotesk";
font-size:64px;
line-height:.95;
margin:14px 0 14px;
letter-spacing:-.045em;
}
.parlay-lab-hero p{
color:#90a8bb;
max-width:850px;
font-size:15px;
line-height:1.65;
}
.lab-status-card{
border:1px solid #15466a;
background:linear-gradient(145deg,#071b2e,#04111f);
border-radius:14px;
padding:18px 20px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.lab-status-card span,.lab-status-card small{
display:block;color:#6f8ca1;font-size:9px;letter-spacing:.08em
}
.lab-status-card strong{
display:block;color:#9af151;font-size:16px;margin:7px 0
}
.parlay-lab-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 390px;
gap:20px;
align-items:start;
}
.lab-main-card,.lab-slip-card,.lab-method-card{
border:1px solid #164565;
background:linear-gradient(150deg,rgba(6,25,43,.98),rgba(2,13,24,.99));
border-radius:14px;
box-shadow:inset 0 1px 0 rgba(115,196,255,.035);
}
.lab-main-card{padding:24px}
.lab-slip-card{
padding:22px;
position:sticky;
top:96px;
}
.lab-section-head{
display:flex;justify-content:space-between;align-items:flex-start;gap:15px
}
.lab-section-head h2{
margin:5px 0 0;font-size:25px
}
.lab-label{
color:#35baff;font-size:9px;font-weight:900;letter-spacing:.1em
}
.lab-control-panel{
margin:22px 0 16px;
border:1px solid #163d5a;
background:#061421;
border-radius:11px;
padding:17px;
display:flex;
justify-content:space-between;
gap:18px;
align-items:flex-end;
}
.lab-leg-selector button{
min-width:76px;
}
.lab-rule-summary{
display:flex;
gap:8px;
}
.lab-rule-summary div{
border:1px solid #173e59;
background:#05121e;
border-radius:8px;
padding:8px 11px;
min-width:78px;
}
.lab-rule-summary span{
display:block;color:#607d92;font-size:7px;letter-spacing:.08em
}
.lab-rule-summary b{
display:block;color:#dbe9f3;font-size:10px;margin-top:4px
}
.lab-generate-btn{
height:58px;
font-size:17px;
margin-bottom:12px;
}
.lab-message{
border:1px dashed #244c66;
color:#8099ab;
border-radius:9px;
padding:13px;
text-align:center;
font-size:10px;
}
.lab-message.success{border-color:rgba(89,226,54,.35);color:#9bef68;background:rgba(72,185,43,.06)}
.lab-message.warning{border-color:rgba(255,184,65,.35);color:#ffc05b;background:rgba(255,170,32,.05)}
.lab-message.error{border-color:rgba(255,88,88,.35);color:#ff8585;background:rgba(255,71,71,.05)}
.lab-message.loading{border-color:#1e75aa;color:#55c2ff}
.lab-results{margin-top:16px}
.lab-result-summary{
display:grid;
grid-template-columns:repeat(5,1fr);
border:1px solid #174561;
border-radius:10px;
overflow:hidden;
margin-bottom:14px;
}
.lab-result-summary div{
padding:11px;
border-right:1px solid #174561;
}
.lab-result-summary div:last-child{border-right:0}
.lab-result-summary span{display:block;color:#678398;font-size:7px;text-transform:uppercase}
.lab-result-summary strong{display:block;color:#e8f4fc;font-size:12px;margin-top:4px}
.lab-candidate-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.lab-candidate{
border:1px solid #17445f;
background:#061725;
border-radius:10px;
padding:15px;
}
.lab-candidate-top{
display:flex;justify-content:space-between;
color:#4bbfff;font-size:8px;font-weight:800
}
.lab-candidate-top b{color:#9bef54;font-size:12px}
.lab-candidate h3{margin:8px 0 3px;font-size:16px}
.lab-candidate p{margin:0;color:#758fa3;font-size:9px}
.lab-candidate-score{
margin:12px 0 9px;
border-top:1px solid #12364d;
border-bottom:1px solid #12364d;
padding:9px 0;
display:flex;justify-content:space-between;align-items:center
}
.lab-candidate-score span{color:#637f92;font-size:7px}
.lab-candidate-score strong{color:#9bef54;font-size:17px}
.lab-reasons{display:grid;gap:6px}
.lab-reasons div{
color:#8ca4b5;font-size:8px;
display:flex;gap:7px;align-items:flex-start
}
.lab-reasons i{
width:5px;height:5px;border-radius:50%;background:#35baff;flex:0 0 5px;margin-top:3px
}
.lab-slip-legs{
display:grid;gap:8px;margin:17px 0;
max-height:420px;overflow:auto
}
.lab-empty{
border:1px dashed #25475d;
border-radius:8px;
padding:18px 12px;
color:#698498;
text-align:center;
font-size:9px;
}
.lab-slip-leg{
display:grid;
grid-template-columns:26px minmax(0,1fr) auto;
gap:9px;
align-items:start;
border:1px solid #173f59;
background:#061725;
border-radius:9px;
padding:11px;
}
.lab-leg-index{
width:24px;height:24px;border-radius:50%;
display:grid;place-items:center;
background:#0b63bd;color:#fff;
font-size:9px;font-weight:900
}
.lab-leg-copy strong{display:block;font-size:11px}
.lab-leg-copy>span{display:block;color:#708ca0;font-size:8px;margin-top:3px}
.lab-leg-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.lab-leg-tags i{
font-style:normal;
border:1px solid #17435e;
color:#7090a5;
border-radius:999px;
padding:3px 5px;
font-size:6px
}
.lab-leg-tags i.hot{color:#9bef54;border-color:rgba(99,215,58,.28)}
.lab-slip-leg>b{color:#9bef54;font-size:11px}
.lab-slip-metrics{
display:grid;grid-template-columns:1fr 1fr;
border:1px solid #174159;border-radius:8px;overflow:hidden
}
.lab-slip-metrics div{padding:11px}
.lab-slip-metrics div:first-child{border-right:1px solid #174159}
.lab-slip-metrics span{display:block;color:#6f8798;font-size:7px}
.lab-slip-metrics strong{display:block;font-size:16px;margin-top:4px}
.lab-wager-row{
display:flex;align-items:center;justify-content:space-between;
margin:16px 0;color:#8299aa;font-size:10px
}
.lab-wager-row>div{
display:flex;align-items:center;
border:1px solid #17517a;border-radius:8px;
padding:0 10px;background:#071725
}
.lab-wager-row input{
width:90px;border:0;background:transparent;color:white;
font:inherit;font-size:14px;padding:10px 6px;outline:none
}
.lab-payout{
display:flex;justify-content:space-between;align-items:center;
border-top:1px solid #143c55;
padding:14px 0 16px;
color:#8299aa;font-size:10px
}
.lab-payout strong{color:#92ef32;font-size:19px}
.lab-simulation{
min-height:35px;
color:#7893a6;
font-size:8px;
line-height:1.5;
padding-top:10px
}
.lab-disclaimer{
border-top:1px solid #13394f;
margin-top:12px;
padding-top:12px;
color:#60798c;
font-size:7px;
line-height:1.5
}
.lab-method-card{
margin-top:20px;
padding:23px;
}
.lab-method-title h2{margin:5px 0 16px;font-size:24px}
.lab-method-grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:9px
}
.lab-method-grid>div{
border:1px solid #163b55;
border-radius:9px;
padding:13px;
background:#061521
}
.lab-method-grid b{color:#35baff;font-size:9px;margin-right:7px}
.lab-method-grid strong{font-size:11px}
.lab-method-grid span{display:block;color:#718da1;font-size:8px;line-height:1.5;margin-top:7px}
/* Full-page loading experience */
.lab-loader-overlay{
position:fixed;
inset:0;
z-index:999;
display:grid;
place-items:center;
background:
radial-gradient(circle at 50% 40%,rgba(0,116,255,.13),transparent 28%),
rgba(1,8,15,.96);
backdrop-filter:blur(16px);
}
.lab-loader-overlay[hidden]{display:none}
.lab-loading{overflow:hidden}
.lab-loader-panel{
width:min(680px,calc(100% - 36px));
text-align:center;
padding:42px;
}
.lab-loader-mark{
width:140px;height:140px;
position:relative;
margin:0 auto 26px;
}
.lab-center-e{
position:absolute;inset:38px;
display:grid;place-items:center;
border-radius:26px;
background:linear-gradient(145deg,#09335a,#051626);
border:1px solid #29b5ff;
color:#35baff;
font-family:"Space Grotesk";
font-weight:800;
font-size:36px;
box-shadow:0 0 40px rgba(40,178,255,.18)
}
.lab-orbit{
position:absolute;
border:1px solid rgba(57,187,255,.34);
border-radius:50%;
}
.lab-orbit.o1{inset:8px;animation:labSpin 4s linear infinite}
.lab-orbit.o2{inset:20px;border-style:dashed;animation:labSpin 2.8s linear infinite reverse}
.lab-sweep{
position:absolute;inset:0;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 76%,rgba(45,187,255,.28) 88%,transparent 100%);
animation:labSpin 1.5s linear infinite
}
@keyframes labSpin{to{transform:rotate(360deg)}}
.lab-loader-kicker{
color:#35baff;font-size:9px;font-weight:900;letter-spacing:.16em
}
.lab-loader-panel h2{font-size:27px;margin:10px 0 6px}
.lab-loader-panel p{color:#7690a4;font-size:10px}
.lab-loader-progress{
height:4px;
border-radius:99px;
overflow:hidden;
background:#0b2234;
margin:23px auto 15px
}
.lab-loader-progress span{
display:block;width:0;height:100%;
background:linear-gradient(90deg,#0b72f0,#35c6ff);
transition:width .32s ease;
box-shadow:0 0 16px #1b9eff
}
.lab-loader-stages{
display:flex;justify-content:space-between;gap:6px
}
.lab-loader-stages span{
color:#4e6a7d;
font-size:7px;
text-transform:uppercase;
letter-spacing:.08em
}
.lab-loader-stages span.active{color:#44c2ff}
.lab-loader-stages span.done{color:#8fe84d}
@media(max-width:980px){
.parlay-lab-grid{grid-template-columns:1fr}
.lab-slip-card{position:static}
.parlay-lab-hero{grid-template-columns:1fr}
.lab-result-summary{grid-template-columns:1fr 1fr}
.lab-result-summary div{border-bottom:1px solid #174561}
.lab-candidate-list{grid-template-columns:1fr}
.lab-method-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
.parlay-lab-shell{width:min(100% - 22px,1480px);padding-top:24px}
.parlay-lab-hero h1{font-size:45px}
.lab-control-panel{flex-direction:column;align-items:flex-start}
.lab-rule-summary{width:100%;flex-wrap:wrap}
.lab-method-grid{grid-template-columns:1fr}
.parlay-lab-header .topnav{display:none}
}
/* ===== Live MLB scoreboard cards ===== */
.live-game-card{
min-width:235px;
border:1px solid #194664;
background:#061724;
border-radius:10px;
padding:10px 14px;
}
.live-game-top{
display:flex;
gap:8px;
align-items:center;
font-size:10px;
}
.live-game-top strong{color:#e9f4fb}
.live-sport{
color:#7893a6;
font-size:8px;
font-weight:900;
letter-spacing:.05em;
}
.live-score-line{
display:flex;
align-items:center;
gap:9px;
margin-top:8px;
}
.live-score-line b{
color:#fff;
font-size:14px;
}
.live-score-line span{color:#5f788b}
.live-status-row{
display:flex;
justify-content:space-between;
margin-top:7px;
color:#8df03d;
font-size:8px;
}
.live-status-row i{
color:#f2bd55;
font-style:normal;
text-transform:uppercase;
letter-spacing:.05em;
}
.live-no-games{
color:#7893a6;
font-size:9px;
padding:12px;
}
/* ===== Exact homepage MLB live-score strip ===== */
.top-live-chip.live-score-chip{
grid-template-columns:auto 1fr;
min-width:280px;
padding:9px 12px;
}
.top-live-chip.live-score-chip .chip-match{
justify-self:end;
}
.top-live-chip.live-score-chip .chip-score{
grid-column:1/-1;
display:block !important;
font-size:14px;
line-height:1.15;
color:#f4f9fc;
font-weight:900;
letter-spacing:.01em;
}
.top-live-chip.live-score-chip .chip-score em{
color:#5f788b;
font-style:normal;
padding:0 4px;
}
.top-live-chip.live-score-chip .chip-state{
grid-column:1/-1;
display:flex;
gap:7px;
align-items:center;
color:#8be93e;
font-size:8px;
}
.top-live-chip .chip-delay{
color:#f0bd5c;
font-size:7px;
font-weight:900;
letter-spacing:.06em;
}
/* ===== Edge Reveal Live Scores v3 ===== */
.live-build-tag{
display:inline-flex;
align-items:center;
margin-left:6px;
padding:2px 5px;
border:1px solid #2b6e38;
border-radius:4px;
font-size:7px;
line-height:1;
font-weight:900;
letter-spacing:.05em;
color:#9cff57;
vertical-align:middle;
}
.live-build-tag.error{
border-color:#7b3434;
color:#ff8a8a;
}
.top-live-chip.v3-score-card{
display:block !important;
min-width:265px !important;
padding:8px 12px !important;
}
.v3-live-head{
display:flex;
align-items:center;
gap:8px;
}
.v3-score-row{
display:flex !important;
align-items:baseline;
gap:7px;
margin-top:5px;
color:#f7fbff;
white-space:nowrap;
}
.v3-score-row strong{
font-size:10px;
color:#a9bbca;
}
.v3-score-row b{
font-size:18px;
color:#fff;
font-weight:950;
line-height:1;
}
.v3-score-row em{
color:#536d80;
font-size:12px;
font-style:normal;
}
.top-live-chip.v3-score-card .chip-state{
display:block !important;
margin-top:5px;
color:#89f33d !important;
font-size:8px !important;
}
.live-score-error{
color:#ff8a8a !important;
}
/* ===== SAME-FEED v5: independent MLB top ticker ===== */
.same-feed-score-card{
display:block !important;
box-sizing:border-box;
min-width:285px !important;
padding:8px 13px !important;
border:1px solid #174c6f !important;
border-radius:11px !important;
background:#061725 !important;
text-decoration:none !important;
}
.same-feed-head{
display:flex;
gap:9px;
align-items:center;
color:#edf7ff;
font-size:10px;
}
.same-feed-head strong{
font-weight:900;
}
.same-feed-score{
display:flex !important;
align-items:baseline;
gap:7px;
margin-top:5px;
white-space:nowrap;
}
.same-feed-score span{
color:#91aabd;
font-size:9px;
font-weight:800;
}
.same-feed-score b{
color:#fff !important;
font-size:19px !important;
line-height:1;
font-weight:950 !important;
}
.same-feed-score em{
color:#47657a;
font-style:normal;
font-size:11px;
}
.same-feed-clock{
margin-top:5px;
color:#89f33d !important;
font-size:8px;
font-weight:700;
}
/* ===== Public MLB Live Center v6 ===== */
.public-live-center-card{
border:1px solid #184e70;
background:#061725;
border-radius:12px;
padding:14px 16px;
min-width:220px;
}
.public-live-center-top{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:11px;
font-size:9px;
color:#78a0bb;
}
.public-live-center-top strong{
color:#8df33e;
font-size:9px;
}
.public-live-center-team{
display:grid;
grid-template-columns:1fr auto;
align-items:center;
padding:5px 0;
}
.public-live-center-team b{
color:#eaf5fb;
font-size:13px;
}
.public-live-center-team strong{
color:#fff;
font-size:22px;
line-height:1;
}
.public-live-center-source{
margin-top:9px;
color:#6f899b;
font-size:8px;
}
.public-live-center-empty{
width:100%;
padding:28px;
border:1px dashed #194966;
border-radius:10px;
text-align:center;
color:#7894a8;
}
#edgeiqPublicSplits{margin-top:18px;display:grid;gap:8px}.eiq-split-row{display:grid;grid-template-columns:minmax(230px,1fr) 80px 80px 145px;gap:10px;align-items:center;padding:12px 14px;border:1px solid #17496a;border-radius:10px;background:#061827}.eiq-split-game{display:flex;flex-direction:column;gap:3px}.eiq-split-game small,.eiq-split-stat span,.eiq-split-gap span{font-size:8px;color:#7895aa}.eiq-split-stat,.eiq-split-gap{display:flex;flex-direction:column;gap:2px}.eiq-split-stat b{font-size:18px}.eiq-split-gap.hot b{color:#8df33e}.eiq-split-gap small,.eiq-splits-note,.eiq-splits-empty{font-size:8px;color:#7895aa}.eiq-splits-note,.eiq-splits-empty{padding:10px;border:1px dashed #17496a;border-radius:9px}@media(max-width:800px){.eiq-split-row{grid-template-columns:1fr 70px 70px}.eiq-split-gap{grid-column:1/-1}}
#edgeiqMlbMoneyBoard{margin-top:16px;width:100%;display:grid;gap:7px}.money-head,.money-row{display:grid;grid-template-columns:minmax(260px,1fr) 80px 90px 155px;gap:12px;align-items:center}.money-head{padding:0 12px;color:#6f91a8;font-size:8px;letter-spacing:.09em}.money-row{padding:11px 12px;border:1px solid #164a6b;border-radius:9px;background:#061827}.money-row>div:first-child{display:flex;flex-direction:column;gap:3px}.money-row small{font-size:8px;color:#7894a8}.money-row>strong{font-size:18px}.money-flow{display:flex;flex-direction:column}.money-flow.sharp b{color:#8df33e}.money-empty{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px dashed #1a506f;border-radius:9px;color:#9bb0bf}.money-empty b{color:#eaf4fb}.money-empty small,.money-note{font-size:8px;color:#718da1}.money-note{padding:7px 10px}@media(max-width:800px){.money-head{display:none}.money-row{grid-template-columns:1fr 70px 70px}.money-flow{grid-column:1/-1}}
/* ===== EDGE REVEAL dedicated Edge Scanner v11 ===== */
.edge-home-preview{
margin:22px;
padding:24px 28px;
border:1px solid #145079;
border-radius:14px;
background:#061827;
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
}
.edge-home-preview h2{margin:6px 0 8px;font-size:28px}
.edge-home-preview p{margin:0;color:#8da8bb}
.edge-home-preview-btn{
display:inline-flex;align-items:center;justify-content:center;
min-width:190px;padding:13px 18px;border-radius:10px;
border:1px solid #1679cf;background:#0c5fd1;color:#fff;text-decoration:none;font-weight:700
}
.edge-scanner-page body > main,
.edge-scanner-page body > section:not(#edgeScannerPage),
.edge-scanner-page body > .edge-home-preview{
display:none !important;
}
.edge-scanner-page-shell{
padding:28px;
background:#03111d;
min-height:calc(100vh - 90px);
}
.edge-page-hero{
display:flex;justify-content:space-between;gap:28px;align-items:flex-start;
padding:24px 26px;border:1px solid #144d72;border-radius:14px;background:#061827;margin-bottom:18px
}
.edge-page-hero h1{font-size:38px;margin:4px 0 8px}
.edge-page-hero p{margin:0;color:#8da8bb;font-size:15px}
.edge-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#32b8ff}
.edge-eyebrow.hot{color:#ff8b35}
.edge-page-legend{display:flex;gap:14px;margin-top:14px;color:#7f9aae;font-size:10px}
.edge-page-meta{display:flex;gap:10px}
.edge-date-card,.edge-refresh-card{padding:12px 16px;border:1px solid #185477;border-radius:10px;background:#051522;min-width:120px}
.edge-date-card small,.edge-refresh-card small{display:block;color:#6f8ba0;font-size:8px;margin-bottom:5px}
.edge-page-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.75fr);gap:16px}
.edge-panel{border:1px solid #144d72;border-radius:13px;background:#061827;padding:18px}
.edge-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.edge-panel-head h2{margin:4px 0 0;font-size:24px}
.edge-count-badge{padding:8px 12px;border:1px solid #17618d;border-radius:999px;color:#8fcfff;font-size:10px}
.edge-table-head,.edge-money-row{
display:grid;grid-template-columns:minmax(200px,1.45fr) 90px 100px 80px 150px 120px;
gap:10px;align-items:center
}
.edge-table-head{padding:0 12px 9px;color:#6f8ca1;font-size:8px;letter-spacing:.08em}
.edge-money-row{padding:13px 12px;border-top:1px solid #123f5d}
.edge-money-row:first-child{border-top:1px solid #123f5d}
.edge-matchup{display:grid;grid-template-columns:auto auto 1fr;gap:7px;align-items:center}
.edge-matchup small{grid-column:1/-1;color:#718ea3;font-size:8px}
.edge-pct b{font-size:18px}
.edge-bar{height:5px;background:#0c2b40;border-radius:999px;margin-top:5px;overflow:hidden}
.edge-bar span{display:block;height:100%;background:#2c9fff}
.edge-pct.money .edge-bar span{background:#8be13c}
.edge-gap{font-size:18px;font-weight:800}
.edge-gap.pos{color:#8be13c}.edge-gap.neg{color:#ff5a5a}
.edge-wager{display:flex;flex-direction:column;gap:2px}
.edge-wager b{color:#dff8ff}
.edge-wager small,.edge-source{font-size:8px;color:#7895aa}
.edge-table-foot,.edge-muted,.edge-howto p{color:#7895aa;font-size:9px}
.edge-table-foot{padding:10px 12px 0}
.edge-side-column{display:grid;gap:14px}
.edge-source-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.edge-source-pill{padding:7px 10px;border:1px solid #184f71;border-radius:999px;font-size:9px;color:#9cb5c5}
.edge-source-pill.ok i{display:inline-block;width:6px;height:6px;background:#8be13c;border-radius:50%;margin-right:6px}
.edge-source-pill.off{opacity:.65}
.edge-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.edge-summary-grid>div{padding:12px 8px;border-left:1px solid #16445f}
.edge-summary-grid small{display:block;color:#718da1;font-size:8px}
.edge-summary-grid b{display:block;font-size:22px;margin-top:5px}
.edge-insight-text{margin-top:12px;color:#b8cbd8;font-size:12px;line-height:1.6}
.edge-howto{margin-top:10px}
/* v240: a bare "Loading…" line is a dead spot. These give the wait a pulse and
a moving sheen, in the area only - no page-level change. */
@keyframes eiqShimmer{0%{background-position:-420px 0}100%{background-position:420px 0}}
@keyframes eiqPulseDot{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
.eiq-loading-bars{display:grid;gap:9px;width:100%}
.eiq-loading-bars i{
display:block;height:13px;border-radius:7px;
background:linear-gradient(90deg,#0d2537 8%,#17415e 20%,#0d2537 33%);
background-size:840px 100%;animation:eiqShimmer 1.25s linear infinite;
}
.eiq-loading-bars i:nth-child(2){width:82%}
.eiq-loading-bars i:nth-child(3){width:64%}
.eiq-loading-bars i:nth-child(4){width:73%}
.eiq-loading-dots{display:inline-flex;gap:5px;margin-left:8px;vertical-align:middle}
.eiq-loading-dots span{
width:6px;height:6px;border-radius:50%;background:#8be13c;
animation:eiqPulseDot 1.1s ease-in-out infinite;
}
.eiq-loading-dots span:nth-child(2){animation-delay:.16s}
.eiq-loading-dots span:nth-child(3){animation-delay:.32s}
.eiq-loading-line{display:flex;align-items:center;color:#9db6c7;font-size:13px;margin-bottom:14px}
@media(prefers-reduced-motion:reduce){
.eiq-loading-bars i,.eiq-loading-dots span{animation:none}
}
.edge-empty-state,.edge-loading{
padding:28px 18px;border:1px dashed #194f6f;border-radius:10px;display:flex;flex-direction:column;gap:7px;color:#7d98aa
}
.edge-empty-state b{color:#e5f3fb}
@media(max-width:1000px){
.edge-page-grid{grid-template-columns:1fr}
}
@media(max-width:780px){
.edge-page-hero{flex-direction:column}
.edge-table-head{display:none}
/* v240: the row used to keep the matchup and both percentage columns on one
line. Grid items default to min-width:auto, so two long team names
("Washington Nationals", "San Diego Padres") refused to shrink and pushed
the percentages off the right edge - they were rendering ON TOP of the
team name. Nothing is removed here: the matchup simply takes its own full
width row, and the two percentage columns share the line beneath it. */
.edge-money-row{grid-template-columns:1fr 1fr;row-gap:12px}
.edge-matchup{grid-column:1/-1;grid-template-columns:1fr;gap:2px;min-width:0}
.edge-matchup b{min-width:0;overflow-wrap:anywhere;font-size:15px;line-height:1.25}
.edge-matchup>span{display:none} /* the "@" - the stacked order says it */
.edge-matchup b:first-of-type::after{content:" @";color:#6f8ca1;font-weight:600}
.edge-matchup small{font-size:9px;margin-top:2px}
.edge-pct{min-width:0}
.edge-pct b{font-size:16px}
.edge-pct::before{display:block;font-size:8px;letter-spacing:.08em;color:#6f8ca1;margin-bottom:2px}
.edge-pct:not(.money)::before{content:"BET %"}
.edge-pct.money::before{content:"MONEY %"}
.edge-gap{grid-column:1/-1;font-size:16px}
.edge-wager,.edge-source{grid-column:1/-1;min-width:0;overflow-wrap:anywhere}
.edge-home-preview{flex-direction:column;align-items:flex-start}
}
.edge-live-sync{
grid-column:1/-1;
display:flex;justify-content:space-between;align-items:center;
padding-top:12px;margin-top:12px;border-top:1px solid #123f5d;
}
.edge-sync-status{
display:inline-flex;align-items:center;gap:7px;
font-size:9px;color:#8ea8ba;
}
.edge-sync-status::before{
content:"";width:7px;height:7px;border-radius:50%;background:#6d8799;
}
.edge-sync-status.loading::before{background:#38bdf8}
.edge-sync-status.ok::before{background:#8be13c}
.edge-sync-status.off::before{background:#ff9b42}
.edge-live-sync small{font-size:8px;color:#6f8da2}
.eiq-tennis-card .teams{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;font-size:18px;margin:18px 0}
.eiq-tennis-card .teams strong:last-child{text-align:right}
.eiq-tennis-card .game-meta{display:flex;justify-content:space-between;gap:12px}
.eiq-tennis-card .market-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.eiq-tennis-card .market-grid>div{border:1px solid #174765;border-radius:8px;padding:10px}
.eiq-tennis-card .market-grid small{display:block;opacity:.65;margin-bottom:5px}
.eiq-verify{display:inline-block;margin-left:9px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.06em;vertical-align:middle}
.eiq-verify-ok{border:1px solid rgba(133,255,92,.45);color:#9cff6a;background:rgba(133,255,92,.08)}
.eiq-verify-warn{border:1px solid rgba(255,209,102,.5);color:#ffd166;background:rgba(255,209,102,.08)}
.eiq-player-id{margin-top:5px;font-size:11px;font-weight:800;color:#8fb6ca;letter-spacing:.02em}
/* v40 multi-sport parlay selector */
.lab-sport-panel{border:1px solid #174a63;background:#061725;border-radius:14px;padding:18px;margin-bottom:16px}
.lab-sport-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}
.lab-sport-head>div{display:flex;flex-direction:column;gap:5px}.lab-sport-head strong{font-size:14px;color:#dcebf4}
.lab-all-sports{border:1px solid #245a75;background:transparent;color:#8ec7e5;border-radius:9px;padding:8px 12px;font-weight:800;cursor:pointer}
.lab-sport-selector{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.lab-sport-selector button{min-height:62px;border:1px solid #1b516d;background:#061522;color:#d9e8f2;border-radius:11px;padding:10px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;transition:.15s ease}
.lab-sport-selector button span{font-size:14px;font-weight:900}.lab-sport-selector button small{color:#7e9bad;font-size:10px}
.lab-sport-selector button.active{background:#0b67d8;border-color:#35a7ff;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.lab-sport-selector button.active small{color:#cfeaff}.lab-sport-note{font-size:11px;color:#7897aa;margin-top:10px}
.lab-sport-tag{display:inline-block;width:max-content;border:1px solid #1d5b78;border-radius:999px;padding:2px 7px;font-size:9px!important;font-weight:900!important;letter-spacing:.07em;color:#67cbff!important}
@media(max-width:1000px){.lab-sport-selector{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.lab-sport-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-sport-head{align-items:flex-start;flex-direction:column}}
.leg-game-time{
margin-top:6px;
margin-bottom:8px;
color:#8fb5cc;
font-size:13px;
font-weight:650;
letter-spacing:.01em;
}
/* v107 soccer 1X2 model */
.prediction-grid.soccer-prob-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.prediction-draw{border-color:#25506d}
@media(max-width:720px){.prediction-grid.soccer-prob-grid{grid-template-columns:1fr 1fr 1fr}}
/* v172 Parlay Lab NCAAF evidence ranking calibration */
.lab-ncaaf-evidence{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0 4px}.lab-ncaaf-evidence span{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:5px 8px;border:1px solid rgba(76,201,240,.24);border-radius:999px;background:rgba(20,86,120,.12)}
/* ===== v204 NAV FIT: use the whole bar, no dead space at either end =====
The header is a three-column grid (brand | nav | actions) with a 36px gap and
30px side padding, and the nav then added its own 14px side margin on top.
With thirteen destinations that left the labels squeezed while ~90px sat
empty at each end. Reclaim it, and let each label size to its own text so
"Edge Scanner" stops wrapping. */
.topbar{gap:16px!important;padding:0 16px!important}
.topnav.electric-topnav{
margin:8px 0 0!important;
width:100%!important;
overflow-x:hidden!important;
}
.topnav.electric-topnav > a{
flex:1 1 auto!important;
min-width:0!important;
padding:0 9px!important;
font-size:11.5px!important;
white-space:nowrap!important;
letter-spacing:-.005em!important;
}
/* Every label sizes to its own text, so no single one is singled out. */
.topnav.electric-topnav > a:nth-child(3),
.topnav.electric-topnav > a:nth-child(5),
.topnav.electric-topnav > a:nth-child(7),
.topnav.electric-topnav > a:nth-child(9),
.topnav.electric-topnav > a:nth-child(10){
font-size:11.5px!important;
}
@media(max-width:1400px){
.topnav.electric-topnav > a{padding:0 7px!important;font-size:11px!important}
}
@media(max-width:1250px){
.topnav.electric-topnav{overflow-x:auto!important}
.topnav.electric-topnav > a{flex:0 0 auto!important;min-width:96px!important;font-size:10.5px!important}
}
/* A disabled leg count in the Parlay Lab reads as unavailable, not broken. */
#labLegSelector [data-legs]:disabled,
#labLegSelector [data-legs].disabled{
opacity:.34;
cursor:not-allowed;
filter:grayscale(.5);
}
/* ===== v205 HEADER: reclaim the fixed side columns =====
The live header is .site-header.clean-site-header, a grid whose brand column
was pinned at 250px and actions at 270px with 20px gaps. The brand needs
~220px and the two buttons ~210px, so roughly 90px sat empty either side of
the nav while thirteen labels fought over what was left. Both side columns
now size to their content, the nav takes everything that frees up, and the
labels grow with it. (v204 targeted .topbar, which this header supersedes.) */
.site-header.clean-site-header,
.clean-site-header{
grid-template-columns:auto minmax(0,1fr) auto!important;
gap:14px!important;
padding-left:14px!important;
padding-right:14px!important;
}
.clean-site-header .topnav.electric-topnav > a{
flex:1 1 auto!important;
min-width:0!important;
padding:0 11px!important;
font-size:12.5px!important;
font-weight:700!important;
letter-spacing:-.004em!important;
white-space:nowrap!important;
}
/* No label is singled out for shrinking any more - each sizes to its own text. */
.clean-site-header .topnav.electric-topnav > a:nth-child(3),
.clean-site-header .topnav.electric-topnav > a:nth-child(5),
.clean-site-header .topnav.electric-topnav > a:nth-child(6),
.clean-site-header .topnav.electric-topnav > a:nth-child(7),
.clean-site-header .topnav.electric-topnav > a:nth-child(9),
.clean-site-header .topnav.electric-topnav > a:nth-child(10){
font-size:12.5px!important;
}
@media(min-width:1300px){
.clean-site-header .topnav.electric-topnav > a{font-size:12.5px!important}
}
@media(max-width:1500px){
.clean-site-header .topnav.electric-topnav > a{padding:0 9px!important;font-size:11.5px!important}
.site-header.clean-site-header,.clean-site-header{gap:12px!important}
}
@media(max-width:1240px){
.clean-site-header .topnav.electric-topnav{overflow-x:auto!important;scrollbar-width:none!important}
.clean-site-header .topnav.electric-topnav::-webkit-scrollbar{display:none!important}
.clean-site-header .topnav.electric-topnav > a{flex:0 0 auto!important;min-width:100px!important;font-size:11px!important}
}
/* ===== v207 LIVE FEED: give the cards the width, and let them move =====
The strip header carried "MLB · NCAAF · Major Soccer · ATP/WTA" plus a build
tag, which ate roughly a third of the row before a single score appeared.
"LIVE NOW" carries the meaning; the breakdown is on hover. */
.top-live-strip{
grid-template-columns:auto auto minmax(0,1fr) auto auto!important;
gap:8px!important;
padding:9px 12px!important;
}
#topLiveCount:empty{display:none!important}
#topLiveCount{font-size:11px!important;color:#7f97ad!important;letter-spacing:.02em!important}
.live-build-tag{display:none!important}
.top-live-games{
cursor:grab;
scroll-behavior:auto!important; /* the drift sets scrollLeft directly */
overscroll-behavior-x:contain;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
}
.top-live-games.dragging{cursor:grabbing}
.top-live-games .top-live-chip{user-select:none}
.live-feed-nav{
width:26px;height:26px;flex:0 0 auto;
border:1px solid #1d5988;border-radius:7px;
background:#07192b;color:#cfe2f3;
font-size:15px;line-height:1;cursor:pointer;
display:grid;place-items:center;padding:0;
}
.live-feed-nav:hover{background:#0d2b47;color:#fff;border-color:#2c7fc4}
@media(max-width:900px){
.live-feed-nav{display:none}
.top-live-strip{grid-template-columns:auto minmax(0,1fr) auto!important}
}
/* ==========================================================================
v208 MOBILE LAYER
One appended block, no existing rule edited. The site already carried 44
breakpoints accumulated across releases; several set
.clean-site-header to a 900px+ minimum column inside @media(max-width:1550px),
which is true on a phone and forces the whole page sideways. Everything below
is scoped to <=820px so desktop is untouched.
========================================================================== */
@media(max-width:820px){
/* Nothing may push the page wider than the screen. */
html,body{max-width:100%!important;overflow-x:hidden!important}
img,video,canvas,svg{max-width:100%;height:auto}
/* --- header: brand + actions on one row, nav scrolling beneath --- */
.site-header.clean-site-header,.clean-site-header{
grid-template-columns:minmax(0,1fr) auto!important;
grid-auto-rows:auto!important;
row-gap:8px!important;
column-gap:10px!important;
height:auto!important;min-height:0!important;max-height:none!important;
padding:10px 12px!important;
}
.clean-site-header .brand{grid-column:1;min-width:0!important}
.clean-site-header .brand-mark{width:40px!important;height:40px!important;min-width:40px!important;font-size:20px!important}
.clean-site-header .brand-text{font-size:19px!important}
.clean-site-header .top-actions{grid-column:2;gap:8px!important}
.clean-site-header .top-actions .btn{padding:0 12px!important;height:38px!important;font-size:12px!important}
.clean-site-header .topnav.electric-topnav{
grid-column:1 / -1!important;
height:46px!important;min-height:46px!important;
overflow-x:auto!important;scrollbar-width:none!important;
-webkit-overflow-scrolling:touch;
}
.clean-site-header .topnav.electric-topnav::-webkit-scrollbar{display:none!important}
.clean-site-header .topnav.electric-topnav > a{
flex:0 0 auto!important;
min-width:auto!important;
height:46px!important;min-height:46px!important; /* 44px tap target */
padding:0 13px!important;
font-size:12px!important;
}
/* --- live feed: one card at a time with a peek at the next --- */
.top-live-strip{
grid-template-columns:auto minmax(0,1fr)!important;
padding:8px 10px!important;
}
.top-live-strip .top-live-all{grid-column:1 / -1;justify-self:start;font-size:12px}
.top-live-games .top-live-chip{flex:0 0 78%!important;max-width:78%!important}
.top-live-games{scroll-snap-type:x proximity}
.top-live-games .top-live-chip{scroll-snap-align:center}
/* --- Parlay Lab --- */
.parlay-lab-grid{grid-template-columns:1fr!important;gap:12px!important}
.lab-sport-selector{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.lab-sport-option{min-height:64px!important;padding:12px!important}
.lab-leg-selector{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.lab-leg-selector button{flex:1 1 28%!important;min-height:44px!important;font-size:13px!important}
.lab-results{grid-template-columns:1fr!important}
.lab-slip-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* --- generic containers that were built for a desktop grid --- */
.app-shell,.hero-grid,.bottom-grid,.metric-row,.lab-method-grid{grid-template-columns:1fr!important}
.app-shell,.simulator-section,.methodology-section,footer{width:calc(100% - 16px)!important}
.hero-card h1{font-size:32px!important}
/* Wide content scrolls inside itself; the page never does. */
table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}
/* 16px stops iOS zooming the page when a field takes focus. */
input,select,textarea{font-size:16px!important}
/* Anything tappable gets a real target. */
button,.btn,.mini-btn,.league-chip,.sport-item{min-height:44px}
}
@media(max-width:480px){
/* Account lives in the nav, so the header keeps one clear call to action. */
.clean-site-header .top-actions .btn.ghost{display:none!important}
.clean-site-header .brand-text{font-size:17px!important}
.lab-sport-selector{grid-template-columns:1fr!important}
.top-live-games .top-live-chip{flex:0 0 86%!important;max-width:86%!important}
}
/* ==========================================================================
v209 MOBILE FIXES — from the first real phone screenshot
========================================================================== */
@media(max-width:820px){
/* 1. THE SIGN-UP PATH. An older rule set .top-actions to display:none below
820px, so on a phone there was no Log in and no Get Started at all - the
entire registration funnel was invisible on the device most people use.
v208 styled these buttons but never set `display`, so the old rule won. */
.clean-site-header .top-actions{
display:flex!important;
align-items:center!important;
}
.clean-site-header .top-actions .btn{white-space:nowrap!important}
/* 2. THE SPOTLIGHT CARD. It carries fixed heights (232px slide, 103px match
row, 45px metrics) with overflow:hidden, so on a narrow screen the team
names clipped and the time collided with the row beneath. Let it size to
its content and lay the matchup out vertically. */
.platform-slideshow,.spotlight-slide-shell,.spotlight-slide{
height:auto!important;min-height:0!important;max-height:none!important;
}
.spotlight-slide{padding:14px!important}
.spotlight-slide-shell{padding:14px!important;border-radius:16px!important}
.spotlight-slide-head{
min-height:0!important;flex-direction:column!important;
align-items:flex-start!important;gap:8px!important;margin-bottom:10px!important;
}
.spotlight-slide-head h2{
font-size:1.2rem!important;max-height:none!important;min-height:0!important;
max-width:100%!important;overflow:visible!important;
}
.spotlight-controls{align-self:flex-end}
.spotlight-match-row{
grid-template-columns:1fr!important;
flex:0 0 auto!important;min-height:0!important;gap:10px!important;
}
.spotlight-center{order:-1!important;height:auto!important;align-items:flex-start!important}
.spotlight-team{
flex-direction:row!important;align-items:center!important;
justify-content:flex-start!important;gap:10px!important;height:auto!important;
}
.spotlight-logo{margin:0!important;flex:0 0 auto!important}
.spotlight-team-name{
min-height:0!important;max-height:none!important;overflow:visible!important;
text-align:left!important;font-size:.95rem!important;line-height:1.2!important;
padding:0!important;justify-content:flex-start!important;
}
.spotlight-time{font-size:1.5rem!important;margin-top:0!important}
.spotlight-metrics{
flex:0 0 auto!important;height:auto!important;
grid-template-columns:1fr 1fr!important;margin-top:10px!important;
}
.spotlight-metrics>div{height:auto!important;min-height:44px!important;padding:7px 8px!important}
.spotlight-metrics span{font-size:.6rem!important}
.spotlight-metrics strong{font-size:.82rem!important}
.spotlight-cta{margin-top:10px!important;font-size:.85rem!important;min-height:44px!important}
}
/* ==========================================================================
v210 HEADER ACTIONS ON MOBILE — the fix v209 got wrong
v209 restored `.top-actions` but THREE rules were hiding those buttons, not
one, and the two it missed are more specific than the container:
line ~1 @media(max-width:720px) .top-actions .ghost -> Log in
line ~672 @media(max-width:1220px) .clean-site-header .top-actions .primary -> Get Started
line ~682 @media(max-width:820px) .clean-site-header .top-actions -> the container
Overriding only the container left both buttons hidden by the other two.
All three are outranked here, at equal-or-higher specificity, last in file.
========================================================================== */
@media(max-width:820px){
.clean-site-header .top-actions{
display:flex!important;
align-items:center!important;
gap:8px!important;
}
.clean-site-header .top-actions .btn,
.clean-site-header .top-actions .btn.primary,
.clean-site-header .top-actions .btn.ghost,
.clean-site-header .top-actions .primary,
.clean-site-header .top-actions .ghost{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:40px!important;
min-height:40px!important;
padding:0 12px!important;
font-size:12.5px!important;
white-space:nowrap!important;
}
}
/* Below 560px the brand plus two buttons no longer fit on one row, so the
conversion action keeps the space. Log in stays reachable: Account is in the
nav, and /account.html opens on the sign-in tab by default. */
@media(max-width:560px){
.clean-site-header .top-actions .btn.ghost,
.clean-site-header .top-actions .ghost{display:none!important}
.clean-site-header .top-actions .btn.primary,
.clean-site-header .top-actions .primary{
display:inline-flex!important;
padding:0 11px!important;
font-size:12px!important;
}
}
/* ==========================================================================
v211 MOBILE SHELL — the phone presentation from the reference design.
Everything is scoped to <=820px and to .eiq-mobile-shell, which the script
only adds on a phone, so desktop is untouched.
========================================================================== */
@media(max-width:820px){
/* --- brand: wordmark plus the strapline --- */
.clean-site-header .brand{flex-wrap:wrap!important;align-items:center!important;row-gap:0!important}
.eiq-m-tagline{
flex-basis:100%;
font-size:10.5px;letter-spacing:.02em;color:#6f8aa6;
margin-top:1px;white-space:nowrap;
}
/* --- header becomes brand | actions | menu --- */
.eiq-mobile-shell .site-header.clean-site-header,
.eiq-mobile-shell .clean-site-header{
grid-template-columns:minmax(0,1fr) auto auto!important;
column-gap:8px!important;
}
.eiq-m-menu{
grid-column:3;align-self:center;
width:42px;height:42px;border-radius:11px;
border:1px solid #2b6fd0;background:linear-gradient(180deg,#1268f4,#0b4bc3);
display:grid;place-content:center;gap:4px;cursor:pointer;padding:0;
}
.eiq-m-menu span{display:block;width:17px;height:2px;border-radius:2px;background:#fff}
/* --- nav: icon above label, five destinations, the rest in the drawer --- */
.eiq-mobile-shell .clean-site-header .topnav.electric-topnav{
grid-column:1 / -1!important;height:auto!important;min-height:0!important;
padding:6px!important;gap:6px!important;border-radius:14px!important;
overflow-x:auto!important;
}
.eiq-mobile-shell .clean-site-header .topnav > a{
flex:1 0 auto!important;
flex-direction:column!important;justify-content:center!important;
gap:5px!important;height:auto!important;min-height:60px!important;
padding:9px 12px!important;font-size:11.5px!important;
border:1px solid transparent!important;border-right:0!important;border-radius:11px!important;
}
.eiq-mobile-shell .clean-site-header .topnav > a:not(.eiq-m-primary){display:none!important}
.eiq-mobile-shell .clean-site-header .topnav > a::before{display:none!important}
.eiq-m-ico{display:block;width:20px;height:20px;color:#6ea6e8}
.eiq-m-ico svg{width:100%;height:100%;display:block}
.eiq-mobile-shell .clean-site-header .topnav > a.nav-live-link{
border-color:#3ad14f!important;
background:rgba(58,209,79,.08)!important;
box-shadow:0 0 14px rgba(58,209,79,.18)!important;
}
.eiq-mobile-shell .clean-site-header .topnav > a.nav-live-link .eiq-m-ico{color:#9bf13e}
.eiq-mobile-shell .clean-site-header .topnav > a.nav-live-link::after{display:none!important}
/* --- live strip subtitle --- */
.top-live-title{flex-wrap:wrap;row-gap:0}
.eiq-m-live-sub{flex-basis:100%;font-size:10.5px;color:#7f97ad;margin-top:1px}
/* --- quick action tiles --- */
.eiq-m-tiles{
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
width:calc(100% - 16px);margin:12px auto 0;
}
.eiq-m-tile{
display:flex;flex-direction:column;gap:3px;
padding:14px 13px;border-radius:14px;text-decoration:none;
border:1px solid #1d4468;background:linear-gradient(180deg,#08192b,#04101d);
min-height:96px;justify-content:center;
}
.eiq-m-tile strong{font-size:14px;color:#eef5fc;font-weight:700}
.eiq-m-tile small{font-size:11px;color:#7f97ad}
.eiq-m-tile-ico{width:26px;height:26px;margin-bottom:5px;display:block}
.eiq-m-tile-ico svg{width:100%;height:100%;display:block}
.eiq-tone-green{border-color:#1f6b32}.eiq-tone-green .eiq-m-tile-ico{color:#4fdc6a}
.eiq-tone-blue{border-color:#1d5c9e}.eiq-tone-blue .eiq-m-tile-ico{color:#4aa3f0}
.eiq-tone-violet{border-color:#5a3399}.eiq-tone-violet .eiq-m-tile-ico{color:#b07cf5}
.eiq-tone-gold{border-color:#8a6a1c}.eiq-tone-gold .eiq-m-tile-ico{color:#f0c04a}
/* --- drawer --- */
body.eiq-m-locked{overflow:hidden}
.eiq-m-drawer[hidden]{display:none!important}
.eiq-m-drawer{position:fixed;inset:0;z-index:120}
.eiq-m-drawer-scrim{position:absolute;inset:0;background:rgba(1,7,15,.66);backdrop-filter:blur(3px)}
.eiq-m-drawer-panel{
position:absolute;top:0;right:0;bottom:0;z-index:2;
width:min(310px,86%);display:flex;flex-direction:column;
background:#050f1c;border-left:1px solid #1b3e60;padding:14px 14px 20px;
overflow-y:auto;
}
.eiq-m-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.eiq-m-drawer-head b{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#7f97ad}
.eiq-m-close{background:none;border:0;color:#cfe0f0;font-size:26px;line-height:1;cursor:pointer;padding:0 4px;min-height:44px}
.eiq-m-drawer-links{display:flex;flex-direction:column}
.eiq-m-drawer-links a{
display:flex;align-items:center;min-height:46px;
padding:0 6px;color:#dbe7f2;text-decoration:none;
border-bottom:1px solid #12293f;font-size:14.5px;
}
.eiq-m-drawer-links a:active{color:#fff;background:#0b1c2e}
.eiq-m-drawer-cta{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.eiq-m-drawer-cta .btn{width:100%;min-height:46px;font-size:14px}
}
/* ==========================================================================
v212 MOBILE READ — measured on a 375px viewport against the live server.
Three defects, each confirmed by getBoundingClientRect before the fix:
1. LIVE STRIP. The strip is a 2-column grid. v211 added the
"Real-time odds and scoring" subtitle under LIVE NOW, which widened
the auto heading column to 228.5px of 375 - 61% of the row. The score
cards were left 118.5px for a 285px card, so a live game showed as a
sliver. Measured: heading 228.5px / games 118.5px.
2. HEADER. brand, nav and actions each took their own grid row: 50.5 +
85.6 + 44 = 217px of a 812px screen gone before any content, with the
Get Started row sitting between the nav and the page. Brand, Get
Started and the menu button fit on one row at 375px
(189 + 104 + 42 + gaps + padding = 375 exactly).
3. SWIPE. Six rows scroll horizontally with no indication that they do:
topnav 349/524, sports rail 357/1529, market rail 355/1432,
status filter 313/353, live games, ticker. Nothing on screen said
there was more to the right.
========================================================================== */
@media(max-width:820px){
/* --- 1. the live strip: heading on its own row, cards get the full width - */
.top-live-strip{
grid-template-columns:minmax(0,1fr)!important;
row-gap:6px!important;
}
.top-live-strip .top-live-heading{
grid-column:1 / -1!important;
display:flex!important;align-items:center!important;
}
.top-live-strip .top-live-title{
flex-wrap:nowrap!important;align-items:baseline!important;gap:7px!important;
}
.top-live-strip .top-live-title b{font-size:12px!important}
/* The subtitle sits beside the label instead of under it, so the heading
stays one short line and never claims a column of its own. */
.top-live-strip .eiq-m-live-sub{
flex-basis:auto!important;margin-top:0!important;
font-size:10px!important;white-space:nowrap!important;
overflow:hidden!important;text-overflow:ellipsis!important;
}
.top-live-strip #topLiveGames{grid-column:1 / -1!important;min-width:0!important}
.top-live-games .top-live-chip{flex:0 0 82%!important;max-width:82%!important}
/* --- 2. header: one row for brand + actions + menu, nav on row two ------ */
.eiq-mobile-shell .site-header.clean-site-header > .brand,
.eiq-mobile-shell .clean-site-header > .brand{grid-row:1!important;grid-column:1!important}
.eiq-mobile-shell .site-header.clean-site-header > .top-actions,
.eiq-mobile-shell .clean-site-header > .top-actions{
grid-row:1!important;grid-column:2!important;align-self:center!important;
}
.eiq-mobile-shell .site-header.clean-site-header > .eiq-m-menu,
.eiq-mobile-shell .clean-site-header > .eiq-m-menu{grid-row:1!important;grid-column:3!important}
.eiq-mobile-shell .site-header.clean-site-header > .topnav.electric-topnav,
.eiq-mobile-shell .clean-site-header > .topnav.electric-topnav{grid-row:2!important}
/* --- 3. swipe affordance ------------------------------------------------ */
/* The host is whatever already contained the scroller; only `position` is
added to it, so no layout track moves. The cue is absolutely positioned
and therefore out of flow in a grid or flex parent alike. */
.eiq-swipe-host{position:relative!important}
.eiq-swipe-cue{
position:absolute;right:0;top:0;bottom:0;width:56px;
pointer-events:none;z-index:4;
display:flex;align-items:center;justify-content:flex-end;
padding-right:5px;
background:linear-gradient(90deg,rgba(4,16,29,0) 0%,rgba(4,16,29,.82) 62%,rgba(4,16,29,.94) 100%);
border-radius:0 10px 10px 0;
opacity:1;transition:opacity .22s ease;
}
.eiq-swipe-cue[data-done="1"]{opacity:0}
.eiq-swipe-cue i{
font-style:normal;font-size:15px;line-height:1;color:#7fc4ff;
animation:eiqSwipeNudge 1.5s ease-in-out infinite;
}
.eiq-swipe-hint{
display:inline-flex;align-items:center;gap:5px;
align-self:flex-start;margin:5px 0 0 2px;
font-size:10px;letter-spacing:.06em;text-transform:uppercase;
color:#7f97ad;font-weight:700;
}
.eiq-swipe-hint[hidden]{display:none!important}
.eiq-swipe-hint b{color:#7fc4ff;font-weight:800}
@keyframes eiqSwipeNudge{
0%,100%{transform:translateX(0)}
50%{transform:translateX(3px)}
}
@media(prefers-reduced-motion:reduce){
.eiq-swipe-cue i{animation:none}
}
}
/* ==========================================================================
v212 REAL SLATE PANELS — the homepage panels that used to carry demo
matchups. The markup keeps its existing classes so the design is unchanged;
these rules only cover the rows the new content adds.
========================================================================== */
.eiq-slate-empty{
padding:14px 12px;border:1px dashed #1d4468;border-radius:10px;
color:#7f97ad;font-size:12.5px;line-height:1.5;background:#040f1c;
}
.eiq-final-row{
display:grid;grid-template-columns:auto minmax(0,1fr) auto;
gap:10px;align-items:center;
padding:9px 10px;border-bottom:1px solid #12293f;
}
.eiq-final-row:last-child{border-bottom:0}
.eiq-final-row small{font-size:9.5px;letter-spacing:.06em;color:#6f8aa6;text-transform:uppercase;white-space:nowrap}
.eiq-final-row strong{font-size:12.5px;color:#dbe7f2;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eiq-final-row b{font-size:14px;color:#eef5fc;font-weight:800;white-space:nowrap}
.eiq-form-row{display:flex;align-items:center;gap:7px;padding:7px 2px;border-bottom:1px solid #12293f}
.eiq-form-row:last-child{border-bottom:0}
.eiq-form-row .eiq-form-name{font-size:11px;color:#8aa2b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eiq-form-pill{
display:inline-grid;place-content:center;min-width:22px;height:22px;
border-radius:6px;font-size:11px;font-weight:800;flex:0 0 auto;
}
.eiq-form-pill.w{background:rgba(58,209,79,.14);color:#4fdc6a;border:1px solid #1f6b32}
.eiq-form-pill.l{background:rgba(232,86,86,.13);color:#f08a8a;border:1px solid #6b2020}
.eiq-form-pill.d{background:rgba(140,160,180,.12);color:#a9bccd;border:1px solid #33475b}
.eiq-slate-note{margin-top:9px;font-size:11px;color:#6f8aa6;line-height:1.5}
/* ==========================================================================
v212 REAL SLATE LAYOUT — the containers these panels used to hold something
else. Verified by rendering the page in Chromium at 375px and 1280px with a
realistic slate response.
- `.trend-bars` was a 190px-tall vertical bar chart. It now holds two
rows of form pills, which sat pinned to the bottom of that fixed height
under a wall of empty space.
- `.history-summary` and the form rows are flex rows with no wrap, so at
357px the third summary field and the second side's name clipped off
the right edge.
========================================================================== */
.trend-bars{
height:auto!important;min-height:0!important;
display:block!important;margin:12px 0!important;
}
.eiq-form-row{flex-wrap:wrap;row-gap:5px}
/* The pills are too, so `.eiq-form-row span` stretched every pill to
full width. Name the label explicitly. */
.eiq-form-row .eiq-form-name{flex:1 1 100%;order:2;color:#8aa2b8;font-size:11px}
@media(max-width:820px){
.history-summary{flex-wrap:wrap!important;row-gap:10px}
.history-summary>div{flex:1 1 45%;min-width:0}
.history-summary b{font-size:16px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.matchup-selector select{min-width:0!important;width:100%!important}
.matchup-selector label{width:100%}
.eiq-final-row{grid-template-columns:minmax(0,1fr) auto!important;row-gap:2px}
.eiq-final-row small{grid-column:1 / -1;order:-1}
}
/* ==========================================================================
v212 DRAWER STACKING — reported from a phone, confirmed on the live site.
The mobile drawer was `z-index:120`. The sticky header is `z-index:1000`.
With the page at the top of the scroll, the header's 178px band painted
straight over the drawer, hiding the MENU title, the close button, and the
first two destinations (Live and Games). Scrolling down moved the header
out of the way, which is why the missing options "came up" on scroll.
It was not only a cosmetic overlap: elementFromPoint at the centre of the
drawer's "Live" row returned the HEADER's nav link, so tapping the first
menu item navigated somewhere the user had not chosen.
The drawer is a full-screen overlay and must sit above everything the page
paints, the sticky header included.
========================================================================== */
@media(max-width:820px){
.eiq-m-drawer{z-index:2147000!important}
.eiq-m-drawer-scrim{z-index:1!important}
.eiq-m-drawer-panel{z-index:2!important}
/* While the drawer is open nothing behind it should be reachable, including
the header that used to sit on top of it. */
body.eiq-m-locked .site-header.clean-site-header,
body.eiq-m-locked .clean-site-header{pointer-events:none!important}
body.eiq-m-locked .eiq-m-drawer,
body.eiq-m-locked .eiq-m-drawer *{pointer-events:auto!important}
}
/* ==========================================================================
v213 MODAL STACKING — the same defect the drawer had, found while fixing it.
`.modal` is `position:fixed;inset:0;z-index:90`. The sticky header is
z-index 1000, so with the page at the top of the scroll the header painted
over the modal's upper band - clipping its close button and title, and
intercepting taps meant for them. Nothing on the homepage opens this modal
today, which is why it was never reported; it is fixed here so it cannot
surface later.
It sits below the mobile drawer, which is the topmost layer on a phone.
========================================================================== */
.modal{z-index:2146000!important}
.modal .modal-backdrop{z-index:1!important}
.modal .modal-card{z-index:2!important}
/* While a modal is open the header behind it must not take taps. */
.modal.open ~ .site-header.clean-site-header,
body:has(.modal.open) .site-header.clean-site-header,
body:has(.modal.open) .clean-site-header{pointer-events:none!important}
body:has(.modal.open) .modal,
body:has(.modal.open) .modal *{pointer-events:auto!important}
/* ===== v247 data attribution ===== */
/* Moved off the live board to the very bottom of the edge scanner. A div and
not a