:root{--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--bg:#f6f7f9;--panel:#fff;--head:#0f172a;--go:#16a34a;--go-soft:#dcfce7;--cta:#f97316;--cta-ink:#fff;--s1:8px;--s2:16px;--s3:24px;--s4:32px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);padding-bottom:64px}
a{color:#0b6b3a;text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding:0 var(--s2)}
header.site{background:var(--head);color:#fff}
.topline{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding:6px 0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}
.bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:var(--s1) 0 var(--s2);flex-wrap:wrap}
.logo{font-weight:800;font-size:26px;letter-spacing:-.02em;color:#fff}.logo b{color:#4ade80}.logo:hover{text-decoration:none}
nav.main{display:flex;gap:var(--s1);flex-wrap:wrap}
nav.main a{color:#fff;font-weight:600;font-size:14px;padding:7px 14px;border-radius:999px;background:#1e293b}
nav.main a[aria-current]{background:#4ade80;color:#052e16}
nav.main a.tg{background:var(--cta)}
.leaguebar{background:#1e293b}.leaguebar .wrap{display:flex;gap:var(--s3);overflow-x:auto;padding-top:var(--s1);padding-bottom:var(--s1);white-space:nowrap}
.leaguebar a{color:#cbd5e1;font-size:13.5px}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--s4);margin-top:var(--s3)}
h1{font-size:30px;line-height:1.15;margin:0 0 var(--s1);letter-spacing:-.01em}
h2{font-size:22px;margin:var(--s4) 0 var(--s1)}
h3{font-size:17px;margin:var(--s3) 0 4px}
p{margin:0 0 var(--s2)}
.intro{color:var(--muted);font-size:15px}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:var(--s2) 0}
.tabs a{text-align:center;padding:11px 8px;font-weight:600;color:var(--ink)}
.tabs a[aria-current]{background:var(--go);color:#fff}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.pred{display:grid;grid-template-columns:48px minmax(0,1fr) 112px 60px 104px;gap:12px;align-items:center;padding:12px var(--s2);border-bottom:1px solid var(--line)}
.pred:last-child{border-bottom:0}
.pred .t{font-variant-numeric:tabular-nums;font-weight:600;color:var(--muted)}
.pred .lg{font-size:12.5px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pred .lg a{color:var(--muted)}
.teams{display:grid;gap:3px;font-weight:600}
.teams span{display:flex;align-items:center;gap:8px;min-width:0}
.teams img{width:20px;height:20px;object-fit:contain;flex:none}
.prob{display:grid;gap:4px}.prob b{font-size:18px;font-variant-numeric:tabular-nums}
.meter{height:6px;background:var(--line);border-radius:3px;overflow:hidden}.meter i{display:block;height:100%;background:var(--go)}
.prob small,.odds small{color:var(--muted);font-size:12px}
.odds{text-align:right}.odds b{font-size:18px;font-variant-numeric:tabular-nums;display:block}
.btn{display:inline-block;text-align:center;background:var(--cta);color:var(--cta-ink);font-weight:700;padding:10px 12px;border-radius:8px;border:0;cursor:pointer;font-size:15px}
.btn:hover{text-decoration:none;filter:brightness(1.05)}
.score{font-weight:700;font-variant-numeric:tabular-nums;text-align:center}
.hit{display:inline-block;background:var(--go-soft);color:#166534;font-weight:700;font-size:12.5px;padding:3px 8px;border-radius:999px}
.empty{padding:var(--s3) var(--s2);color:var(--muted)}
.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:15px;background:var(--panel)}
caption{text-align:left;padding:10px var(--s2);color:var(--muted);font-size:13px}
th,td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600;vertical-align:bottom}
time.t{white-space:nowrap}
.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--s1);row-gap:0;margin:var(--s2) 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:2px}.card small{color:var(--muted);font-size:12px;line-height:1.3}.card b{font-size:20px;font-variant-numeric:tabular-nums}
tr:last-child td{border-bottom:0}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
td.rank{color:var(--muted);width:36px}
.offer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s2);align-items:center;background:var(--head);color:#fff;border-radius:10px;padding:var(--s2);margin:var(--s2) 0}
.offer strong{font-size:18px;display:block}.offer small{color:#94a3b8}
aside .box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:var(--s2);margin-bottom:var(--s2)}
aside h2{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--s1)}
aside ul,footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14.5px}
.faq h3{margin-top:var(--s2)}
.method{display:grid;gap:6px;padding-left:20px;margin:0 0 var(--s2)}
footer.site{background:var(--head);color:#cbd5e1;margin-top:48px;padding:var(--s4) 0;font-size:14px}
footer.site a{color:#cbd5e1}
.fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
footer h2{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0 0 var(--s1)}
.legal{border-top:1px solid #1e293b;margin-top:var(--s3);padding-top:var(--s2);color:#94a3b8;font-size:13px}
.sticky{position:fixed;left:0;right:0;bottom:0;background:#052e16;color:#fff;padding:10px var(--s2);display:flex;justify-content:center;align-items:center;gap:var(--s2);font-size:14.5px;z-index:20}
.sticky .btn{padding:7px 14px;font-size:14px}
.picker{position:relative}
#langbtn{background:#1e293b;color:#fff;border:0;border-radius:6px;padding:5px 10px;cursor:pointer;font:inherit;font-size:13px;text-transform:none;letter-spacing:0}
#langpanel{position:absolute;right:0;top:34px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px;z-index:30;width:min(260px,calc(100vw - 32px));text-transform:none;letter-spacing:0;font-size:14px}
[dir=rtl] #langpanel{right:auto;left:0}
#langq{width:100%;box-sizing:border-box;padding:7px 8px;border:1px solid var(--line);border-radius:6px;font:inherit;margin-bottom:4px}
#langpanel ul{margin:0;padding:0;max-height:min(60vh,420px);overflow:auto}
#langpanel li{padding:7px 8px;border-radius:6px;cursor:pointer;list-style:none}
#langpanel li[hidden]{display:none}
#langpanel li:hover,#langpanel li[aria-selected=true]{background:var(--bg)}
.wheelbox{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--s2);align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:var(--s2);margin:var(--s2) 0}
.wheel{position:relative;width:150px;height:150px}
.wheel svg{width:100%;height:100%;transition:transform 3.2s cubic-bezier(.17,.67,.2,1)}
.wheel:after{content:"";position:absolute;left:50%;top:-4px;transform:translateX(-50%);border:9px solid transparent;border-top:14px solid var(--ink)}
.wheelbox h2{margin:0 0 4px;font-size:19px}
#wheelout{min-height:24px;font-weight:600;margin:var(--s1) 0 0}
@media (max-width:860px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s1)}.grid{grid-template-columns:minmax(0,1fr)}.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:25px}
 .pred{grid-template-columns:44px minmax(0,1fr) 64px;row-gap:var(--s1)}.pred>*{order:1}.pred .odds{order:2}.pred .prob{order:3;grid-column:2/-1;grid-template-columns:44px minmax(0,1fr);align-items:center}
 .pred .prob small{display:none}.pred .act{order:4;grid-column:1/-1}.pred .act .btn{display:block}.pred .act:empty{display:none}
 .wheelbox{grid-template-columns:110px minmax(0,1fr)}.wheel{width:110px;height:110px}.offer{grid-template-columns:minmax(0,1fr)}.offer .btn{display:block}}
a.teams{color:inherit}a.teams:hover{text-decoration:none;color:#0b6b3a}
.mhead{display:grid;grid-template-columns:minmax(0,1fr) 170px 170px;gap:var(--s3);align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:var(--s2);margin:var(--s2) 0}
.teams.big{font-size:20px;gap:6px}.teams.big img{width:28px;height:28px}.mhead .intro{margin:8px 0 0}
.final{display:grid;gap:6px;justify-items:start}.final b{font-size:26px;font-variant-numeric:tabular-nums}.final small{color:var(--muted);font-size:12px}
.form{padding:4px var(--s2)}.formrow{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding:10px 0;border-bottom:1px solid var(--line)}.formrow:last-child{border-bottom:0}
.chip{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;font-size:12px;font-weight:700;margin-left:4px;color:#fff;background:#94a3b8}.chip.w{background:var(--go)}.chip.l{background:#475569}
td.mid,th.mid{text-align:center;color:var(--muted)}
@media (max-width:860px){.mhead{grid-template-columns:minmax(0,1fr)}.final .btn{justify-self:stretch}}