:root{--bg:#070a0f;--bg2:#0c1118;--panel:#121821;--panel2:#172030;--glass:#0e141d;--line:#1e2632;--line2:#2b3543;--text:#e7edf4;--muted:#7e8a9a;--faint:#4d5867;--signal:#3ad17a;--live:#ff4d5e;--win:#3ad17a;--loss:#ff5d6c;--home:#4cc2ff;--away:#ff7a6b;--draw:#67738a;--r:12px;--mono:"JetBrains Mono",ui-monospace,monospace} *{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-text-size-adjust:100%}body{height:100vh;overflow:hidden;color:var(--text);font-family:"Inter",system-ui,sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select,input{font:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:6px}::-webkit-scrollbar-track{background:transparent} .app{display:grid;grid-template-columns:62px 1fr 340px;grid-template-rows:46px 1fr;grid-template-areas:"strip strip strip" "side main insight";height:100vh}.app.noinsight{grid-template-columns:62px 1fr 0}.app.noinsight .insight{display:none}.livestrip{grid-area:strip;display:flex;align-items:center;gap:16px;padding:0 18px;background:var(--glass);border-bottom:1px solid var(--line);font-size:.82rem;white-space:nowrap;overflow:hidden;z-index:12}.ls-brand{font-family:"Archivo",sans-serif;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;color:var(--text);display:flex;align-items:center;gap:8px;padding-right:8px;border-right:1px solid var(--line)}.ls-brand .pip{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 10px var(--signal)}.ls-tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;font-weight:700;color:var(--live);display:flex;align-items:center;gap:7px}.ls-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 9px var(--live);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}.ls-live{font-weight:700;font-family:"Archivo",sans-serif}.ls-next{color:var(--muted);font-family:var(--mono);font-size:.74rem}.ls-next b{color:var(--text)}.ls-upd{margin-left:auto;color:var(--faint);font-family:var(--mono);font-size:.66rem} .sidebar{grid-area:side;display:flex;flex-direction:column;gap:3px;padding:10px 0;width:62px;overflow:hidden;background:var(--glass);border-right:1px solid var(--line);z-index:11}.navbtn{position:relative;display:flex;align-items:center;gap:15px;height:44px;padding:0 19px;width:198px;border:none;background:none;color:var(--muted);cursor:pointer;transition:color .14s,background .14s;flex:0 0 auto}.navbtn svg{width:22px;height:22px;flex:0 0 22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.navbtn .lbl{font-size:.86rem;font-weight:600;white-space:nowrap;opacity:0}.navbtn:hover{color:var(--text);background:rgba(255,255,255,.04)}.navbtn[aria-pressed=true]{color:var(--signal)}.navbtn[aria-pressed=true]::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;background:var(--signal);border-radius:0 3px 3px 0;box-shadow:0 0 10px var(--signal)} .content{grid-area:main;overflow-y:auto;padding:16px 18px 40px}.insight{grid-area:insight;overflow-y:auto;padding:16px;background:var(--glass);border-left:1px solid var(--line)}.banner{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:10px;padding:10px 13px;margin-bottom:14px;font-size:.8rem;color:var(--muted)}.banner b{color:var(--signal)}.banner code{font-family:var(--mono);color:var(--text)}.empty{text-align:center;color:var(--muted);padding:55px 20px;font-family:var(--mono);font-size:.82rem;line-height:1.7}.seclbl{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:700;margin:0 0 9px}.seclbl:not(:first-child){margin-top:16px}.faintline{font-size:.78rem;color:var(--faint);font-family:var(--mono)}.view{display:none}.vhead{font-family:"Archivo",sans-serif;font-weight:700;font-size:1.18rem;margin:2px 0 14px;letter-spacing:-.01em} #view-matches{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:11px;align-items:start}#view-matches .vhead,#view-matches .toggle{grid-column:1/-1}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.head{padding:12px 13px;cursor:pointer;user-select:none}.metarow{display:flex;align-items:center;gap:8px;font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;font-weight:700}.metarow .stage{color:var(--signal)}.metarow .spacer{flex:1}.pill{padding:3px 8px;border-radius:999px;border:1px solid var(--line2);font-weight:700;letter-spacing:.04em;font-size:.62rem}.pill.LIVE{color:#0a0d12;background:var(--live);border-color:var(--live);display:flex;align-items:center;gap:5px}.pill.LIVE .blink{width:5px;height:5px;border-radius:50%;background:#0a0d12;animation:pulse 1.1s infinite}.pill.FINISHED{color:var(--muted)}.fixture{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px}.side{display:flex;flex-direction:column;gap:4px;min-width:0}.side.away{align-items:flex-end;text-align:right}.tname{font-family:"Archivo",sans-serif;font-weight:700;font-size:1.02rem;line-height:1.18;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.tsub{font-size:.66rem;color:var(--muted);font-family:var(--mono);display:flex;gap:6px}.side.away .tsub{flex-direction:row-reverse}.center{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:54px}.score{font-family:var(--mono);font-weight:700;font-size:1.28rem;white-space:nowrap}.score .sep{color:var(--faint);margin:0 2px}.kick{font-family:var(--mono);font-size:.8rem;color:var(--muted)}.minute{font-size:.62rem;color:var(--live);font-weight:700;font-family:var(--mono)}.expander{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:.64rem;color:var(--muted);font-weight:700;letter-spacing:.04em}.detail{display:none;border-top:1px solid var(--line);padding:13px}.card.open .detail{display:block}.miniStats{display:grid;grid-template-columns:1fr auto 1fr;gap:6px 10px;font-size:.78rem;align-items:center}.miniStats .lab{text-align:center;color:var(--muted);font-family:var(--mono);font-size:.68rem}.miniStats .home{text-align:right}.miniStats .away{text-align:left}.statbar{height:6px;background:var(--bg2);border:1px solid var(--line);border-radius:999px;overflow:hidden;grid-column:1/-1;display:flex}.statbar i:first-child{background:var(--home)}.statbar i:last-child{background:var(--away)}.pressure{margin-top:11px;padding:8px 10px;border:1px solid var(--line);background:var(--bg2);border-left:3px solid var(--signal);border-radius:8px;font-size:.75rem;color:var(--muted)}.xi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.xi h4{font-size:.7rem;color:var(--signal);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.xi .player{font-family:var(--mono);font-size:.72rem;color:var(--muted);padding:2px 0}.xi .player.out{text-decoration:line-through;color:var(--faint)} .toggle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.76rem;font-family:var(--mono);margin-top:5px}.toggle input{accent-color:var(--signal)}.tablewrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:14px}.groupHead{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--bg2);font-family:"Archivo",sans-serif;font-weight:700}.groupHead span{font-family:var(--mono);font-size:.62rem;color:var(--faint);font-weight:700;text-transform:uppercase}.gtable{width:100%;border-collapse:collapse}.gtable th,.gtable td{padding:8px 9px;border-bottom:1px solid var(--line);font-size:.76rem;text-align:center}.gtable th{font-family:var(--mono);font-size:.62rem;color:var(--faint);font-weight:700;text-transform:uppercase}.gtable td:first-child,.gtable th:first-child{text-align:left}.gteam{display:flex;align-items:center;gap:8px;font-weight:700}.pos{font-family:var(--mono);color:var(--faint);width:18px}.code{font-family:var(--mono);color:var(--signal);font-size:.72rem}.liveMark{color:var(--live);font-family:var(--mono);font-size:.68rem}.form{font-family:var(--mono);color:var(--muted);font-size:.68rem}.qual{box-shadow:inset 3px 0 0 var(--win)}.third{box-shadow:inset 3px 0 0 var(--signal)} .bracketGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.round{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.round h3{font-family:"Archivo",sans-serif;font-size:.9rem;padding:10px 12px;background:var(--bg2);border-bottom:1px solid var(--line)}.kmatch{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--line);font-size:.77rem}.kt{font-weight:700}.kt.away{text-align:right}.ksc{font-family:var(--mono);color:var(--muted);font-weight:700}.ksc.liveSc{color:var(--live)}.win{color:var(--win)}.slotGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.slot{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px}.slot .sl{font-family:var(--mono);font-size:.62rem;color:var(--faint);font-weight:700;text-transform:uppercase}.slot .tm{font-family:"Archivo",sans-serif;font-weight:700;margin-top:5px}.slot .meta{font-family:var(--mono);font-size:.68rem;color:var(--muted);margin-top:3px}.slot.in{border-color:var(--line2)} .newsTools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.chip{border:1px solid var(--line2);background:var(--panel);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:700;cursor:pointer}.chip.on{color:#0a0d12;background:var(--signal);border-color:var(--signal)}.ncard,.ins-news{display:block;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:9px;transition:.12s}.ncard:hover,.ins-news:hover{border-color:var(--line2);transform:translateY(-1px)}.nhead{font-family:"Archivo",sans-serif;font-weight:700;font-size:.94rem;line-height:1.3}.ndesc{color:var(--muted);font-size:.78rem;line-height:1.5;margin-top:6px}.nmeta{display:flex;gap:9px;align-items:center;margin-top:8px;color:var(--faint);font-family:var(--mono);font-size:.66rem}.nsrc{color:var(--signal);font-weight:700}.socialGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:14px}.socialGrid a{background:var(--bg2);border:1px solid var(--line);border-radius:9px;padding:9px;font-size:.78rem;color:var(--muted)}.socialGrid a:hover{color:var(--text);border-color:var(--signal)} .status-grid,.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:10px}.statuscard,.setcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:13px}.statuscard.ok{border-left:3px solid var(--win)}.statuscard.warn{border-left:3px solid var(--live)}.statuscard.info{border-left:3px solid var(--signal)}.slbl,.setcard label{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:700;margin-bottom:6px}.sval{font-family:"Archivo",sans-serif;font-weight:700;font-size:1.15rem}.hint{font-size:.74rem;color:var(--muted);line-height:1.45;margin-top:6px}.setcard select{width:100%;padding:8px;border-radius:8px;background:var(--bg2);border:1px solid var(--line);color:var(--text)}.switchrow{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.82rem}.btnline{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.actionbtn{border:1px solid var(--line2);background:var(--panel);color:var(--text);border-radius:9px;padding:8px 10px;cursor:pointer;font-size:.8rem;font-weight:700}.actionbtn:hover{border-color:var(--signal)}.ins-match{font-family:"Archivo",sans-serif;font-weight:700;font-size:1.06rem;line-height:1.15}.ins-sub{font-family:var(--mono);font-size:.72rem;color:var(--muted);margin-top:5px}.ins-summary{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:.78rem;color:var(--muted);line-height:1.4}.evs{color:var(--faint);font-family:var(--mono)} body.compact .head{padding:9px 10px}body.compact .card{--r:10px}body.spacious #view-matches{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:15px}body.spacious .head{padding:16px}.app.flat{--panel:#0d1219;--panel2:#111823;--glass:#080c12}.hideStats .detail{display:none!important}@media(max-width:920px){.app{grid-template-columns:56px 1fr;grid-template-rows:46px 1fr;grid-template-areas:"strip strip" "side main"}.insight{display:none}.content{padding:12px}#view-matches{grid-template-columns:1fr}.ls-brand{display:none}} .srcTop{display:flex;align-items:center;gap:8px;margin-bottom:8px}.srcBadge{font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#081018;background:var(--signal);padding:3px 7px;border-radius:999px;font-weight:700}.feedBadge{font-family:var(--mono);font-size:.58rem;color:var(--muted);border:1px solid var(--line2);border-radius:999px;padding:3px 7px}.thirdHero{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:14px}.thirdCard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px}.thirdCard.in{border-color:rgba(58,209,122,.45);box-shadow:inset 0 0 0 1px rgba(58,209,122,.12)}.thirdCard .rank{font-family:var(--mono);font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.thirdCard .team{font-family:"Archivo",sans-serif;font-weight:700;font-size:1rem;margin-top:6px}.thirdCard .nums{font-family:var(--mono);font-size:.76rem;color:var(--muted);margin-top:8px}.thirdCard .state{margin-top:9px;font-family:var(--mono);font-size:.62rem;font-weight:700;color:var(--win)}.thirdCard.out .state{color:var(--muted)}.diagList{display:grid;gap:6px;margin-top:10px}.diagList div{font-family:var(--mono);font-size:.72rem;color:var(--muted);background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:7px 9px}.bracketNote{font-size:.78rem;color:var(--muted);margin:8px 0 13px;line-height:1.5}.srcCount{color:var(--muted);font-family:var(--mono);font-size:.7rem;margin:7px 0 12px} /* restored model picks + odds tracker */ .prob{margin-top:11px}.problbl{display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:5px;font-weight:700}.bar{display:flex;height:24px;border-radius:6px;overflow:hidden;background:var(--bg2);border:1px solid var(--line)}.seg{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:.72rem;min-width:0;color:#06121d}.seg.h{background:var(--home)}.seg.d{background:var(--draw);color:var(--text)}.seg.a{background:var(--away)}.seg span{padding:0 3px;overflow:hidden;white-space:nowrap}.nomk{font-size:.7rem;color:var(--faint);text-align:center;padding:6px 0;font-family:var(--mono)} .pick{display:flex;align-items:center;gap:8px;margin-top:10px;padding:7px 10px;background:var(--bg2);border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:8px;flex-wrap:wrap}.pick .pl{font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal);font-weight:700}.pick .pn{font-family:"Archivo",sans-serif;font-weight:700;font-size:.9rem}.pick .pc{font-family:var(--mono);font-weight:700;font-size:.8rem;color:var(--signal)}.pick .pnote{font-size:.64rem;color:var(--muted);margin-left:auto}.pick.edge{border-left-color:var(--win)}.pick.edge .pnote{color:var(--win)} .mkt{margin-bottom:8px}.mkt .lbls{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-bottom:4px}.mkt .lbls b{color:var(--text);font-family:var(--mono);font-weight:700}.duo{display:flex;height:20px;border-radius:6px;overflow:hidden;background:var(--bg);border:1px solid var(--line)}.duo i{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:.66rem;font-style:normal;color:#06121d}.duo .x{background:var(--home)}.duo .y{background:var(--panel2);color:var(--muted)} #view-title,#view-edge{max-width:820px}.trow{display:grid;grid-template-columns:24px 1fr 1.1fr auto auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.trow:last-child{border-bottom:none}.trk{font-family:var(--mono);font-size:.72rem;color:var(--faint);font-weight:700;text-align:right}.ttm{font-family:"Archivo",sans-serif;font-weight:700;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbarwrap{height:8px;background:var(--bg2);border-radius:999px;overflow:hidden}.tbar{display:block;height:100%;background:linear-gradient(90deg,var(--signal),#7ad4ff);border-radius:999px}.tpct{font-family:var(--mono);font-weight:700;font-size:.82rem;color:var(--signal);min-width:46px;text-align:right} .ecard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 14px;margin-bottom:11px}.ecard.big{border-left:3px solid var(--signal)}.etop{display:flex;align-items:center;gap:8px;margin-bottom:8px}.estage{font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:700;flex:1}.ebest{font-family:var(--mono);font-size:.58rem;font-weight:700;color:var(--signal);border:1px solid var(--signal);border-radius:5px;padding:1px 6px}.etag{font-family:var(--mono);font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:5px}.etag.value{color:var(--win);background:rgba(58,209,122,.12)}.etag.fade{color:var(--loss);background:rgba(255,93,108,.1)}.etag.level{color:var(--muted);background:var(--bg2)}.ematch{font-family:"Archivo",sans-serif;font-weight:700;font-size:1rem;margin-bottom:8px}.epick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.epick .epl{font-size:.56rem;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);font-weight:700}.epick .epn{font-family:"Archivo",sans-serif;font-weight:700;font-size:.92rem}.epick .epc{font-family:var(--mono);font-weight:700;color:var(--signal)}.epick .eedge{font-family:var(--mono);font-size:.68rem;font-weight:700;margin-left:auto;padding:2px 7px;border-radius:5px}.eedge.value{color:var(--win);background:rgba(58,209,122,.12)}.eedge.fade{color:var(--loss);background:rgba(255,93,108,.1)}.eedge.level{color:var(--muted);background:var(--bg2)}.ebreak{font-size:.82rem;color:var(--muted);line-height:1.5}.edisc{font-size:.64rem;color:var(--faint);line-height:1.5;margin-top:6px;padding-top:12px;border-top:1px solid var(--line)} /* ===== UI POLISH PATCH: fixture stats, bracket, third-place list, diverse insight news ===== */ .detailGrid{display:grid;gap:12px}.detailTop{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.readCard,.statsBoard,.lineupBoard{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));border:1px solid var(--line);border-radius:12px;padding:12px}.readCard .seclbl:first-child,.statsBoard .seclbl:first-child{margin-top:0}.matchRead{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin-bottom:12px}.teamSnap{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px}.teamSnap.away{text-align:right}.snapCode{font-family:var(--mono);font-size:.62rem;color:var(--signal);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.snapName{font-family:"Archivo",sans-serif;font-weight:700;font-size:1rem;margin-top:4px;line-height:1.05}.snapMeta{font-family:var(--mono);font-size:.7rem;color:var(--muted);margin-top:6px}.snapMid{display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--faint);font-family:var(--mono);font-size:.68rem;text-align:center}.statHero{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.pressureChip{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px}.pressureChip .label{font-family:var(--mono);font-size:.58rem;color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.pressureChip .value{font-family:"Archivo",sans-serif;font-size:1.35rem;font-weight:700;margin-top:3px}.pressureChip .sub{font-family:var(--mono);font-size:.67rem;color:var(--muted);margin-top:2px}.statMetric{display:grid;grid-template-columns:50px 1fr 50px;gap:9px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.statMetric:first-child{border-top:none}.statMetric .val{font-family:var(--mono);font-weight:700;font-size:.82rem}.statMetric .val.home{text-align:right;color:var(--home)}.statMetric .val.away{text-align:left;color:var(--away)}.statMetric .mid{min-width:0}.statMetric .lab{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:.62rem;color:var(--faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.metricBar{height:8px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);overflow:hidden;display:flex}.metricBar i:first-child{background:linear-gradient(90deg,rgba(76,194,255,.5),var(--home))}.metricBar i:last-child{background:linear-gradient(90deg,var(--away),rgba(255,122,107,.5))}.statFoot{font-size:.72rem;color:var(--muted);line-height:1.45;margin-top:10px}.emptyStats{background:var(--bg2);border:1px dashed var(--line2);border-radius:10px;padding:12px;color:var(--muted);font-size:.78rem;line-height:1.45}.lineupBoard .xi{margin-top:0}.lineupBoard .player{border-bottom:1px solid rgba(255,255,255,.035);padding:4px 0}.bracketStageHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.bracketStageHeader .vhead{margin-bottom:0}.bracketLegend{font-family:var(--mono);font-size:.68rem;color:var(--muted)}.bracketShell{overflow-x:auto;padding:12px 4px 22px}.bracketInner{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,1fr);gap:34px;min-width:900px;align-items:start}.bracketRound{position:relative}.roundTitle{font-family:"Archivo",sans-serif;font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:.78rem;color:var(--text);margin:0 0 10px;padding:0 2px 8px;border-bottom:1px solid var(--line)}.roundStack{display:flex;flex-direction:column;gap:var(--rgap,14px)}.bracketMatch{position:relative;background:linear-gradient(180deg,var(--panel),rgba(18,24,33,.82));border:1px solid var(--line);border-radius:13px;padding:9px;box-shadow:0 10px 26px rgba(0,0,0,.14)}.bracketMatch.hasNext::after{content:"";position:absolute;right:-34px;top:50%;width:34px;border-top:1px solid var(--line2)}.bracketMatch.hasNext::before{content:"";position:absolute;right:-34px;top:20%;height:60%;border-right:1px solid var(--line2);opacity:.55}.bmMeta{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;font-family:var(--mono);font-size:.58rem;color:var(--faint);letter-spacing:.07em;text-transform:uppercase}.bmTeam{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:7px 8px;border-radius:9px;background:var(--bg2);border:1px solid transparent;margin-top:5px}.bmTeam.win{border-color:rgba(58,209,122,.45);box-shadow:inset 3px 0 0 var(--win)}.bmTeam.live{border-color:rgba(255,77,94,.42)}.bmName{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmSlot{font-family:var(--mono);font-size:.58rem;color:var(--faint);margin-right:5px}.bmScore{font-family:var(--mono);font-weight:700;color:var(--text)}.bmTbd{color:var(--muted);font-style:italic}.projectedRibbon{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line2);background:var(--bg2);border-radius:999px;padding:5px 9px;font-family:var(--mono);font-size:.65rem;color:var(--muted);margin-bottom:12px}.projectedRibbon b{color:var(--signal)}.thirdList{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.thirdRow{display:grid;grid-template-columns:62px minmax(170px,1fr) 90px 70px 70px 120px;gap:10px;align-items:center;padding:12px 13px;border-top:1px solid var(--line)}.thirdRow:first-child{border-top:none}.thirdRow.in{box-shadow:inset 4px 0 0 var(--win)}.thirdRow.out{box-shadow:inset 4px 0 0 var(--line2)}.thirdRank{font-family:var(--mono);font-size:.72rem;color:var(--faint);font-weight:700}.thirdTeam{min-width:0}.thirdTeam .name{font-family:"Archivo",sans-serif;font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thirdTeam .group{font-family:var(--mono);font-size:.66rem;color:var(--muted);margin-top:2px}.thirdNum{font-family:var(--mono);font-weight:700;text-align:center}.thirdBadge{font-family:var(--mono);font-size:.62rem;font-weight:700;text-align:center;border-radius:999px;padding:5px 8px;border:1px solid var(--line2);color:var(--muted)}.thirdBadge.in{color:#07110b;background:var(--win);border-color:var(--win)}.thirdHead{display:grid;grid-template-columns:62px minmax(170px,1fr) 90px 70px 70px 120px;gap:10px;padding:9px 13px;background:var(--bg2);color:var(--faint);font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.thirdCut{padding:10px 13px;background:rgba(58,209,122,.06);border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.ins-news{position:relative}.ins-news .insSource{display:inline-block;font-family:var(--mono);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:#081018;background:var(--signal);border-radius:999px;padding:2px 6px;font-weight:700;margin-bottom:5px}@media(max-width:760px){.thirdHead{display:none}.thirdRow{grid-template-columns:45px 1fr 62px 52px;grid-template-areas:"rank team pts badge" "rank team gd badge";gap:6px}.thirdRank{grid-area:rank}.thirdTeam{grid-area:team}.thirdRow .pts{grid-area:pts}.thirdRow .gd{grid-area:gd}.thirdRow .gf{display:none}.thirdBadge{grid-area:badge}.bracketInner{min-width:760px;grid-auto-columns:minmax(210px,1fr)}.detailTop,.statHero{grid-template-columns:1fr}.matchRead{grid-template-columns:1fr}.snapMid{display:none}} /* ===== UI PATCH: source-balanced news + match modal ===== */ .newsTools{position:sticky;top:0;background:linear-gradient(180deg,var(--bg),rgba(7,10,15,.92));z-index:3;padding:4px 0 10px} .srcCount{font-family:var(--mono);font-size:.68rem;color:var(--faint);margin:0 0 9px}.chip .count{opacity:.75;margin-left:4px}.chip.allchip{border-color:var(--signal);color:var(--text)} .ncard{position:relative;overflow:hidden}.ncard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--signal);opacity:.85}.srcTop{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:7px}.srcBadge{font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(58,209,122,.12);border:1px solid rgba(58,209,122,.35);color:var(--signal);font-weight:700;border-radius:999px;padding:3px 7px}.feedBadge{font-family:var(--mono);font-size:.56rem;color:var(--faint);border:1px solid var(--line2);border-radius:999px;padding:3px 7px}.insSource{display:inline-flex;margin-bottom:5px;font-family:var(--mono);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal);font-weight:700}.ins-news{border-left:3px solid var(--line2)}.ins-news:nth-of-type(odd){border-left-color:var(--signal)} body.modalOpen{overflow:hidden}.matchModal{position:fixed;inset:0;z-index:99;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,5,10,.72);backdrop-filter:blur(10px)}.matchModal.show{display:flex}.matchSheet{width:min(1120px,calc(100vw - 30px));max-height:min(900px,calc(100vh - 30px));overflow:hidden;display:grid;grid-template-rows:auto 1fr;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-radius:18px;box-shadow:0 24px 90px rgba(0,0,0,.65)}.modalHero{position:relative;padding:18px 20px 16px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 18% 0%,rgba(76,194,255,.10),transparent 42%),radial-gradient(circle at 84% 0%,rgba(255,122,107,.10),transparent 42%),var(--glass)}.modalClose{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer;font-size:1.2rem;line-height:1}.modalClose:hover{color:var(--text);border-color:var(--signal)}.modalStage{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:700;margin-bottom:12px}.modalFixture{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.modalTeam.away{text-align:right}.modalCode{font-family:var(--mono);font-size:.7rem;color:var(--signal);letter-spacing:.08em;font-weight:700}.modalName{font-family:"Archivo",sans-serif;font-weight:700;font-size:clamp(1.35rem,3vw,2.25rem);line-height:.95;margin-top:5px}.modalMeta{font-family:var(--mono);font-size:.72rem;color:var(--muted);margin-top:8px}.modalScore{min-width:132px;text-align:center}.modalScore .bigScore{font-family:var(--mono);font-weight:700;font-size:2.9rem;letter-spacing:.02em;text-shadow:0 0 26px rgba(58,209,122,.25)}.modalScore .modalStatus{display:inline-flex;margin-top:7px;border:1px solid var(--line2);border-radius:999px;padding:4px 9px;font-family:var(--mono);font-size:.62rem;color:var(--muted);font-weight:700}.modalBody{overflow:auto;padding:16px 18px 22px}.modalBody .detailGrid{gap:14px}.modalBody .detailTop{grid-template-columns:1fr 1fr}.modalBody .statsBoard,.modalBody .lineupBoard,.modalBody .readCard{background:rgba(255,255,255,.025)}.card .head{transition:.15s}.card .head:hover{background:rgba(255,255,255,.025)}.card .expander::before{content:"open expanded view";color:var(--signal)}.card .expander{font-size:0}.card .expander::before{font-size:.64rem}.card .detail{display:none!important}@media(max-width:760px){.matchModal{padding:8px}.matchSheet{width:100%;max-height:100%;border-radius:14px}.modalFixture{grid-template-columns:1fr;gap:12px}.modalTeam.away{text-align:left}.modalScore{order:3;text-align:left}.modalBody .detailTop{grid-template-columns:1fr}.modalName{font-size:1.45rem}} /* ===== COMPACT TWO-SIDED BRACKET + FLAG PATCH ===== */ .bracketShell{overflow-x:auto;padding:8px 0 18px}.bracketBoard{display:grid;grid-template-columns:repeat(4,minmax(78px,1fr)) minmax(110px,.86fr) repeat(4,minmax(78px,1fr));gap:8px;align-items:center;min-width:740px;max-width:1180px;margin:0 auto}.brCol{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}.brCol .roundTitle{text-align:center;font-size:.56rem;letter-spacing:.08em;padding:0 0 5px;margin:0 0 3px;color:var(--muted);border-bottom:1px solid var(--line)}.brMini{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid var(--line);border-radius:9px;padding:5px 6px;min-height:42px;display:flex;flex-direction:column;justify-content:center;gap:3px;box-shadow:0 6px 16px rgba(0,0,0,.14)}.brMini.live{border-color:rgba(255,77,94,.5)}.brMini.done{border-color:var(--line2)}.brMini .bmMeta{font-size:.49rem;margin-bottom:1px;letter-spacing:.04em}.brMini .bmTeam{margin:0;padding:0;background:transparent;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:4px}.brMini .bmName{font-size:.65rem;font-weight:700;display:flex;align-items:center;gap:3px}.brMini .bmCode{font-family:var(--mono);font-size:.56rem;color:var(--text)}.brMini .bmSlot{font-size:.48rem;margin-right:2px}.brMini .flag{font-size:.82rem;line-height:1}.brMini .bmScore{font-size:.62rem;color:var(--text)}.brMini .win .bmName,.brMini .win .bmScore{color:var(--win)}.brMini.tbd{opacity:.75}.brMini.connectR::after{content:"";position:absolute;right:-8px;top:50%;width:8px;border-top:1px solid var(--line2)}.brMini.connectL::after{content:"";position:absolute;left:-8px;top:50%;width:8px;border-top:1px solid var(--line2)}.brCenter{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:10px}.finalCard{border-color:rgba(58,209,122,.45);box-shadow:0 0 0 1px rgba(58,209,122,.08),0 14px 32px rgba(0,0,0,.2)}.finalBadge{text-align:center;font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal);font-weight:700;margin-bottom:2px}.bracketMiniNote{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:4px 0 10px;color:var(--muted);font-family:var(--mono);font-size:.68rem}.bracketMiniNote b{color:var(--signal)}.brEmptyPath{border:1px dashed var(--line2);border-radius:9px;min-height:42px;display:flex;align-items:center;justify-content:center;color:var(--faint);font-family:var(--mono);font-size:.56rem;background:rgba(255,255,255,.015)}@media(max-width:900px){.bracketBoard{min-width:680px;gap:6px}.brMini{padding:4px 5px;min-height:38px}.brMini .bmName{font-size:.6rem}.brMini .flag{font-size:.72rem}.brCol .roundTitle{font-size:.5rem}} /* keep news source chips readable when many sources exist */ .newsTools{max-height:110px;overflow:auto}.chip .count{margin-left:6px;opacity:.7;font-family:var(--mono)} /* UI polish: live strip spacing/overflow fixes */ #strip{display:flex;align-items:center;gap:16px;min-width:0;flex:1;overflow:hidden;color:var(--muted);font-family:var(--mono);font-size:.74rem} #strip .ls-tag,#strip .ls-live,#strip .ls-next{flex:0 1 auto;min-width:0} #strip .ls-live,#strip .ls-next{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #strip .ls-upd{flex:0 0 auto;margin-left:auto;white-space:nowrap;text-transform:none} @media(max-width:720px){#strip{gap:10px}.ls-upd{display:none}#strip .ls-next:not(:first-child){max-width:45vw}} /* ===== UI PATCH: model dashboard polish only ===== */ #view-edge{max-width:none} .modelShell{display:grid;gap:14px;max-width:1240px} .modelHero{background:linear-gradient(135deg,rgba(58,209,122,.13),rgba(76,194,255,.06) 42%,rgba(255,255,255,.025));border:1px solid var(--line);border-radius:16px;padding:15px 16px;display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(280px,1fr);gap:14px;align-items:stretch} .modelHeroTitle{font-family:"Archivo",sans-serif;font-weight:700;font-size:1.32rem;letter-spacing:-.02em;margin-bottom:6px}.modelHeroSub{color:var(--muted);font-size:.82rem;line-height:1.5;max-width:620px}.modelKpis{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:9px}.modelKpi{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:12px;padding:10px}.modelKpi span{display:block;font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:700;margin-bottom:5px}.modelKpi b{font-family:"Archivo",sans-serif;font-size:1.25rem;line-height:1;color:var(--text)}.modelKpi.good b{color:var(--win)}.modelKpi.warn b{color:var(--signal)}.modelKpi.bad b{color:var(--loss)} .modelToolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.modelToolbar .chip{border:1px solid var(--line2);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 10px;font-family:var(--mono);font-size:.68rem;font-weight:700;cursor:pointer}.modelToolbar .chip:hover{color:var(--text);border-color:var(--signal)}.modelToolbar .chip.on{background:var(--signal);border-color:var(--signal);color:#091018}.modelToolbar .count{opacity:.72;margin-left:5px} .modelSpot{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.modelSpotHead{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg2);border-bottom:1px solid var(--line)}.modelSpotHead span:first-child{font-family:var(--mono);font-size:.6rem;letter-spacing:.09em;text-transform:uppercase;color:var(--signal);font-weight:700}.modelSpotHead span:last-child{margin-left:auto;font-family:var(--mono);font-size:.62rem;color:var(--faint)}.modelSpotBody{padding:13px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.modelSpotTeam{min-width:0}.modelSpotTeam.away{text-align:right}.modelSpotTeam .code{display:block;margin-bottom:4px}.modelSpotTeam .name{font-family:"Archivo",sans-serif;font-weight:700;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modelPickDial{min-width:154px;text-align:center;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:14px;padding:10px}.modelPickDial .lbl{font-family:var(--mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:700}.modelPickDial .pickName{font-family:"Archivo",sans-serif;font-weight:700;font-size:1rem;margin-top:4px}.modelPickDial .conf{font-family:var(--mono);font-weight:700;font-size:1.35rem;color:var(--signal);margin-top:2px}.modelPickDial .edgePill{display:inline-flex;margin-top:6px;border-radius:999px;padding:4px 8px;font-family:var(--mono);font-size:.62rem;font-weight:700}.edgePill.value{background:rgba(58,209,122,.13);color:var(--win);border:1px solid rgba(58,209,122,.35)}.edgePill.fade{background:rgba(255,93,108,.12);color:var(--loss);border:1px solid rgba(255,93,108,.32)}.edgePill.level{background:var(--bg2);color:var(--muted);border:1px solid var(--line2)} .modelGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.modelPanel{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.modelPanelHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:var(--bg2);border-bottom:1px solid var(--line)}.modelPanelHead h3{font-family:"Archivo",sans-serif;font-size:.95rem}.modelPanelHead span{font-family:var(--mono);font-size:.62rem;color:var(--faint);font-weight:700}.modelList{display:flex;flex-direction:column}.modelRow{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(130px,.7fr) 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer}.modelRow:hover{background:rgba(255,255,255,.025)}.modelRow:last-child{border-bottom:none}.modelMatch{min-width:0}.modelMatch .teams{font-family:"Archivo",sans-serif;font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modelMatch .meta{font-family:var(--mono);font-size:.62rem;color:var(--faint);margin-top:3px}.modelChoice .small{font-family:var(--mono);font-size:.55rem;color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.modelChoice .main{font-family:"Archivo",sans-serif;font-size:.92rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modelChoice .sub{font-family:var(--mono);font-size:.7rem;color:var(--signal);font-weight:700}.modelBars{display:grid;gap:4px}.modelBarLine{display:grid;grid-template-columns:28px 1fr 34px;gap:6px;align-items:center;font-family:var(--mono);font-size:.58rem;color:var(--faint);font-weight:700}.modelBarTrack{height:7px;background:var(--bg2);border-radius:999px;overflow:hidden;border:1px solid var(--line)}.modelBarFill{height:100%;display:block;border-radius:999px;background:var(--signal)}.modelBarFill.home{background:var(--home)}.modelBarFill.draw{background:var(--draw)}.modelBarFill.away{background:var(--away)}.modelStatus{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.modelStatus .tag{font-family:var(--mono);font-size:.58rem;font-weight:700;border-radius:999px;padding:3px 7px;border:1px solid var(--line2);color:var(--muted)}.modelStatus .tag.value{color:var(--win);border-color:rgba(58,209,122,.36);background:rgba(58,209,122,.10)}.modelStatus .tag.fade{color:var(--loss);border-color:rgba(255,93,108,.35);background:rgba(255,93,108,.10)}.modelStatus .tag.live{color:#081016;border-color:var(--live);background:var(--live)}.modelReadList{padding:12px;display:grid;gap:10px}.modelRead{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:12px;padding:10px}.modelRead .rtitle{display:flex;align-items:center;gap:8px;font-family:"Archivo",sans-serif;font-weight:700;margin-bottom:5px}.modelRead .rtitle span{font-family:var(--mono);font-size:.58rem;color:var(--signal);text-transform:uppercase;letter-spacing:.08em}.modelRead p{color:var(--muted);font-size:.8rem;line-height:1.45}.modelEmptySmall{color:var(--muted);font-family:var(--mono);font-size:.78rem;padding:16px}.modelFooterNote{color:var(--faint);font-size:.68rem;line-height:1.5;font-family:var(--mono)} .modelArchivePanel{grid-column:1/-1} .modelArchivePanel .modelPanelHead h3{display:flex;align-items:center;gap:8px} .archiveBadge{font-family:var(--mono);font-size:.55rem;color:var(--faint);border:1px solid var(--line2);border-radius:999px;padding:2px 6px;text-transform:uppercase;letter-spacing:.08em} .archiveRow{display:grid;grid-template-columns:minmax(170px,1fr) minmax(90px,.45fr) minmax(130px,.65fr) auto;gap:12px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);cursor:pointer} .archiveRow:hover{background:rgba(255,255,255,.025)} .archiveRow:last-child{border-bottom:none} .archiveTeams{font-family:"Archivo",sans-serif;font-weight:700;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .archiveMeta,.archivePick,.archiveResult{font-family:var(--mono);font-size:.62rem;color:var(--muted);font-weight:700} .archiveResult{color:var(--text);text-align:right} .archivePick b{color:var(--signal);font-family:"Archivo",sans-serif;font-size:.82rem} .modelRow.archived{opacity:.82;background:rgba(255,255,255,.012)} .modelRow.archived .modelChoice .sub{color:var(--muted)} .modelRow.archived .modelStatus .tag{color:var(--faint)} @media(max-width:800px){.archiveRow{grid-template-columns:1fr}.archiveResult{text-align:left}} @media(max-width:1050px){.modelHero,.modelGrid{grid-template-columns:1fr}.modelKpis{grid-template-columns:repeat(2,1fr)}.modelRow{grid-template-columns:1fr}.modelBars{max-width:420px}.modelStatus{align-items:flex-start;flex-direction:row}.modelSpotBody{grid-template-columns:1fr}.modelSpotTeam.away{text-align:left}.modelPickDial{width:100%;min-width:0}} /* System updates tab */ .updatesShell{max-width:1040px}.updatesHero{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;align-items:stretch;margin-bottom:14px}.updatesIntro{background:linear-gradient(135deg,rgba(58,209,122,.12),rgba(76,194,255,.05));border:1px solid var(--line);border-radius:18px;padding:16px}.updatesIntro h2{font-family:"Archivo",sans-serif;font-size:1.35rem;letter-spacing:-.02em;margin-bottom:6px}.updatesIntro p{color:var(--muted);font-size:.86rem;line-height:1.55}.buildCard{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:15px}.buildCard .tiny{font-family:var(--mono);font-size:.58rem;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.buildCard .build{font-family:"Archivo",sans-serif;font-size:1.15rem;font-weight:700;margin:6px 0}.buildCard .hint{font-size:.78rem;color:var(--muted);line-height:1.45}.updateGrid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.timeline{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.timelineHead{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg2);border-bottom:1px solid var(--line)}.timelineHead h3{font-family:"Archivo",sans-serif;font-size:.98rem}.timelineHead span{font-family:var(--mono);font-size:.62rem;color:var(--faint);font-weight:700}.updateItem{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line)}.updateItem:last-child{border-bottom:none}.updateDate{font-family:var(--mono);font-size:.62rem;color:var(--faint);font-weight:700;text-transform:uppercase}.updateTitle{display:flex;align-items:center;gap:8px;font-family:"Archivo",sans-serif;font-weight:700}.updateBadge{font-family:var(--mono);font-size:.55rem;color:#081016;background:var(--signal);border-radius:999px;padding:3px 7px;font-weight:700;text-transform:uppercase}.updateItem ul{margin:7px 0 0 16px;color:var(--muted);font-size:.8rem;line-height:1.55}.updateItem li{margin:2px 0}.updateSide{display:grid;gap:14px;align-content:start}.updateNote{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:13px}.updateNote h4{font-family:"Archivo",sans-serif;margin-bottom:8px}.updateNote p,.updateNote li{color:var(--muted);font-size:.78rem;line-height:1.5}.updateNote ul{margin-left:16px}.safePill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(58,209,122,.35);background:rgba(58,209,122,.09);color:var(--win);border-radius:999px;padding:5px 8px;font-family:var(--mono);font-size:.62rem;font-weight:700;margin-top:8px}.updateActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.miniBtn{border:1px solid var(--line2);background:var(--bg2);color:var(--text);border-radius:10px;padding:8px 10px;font-size:.76rem;font-weight:700;cursor:pointer}.miniBtn:hover{border-color:var(--signal)}@media(max-width:900px){.updatesHero,.updateGrid{grid-template-columns:1fr}.updateItem{grid-template-columns:1fr}.updateDate{margin-bottom:-5px}} /* ===== UI PATCH: pitch lineups, flags, and richer odds board ===== */ .flagIcon{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;font-size:1rem;line-height:1;vertical-align:-1px}.flagIcon.away{margin-left:6px;margin-right:0}.tname .flagIcon{font-size:1.05rem}.modalCode .flagIcon,.snapCode .flagIcon{font-size:1.02rem;margin-right:7px}.gteam .flagIcon{font-size:1rem;margin-right:2px}.bmName .flag{margin-right:3px} .lineupBoard.pitchMode{padding:13px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-color:var(--line2)}.pitchGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.pitchCard{background:var(--bg2);border:1px solid var(--line);border-radius:14px;overflow:hidden}.pitchHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0));border-bottom:1px solid var(--line)}.pitchTeamName{min-width:0;font-family:"Archivo",sans-serif;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:6px}.pitchTeamName span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formationBadge{font-family:var(--mono);font-size:.64rem;color:var(--signal);border:1px solid var(--line2);border-radius:999px;padding:4px 8px;background:rgba(58,209,122,.06);font-weight:700}.pitch{position:relative;height:520px;padding:18px 12px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.06) 0 16%,transparent 17%),linear-gradient(180deg,rgba(58,209,122,.11),rgba(22,74,45,.20));display:flex;flex-direction:column-reverse;justify-content:space-between;gap:8px;overflow:hidden}.pitch::before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.18);border-radius:12px;pointer-events:none}.pitch::after{content:"";position:absolute;left:10px;right:10px;top:50%;border-top:1px solid rgba(255,255,255,.16);pointer-events:none}.pitchRow{position:relative;z-index:1;display:flex;justify-content:center;gap:7px;min-height:56px}.pitchPlayer{width:min(92px,24%);min-width:58px;max-width:104px;text-align:center;background:rgba(8,12,18,.78);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:6px 5px;box-shadow:0 7px 18px rgba(0,0,0,.22);overflow:hidden}.pitchPlayer .num{font-family:var(--mono);font-weight:700;color:var(--signal);font-size:.67rem;margin-bottom:2px}.pitchPlayer .pname{font-family:"Archivo",sans-serif;font-weight:700;font-size:.72rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pitchPlayer.out{opacity:.66;text-decoration:none!important;border-style:dashed}.pitchPlayer.out .pname{text-decoration:none!important}.pitchPlayer.out .subMark{display:block;margin-top:3px;color:var(--faint);font-family:var(--mono);font-size:.48rem;letter-spacing:.08em;text-transform:uppercase}.lineupFoot{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-top:1px solid var(--line);font-family:var(--mono);font-size:.62rem;color:var(--muted)}.xi .player.out{text-decoration:none!important;color:var(--muted)!important} #view-title{max-width:1260px}.oddsShell{display:grid;gap:14px}.oddsHero{display:grid;grid-template-columns:minmax(260px,1.1fr) 1.7fr;gap:12px;align-items:stretch}.oddsLeader{position:relative;overflow:hidden;border:1px solid rgba(58,209,122,.35);border-radius:16px;background:radial-gradient(circle at 10% 10%,rgba(58,209,122,.16),transparent 42%),linear-gradient(180deg,var(--panel2),var(--panel));padding:16px}.oddsLeader .label{font-family:var(--mono);font-size:.62rem;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.oddsLeader .team{font-family:"Archivo",sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:-.03em;margin:8px 0 6px;display:flex;align-items:center;gap:8px}.oddsLeader .pct{font-family:var(--mono);font-size:2.2rem;color:var(--signal);font-weight:700}.oddsLeader .sub{font-size:.76rem;color:var(--muted);margin-top:7px}.oddsPodium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.oddsPodiumCard{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008));padding:12px;min-width:0}.oddsPodiumCard:first-child{border-color:rgba(58,209,122,.42)}.oddsRank{font-family:var(--mono);font-size:.65rem;color:var(--faint);font-weight:700}.oddsPodiumTeam{font-family:"Archivo",sans-serif;font-weight:700;font-size:1.02rem;margin:8px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oddsPctLine{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--mono);font-weight:700}.oddsPctLine b{color:var(--signal)}.oddsBar{height:8px;background:var(--bg2);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-top:9px}.oddsBar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--signal),var(--home))}.oddsBoard{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.oddsBoardHead,.oddsRow2{display:grid;grid-template-columns:58px minmax(190px,1fr) minmax(160px,1.2fr) 80px 110px;gap:12px;align-items:center}.oddsBoardHead{padding:10px 13px;background:var(--bg2);color:var(--faint);font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.oddsRow2{padding:11px 13px;border-top:1px solid var(--line)}.oddsRow2:first-of-type{border-top:0}.oddsRow2:hover{background:rgba(255,255,255,.025)}.oddsTeamCell{min-width:0;font-weight:700;font-family:"Archivo",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oddsRankCell{font-family:var(--mono);font-weight:700;color:var(--faint)}.oddsPctCell{font-family:var(--mono);font-weight:700;color:var(--signal);text-align:right}.oddsTier{justify-self:start;border:1px solid var(--line2);border-radius:999px;padding:4px 8px;font-family:var(--mono);font-size:.6rem;color:var(--muted);font-weight:700}.oddsTier.hot{background:var(--signal);color:#081018;border-color:var(--signal)}.oddsTier.live{color:var(--win);border-color:rgba(58,209,122,.4)}.oddsTier.chase{color:var(--home);border-color:rgba(76,194,255,.35)} @media(max-width:980px){.pitchGrid,.oddsHero{grid-template-columns:1fr}.pitch{height:450px}.oddsPodium{grid-template-columns:1fr}.oddsBoardHead{display:none}.oddsRow2{grid-template-columns:42px 1fr 64px;grid-template-areas:"rank team pct" "rank bar tier";gap:7px}.oddsRankCell{grid-area:rank}.oddsTeamCell{grid-area:team}.oddsRow2 .oddsBar{grid-area:bar;margin-top:0}.oddsPctCell{grid-area:pct}.oddsTier{grid-area:tier}} @media(max-width:620px){.pitch{height:390px;padding:14px 8px}.pitchPlayer{min-width:50px;padding:5px 4px}.pitchPlayer .pname{font-size:.65rem}.pitchRow{gap:4px}.lineupFoot{flex-direction:column}.modalBody .detailTop{grid-template-columns:1fr}} .oddsMove{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px;font-family:var(--mono);font-size:.72rem;color:var(--muted)} .oddsMove .mvlbl{font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:700} .oddsMove .up{color:var(--win);font-weight:700} .oddsMove .down{color:var(--loss);font-weight:700} .oddsMove .flat{color:var(--faint)} .oddsDisagree{display:flex;align-items:center;gap:8px;margin-top:8px;font-family:var(--mono);font-size:.7rem;color:var(--muted)} .oddsDisagree .dgtag{font-size:.56rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:5px} .oddsDisagree.tight .dgtag{color:var(--win);background:rgba(58,209,122,.13)} .oddsDisagree.mixed .dgtag{color:var(--signal);background:rgba(76,194,255,.13)} .oddsDisagree.split .dgtag{color:var(--loss);background:rgba(255,93,108,.13)} .oddsDisagree .dgspread{margin-left:auto;color:var(--faint)} .qbadge{font-family:var(--mono);font-size:.54rem;font-weight:700;letter-spacing:.03em;padding:1px 6px;border-radius:5px;margin-left:6px;white-space:nowrap} .qbadge.q{color:var(--win);background:rgba(58,209,122,.14)} .qbadge.out{color:var(--loss);background:rgba(255,93,108,.12)} .qbadge.live{color:var(--signal);background:rgba(76,194,255,.12)} .gboot{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px;background:var(--panel)} .gbrow{display:grid;grid-template-columns:26px 1fr auto auto;gap:10px;align-items:center;padding:8px 13px;border-bottom:1px solid var(--line);font-size:.84rem} .gbrow:last-child{border-bottom:none} .gbrow:nth-child(1){background:rgba(58,209,122,.06)} .gbrk{font-family:var(--mono);font-weight:700;color:var(--faint);text-align:right} .gbname{font-family:"Archivo",sans-serif;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .gbteam{font-family:var(--mono);font-size:.68rem;color:var(--muted)} .gbg{font-family:var(--mono);font-weight:700;color:var(--signal)} .gbg small{color:var(--faint);font-size:.6rem;margin-left:1px;font-weight:400} .scrow{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:7px;font-size:.8rem} .scrow .scst{font-family:var(--mono);font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);font-weight:700;min-width:64px} .scrow .scmatch{font-family:"Archivo",sans-serif;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .scrow .scmatch b{font-family:var(--mono);color:var(--signal);margin-left:4px} .scrow .scpick{font-family:var(--mono);font-size:.72rem;color:var(--muted);white-space:nowrap} .scrow .scsplit{font-style:normal;color:var(--signal);font-size:.6rem;border:1px solid var(--line2);border-radius:4px;padding:0 4px;margin-left:4px} .scrow .sctag{font-family:var(--mono);font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:5px;letter-spacing:.05em} .sctag.hit{color:var(--win);background:rgba(58,209,122,.13)} .sctag.miss{color:var(--loss);background:rgba(255,93,108,.12)} .sctag.wait{color:var(--muted);background:var(--bg2)} .scrow.miss{opacity:.82} .fchips{display:flex;flex-wrap:wrap;gap:6px;row-gap:6px;margin-top:9px;align-items:center} .fchip{display:inline-flex;align-items:center;white-space:nowrap;line-height:1.5;font-family:var(--mono);font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:5px;border:1px solid var(--line);color:var(--muted)} .fchip.pos,.fchip.good{color:var(--win);border-color:rgba(58,209,122,.3)} .fchip.neg{color:var(--loss);border-color:rgba(255,93,108,.28)} .fchip.damp{color:var(--signal);border-color:rgba(76,194,255,.3)} .fchip.mkt{color:var(--muted)} .ssnote{font-style:normal;font-family:var(--mono);font-size:.58rem;color:var(--faint)} .vtag{border:1px solid var(--line2);border-radius:4px;padding:0 5px} .vtag.vhit{color:var(--win);border-color:rgba(58,209,122,.35)} .vtag.vmiss{color:var(--loss);border-color:rgba(255,93,108,.3)} .mgrid{display:grid;gap:18px} @media (min-width:980px){.mgrid{grid-template-columns:0.9fr 1.25fr;align-items:start}} .mread{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px 15px} .mread .ebreak{font-size:.8rem;color:var(--muted);line-height:1.55} .modalName{font-size:clamp(1.5rem,3.2vw,2.5rem)} .modalMeta{font-size:.74rem} .mvrow{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:7px} .mvteam{font-family:"Archivo",sans-serif;font-weight:700;font-size:.9rem} .mvvs{color:var(--faint);font-size:.78rem} .mvdelta{margin-left:auto;font-family:var(--mono);font-weight:700;font-size:.76rem} .mvdelta.up{color:var(--win)} .mvdelta.down{color:var(--loss)} .mvconf{font-family:var(--mono);font-size:.56rem;font-weight:700;padding:1px 6px;border-radius:5px;margin-left:8px;text-transform:uppercase;letter-spacing:.04em} .mvconf.tight{color:var(--win);background:rgba(58,209,122,.12)} .mvconf.mixed{color:var(--signal);background:rgba(76,194,255,.12)} .mvconf.split{color:var(--loss);background:rgba(255,93,108,.12)} .mbrow{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:8px;cursor:pointer;transition:border-color .15s ease} .mbrow:hover{border-color:var(--line2)} .mbmatch{font-family:"Archivo",sans-serif;font-weight:700;font-size:.88rem;margin-bottom:7px;display:flex;align-items:center} .mbtot{font-family:var(--mono);font-size:.66rem;color:var(--muted);margin-top:6px} .mbtot b{color:var(--text)} .tmove{font-family:var(--mono);font-size:.62rem;font-weight:700;margin-left:7px} .tmove.up{color:var(--win)} .tmove.down{color:var(--loss)} .tdec{font-family:var(--mono);font-size:.72rem;color:var(--faint);min-width:44px;text-align:right} .mbpick{margin-left:auto;font-family:var(--mono);font-size:.64rem;color:var(--muted)} .mbpick b{color:var(--text)} .mbpick i{font-style:normal;font-weight:700} .mbpick .up{color:var(--win)} .mbpick .down{color:var(--loss)} .advtable{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)} .advrow{display:grid;gap:6px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--line);font-size:.78rem} .advrow:last-child{border-bottom:none} .advrow.advhead{font-family:var(--mono);font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);font-weight:700;background:var(--bg2)} .advrow.advhead span{text-align:right} .advteam{font-family:"Archivo",sans-serif;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .advpct{font-family:var(--mono);font-size:.74rem;color:var(--muted);text-align:right} .advpct.hi{color:var(--win);font-weight:700} .advpct.lo{color:var(--faint)} .ls-upd .stale{color:var(--loss);font-weight:700} .credstrip{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:11px 15px;margin-bottom:14px} .credtag{font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--signal)} .creditem{font-family:var(--mono);font-size:.76rem;color:var(--muted)} .creditem b{color:var(--text);font-size:.9rem} .crednote{font-family:var(--mono);font-size:.6rem;color:var(--faint);margin-left:auto} .storyCard{background:linear-gradient(180deg,rgba(58,209,122,.07),rgba(58,209,122,.02));border:1px solid rgba(58,209,122,.28);border-radius:13px;padding:15px 17px} .storyTag{font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--signal);margin-bottom:8px} .storyLead{font-family:"Archivo",sans-serif;font-size:1.06rem;line-height:1.4;color:var(--text)} .storyLead b{color:var(--signal)} .storyWhy{margin:11px 0 0;padding-left:18px;display:grid;gap:4px} .storyWhy li{font-size:.86rem;color:var(--muted);line-height:1.4} .btmcard{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:13px 15px;margin-bottom:10px} .btmmatch{font-family:"Archivo",sans-serif;font-weight:700;font-size:.98rem;display:flex;align-items:center;gap:8px;margin-bottom:10px} .btmlocked{margin-left:auto;font-family:var(--mono);font-size:.62rem;color:var(--signal);border:1px solid rgba(58,209,122,.3);border-radius:5px;padding:2px 7px} .btmrow{display:flex;gap:8px;margin-bottom:9px} .btmbtn{flex:1;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px;font-family:var(--mono);font-size:.78rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s} .btmbtn:hover:not(:disabled){border-color:var(--signal)} .lbTabs{display:flex;gap:6px;margin-bottom:10px} .lbTab{background:var(--bg2);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-family:var(--mono);font-size:.7rem;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s} .lbTab:hover{color:var(--text)} .lbTab.on{color:#090c10;background:var(--signal);border-color:var(--signal)} .lbrow{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);font-size:.84rem} .lbrow:last-child{border-bottom:none} .lbrk{font-family:var(--mono);color:var(--faint);font-weight:700} .lbname{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .lbrec{font-family:var(--mono);color:var(--muted);font-size:.76rem} .lbpct{font-family:var(--mono);font-weight:700;color:var(--signal)} .btmbtn.locked{background:rgba(58,209,122,.14);border-color:var(--signal);color:var(--signal)} .btmbtn:disabled{cursor:default;opacity:.6} .btmbtn.locked:disabled{opacity:1} .btmmeta{font-family:var(--mono);font-size:.66rem;color:var(--muted)} .btmmeta b{color:var(--text)} .btmres{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;margin-bottom:7px;font-size:.8rem} .btmres.hit{border-color:rgba(58,209,122,.3)} .btmres.miss{border-color:rgba(255,93,108,.25)} .btmpick{margin-left:auto;font-family:var(--mono);font-size:.72rem;font-weight:700} .btmvs{font-family:var(--mono);font-size:.66rem;color:var(--faint)} .btmvs.mok{color:var(--win)} .btmvs.mno{color:var(--loss)} .compactCard .prob,.compactCard .pick .pnote,.compactCard .tsub{display:none} .compactCard .head{padding-bottom:10px} .liveCard{border-color:rgba(58,209,122,.55);box-shadow:0 0 0 1px rgba(58,209,122,.25), 0 8px 26px rgba(58,209,122,.08)} .liveCard .tname{color:var(--text)} .ls-badge{font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:5px;text-transform:uppercase} .ls-badge.live{color:#0a0d12;background:var(--live)} .ls-badge.ok{color:var(--win);background:rgba(58,209,122,.13)} .ls-badge.sample{color:var(--loss);background:rgba(255,93,108,.13)} .ls-streak{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;font-family:var(--mono);font-size:.68rem;font-weight:800;color:#ffb02e;background:rgba(255,176,46,.12);border:1px solid rgba(255,176,46,.3);border-radius:999px;padding:2px 9px 2px 7px;cursor:pointer;white-space:nowrap} .ls-streak:hover{background:rgba(255,176,46,.2)} /* --- modal dashboard layout --- */ .modalBody{padding:16px 18px 22px} .modalBody .detailGrid{gap:16px} .modalBody .detailTop{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px} .modalBody .readCard{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:15px 16px} .modalBody .detailLow{display:grid;gap:16px} @media (min-width:1240px){.modalBody .detailLow{grid-template-columns:minmax(420px,1.1fr) minmax(380px,1fr);align-items:start}} .modalBody{font-size:1.02rem} .modalBody .seclbl{font-size:.68rem;margin-bottom:11px} .modalBody .problbl{font-size:.68rem} .modalBody .bar{height:30px} .modalBody .seg{font-size:.82rem} .modalBody .statMetrics{font-size:.92rem} .modalBody .faintline{font-size:.76rem} .modalBody .fchip{font-size:.66rem;padding:3px 9px} .modalBody .ebreak{font-size:.86rem;line-height:1.55;color:var(--muted)} .modalBody .statsBoard,.modalBody .lineupBoard{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:15px 16px} @media (max-width:700px){.modalBody .detailTop{grid-template-columns:1fr}} /* --- comfort & feel pass --- */ .card{transition:border-color .15s ease, transform .15s ease, box-shadow .15s ease} .card:hover{border-color:var(--line2);transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.28)} .card.open{transform:none} .chip,.actionbtn,.pill{transition:border-color .15s ease, color .15s ease, background .15s ease} .head:active{opacity:.85} .navbtn{border-radius:0 10px 10px 0} :focus-visible{outline:2px solid var(--signal);outline-offset:2px;border-radius:4px} .gtable tbody tr{transition:background .12s ease} .gtable tbody tr:hover{background:rgba(255,255,255,.025)} .trow:hover .ttm,.gbrow:hover .gbname{color:var(--signal);transition:color .12s ease} .sval,.score,.tpct,.epc{font-variant-numeric:tabular-nums} .insight::-webkit-scrollbar,.content::-webkit-scrollbar{width:8px} /* --- bracket alignment fix --- */ .bracketInner{align-items:stretch;grid-auto-columns:272px;gap:40px;min-width:0} .bracketRound{display:flex;flex-direction:column} .roundStack{flex:1;justify-content:space-around;gap:18px!important} .bracketMatch{box-shadow:none;border-radius:11px;transition:border-color .15s ease;padding:13px 14px;min-height:92px;display:flex;flex-direction:column;justify-content:center} .bracketMatch:hover{border-color:var(--line2)} .bracketMatch .bmMeta{font-size:.58rem;margin-bottom:7px;letter-spacing:.06em} .hasNext::after{right:-40px;width:40px;top:50%;border-top:1px solid var(--line)} .hasNext::before{display:none} .roundTitle{position:sticky;top:0;background:var(--bg);z-index:2} /* --- UI pass 2: modal + rhythm --- */ .matchSheet{border-radius:16px;overflow:hidden} .modalHero{padding:18px 18px 14px} .modalClose{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;transition:background .15s ease,color .15s ease} .modalClose:hover{background:var(--line);color:var(--text)} .modalName{line-height:1.15} .modalScore{font-variant-numeric:tabular-nums} .empty{border:1px dashed var(--line);border-radius:12px;background:rgba(255,255,255,.012)} .insight .seclbl:first-child{margin-top:2px} .ins-summary{line-height:1.55} .vhead{margin-bottom:16px} .wxchip{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.62rem;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 7px} .wxchip b{color:var(--text);font-weight:700} .sportSel{background:var(--bg2);color:var(--muted);border:1px solid var(--line);border-radius:8px;font-family:var(--mono);font-size:.68rem;padding:4px 8px;margin-left:12px;cursor:pointer;outline:none;transition:border-color .15s ease,color .15s ease} .sportSel:hover,.sportSel:focus{border-color:var(--line2);color:var(--text)} @media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;transform:none!important}} /* ===== MATCH MODAL STABILITY FIX — added by ChatGPT ===== Fixes cramped match modal, overlapping model chips, and squeezed lineups. Keep this near the end of the CSS so it overrides older UI patches. */ .matchSheet { width: min(1220px, calc(100vw - 24px)); max-height: calc(100vh - 24px); } .modalHero { padding: 14px 18px 12px; } .modalFixture { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: clamp(12px, 2vw, 22px); } .modalTeam, .modalName, .modalCode, .modalMeta, .modalScore { min-width: 0; } .modalName { font-size: clamp(1.45rem, 3vw, 2.1rem); line-height: 1.05; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .modalScore { min-width: clamp(98px, 14vw, 150px); } .modalScore .bigScore { font-size: clamp(2rem, 4vw, 2.7rem); letter-spacing: .01em; } /* Prevent nested cards from forcing the modal wider than the viewport */ .modalBody .readCard, .modalBody .statsBoard, .modalBody .lineupBoard, .pitchCard, .pitchTeamName, .pitchTeamName span, .teamSnap, .snapName { min-width: 0; overflow: hidden; } /* Top analysis cards can stay side-by-side on desktop */ .modalBody .detailTop { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; } /* Critical fix: stop Match Read and Lineups from competing horizontally */ .modalBody .detailLow { display: grid; grid-template-columns: 1fr !important; gap: 16px; } /* Clean wrapping for model pick row */ .pick { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 9px; } .pick .pnote { margin-left: 0; flex: 1 1 180px; text-align: right; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Prevent factor chips from colliding */ .fchips { display: flex; flex-wrap: wrap; gap: 7px; row-gap: 7px; align-items: flex-start; } .fchip { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; } /* Give the lineup board room to breathe */ .modalBody .lineupBoard.pitchMode { width: 100%; } .pitchGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .pitch { height: min(48vh, 460px); } .pitchPlayer { width: clamp(54px, 21%, 86px); min-width: 0; max-width: 92px; } .pitchPlayer .pname { font-size: .68rem; } .pitchHeader { min-width: 0; } .formationBadge { flex: 0 0 auto; } /* Reduce modal clutter on medium screens */ @media (max-width: 1040px) { .matchSheet { width: min(1000px, calc(100vw - 18px)); } .modalBody .detailTop, .pitchGrid { grid-template-columns: 1fr; } .pitch { height: 430px; } } /* Phone/tablet modal mode */ @media (max-width: 760px) { .matchModal { padding: 8px; align-items: stretch; } .matchSheet { width: 100%; max-height: 100%; border-radius: 14px; } .modalFixture { grid-template-columns: 1fr; gap: 12px; text-align: left; } .modalTeam.away { text-align: left; } .modalScore { order: 3; text-align: left; min-width: 0; } .modalName { font-size: 1.45rem; } .pick .pnote { flex-basis: 100%; text-align: left; } .pitch { height: 390px; padding: 14px 8px; } .pitchPlayer { min-width: 50px; padding: 5px 4px; } .pitchPlayer .pname { font-size: .65rem; } .pitchRow { gap: 4px; } } /* ===== MODEL PICK NO-OVERLAP FIX — v2 ===== Forces the note and factor chips to use their own space inside the modal. */ .modalBody .readCard { min-width: 0; overflow: hidden; } .modalBody .readCard .pick { display: grid; grid-template-columns: auto minmax(0, max-content) auto; grid-template-areas: "label name confidence" "note note note"; align-items: center; justify-content: start; column-gap: 9px; row-gap: 4px; } .modalBody .readCard .pick .pl { grid-area: label; } .modalBody .readCard .pick .pn { grid-area: name; min-width: 0; max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .modalBody .readCard .pick .pc { grid-area: confidence; white-space: nowrap; } .modalBody .readCard .pick .pnote { grid-area: note; width: 100%; min-width: 0; margin-left: 0; text-align: left; white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.35; } .modalBody .readCard .fchips { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px; margin-top: 10px; max-width: 100%; overflow: visible; } .modalBody .readCard .fchip { display: inline-flex; align-items: center; flex: 0 1 auto; max-width: 100%; min-width: 0; line-height: 1.25; font-size: .6rem; padding: 3px 7px; white-space: normal; overflow-wrap: anywhere; } .modalBody .readCard .ebreak { clear: both; margin-top: 12px !important; } @media (max-width: 1180px) { .modalBody .detailTop { grid-template-columns: 1fr !important; } } @media (max-width: 520px) { .modalBody .readCard .pick { grid-template-columns: auto minmax(0, 1fr) auto; } .modalBody .readCard .pick .pn { max-width: 100%; } } /* ===== MODEL PICK REDESIGN — v3 ===== Replaces the cramped pick/chip block in the match modal with a spacious card. */ .modalBody .modelReadCard{ padding:0!important; overflow:hidden!important; min-width:0!important; } .mpanel{ min-width:0; width:100%; padding:16px; border-radius:12px; background: radial-gradient(circle at 0% 0%,rgba(58,209,122,.13),transparent 34%), linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.006)); } .mpanel .seclbl{ margin:0 0 12px!important; } .mpHero{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:stretch; margin-bottom:13px; } .mpCopy{ min-width:0; display:flex; flex-direction:column; justify-content:center; gap:5px; } .mpEyebrow{ font-family:var(--mono); font-size:.58rem; color:var(--signal); letter-spacing:.11em; text-transform:uppercase; font-weight:700; } .mpPickName{ min-width:0; font-family:"Archivo",sans-serif; font-size:clamp(1.28rem,2.6vw,1.9rem); line-height:1.02; font-weight:800; letter-spacing:-.03em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mpNote{ color:var(--muted); font-size:.82rem; line-height:1.45; overflow-wrap:normal; word-break:normal; hyphens:none; } .mpConfidence{ min-width:104px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(58,209,122,.35); background:rgba(58,209,122,.08); border-radius:14px; padding:12px 14px; } .mpConfidence span{ font-family:var(--mono); font-size:1.55rem; line-height:1; color:var(--signal); font-weight:800; } .mpConfidence small{ margin-top:6px; font-family:var(--mono); font-size:.55rem; letter-spacing:.08em; text-transform:uppercase; color:var(--faint); font-weight:700; white-space:nowrap; } .mpFactors{ display:grid; grid-template-columns:repeat(auto-fit,minmax(136px,1fr)); gap:8px; margin-top:10px; } .mpFactor{ min-width:0; border:1px solid var(--line); background:rgba(5,8,13,.28); border-radius:10px; padding:9px 10px; display:flex; align-items:center; justify-content:space-between; gap:10px; white-space:nowrap; overflow:hidden; } .mpFactor .label{ min-width:0; overflow:hidden; text-overflow:ellipsis; font-family:var(--mono); font-size:.6rem; letter-spacing:.06em; text-transform:uppercase; color:var(--faint); font-weight:700; } .mpFactor .value{ flex:0 0 auto; font-family:var(--mono); font-size:.78rem; font-weight:800; color:var(--muted); } .mpFactor.pos .value{color:var(--win)} .mpFactor.neg .value{color:var(--loss)} .mpFactor.damp .value{color:var(--signal)} .mpFactor.mkt .value{color:var(--home)} .mpSummary{ margin:13px 0 0; padding-top:12px; border-top:1px solid var(--line); color:var(--muted); font-size:.86rem; line-height:1.55; overflow-wrap:normal; word-break:normal; hyphens:none; } @media(max-width:560px){ .mpHero{grid-template-columns:1fr} .mpConfidence{align-items:flex-start;min-width:0} .mpFactors{grid-template-columns:1fr} .mpPickName{white-space:normal;overflow:visible;text-overflow:clip} } /* ===== MATCH MODAL + FORECAST BOARD REDESIGN — v4 ===== Full-width model read, no chip crowding, no vertical text, and a cleaner forecast board. */ .modalBody .detailGrid.v4Detail{display:block;min-width:0} .modalBody .detailGrid.v4Detail .detailTop{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;min-width:0} .modalBody .detailGrid.v4Detail .detailLow{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;margin-top:16px;min-width:0} .modalBody .detailGrid.v4Detail .readCard{min-width:0!important;overflow:hidden!important} /* Every card in the modal stays full-width at every size, matching the v4 redesign's original intent above -- both attempts to split panels side-by-side on wide screens (Model read/Odds tracker, then Stats/ Lineups) ended up squeezing a taller card into a half-width column instead of freeing space. Lineups specifically needs real room for a pitch-formation layout, not half a row. */ .modelReadCard{padding:0!important;border-color:rgba(58,209,122,.28)!important;background:transparent!important} .analystPanel{min-width:0;width:100%;padding:18px;border-radius:14px;background:radial-gradient(circle at 0% 0%,rgba(58,209,122,.16),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid var(--line)} .analystPanel,.analystPanel *{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important} .analystTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;min-width:0} .analystTitle{font-family:var(--mono);font-size:.62rem;color:var(--signal);letter-spacing:.12em;text-transform:uppercase;font-weight:800;white-space:nowrap} .analystBadge{font-family:var(--mono);font-size:.6rem;color:var(--muted);border:1px solid var(--line2);border-radius:999px;padding:4px 8px;white-space:nowrap;background:rgba(255,255,255,.025)} .analystHero{display:grid;grid-template-columns:minmax(260px,1fr) minmax(128px,180px);gap:16px;align-items:stretch;min-width:0} .analystMain{min-width:0;display:flex;flex-direction:column;justify-content:center} .analystLabel{font-family:var(--mono);font-size:.58rem;color:var(--faint);text-transform:uppercase;letter-spacing:.09em;font-weight:800;margin-bottom:5px;white-space:nowrap} .analystPick{font-family:"Archivo",sans-serif;font-size:clamp(1.7rem,3.8vw,2.75rem);line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .analystNote{margin:8px 0 0;color:var(--muted);font-size:.88rem;line-height:1.5;max-width:70ch;white-space:normal!important;overflow-wrap:break-word!important} .analystConfidence{border:1px solid rgba(58,209,122,.38);background:rgba(58,209,122,.08);border-radius:16px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0} .analystConfidence b{font-family:var(--mono);font-size:2rem;line-height:1;color:var(--signal)} .analystConfidence span{font-family:var(--mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:800;margin-top:7px;white-space:nowrap} .analystConfidence small{display:block;margin-top:8px;color:var(--muted);font-family:var(--mono);font-size:.66rem;line-height:1.35;white-space:normal} .analystGrid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,.9fr);gap:14px;margin-top:16px;min-width:0} .analystBox{min-width:0;background:rgba(4,8,14,.34);border:1px solid var(--line);border-radius:13px;padding:13px} .analystBoxTitle{font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.09em;color:var(--faint);font-weight:800;margin-bottom:10px;white-space:nowrap} .probLines{display:grid;gap:8px;min-width:0} .probLine{display:grid;grid-template-columns:minmax(78px,120px) minmax(0,1fr) 44px;gap:9px;align-items:center;min-width:0;font-family:var(--mono);font-size:.68rem;color:var(--muted)} .probLine .sideName{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);font-weight:800} .probTrack{height:9px;background:var(--bg2);border:1px solid var(--line);border-radius:999px;overflow:hidden;min-width:60px} .probFill{display:block;height:100%;border-radius:999px;background:var(--signal)} .probFill.h{background:var(--home)}.probFill.d{background:var(--draw)}.probFill.a{background:var(--away)} .probLine .pct{text-align:right;color:var(--signal);font-weight:800;white-space:nowrap} .factorRows{display:grid;gap:7px;min-width:0} .factorRow{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.055);min-width:0} .factorRow:last-child{border-bottom:0} .factorRow .fName{min-width:0;color:var(--muted);font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .factorRow .fVal{font-family:var(--mono);font-size:.78rem;font-weight:900;color:var(--muted);white-space:nowrap} .factorRow.pos .fVal{color:var(--win)}.factorRow.neg .fVal{color:var(--loss)}.factorRow.neu .fVal{color:var(--signal)} .analystSummary{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;line-height:1.6;white-space:normal!important;overflow-wrap:break-word!important;max-width:95ch} .forecastMarketCard{padding:15px 16px!important;background:rgba(255,255,255,.025)!important} @media(max-width:900px){.analystHero,.analystGrid{grid-template-columns:1fr}.analystConfidence{align-items:flex-start;text-align:left}.analystPick{white-space:normal;overflow:visible;text-overflow:clip}.probLine{grid-template-columns:minmax(64px,96px) minmax(0,1fr) 42px}} @media(max-width:520px){.analystPanel{padding:14px}.analystTop{align-items:flex-start;flex-direction:column}.factorRow{grid-template-columns:1fr}.factorRow .fVal{text-align:left}.probLine{grid-template-columns:1fr 44px;grid-template-areas:"name pct" "bar bar"}.probLine .sideName{grid-area:name}.probLine .pct{grid-area:pct}.probTrack{grid-area:bar}} /* Forecast board v4 */ #view-title{max-width:1240px}.forecastShell{display:grid;gap:15px}.forecastHero{display:grid;grid-template-columns:minmax(260px,1fr) minmax(240px,.7fr);gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(58,209,122,.12),rgba(76,194,255,.06) 45%,rgba(255,255,255,.02));align-items:center}.forecastHero h2{font-family:"Archivo",sans-serif;font-size:1.45rem;letter-spacing:-.03em;margin:0 0 6px}.forecastHero p{color:var(--muted);font-size:.84rem;line-height:1.55;max-width:70ch}.forecastKpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.forecastKpi{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:13px;padding:10px;min-width:0}.forecastKpi span{display:block;font-family:var(--mono);font-size:.56rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:800;margin-bottom:6px}.forecastKpi b{font-family:"Archivo",sans-serif;font-size:1.22rem;color:var(--text);white-space:nowrap}.forecastGrid{column-count:2;column-gap:14px}.forecastGrid>section{break-inside:avoid;margin-bottom:14px;display:inline-block;width:100%}.forecastPanel{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}.forecastPanelHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:var(--bg2);border-bottom:1px solid var(--line)}.forecastPanelHead h3{font-family:"Archivo",sans-serif;font-size:.98rem}.forecastPanelHead span{font-family:var(--mono);font-size:.62rem;color:var(--faint);font-weight:800}.upsetList,.raceList,.scorerList,.matchSnapList{display:grid}.upsetRow,.raceRow,.scorerRow,.matchSnapRow{display:grid;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);min-width:0}.upsetRow:last-child,.raceRow:last-child,.scorerRow:last-child,.matchSnapRow:last-child{border-bottom:0}.upsetRow{grid-template-columns:minmax(160px,1fr) minmax(150px,.7fr) 86px;cursor:pointer}.upsetRow:hover,.matchSnapRow:hover{background:rgba(255,255,255,.025)}.upsetMatch,.raceTeam,.scorerName,.matchSnapTeams{font-family:"Archivo",sans-serif;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.upsetWhy,.raceMeta,.scorerMeta,.matchSnapMeta{font-family:var(--mono);font-size:.64rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.riskPill{justify-self:end;font-family:var(--mono);font-size:.62rem;font-weight:900;border-radius:999px;padding:5px 8px;border:1px solid var(--line2);color:var(--muted);white-space:nowrap}.riskPill.high{color:var(--loss);border-color:rgba(255,93,108,.36);background:rgba(255,93,108,.1)}.riskPill.med{color:var(--signal);border-color:rgba(58,209,122,.4);background:rgba(58,209,122,.09)}.riskPill.low{color:var(--win);border-color:rgba(58,209,122,.32);background:rgba(58,209,122,.08)}.raceRow{grid-template-columns:42px minmax(170px,1fr) minmax(110px,.65fr) 58px}.raceRank{font-family:var(--mono);font-weight:900;color:var(--faint)}.raceBar{height:9px;border:1px solid var(--line);background:var(--bg2);border-radius:999px;overflow:hidden}.raceBar i{display:block;height:100%;background:linear-gradient(90deg,var(--signal),var(--home));border-radius:999px}.racePct{font-family:var(--mono);font-weight:900;color:var(--signal);text-align:right}.scorerRow{grid-template-columns:38px minmax(0,1fr) auto}.scorerRank{font-family:var(--mono);font-weight:900;color:var(--faint)}.scorerGoals{font-family:var(--mono);font-weight:900;color:var(--signal);white-space:nowrap}.matchSnapRow{grid-template-columns:minmax(150px,1fr) minmax(180px,1fr);cursor:pointer}.advtable.v4{border-radius:16px;overflow:auto;background:var(--panel);border:1px solid var(--line)}.advtable.v4 .advrow{min-width:680px}.forecastNote{font-family:var(--mono);font-size:.68rem;color:var(--faint);line-height:1.55;padding:12px 2px}.emptyForecast{padding:22px;color:var(--muted);font-family:var(--mono);font-size:.78rem;line-height:1.55}.forecastDisclaimer{color:var(--faint);font-family:var(--mono);font-size:.68rem;line-height:1.5;padding:12px 14px;border-top:1px solid var(--line);background:rgba(255,255,255,.012)} @media(max-width:980px){.forecastHero,.forecastGrid{column-count:1}.forecastKpis{grid-template-columns:repeat(3,minmax(0,1fr))}.upsetRow,.raceRow,.matchSnapRow{grid-template-columns:1fr}.riskPill{justify-self:start}.racePct{text-align:left}.raceBar{max-width:380px}} @media(max-width:620px){.forecastKpis{grid-template-columns:1fr}.forecastHero{padding:14px}} /* Forecast panels use a predictable grid and expand when a companion panel is absent. */ .forecastGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;column-count:initial} .forecastGrid.single{grid-template-columns:minmax(0,1fr)} .forecastGrid>section{display:block;width:100%;min-width:0;margin-bottom:0} .leaderCategoryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px} .leaderCategory{min-width:0;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);overflow:hidden} .leaderCategoryHead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800} .leaderCategoryHead b{color:var(--signal);white-space:nowrap} .leaderRows{display:grid} .leaderRow{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid rgba(255,255,255,.04);font-family:var(--mono);font-size:.67rem;min-width:0} .leaderRow:first-child{border-top:0}.leaderRow>span{color:var(--faint)}.leaderRow>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.leaderRow>b{color:var(--signal);white-space:nowrap} @media(max-width:980px){.forecastGrid{grid-template-columns:minmax(0,1fr)}} @media(max-width:560px){.leaderCategoryGrid{grid-template-columns:minmax(0,1fr)}} /* NCAAM bracketology */ .bracketologyShell{display:grid;gap:15px;max-width:1320px}.bracketologyHero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px;border:1px solid rgba(58,209,122,.3);border-radius:18px;background:radial-gradient(circle at 0 0,rgba(58,209,122,.14),transparent 38%),var(--panel)}.bracketologyEyebrow{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal);font-weight:800}.bracketologyHero h2{font-family:"Archivo",sans-serif;font-size:1.8rem;margin:5px 0}.bracketologyHero p{color:var(--muted);font-size:.86rem;line-height:1.5;max-width:72ch}.bracketologyKpis{display:flex;gap:9px}.bracketologyKpis>div{min-width:118px;padding:11px;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.2)}.bracketologyKpis span{display:block;font-family:var(--mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);margin-bottom:6px}.bracketologyKpis b{font-family:"Archivo",sans-serif;font-size:1.15rem}.methodStrip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--bg2);font-family:var(--mono);font-size:.67rem}.methodStrip b{color:var(--signal)}.methodStrip span{color:var(--muted)}.methodStrip em{color:var(--loss);font-style:normal}.firstFourSection,.bubbleGrid>section,.regionCard{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden}.bracketologySectionHead,.regionHead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;background:var(--bg2);border-bottom:1px solid var(--line)}.bracketologySectionHead h3,.regionHead h3{font-family:"Archivo",sans-serif;font-size:.95rem}.bracketologySectionHead span,.regionHead span{font-family:var(--mono);font-size:.58rem;color:var(--faint);text-transform:uppercase;letter-spacing:.06em}.firstFourGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:11px}.firstFourGame{border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);overflow:hidden}.firstFourMeta{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.54rem;text-transform:uppercase;color:var(--faint)}.firstFourMeta b{color:var(--signal)}.firstFourTeam{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border-top:1px solid rgba(255,255,255,.04)}.firstFourTeam:first-of-type{border-top:0}.firstFourTeam strong,.bubbleTeam b,.regionSeed strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.firstFourTeam span,.bubbleTeam span,.regionSeed span{display:block;margin-top:3px;font-family:var(--mono);font-size:.57rem;color:var(--muted)}.firstFourTeam>b{font-family:var(--mono);color:var(--signal);font-size:.68rem}.bubbleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bubbleTeam{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 11px;border-top:1px solid var(--line);min-width:0}.bubbleTeam:first-of-type{border-top:0}.bubbleTeam strong{font-family:var(--mono);color:var(--signal);font-size:.68rem}.regionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}.regionSeeds{display:grid}.regionSeed{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid var(--line);min-width:0}.regionSeed:first-child{border-top:0}.regionSeed>b{font-family:var(--mono);font-size:.72rem;color:var(--faint);text-align:center}.regionSeed>em{font-family:var(--mono);font-size:.64rem;font-style:normal;color:var(--signal)}.regionSeed.playin{background:rgba(58,209,122,.055)}.bracketologyEmpty{padding:14px;color:var(--muted);font-size:.75rem}.bracketologyFoot{font-family:var(--mono);font-size:.66rem;line-height:1.5;color:var(--faint);padding:2px} @media(max-width:1100px){.firstFourGrid,.regionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bubbleGrid{grid-template-columns:1fr}} @media(max-width:700px){.bracketologyHero{grid-template-columns:1fr}.bracketologyKpis{display:grid;grid-template-columns:1fr 1fr}.methodStrip{grid-template-columns:1fr}.firstFourGrid,.regionGrid{grid-template-columns:1fr}} /* ===== IN-FOCUS SIDEBAR STABILITY — v5 ===== */ #insight .ins-match{word-break:normal;overflow-wrap:normal;hyphens:none} #insight .pick.insightPick{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 8px;margin-top:12px;padding:9px 10px;min-width:0} #insight .pick.insightPick .pl{white-space:nowrap} #insight .pick.insightPick .pn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #insight .pick.insightPick .pc{white-space:nowrap;text-align:right} #insight .pick.insightPick .pnote{grid-column:1 / -1;margin-left:0;text-align:left;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35;word-break:normal;overflow-wrap:break-word} #insight .prob.insightProb{margin-top:12px} #insight .prob.insightProb .bar{height:22px} #insight .ins-summary p{margin:0;line-height:1.45;word-break:normal;overflow-wrap:break-word} #insight .analystPanel{display:none!important} /* ===== UPSET MODEL PATCH — v6 ===== Adds readable upset-temperature math to the expanded model window and forecast board. */ .analystGrid.upsetGrid{grid-template-columns:minmax(260px,1fr) minmax(240px,.82fr) minmax(260px,1fr)} .upsetBox{border-color:rgba(58,209,122,.30);background:linear-gradient(180deg,rgba(58,209,122,.06),rgba(255,255,255,.012))} .upsetHero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:10px;min-width:0} .upsetHero .candidate{min-width:0} .upsetHero .candidate span{display:block;font-family:var(--mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.09em;color:var(--faint);font-weight:900;margin-bottom:4px;white-space:nowrap} .upsetHero .candidate b{display:block;font-family:"Archivo",sans-serif;font-size:1.1rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)} .upsetScoreDial{width:68px;height:68px;border-radius:16px;border:1px solid var(--line2);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg2);font-family:var(--mono);font-weight:900;color:var(--signal);text-align:center;flex:0 0 auto} .upsetScoreDial.high{color:var(--loss);border-color:rgba(255,93,108,.4);background:rgba(255,93,108,.09)} .upsetScoreDial.med{color:var(--signal);border-color:rgba(58,209,122,.45);background:rgba(58,209,122,.08)} .upsetScoreDial.low{color:var(--win);border-color:rgba(58,209,122,.35);background:rgba(58,209,122,.08)} .upsetScoreDial b{font-size:1.15rem;line-height:1}.upsetScoreDial small{font-size:.48rem;color:var(--faint);margin-top:3px;text-transform:uppercase;letter-spacing:.06em} .upsetMath{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px} .upsetMath span{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:9px;padding:7px;font-family:var(--mono);font-size:.58rem;color:var(--muted);line-height:1.25;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .upsetMath b{display:block;color:var(--text);font-size:.74rem;margin-top:2px}.upsetMath b.hot{color:var(--signal)} .upsetReason{margin:10px 0 0;color:var(--muted);font-size:.78rem;line-height:1.45;white-space:normal!important;overflow-wrap:break-word!important} .upsetTriggered{display:inline-flex;margin-top:10px;border-radius:999px;padding:5px 8px;font-family:var(--mono);font-size:.58rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#071018;background:var(--signal)} .upsetTriggered.watch{background:transparent;color:var(--muted);border:1px solid var(--line2)} .riskPill.trigger{color:#071018;background:var(--signal);border-color:var(--signal)} .scsplit.upsetTag{border-color:rgba(58,209,122,.45);color:var(--signal)} @media(max-width:1100px){.analystGrid.upsetGrid{grid-template-columns:1fr}.upsetMath{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:540px){.upsetHero{grid-template-columns:1fr}.upsetScoreDial{width:100%;height:auto;padding:10px}.upsetMath{grid-template-columns:1fr}} /* ===== OFFICIAL PICK / UPSET WATCH SEPARATION — v10 ===== */ .upsetGateNotice{ margin:10px 0 0; border:1px solid rgba(58,209,122,.32); background:rgba(58,209,122,.08); color:var(--muted); border-radius:12px; padding:10px 11px; font-size:.76rem; line-height:1.45; } .upsetGateNotice b{color:var(--signal);font-weight:900} .analystBadge.gate{color:var(--signal);border-color:rgba(58,209,122,.38);background:rgba(58,209,122,.08)} .pick.insightPick.gate{border-color:rgba(58,209,122,.36);background:rgba(58,209,122,.08)} .pick.insightPick.gate .pnote{white-space:normal;line-height:1.3;overflow:visible;text-overflow:clip} .modelStatus .tag.gate{color:var(--signal);border-color:rgba(58,209,122,.4);background:rgba(58,209,122,.08)} .upsetTriggered.blocked{color:var(--signal);border-color:rgba(58,209,122,.42);background:rgba(58,209,122,.08)} .upsetReason .gateText{color:var(--signal);font-weight:800} /* ===== BRACKET V11 — WIDE READABLE BRACKET FIX ===== Replaces the tiny two-sided bracket with a readable round-by-round board. The board intentionally scrolls horizontally instead of shrinking text. */ #view-bracket { min-width: 0; } #view-bracket .bracketStageHeader { align-items: center; padding: 2px 2px 0; } #view-bracket .bracketLegend { border: 1px solid var(--line); background: rgba(255,255,255,.025); border-radius: 999px; padding: 6px 10px; white-space: nowrap; } .bracketWideHint { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin: 6px 0 12px; color: var(--muted); font-family: var(--mono); font-size: .72rem; } .bracketWideHint b { color: var(--signal); } .bracketWideShell { overflow-x: auto; overflow-y: hidden; padding: 12px 4px 26px; scrollbar-width: thin; scrollbar-color: var(--line2) transparent; } .bracketWideShell::-webkit-scrollbar { height: 10px; } .bracketWideShell::-webkit-scrollbar-track { background: rgba(255,255,255,.025); border-radius: 999px; } .bracketWideShell::-webkit-scrollbar-thumb { background: var(--line2); border-radius: 999px; } .bracketWideBoard { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr) minmax(240px, 1fr) minmax(240px, 1fr) minmax(260px, 1.08fr) minmax(240px, 1fr); gap: 18px; align-items: start; min-width: 1540px; } .brWideRound { min-width: 0; } .brWideTitle { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); box-shadow: 0 10px 24px rgba(0,0,0,.12); } .brWideTitle b { font-family: "Archivo", sans-serif; font-size: .86rem; letter-spacing: .02em; text-transform: uppercase; } .brWideTitle span { flex: 0 0 auto; font-family: var(--mono); font-size: .64rem; color: var(--muted); border: 1px solid var(--line); border-radius: 999px; padding: 3px 7px; background: rgba(0,0,0,.16); } .brWideStack { display: flex; flex-direction: column; gap: 12px; } .brWideMatch { position: relative; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)); padding: 11px; min-height: 94px; box-shadow: 0 14px 28px rgba(0,0,0,.16); overflow: hidden; } .brWideMatch::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: rgba(255,255,255,.08); } .brWideMatch.done::before { background: var(--win); } .brWideMatch.live::before { background: var(--live); } .brWideMatch.final { border-color: rgba(58,209,122,.48); box-shadow: 0 0 0 1px rgba(58,209,122,.08), 0 18px 34px rgba(0,0,0,.22); } .brWideMatch.final::before { background: var(--signal); } .brWideMatch.third { opacity: .96; } .brWideMeta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; color: var(--faint); font-family: var(--mono); font-size: .64rem; text-transform: uppercase; letter-spacing: .04em; } .brWideMeta span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .brWideStatus { flex: 0 0 auto; color: var(--muted); } .brWideMatch.live .brWideStatus { color: var(--live); } .brWideTeam { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; min-height: 29px; padding: 5px 6px; border-radius: 10px; border: 1px solid transparent; } .brWideTeam + .brWideTeam { margin-top: 4px; } .brWideTeam.win { border-color: rgba(33, 209, 126, .26); background: rgba(33, 209, 126, .07); } .brWideTeam.path { color: var(--muted); background: rgba(255,255,255,.018); } .brWideName { min-width: 0; display: flex; align-items: center; gap: 7px; overflow: hidden; } .brWideName .flag { flex: 0 0 auto; font-size: .96rem; line-height: 1; } .brWideCode { flex: 0 0 auto; font-family: var(--mono); font-size: .66rem; color: var(--signal); opacity: .95; } .brWideText { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "Archivo", sans-serif; font-weight: 750; font-size: .9rem; } .brWideSlot { flex: 0 0 auto; font-family: var(--mono); font-size: .56rem; color: var(--faint); border: 1px solid var(--line); border-radius: 999px; padding: 2px 5px; max-width: 78px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .brWideScore { min-width: 20px; text-align: right; color: var(--text); font-family: var(--mono); font-weight: 800; font-size: .88rem; } .brWideEmpty { border: 1px dashed var(--line2); border-radius: 16px; min-height: 94px; display: flex; align-items: center; justify-content: center; color: var(--faint); font-family: var(--mono); font-size: .72rem; background: rgba(255,255,255,.015); } @media (max-width: 980px) { .bracketWideBoard { grid-template-columns: repeat(6, 220px); min-width: 1410px; gap: 14px; } .brWideMatch { min-height: 88px; padding: 10px; } .brWideText { font-size: .84rem; } .bracketWideHint { flex-direction: column; align-items: flex-start; font-size: .68rem; } } /* ===== MODEL OUTCOME PROBABILITY CARD — v12 ===== Replaces the tall empty Outcome probabilities box with a compact comparison panel. */ .analystGrid.upsetGrid{ align-items:start!important; } .probMatrixCard{ align-self:start!important; padding:12px!important; } .probMatrix{ display:grid; gap:10px; min-width:0; } .probTiles{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; min-width:0; } .probTile{ min-width:0; border:1px solid var(--line); border-radius:12px; padding:9px 8px; background:rgba(0,0,0,.16); display:grid; gap:5px; position:relative; overflow:hidden; } .probTile.pickSide{ border-color:rgba(58,209,122,.55); background:linear-gradient(180deg,rgba(58,209,122,.12),rgba(255,255,255,.025)); } .probTile .probSide{ font-family:var(--mono); font-size:.58rem; color:var(--faint); text-transform:uppercase; letter-spacing:.08em; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .probTile .probPct{ font-family:"Archivo",sans-serif; font-size:1.36rem; line-height:1; color:var(--text); font-weight:900; letter-spacing:-.03em; } .probTile.pickSide .probPct{color:var(--signal)} .probMiniTrack{ height:6px; border-radius:999px; background:var(--bg2); border:1px solid var(--line); overflow:hidden; } .probMiniTrack i{ display:block; height:100%; width:0; border-radius:999px; background:var(--signal); } .probTile.home .probMiniTrack i{background:var(--home)} .probTile.draw .probMiniTrack i{background:var(--draw)} .probTile.away .probMiniTrack i{background:var(--away)} .probTag{ position:absolute; top:7px; right:7px; font-family:var(--mono); font-size:.48rem; font-weight:900; color:#071018; background:var(--signal); border-radius:999px; padding:3px 5px; letter-spacing:.05em; text-transform:uppercase; } .probCompareGrid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .probCompareItem{ min-width:0; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.022); padding:8px; } .probCompareItem span{ display:block; font-family:var(--mono); color:var(--faint); font-size:.53rem; letter-spacing:.07em; text-transform:uppercase; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .probCompareItem b{ display:block; margin-top:4px; color:var(--text); font-family:var(--mono); font-size:.82rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .probCompareItem.edgePos b{color:var(--win)} .probCompareItem.edgeNeg b{color:var(--loss)} .probCompareItem.edgeFlat b{color:var(--signal)} .probContextLine{ margin:0; color:var(--muted); font-size:.74rem; line-height:1.4; white-space:normal!important; overflow-wrap:break-word!important; } @media(max-width:620px){ .probTiles,.probCompareGrid{grid-template-columns:1fr} .probTile{grid-template-columns:auto 1fr;align-items:center} .probTile .probSide{grid-column:1}.probTile .probPct{grid-column:2;text-align:right}.probMiniTrack{grid-column:1 / -1} } .ddtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px} .ddtab{background:var(--bg2);color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:7px 14px;font-family:var(--mono);font-size:.72rem;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s} .ddtab:hover{border-color:var(--line2);color:var(--text)} .ddtab.on{background:rgba(58,209,122,.13);border-color:var(--signal);color:var(--signal)} .ddrow{display:grid;grid-template-columns:130px 1fr auto;gap:12px;align-items:center;padding:7px 0;font-size:.82rem;color:var(--text)} .ddbarwrap{height:9px;background:var(--bg2);border-radius:5px;overflow:hidden} .ddbar{height:100%;background:var(--muted);border-radius:5px} .ddbar.good{background:var(--win)} .ddbar.bad{background:var(--loss)} .ddmiss{padding:9px 13px;border:1px solid var(--line);border-radius:9px;margin-bottom:7px;font-size:.82rem} .ddmiss b{display:block;font-family:"Archivo",sans-serif;color:var(--text)} .ddmiss span{color:var(--muted);font-family:var(--mono);font-size:.68rem} .pensTag{font-family:var(--mono);font-size:.6rem;color:var(--muted);margin-left:7px;vertical-align:middle} .h2hbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px;padding:14px 16px;background:linear-gradient(135deg,rgba(58,209,122,.06),transparent);border:1px solid var(--line);border-radius:12px} .h2hitem{display:flex;flex-direction:column;gap:3px} .h2hitem b{font-family:"Archivo",sans-serif;font-size:1.5rem;color:var(--signal)} .h2hitem span{font-size:.72rem;color:var(--muted);line-height:1.3} .tottPitch{display:flex;flex-direction:column;gap:20px;background:linear-gradient(180deg,rgba(58,209,122,.07),rgba(58,209,122,.015) 70%,transparent);border:1px solid rgba(58,209,122,.22);border-radius:16px;padding:26px 18px;position:relative} .tottPitch::before{content:"";position:absolute;left:50%;top:12px;bottom:12px;width:1px;background:rgba(255,255,255,.04)} .tottLine{display:flex;flex-direction:column;gap:9px} .tottLbl{font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);text-align:center} .tottRow{display:flex;justify-content:center;gap:12px;flex-wrap:wrap} .tottCard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;text-align:center;min-width:110px;transition:border-color .15s ease} .tottCard:hover{border-color:rgba(58,209,122,.4)} .tottEmpty{text-align:center;color:var(--faint);font-size:.74rem;font-family:var(--mono);border:1px dashed var(--line);border-radius:10px;padding:12px;background:rgba(255,255,255,.012)} .tottName{font-family:"Archivo",sans-serif;font-weight:700;font-size:.92rem;color:var(--text)} .tottTeam{font-family:var(--mono);font-size:.64rem;color:var(--muted);margin:3px 0 6px} .tottStat{font-family:var(--mono);font-size:.72rem;color:var(--win);font-weight:700} .compTag{font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.06em;color:var(--signal);border:1px solid rgba(58,209,122,.3);border-radius:4px;padding:1px 6px;margin-left:7px;vertical-align:middle} /* landing hero */ .heroBand{grid-column:1/-1;background:linear-gradient(135deg,rgba(58,209,122,.13),rgba(76,194,255,.05) 55%,transparent);border:1px solid rgba(58,209,122,.3);border-radius:18px;padding:26px 28px;display:flex;flex-direction:column;gap:12px;margin-bottom:8px} .heroTitle{font-family:"Archivo",sans-serif;font-weight:700;font-size:1.7rem;letter-spacing:-.02em} .heroSub{color:var(--muted);font-size:.95rem;line-height:1.5;max-width:640px} .heroRow{display:flex;gap:16px;flex-wrap:wrap;align-items:center} .heroRec{font-family:var(--mono);font-size:.78rem;color:var(--muted)} .heroRec b{color:var(--signal);font-size:1rem} .heroMatch{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;cursor:pointer;transition:border-color .15s} .heroMatch:hover{border-color:var(--signal)} .heroMatchTeams{font-family:"Archivo",sans-serif;font-weight:700;font-size:1.02rem;display:flex;align-items:center;gap:8px} .heroLive{font-family:var(--mono);font-size:.6rem;font-weight:700;color:var(--live);border:1px solid rgba(255,77,94,.4);border-radius:4px;padding:1px 6px;animation:pulse 1.6s infinite} .heroMatchPick{margin-left:auto;font-family:var(--mono);font-size:.74rem;color:var(--muted)} .heroMatchPick b{color:var(--text)} .heroActions{display:flex;gap:10px;flex-wrap:wrap} .heroBtn{flex:0 0 auto;padding:10px 18px} .heroBtn.ghost{background:transparent} .heroSlim{grid-column:1/-1;display:flex;gap:16px;align-items:center;font-family:var(--mono);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 14px;margin-bottom:6px} .heroSlimLink{margin-left:auto;font-size:.7rem;color:var(--signal);cursor:pointer} /* community: personal analytics + seasons */ .anGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:6px} .anCard{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:13px 15px} .anPct{font-family:"Archivo",sans-serif;font-weight:700;font-size:1.5rem;color:var(--signal)} .anLbl{font-size:.76rem;color:var(--muted);margin-top:2px} .anLbl span{color:var(--faint)} .anByComp{margin-top:10px;display:flex;flex-direction:column;gap:6px} .anCompRow{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:center;font-size:.78rem} .anCompRow .anBar{height:8px;background:var(--bg2);border-radius:5px;overflow:hidden} .anCompRow .anBar>div{height:100%;background:var(--signal);border-radius:5px} .anCompRow i{color:var(--faint)} .seasonRow{display:flex;align-items:center;gap:12px;padding:9px 13px;border:1px solid var(--line);border-radius:9px;margin-bottom:7px;font-size:.82rem} .seasonRow.live{border-color:rgba(58,209,122,.35)} .seasonName{font-family:"Archivo",sans-serif;font-weight:700} .seasonRec{margin-left:auto;font-family:var(--mono);font-size:.72rem;color:var(--muted)} .seasonRec i{color:var(--faint)} .seasonTag{font-family:var(--mono);font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:5px;border:1px solid var(--line);color:var(--muted)} .seasonTag.win{color:var(--win);border-color:rgba(58,209,122,.3)} .seasonTag.loss{color:var(--loss);border-color:rgba(255,93,108,.3)} /* community: challenge card */ .challengeCard{background:linear-gradient(135deg,rgba(76,194,255,.1),rgba(58,209,122,.05));border:1px solid rgba(76,194,255,.3);border-radius:13px;padding:16px 18px;margin-top:16px;cursor:pointer;transition:border-color .15s} .challengeCard:hover{border-color:var(--signal)} .challengeTag{font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4cc2ff;margin-bottom:7px} .challengeMatch{font-family:"Archivo",sans-serif;font-weight:700;font-size:1.05rem;margin-bottom:5px} .challengeLine{font-size:.9rem;color:var(--text);line-height:1.45} .challengeLine b{color:var(--signal)} .challengeHint{font-family:var(--mono);font-size:.66rem;color:var(--muted);margin-top:9px} /* landing hero logo */ .heroLogo{width:64px;height:64px;border-radius:14px;margin-bottom:4px} .miniReload{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem;padding:0 3px;vertical-align:middle} .miniReload:hover{color:var(--signal)} .fixturePager{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0 4px;color:var(--muted);font-family:var(--mono);font-size:.72rem}.head:focus-visible{outline:2px solid var(--signal);outline-offset:-2px} @media(max-width:920px){.sidebar,.sidebar:hover{width:56px;box-shadow:none}.navbtn{width:56px;padding:0 17px}.sidebar:hover .navbtn .lbl{opacity:0}} @media(max-width:520px){.fixturePager{align-items:stretch;flex-direction:column;text-align:center}.fixturePager .actionbtn{min-height:44px}} /* Release polish: clearer interaction, stronger metadata, calmer small screens. */ .card{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.card:hover{transform:translateY(-2px);border-color:var(--line2);box-shadow:0 10px 24px rgba(0,0,0,.18)} #view-matches .metarow,#view-results .metarow{color:var(--muted)}#view-matches .tsub,#view-results .tsub,#view-matches .kick,#view-results .kick{color:color-mix(in srgb,var(--muted) 88%,var(--text))} @media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}} @media(max-width:700px){ body{height:100dvh}.app,.app.noinsight{height:100dvh;grid-template-columns:1fr;grid-template-rows:46px minmax(0,1fr) 64px;grid-template-areas:"strip" "main" "side"} .sidebar,.sidebar:hover{width:100%;height:64px;display:flex;flex-direction:row;align-items:stretch;gap:0;padding:0;overflow-x:auto;overflow-y:hidden;border:0;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(0,0,0,.2);scrollbar-width:none} .sidebar::-webkit-scrollbar{display:none}.navbtn{width:76px;min-width:76px;height:64px;padding:7px 4px 6px;display:flex;flex-direction:column;justify-content:center;gap:4px}.navbtn svg{width:21px;height:21px;flex-basis:21px}.navbtn .lbl,.sidebar:hover .navbtn .lbl{display:block;max-width:70px;opacity:1;font-size:.58rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;text-align:center}.navbtn[aria-pressed=true]::before{left:12px;right:12px;top:0;bottom:auto;width:auto;height:3px;border-radius:0 0 3px 3px} .content{padding:12px 10px 28px}.livestrip{gap:8px;padding:0 10px}.ls-upd{display:none}.ls-next{font-size:.66rem;overflow:hidden;text-overflow:ellipsis}.sportSel{max-width:128px} } .compactCard .pick .pnote.compactSignal{display:block;margin-left:auto;color:var(--muted);font-family:var(--mono);font-size:.6rem;letter-spacing:.01em;white-space:nowrap}.compactCard .pick.edge .pnote.compactSignal{color:var(--win)} /* Session welcome — a deliberate front door before the live terminal. */ .welcomeGate{position:fixed;inset:0;z-index:1000;overflow-y:auto;background:radial-gradient(circle at 18% 22%,rgba(58,209,122,.12),transparent 31%),radial-gradient(circle at 83% 72%,rgba(76,194,255,.08),transparent 34%),#070a0f;color:var(--text);display:grid;place-items:center;padding:clamp(20px,5vw,72px)}.welcomeGate[hidden]{display:none}.welcomeNoise{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.welcomeShell{position:relative;width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:clamp(28px,6vw,86px);align-items:center}.welcomeBrand{max-width:660px}.welcomeEyebrow{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;color:var(--muted);font-weight:700}.welcomeDot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 16px var(--signal)}.welcomeLogo{width:76px;height:76px;border-radius:18px;margin:28px 0 22px;box-shadow:0 18px 55px rgba(0,0,0,.38)}.welcomeBrand h1{font-family:"Archivo",sans-serif;font-size:clamp(3rem,6.3vw,6rem);line-height:.92;letter-spacing:-.065em;max-width:720px}.welcomeBrand h1 span{color:var(--signal)}.welcomeLead{max-width:570px;margin-top:24px;color:var(--muted);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}.welcomeActions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:34px}.welcomeActions>span{font-family:var(--mono);font-size:.64rem;color:var(--faint)}.welcomeEnter{border:1px solid var(--signal);background:var(--signal);color:#090c10;border-radius:11px;padding:13px 17px;font-family:"Archivo",sans-serif;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:24px;box-shadow:0 10px 34px rgba(58,209,122,.18);transition:transform .16s ease,box-shadow .16s ease}.welcomeEnter:hover{transform:translateY(-2px);box-shadow:0 14px 42px rgba(58,209,122,.28)}.welcomeEnter:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:4px}.welcomePreview{border:1px solid var(--line2);border-radius:20px;background:linear-gradient(180deg,rgba(18,24,33,.9),rgba(10,14,20,.96));padding:20px;box-shadow:0 28px 80px rgba(0,0,0,.34)}.welcomePreviewTop,.welcomeMatchMeta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;color:var(--faint);font-weight:800}.welcomePreviewTop span:last-child{color:var(--win)}.welcomeNext{margin:16px 0 20px;padding:17px;border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:13px;background:rgba(0,0,0,.18)}.welcomeLoading{color:var(--muted);font-family:var(--mono);font-size:.72rem;padding:30px 0;text-align:center}.welcomeMatchMeta .isLive{color:var(--live)}.welcomeTeams{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:22px 0}.welcomeTeams>div{min-width:0}.welcomeTeams .away{text-align:right}.welcomeTeams small{display:block;color:var(--signal);font-family:var(--mono);font-size:.62rem;margin-bottom:5px}.welcomeTeams b{display:block;font-family:"Archivo",sans-serif;font-size:1.12rem;line-height:1.1}.welcomeTeams em{font-family:var(--mono);font-style:normal;color:var(--faint)}.welcomeSignal{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:13px}.welcomeSignal span{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;color:var(--signal);font-weight:800}.welcomeSignal b{font-size:.82rem}.welcomeSignal i{font-family:var(--mono);font-size:.6rem;font-style:normal;color:var(--muted)}.welcomeProof{display:grid;gap:0;border-top:1px solid var(--line)}.welcomeProof>div{display:grid;grid-template-columns:30px 1fr;gap:2px 10px;padding:13px 2px;border-bottom:1px solid var(--line)}.welcomeProof b{grid-row:1/3;color:var(--signal);font-family:var(--mono);font-size:.58rem;padding-top:2px}.welcomeProof span{font-weight:700;font-size:.78rem}.welcomeProof small{color:var(--muted);font-size:.68rem}.welcomeOpen .app{visibility:hidden} @media(max-width:760px){.welcomeGate{display:block;padding:28px 20px 34px}.welcomeGate[hidden]{display:none}.welcomeShell{grid-template-columns:1fr;gap:34px}.welcomeLogo{width:62px;height:62px;margin:22px 0 18px}.welcomeBrand h1{font-size:clamp(2.8rem,14vw,4.4rem)}.welcomeLead{font-size:.95rem;margin-top:18px}.welcomeActions{margin-top:24px}.welcomeEnter{width:100%;justify-content:space-between;min-height:50px}.welcomePreview{padding:15px}.welcomeTeams b{font-size:1rem}.welcomeSignal{grid-template-columns:auto 1fr}.welcomeSignal i{grid-column:2}.welcomeOpen .app{display:none}} @media(prefers-reduced-motion:reduce){.welcomeEnter{transition:none}.welcomeEnter:hover{transform:none}} .card.favoriteMatch{border-color:rgba(58,209,122,.55);box-shadow:inset 3px 0 0 var(--signal),0 12px 36px rgba(0,0,0,.18)} .favoriteTag{margin-left:auto;border:1px solid rgba(58,209,122,.38);border-radius:999px;padding:3px 7px;color:var(--signal);font-family:var(--mono);font-size:.54rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .gtable tr.favoriteTeamRow td{background:rgba(58,209,122,.07)} .gtable tr.favoriteTeamRow td:first-child{box-shadow:inset 3px 0 0 var(--signal)} .favoriteTeamSetting{grid-column:span 2;background:linear-gradient(135deg,rgba(58,209,122,.08),var(--panel))} .favoriteTeamSetting select{font-weight:700} @media(max-width:760px){.favoriteTeamSetting{grid-column:auto}} .welcomeBeta{border:1px solid rgba(58,209,122,.42);border-radius:999px;padding:3px 7px;color:var(--signal);font-size:.54rem;letter-spacing:.12em} .welcomeDevNote{max-width:570px;margin-top:22px;padding:14px 16px;border:1px solid rgba(58,209,122,.24);border-left:3px solid var(--signal);border-radius:10px;background:rgba(58,209,122,.055)} .welcomeDevNote span{display:block;margin-bottom:5px;color:var(--signal);font-family:var(--mono);font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .welcomeDevNote p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55} /* Legal center links remain visible without competing with live-match context. */ .welcomeLegalLink,.legalLink{color:var(--muted);font-family:var(--mono);font-size:.64rem;text-decoration:none}.welcomeLegalLink:hover,.welcomeLegalLink:focus-visible,.legalLink:hover,.legalLink:focus-visible{color:var(--signal);text-decoration:underline}.legalLink{margin-left:auto;white-space:nowrap}.welcomeLegalLink{width:100%;margin-top:-8px}@media(max-width:700px){.legalLink{display:none}} /* Bracket Simulator — clickable team rows, highlighted picked winner */ .simMatch{min-height:auto} .simClickable{cursor:pointer;transition:background .12s ease,border-color .12s ease} .simClickable:hover{background:var(--panel2);border-color:var(--line2)} .simWinner{background:rgba(58,209,122,.12);border-color:rgba(58,209,122,.35)} .simWinner b{color:var(--win)} .bmTeam small{color:var(--faint);font-weight:600;margin-left:4px} .sandboxPickers{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px} .sandboxPickers select{background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-family:"Archivo",sans-serif;font-weight:700;font-size:.86rem;cursor:pointer;min-width:190px;outline:none;transition:border-color .15s ease} .sandboxPickers select:hover{border-color:var(--signal)} .sandboxPickers select:focus-visible{border-color:var(--signal);box-shadow:0 0 0 2px rgba(58,209,122,.25)} .sandboxPickers select option{background:var(--bg2);color:var(--text)} .sandboxVs{color:var(--faint);font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700} /* ---- sidebar expansion during the guided tour ---------------------- The old .sidebar:hover{width:198px} expand-on-hover never actually worked (a grid item's fixed width won't override its track, and layering a position change on top of the base width-transition made it snap open but animate-and-jump closed -- a real glitch during normal mouse movement). Removed the hover behavior entirely and expand ONLY during the tour, which is a single stable state (no rapid on/off toggling, so nothing to glitch). position:absolute takes the bar out of grid flow so it can actually reach 198px; transition:none avoids the width-vs-position animation conflict. Non-mobile only (mobile is a bottom bar, nothing to expand). */ @media(min-width:921px){ .app{position:relative} body.tourOpen .sidebar{ position:absolute;left:0;top:46px;bottom:0;width:198px;z-index:20; transition:none;box-shadow:10px 0 36px rgba(0,0,0,.45); } body.tourOpen .navbtn .lbl{opacity:1;transition:none} } /* ---- guided tour (first-visit walkthrough) ---- */ .tourOverlay{position:fixed;inset:0;z-index:500} .tourBackdrop{position:fixed;inset:0;background:rgba(2,5,10,.72)} .tourHighlight{position:relative;z-index:501;border-radius:10px;box-shadow:0 0 0 4px var(--signal),0 0 34px 8px rgba(58,209,122,.4)} .tourCard{position:fixed;z-index:502;width:min(320px,calc(100vw - 24px));background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-radius:16px;padding:18px 20px;box-shadow:0 24px 70px rgba(0,0,0,.55)} .tourStepNum{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;color:var(--signal);font-weight:800;text-transform:uppercase} .tourCard h3{font-family:"Archivo",sans-serif;font-size:1.15rem;margin:8px 0 6px} .tourCard p{color:var(--muted);font-size:.86rem;line-height:1.5;margin:0 0 16px} .tourActions{display:flex;align-items:center;justify-content:space-between;gap:10px} .tourSkip{background:none;border:none;color:var(--faint);font-size:.74rem;cursor:pointer;padding:6px 0} .tourSkip:hover{color:var(--muted)} .tourNav{display:flex;gap:8px} .tourBack,.tourNextBtn{border-radius:9px;padding:8px 14px;font-family:"Archivo",sans-serif;font-weight:700;font-size:.8rem;cursor:pointer} .tourBack{background:none;border:1px solid var(--line2);color:var(--text)} .tourNextBtn{border:1px solid var(--signal);background:var(--signal);color:#090c10} @media(max-width:520px){.tourCard{padding:15px 16px}} /* ---- Team Stats modal ---- */ .teamSheet{grid-template-rows:auto 1fr} .tpHead{position:relative;padding:20px 20px 16px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 18% 0%,rgba(76,194,255,.10),transparent 42%),var(--glass)} .tpCode{font-family:var(--mono);font-size:.72rem;color:var(--signal);letter-spacing:.08em;font-weight:700} .tpName{font-family:"Archivo",sans-serif;font-weight:700;font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1;margin-top:4px} .tpMeta{font-family:var(--mono);font-size:.74rem;color:var(--muted);margin-top:8px} .tpBody{overflow:auto;padding:18px 20px 24px} .tpStatGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:16px} .tpStat{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:11px 13px} .tpStatLbl{display:block;font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-weight:700;margin-bottom:4px} .tpStat b{font-family:"Archivo",sans-serif;font-size:1.25rem} .tpFormRow{display:flex;align-items:center;gap:10px;margin-bottom:8px} .tpFormLbl{font-family:var(--mono);font-size:.68rem;color:var(--muted);min-width:88px} .tpFormDots{display:flex;gap:4px} .tpDot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-family:var(--mono);font-size:.62rem;font-weight:800;color:var(--muted);background:var(--bg2);border:1px solid var(--line)} .tpDot.W{color:#07110b;background:var(--win);border-color:var(--win)} .tpDot.L{color:#fff;background:var(--loss);border-color:var(--loss)} .tpDot.D{color:var(--text);background:var(--line2)} .tpNext{margin:12px 0;padding:11px 13px;border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:10px;background:rgba(0,0,0,.15);font-size:.86rem} .tpSeclbl{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:700;margin:16px 0 8px} .tpRecentRow{display:grid;grid-template-columns:26px 1fr auto auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:.84rem} .tpRecentRow:first-of-type{border-top:none} .tpFaint{color:var(--faint);font-family:var(--mono);font-size:.68rem} .teamClickable{cursor:pointer} .teamClickable:hover{color:var(--signal)} /* Expanded model read: two independent content columns keep unlike card heights from creating empty grid cells, while the profile uses the space. */ @media (min-width:1101px){ .analystGrid.upsetGrid{ grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr)!important; align-items:start!important; } } .modelReadColumn{display:grid;gap:14px;align-content:start;min-width:0} .matchProfileCard{padding:12px!important} .profileKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px} .profileKpi{min-width:0;padding:10px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:10px} .profileKpi span{display:block;color:var(--faint);font-family:var(--mono);font-size:.56rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;line-height:1.25;margin-bottom:5px} .profileKpi b{display:block;color:var(--text);font-family:"Archivo",sans-serif;font-size:.92rem;line-height:1.15;white-space:normal} .profileCompareHead,.profileCompareRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(88px,.72fr) minmax(0,1fr);gap:10px;align-items:center} .profileCompareHead{padding:7px 10px;color:var(--muted);font-family:var(--mono);font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--line2)} .profileCompareHead b:last-child,.profileCompareRow b:last-child{text-align:right} .profileCompareHead span,.profileCompareRow span{text-align:center;color:var(--faint)} .profileCompareRows{padding:0 10px} .profileCompareRow{min-height:34px;border-bottom:1px solid var(--line)} .profileCompareRow:last-child{border-bottom:0} .profileCompareRow b{font-family:var(--mono);font-size:.72rem;color:var(--text);font-weight:800;min-width:0} .profileCompareRow>span{font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.045em} .profileFormDot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;margin-right:3px;font-style:normal;font-size:.58rem;background:var(--line);color:var(--muted)} .profileFormDot.W{background:rgba(58,209,122,.16);color:var(--win)} .profileFormDot.L{background:rgba(255,92,106,.15);color:var(--loss)} .profileFormDot.D{background:rgba(125,145,170,.14);color:var(--muted)} @media(max-width:1100px){.modelReadColumn{gap:14px}} @media(max-width:620px){.profileKpis{grid-template-columns:repeat(2,minmax(0,1fr))}.profileCompareHead,.profileCompareRow{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:6px}.profileCompareRows{padding:0 4px}}