:root{color:#102033;--home:#2457a6;--home2:#51a5ff;--away:#e8743b;--away2:#ffb083;--draw:#9aa7b6;background:#f4f7fb;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:32px}.hero{color:#fff;background:linear-gradient(135deg,#0d1b2e,#2457a6);border-radius:28px;margin-bottom:22px;padding:36px;box-shadow:0 18px 60px #1020332e}.badge{background:#ffffff24;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:700;display:inline-flex}.hero h1{margin:16px 0 8px;font-size:40px;line-height:1.1}.hero p{opacity:.9;max-width:760px;margin:0;font-size:17px}.stats{flex-wrap:wrap;gap:36px;margin-top:26px;display:flex}.stats div{flex-direction:column;display:flex}.stats strong{font-size:26px}.stats span{opacity:.75;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.tabs{gap:8px;margin-bottom:22px;display:flex}.tabs button{color:#65758a;cursor:pointer;background:#fff;border:1px solid #dce4ee;border-radius:12px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:700;display:inline-flex}.tabs button.on{color:#fff;background:#102033;border-color:#102033}.match.clickable{cursor:pointer;border-radius:10px;transition:background .15s}.match.clickable:hover{background:#f8fafc}.toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:22px;display:flex}.searchbox{color:#65758a;background:#fff;border:1px solid #d7e0ea;border-radius:14px;flex:1;align-items:center;gap:10px;min-width:240px;padding:0 14px;display:flex;box-shadow:0 6px 20px #1020330d}.searchbox input{color:#102033;background:0 0;border:0;outline:0;width:100%;padding:14px 0;font-size:15px}.legend{color:#65758a;gap:16px;font-size:13px;font-weight:600;display:flex}.legend span{align-items:center;gap:7px;display:inline-flex}.dot{border-radius:4px;width:12px;height:12px;display:inline-block}.dot.home{background:var(--home)}.dot.away{background:var(--away)}.dot.draw{background:var(--draw)}.refresh{cursor:pointer;color:#fff;background:#102033;border:0;border-radius:14px;align-items:center;gap:8px;padding:13px 18px;font-size:14px;font-weight:700;display:inline-flex}.refresh:disabled{opacity:.6;cursor:not-allowed}.groupfilter{margin-bottom:22px}.gfhint{color:#8b98a8;margin-bottom:10px;font-size:12.5px;font-weight:600;display:block}.gfpills{flex-wrap:wrap;gap:8px;display:flex}.gfpills .gf{color:#65758a;cursor:pointer;background:#fff;border:1px solid #dce4ee;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.gfpills .gf:hover{color:#34465a;border-color:#b9c7d8}.gfpills .gf.on{color:#fff;background:#2457a6;border-color:#2457a6}.groups{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:22px;display:grid}.groups.full{grid-template-columns:1fr}.emptystate{text-align:center;color:#708195;background:#fff;border-radius:22px;padding:48px 24px;font-size:15px;font-weight:600;box-shadow:0 12px 42px #10203314}.groupcard{background:#fff;border-radius:22px;padding:22px;box-shadow:0 12px 42px #10203314}.grouphead{border-bottom:1px solid #eef2f7;margin-bottom:14px;padding-bottom:14px}.grouphead h2{margin:0 0 12px;font-size:20px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{color:#34465a;background:#f0f4f9;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700}.matches{flex-direction:column;gap:16px;display:flex}.groups.full .matches{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px 28px;display:grid}.groups.full .match+.match{border-top:0;padding-top:4px}.match{padding:4px 2px;position:relative}.match+.match{border-top:1px dashed #eef2f7;padding-top:16px}.md{color:#9aa7b6;letter-spacing:.5px;font-size:10px;font-weight:800;position:absolute;top:2px;right:0}.teamline{align-items:center;gap:8px;margin-bottom:9px;font-size:14px;display:flex}.team{flex:1;font-weight:700}.team.right{text-align:right}.team.lead{color:#102033}.pctnum{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.pctnum.home{color:var(--home)}.pctnum.away{color:var(--away)}.vs{color:#b3bdc9;font-size:11px;font-weight:700}.score{font-variant-numeric:tabular-nums;color:#102033;letter-spacing:1px;background:#f0f4f9;border-radius:8px;padding:2px 9px;font-size:16px;font-weight:900}.score .dash{color:#b3bdc9;margin:0 1px}.scoreinfo{color:#8b98a8;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:11px;display:flex}.scoreinfo .xg{color:#65758a;white-space:nowrap;font-weight:700}.scoreinfo .alts{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.scoreinfo .alt{color:#5a6a7d;background:#f6f8fb;border-radius:6px;padding:2px 7px;font-weight:700}.scoreinfo .alt em{color:#9aa7b6;font-style:normal;font-weight:600}.probbar{background:#eef2f7;border-radius:99px;height:14px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #1020330a}.seg{opacity:.82;height:100%;transition:width .5s}.seg.home{background:linear-gradient(90deg, var(--home), var(--home2))}.seg.away{background:linear-gradient(90deg, var(--away2), var(--away))}.seg.draw{background:var(--draw)}.seg.win{opacity:1}.verdict{color:#2457a6;align-items:center;gap:6px;margin-top:9px;font-size:12.5px;font-weight:700;display:flex}.verdict .drawpct{color:#9aa7b6;margin-left:auto;font-weight:600}.match.err .warn{color:#a52424;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.match.err .teams{font-weight:700}.error{color:#a52424;background:#fff0f0;border-radius:14px;align-items:center;gap:10px;margin-bottom:18px;padding:14px 16px;font-weight:600;display:flex}.loadingstate{text-align:center;color:#708195;padding:60px 0}.loadingstate p{margin-top:12px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footnote{color:#8b98a8;text-align:center;margin-top:26px;font-size:13px;line-height:1.6}.oddscard{background:#fff;border-radius:22px;padding:24px;box-shadow:0 12px 42px #10203314}.oddshead{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:16px;display:flex}.oddshead h2{align-items:center;gap:8px;margin:0;display:inline-flex}.muted{color:#8b98a8;font-size:13px}.tablewrap{overflow-x:auto}.oddstable{border-collapse:collapse;width:100%;font-size:13.5px}.oddstable th,.oddstable td{text-align:right;white-space:nowrap;padding:9px 10px}.oddstable th{color:#8b98a8;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid #eef2f7;font-size:11px}.oddstable th.rank,.oddstable td.rank{text-align:center;color:#b3bdc9;width:34px}.oddstable th.tname,.oddstable td.tname{text-align:left;color:#102033;font-weight:700}.oddstable td.grp{text-align:center;color:#8b98a8;font-weight:700}.oddstable tbody tr{border-bottom:1px solid #f3f6fa}.oddstable tbody tr:hover{background:#f8fafc}.oddstable td{font-variant-numeric:tabular-nums;color:#5a6a7d}.champcell{justify-content:flex-end;align-items:center;min-width:92px;height:22px;display:inline-flex;position:relative}.champbar{opacity:.22;background:linear-gradient(90deg,#2457a6,#51a5ff);border-radius:6px;height:100%;position:absolute;top:0;left:0}.champtxt{color:#102033;padding-right:6px;font-weight:800;position:relative}.statgrid{grid-template-columns:repeat(4,1fr);gap:14px;margin:6px 0 18px;display:grid}.statcard{background:#f7f9fc;border:1px solid #eef2f7;border-radius:16px;padding:18px}.statlabel{color:#65758a;font-size:13px;font-weight:700}.statval{color:#102033;margin:6px 0 2px;font-size:30px;font-weight:900}.statsub{color:#9aa7b6;font-size:12px}.callout{color:#1c3a6e;background:#eef4ff;border:1px solid #d7e4fb;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:16px 18px;display:flex}.callout strong{color:#102033}.sech{margin:24px 0 12px;font-size:16px}.twocol{grid-template-columns:1fr 1fr;gap:24px;display:grid}.cmtable td.cmdiag{color:#1c5b2a;background:#eaf3ea;font-weight:800}.cmtable td,.cmtable th{text-align:center}.cmtable td.tname,.cmtable th.tname{text-align:left}.predgrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.predcard{background:#fff;border:1px solid #eef2f7;border-left-width:4px;border-radius:12px;padding:13px 15px}.predcard.ok{border-left-color:#2faa55}.predcard.miss{border-left-color:#d8623a}.predcard strong{color:#102033;margin-bottom:4px;display:block}.predmeta{color:#5a6a7d;margin-top:6px;font-size:12.5px;font-weight:600}.mdpills{gap:8px;display:flex}.fantgrid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px;margin-top:6px;display:grid}.fantcard{background:#f7f9fc;border:1px solid #eef2f7;border-radius:16px;padding:16px}.fantcard .sech{align-items:center;gap:7px;margin:0 0 12px;font-size:14px;display:flex}.frow{border-top:1px solid #eef2f7;align-items:center;gap:10px;padding:8px 0;display:flex}.frow:first-of-type{border-top:0}.fmain{flex-direction:column;flex:1;min-width:0;display:flex}.fname{color:#102033;font-size:14px;font-weight:800}.fmeta{color:#8b98a8;font-size:11px;font-weight:600}.fwhy{color:#5a6a7d;margin-top:2px;font-size:11.5px}.fval{text-align:right;white-space:nowrap;color:#34465a;font-size:13px}.fval b{color:#2457a6;font-size:16px}.fval .sub{color:#9aa7b6;font-size:10px;font-weight:700;display:block}.simctrls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.simctrls select{color:#102033;background:#fff;border:1px solid #d7e0ea;border-radius:12px;padding:11px 12px;font-size:14px;font-weight:700}.simgroups{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:8px 0 6px;display:grid}.simgroup{background:#f7f9fc;border:1px solid #eef2f7;border-radius:14px;padding:12px}.simgroup .sgh{color:#102033;margin-bottom:8px;font-size:13px;font-weight:800}.simgroup select{color:#34465a;background:#fff;border:1px solid #dce4ee;border-radius:9px;width:100%;margin-bottom:6px;padding:8px 9px;font-size:12.5px}.statval.sm{font-size:16px;line-height:1.3}.adminactions{flex-wrap:wrap;gap:12px;margin:18px 0 4px;display:flex}.bigbtn{color:#34465a;cursor:pointer;background:#fff;border:1px solid #dce4ee;border-radius:14px;align-items:center;gap:9px;padding:14px 22px;font-size:14.5px;font-weight:800;display:inline-flex}.bigbtn.primary{color:#fff;background:#2457a6;border-color:#2457a6}.bigbtn:disabled{opacity:.55;cursor:not-allowed}.oddstable td.hval{text-align:right;color:#34465a;font-weight:700}.warnbox{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-top:14px;padding:12px 14px}.warnbox div{color:#9a5b1c;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.okbox{color:#1c7a3a;background:#eafaef;border:1px solid #bfe8cb;border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;font-size:13.5px;font-weight:600;display:flex}.resultsbar{background:#eef4ff;border:1px solid #d7e4fb;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:12px 16px;display:flex}.resultsbar .rbinfo{color:#1c3a6e;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:inline-flex}.match.played{background:#fbfdff}.fin{letter-spacing:.3px;font-weight:800}.fin.ok{color:#2faa55}.fin.miss{color:#d8623a}.recordbox{border-top:1px solid #eef2f7;margin-top:18px;padding-top:16px}.recordhead{color:#102033;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;font-weight:800;display:flex}.recorded{color:#2faa55;background:#eafaef;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.recordform{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recordform .rteam{color:#34465a;flex:1;min-width:70px;font-size:13px;font-weight:700}.recordform .rteam.right{text-align:right}.recordform input{text-align:center;color:#102033;border:1px solid #d7e0ea;border-radius:10px;width:52px;padding:9px;font-size:16px;font-weight:800}.recordform .dash{color:#b3bdc9;font-weight:800}.recordform .rsave{cursor:pointer;color:#fff;background:#2457a6;border:0;border-radius:10px;justify-content:center;align-items:center;min-width:64px;padding:9px 18px;font-size:14px;font-weight:800;display:inline-flex}.recordform .rsave:disabled{opacity:.5;cursor:not-allowed}.recordform .rclear{color:#65758a;cursor:pointer;background:#f0f4f9;border:0;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700}.markets{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px;display:grid}.markets .mk{text-align:center;background:#f4f7fb;border-radius:10px;padding:9px 6px}.markets .mkv{color:#102033;font-variant-numeric:tabular-nums;font-size:16px;font-weight:900;display:block}.markets .mkl{color:#8b98a8;margin-top:2px;font-size:10px;font-weight:700;display:block}.modalbg{z-index:50;background:#0d1b2e8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:100%;max-width:540px;padding:26px;position:relative;box-shadow:0 30px 80px #0000004d}.closebtn{cursor:pointer;color:#65758a;background:#f0f4f9;border:0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:16px;right:16px}.modal h3{margin:0 6px 14px 0;font-size:20px}.modalsummary{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:12px;display:flex}.modalsummary .big{letter-spacing:1px;font-size:30px;font-weight:900}.wdl{color:#5a6a7d;flex-wrap:wrap;gap:16px;margin-bottom:18px;font-size:12.5px;font-weight:700;display:flex}.wdl span{align-items:center;gap:7px;display:inline-flex}.heatwrap{position:relative}.axislabel{color:#8b98a8;margin:4px 0;font-size:11px;font-weight:700}.axislabel.away{text-align:center}.heatgrid{grid-template-columns:22px repeat(7,1fr);gap:3px;display:grid}.heatgrid .hhead,.heatgrid .vhead{color:#8b98a8;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.heatgrid .cell{aspect-ratio:1;font-variant-numeric:tabular-nums;border-radius:5px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.heatgrid .cell.diag{outline-offset:-2px;outline:1px dashed #9aa7b680}.heatgrid .cell.best{box-shadow:0 0 0 2px #ffb400}.modalnote{color:#8b98a8;margin-top:14px;font-size:12px;line-height:1.5}@media (width<=720px){main{padding:16px}.hero{padding:26px}.hero h1{font-size:28px}.groups{grid-template-columns:1fr}.stats{gap:22px}.statgrid{grid-template-columns:1fr 1fr}.twocol,.predgrid{grid-template-columns:1fr}}
