:root{--bg: #0d1117;--panel: #161b22;--panel-2: #1c232c;--border: #30363d;--accent: #00c9a7;--accent-dim: rgba(0, 201, 167, .15);--text: #e6edf3;--muted: #8b949e;--home: #00c9a7;--draw: #6e7681;--away: #f0883e;--green: #3fb950;--red: #f85149}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}.container{max-width:1120px;margin:0 auto;padding:0 20px}.header{border-bottom:1px solid var(--border);background:var(--panel)}.header-top{display:flex;align-items:center;justify-content:space-between;padding:18px 0 6px}.badge-wc{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;white-space:nowrap}.header-sub{color:var(--muted);font-size:13px;padding-bottom:16px}.header-sub b{color:var(--text);font-weight:600}.header-right{display:flex;align-items:center;gap:14px}.lang-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.lang-toggle button{background:none;border:none;cursor:pointer;font:inherit;color:var(--muted);padding:2px;transition:color .12s}.lang-toggle button.active{color:var(--accent)}.lang-toggle button:not(.active):hover{color:var(--text)}.lang-toggle .sep{color:var(--border)}.logo{display:block;height:44px;width:auto}.logo-sm{height:30px}.logo-icon{height:36px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 0}.summary-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.summary-card .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.summary-card .value{font-size:30px;font-weight:800;margin-top:6px}.summary-card.accent .value{color:var(--accent)}.filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.filterbar select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px;font-family:inherit;cursor:pointer;min-width:150px}.filterbar select:focus{outline:none;border-color:var(--accent)}.toggle{display:flex;align-items:center;gap:10px;margin-left:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle .track{width:42px;height:24px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;position:relative;transition:all .2s}.toggle .thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:all .2s}.toggle.on .track{background:var(--accent-dim);border-color:var(--accent)}.toggle.on .thumb{left:20px;background:var(--accent)}.toggle span{font-size:14px}.matches{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px}.card-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.card-badge{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:3px 9px;color:var(--text);font-weight:600}.card-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.team{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.team img{width:38px;height:26px;object-fit:cover;border-radius:4px;background:var(--panel-2)}.team .name{font-size:14px;font-weight:600;line-height:1.25;min-height:2.5em;display:flex;align-items:center;justify-content:center}.team .xg{font-size:11px;color:var(--muted)}.team .xg b{color:var(--accent);font-weight:700}.score{font-size:26px;font-weight:800;letter-spacing:1px;white-space:nowrap}.score .dash{color:var(--muted);margin:0 6px}.probs{display:flex;flex-direction:column;gap:7px}.prob-row{display:grid;grid-template-columns:46px 1fr 42px;align-items:center;gap:8px;font-size:12px}.prob-row .pk{color:var(--muted);font-weight:700;font-size:11px;letter-spacing:.3px;white-space:nowrap}.prob-row .pv{text-align:right;font-weight:600}.bar{height:7px;background:var(--panel-2);border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px}.bar.home>span{background:var(--home)}.bar.draw>span{background:var(--draw)}.bar.away>span{background:var(--away)}.section-title{font-size:18px;font-weight:700;margin:36px 0 14px}.pm-wrap{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}table.pm{width:100%;border-collapse:collapse;font-size:14px}table.pm th,table.pm td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}table.pm th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}table.pm tr:last-child td{border-bottom:none}.correct{font-weight:700}.correct.yes{color:var(--green)}.correct.no{color:var(--red)}.footer{border-top:1px solid var(--border);margin-top:48px;padding:24px 0;color:var(--muted);font-size:13px;text-align:center}.footer .logo{margin:0 auto 12px}.footer-text{line-height:1.7}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}.state{color:var(--muted);padding:40px 0;text-align:center}.page-sub{color:var(--muted);font-size:14px;margin:-6px 0 18px}.header-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:4px 0 10px}.nav-links{display:flex;gap:6px}.nav-link{color:var(--muted);text-decoration:none;font-size:14px;font-weight:600;padding:7px 14px;border-radius:8px;transition:all .15s}.nav-link:hover{color:var(--text);background:var(--panel-2)}.nav-link.active{color:var(--accent);background:var(--accent-dim)}.team-search{position:relative}.team-search input{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px;font-family:inherit;min-width:200px}.team-search input:focus{outline:none;border-color:var(--accent)}.search-results{position:absolute;top:calc(100% + 4px);right:0;left:0;z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:8px;list-style:none;overflow:hidden;box-shadow:0 8px 24px #0006}.search-results li{display:flex;align-items:center;gap:9px;padding:9px 12px;cursor:pointer;font-size:14px}.search-results li:hover{background:var(--accent-dim)}.search-results img{width:24px;height:16px;object-fit:cover;border-radius:3px}.search-results .sr-group{margin-left:auto;color:var(--muted);font-size:12px}.card.clickable{cursor:pointer;transition:border-color .15s,transform .1s}.card.clickable:hover{border-color:var(--accent);transform:translateY(-2px)}.card .card-hint{font-size:11px;color:var(--muted);text-align:center;opacity:0;transition:opacity .15s}.card.clickable:hover .card-hint{opacity:1}.card.compact{padding:14px;gap:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a8;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;width:100%;max-width:460px;display:flex;flex-direction:column;gap:16px}.modal-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--muted);font-size:26px;line-height:1;cursor:pointer}.modal-close:hover{color:var(--text)}.modal-head{display:flex;align-items:center;justify-content:space-between;font-size:12px}.modal-head .muted{color:var(--muted)}.modal-teams{margin-top:4px}.team-link{cursor:pointer;border-radius:10px;padding:6px 4px;transition:background .12s}.team-link:hover{background:var(--panel-2)}.team-link:hover .name{color:var(--accent)}.pk-link{background:none;border:none;font-family:inherit;cursor:pointer;color:var(--muted);font-weight:700;font-size:11px;letter-spacing:.3px;padding:0;text-align:left}.pk-link:hover{color:var(--accent);text-decoration:underline}.modal-section h4{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:10px}.score-table{width:100%;border-collapse:collapse}.score-table td{padding:5px 0;font-size:13px}.score-table .ss{white-space:nowrap;font-weight:600;width:70px}.score-table .sb{width:100%;padding:5px 10px}.score-table .sp{text-align:right;width:52px;font-weight:600}.odds-wrap{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.odds-table{width:100%;border-collapse:collapse;font-size:14px}.odds-table th,.odds-table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border)}.odds-table th.num,.odds-table td.num{text-align:center}.odds-table .th-sort{cursor:pointer;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap}.odds-table .th-sort:hover{color:var(--text)}.odds-row{cursor:pointer}.odds-row:hover{background:var(--panel-2)}.odds-table tr:last-child td{border-bottom:none}.team-cell{display:flex;align-items:center;gap:9px;font-weight:600;white-space:nowrap}.team-cell img{width:26px;height:18px;object-fit:cover;border-radius:3px}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.group-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.group-head{font-size:16px;font-weight:800;margin-bottom:12px}.group-teams{display:flex;flex-direction:column;gap:12px}.group-team{cursor:pointer}.group-team:hover .gt-name{color:var(--accent)}.gt-top{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:5px}.gt-top img{width:24px;height:16px;object-fit:cover;border-radius:3px}.gt-name{font-weight:600}.gt-win{margin-left:auto;font-weight:700;color:var(--accent)}.pos-bar{display:flex;height:9px;border-radius:999px;overflow:hidden;background:var(--panel-2)}.pos-bar .seg{display:block;height:100%}.seg.pos1{background:var(--accent)}.seg.pos2{background:#539bf5}.seg.pos3{background:var(--away)}.seg.pos4{background:var(--draw)}.group-legend{display:flex;gap:14px;margin-top:12px;font-size:11px;color:var(--muted)}.group-legend span{display:flex;align-items:center;gap:5px}.group-legend .dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.pos1{background:var(--accent)}.dot.pos2{background:#539bf5}.dot.pos3{background:var(--away)}.dot.pos4{background:var(--draw)}.team-page{padding-top:8px}.back-link{color:var(--muted);text-decoration:none;font-size:14px}.back-link:hover{color:var(--accent)}.team-hero{display:flex;align-items:center;gap:18px;margin:16px 0 28px}.hero-flag{width:88px;height:60px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.team-hero h1{font-size:30px;margin-bottom:8px}.team-section{margin-bottom:28px}.team-section h3{font-size:16px;font-weight:700;margin-bottom:14px}.hbars{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.hbar-row{display:grid;grid-template-columns:130px 1fr 60px;align-items:center;gap:12px;font-size:13px}.hbar-label{color:var(--muted)}.hbar{height:9px;background:var(--panel-2);border-radius:999px;overflow:hidden}.hbar>span{display:block;height:100%;background:var(--draw);border-radius:999px}.hbar>span.accent{background:var(--accent)}.hbar-val{text-align:right;font-weight:600}.card-head-right{display:flex;align-items:center;gap:8px}.tier-badge{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap;letter-spacing:.3px}.tier-badge.tier-link{display:inline-flex;align-items:center;gap:5px;text-decoration:none;cursor:pointer;transition:filter .12s,transform .12s}.tier-badge.tier-link:hover{filter:brightness(1.15);transform:translateY(-1px)}#tiers{scroll-margin-top:80px}.tier-A{background:#3fb95029;color:#3fb950;border-color:#3fb95066}.tier-B{background:#00c9a729;color:var(--accent);border-color:#00c9a766}.tier-C{background:#d2992229;color:#d29922;border-color:#d2992266}.tier-D{background:#8957e529;color:#a371f7;border-color:#8957e566}.tier-E{background:#6e768129;color:var(--muted);border-color:#6e768166}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);margin-top:2px;padding-top:10px;font-size:12px;color:var(--muted)}.foot-venue{display:flex;align-items:center;gap:6px;min-width:0}.foot-venue .temp{font-weight:700;color:var(--text)}.foot-venue .venue{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foot-date{white-space:nowrap;font-weight:600}.modal-venue{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.modal-venue .temp{font-weight:700;color:var(--text)}.btts{display:flex;align-items:center;gap:12px}.btts .bar{flex:1;height:12px}.btts-val{font-weight:700;font-size:14px;min-width:44px;text-align:right}.matrix-wrap{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"away away" "home table";gap:4px 6px;align-items:center}.mx-axis-away{grid-area:away;font-size:11px;color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:1px}.mx-axis-home{grid-area:home}.mx-axis-home span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.score-matrix{grid-area:table;width:100%;border-collapse:separate;border-spacing:3px}.score-matrix th.mx-head{color:var(--muted);font-size:12px;font-weight:700;text-align:center;width:28px}.score-matrix th.mx-corner{width:22px}.mx-cell{text-align:center;font-size:11px;font-weight:600;color:var(--text);border-radius:5px;padding:6px 2px;min-width:30px}.mx-cell.pred{outline:2px solid var(--accent);outline-offset:-2px}.tier-wrap{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.tier-table{width:100%;border-collapse:collapse;font-size:14px}.tier-table th,.tier-table td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--border)}.tier-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.tier-table td.num,.tier-table th.num{text-align:center}.tier-table tr:last-child td{border-bottom:none}.tier-acc{color:var(--accent)}.muted-cell{color:var(--muted)}.about{max-width:760px;margin:0 auto;padding:12px 0 8px}.about-title{font-size:30px;font-weight:800;margin-bottom:12px}.about-lead{color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:22px}.about-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;position:sticky;top:0;background:var(--bg);padding:10px 0;z-index:5}.about-nav a{color:var(--text);text-decoration:none;font-size:14px;font-weight:600;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:8px 16px}.about-nav a:hover{border-color:var(--accent);color:var(--accent)}.about-section{scroll-margin-top:70px;margin:28px 0}.about-section h2{font-size:22px;font-weight:800;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.about-section h3{font-size:16px;font-weight:700;color:var(--accent);margin:22px 0 8px}.about-section p{color:#c9d3dd;font-size:15px;line-height:1.75;margin-bottom:12px}.about-section b{color:var(--text)}.tier-legend{list-style:none;margin:6px 0 16px;display:flex;flex-direction:column;gap:10px}.tier-legend li{display:flex;align-items:center;gap:12px;color:#c9d3dd;font-size:15px}.tier-legend .tier-badge{flex:0 0 auto;min-width:58px;text-align:center}.about-support{margin:36px 0 8px;padding:24px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:14px}.about-support p{color:var(--muted);font-size:15px;margin-bottom:16px}.about-contact{text-align:center;margin:36px 0 8px}.about-contact h2{font-size:20px;font-weight:800;margin-bottom:10px}.about-contact p{color:var(--muted);font-size:15px;margin-bottom:8px}.about-contact a{color:var(--text);text-decoration:none;font-weight:600;font-size:16px;transition:color .12s}.about-contact a:hover{color:var(--accent)}.kofi-btn,.kofi-fab{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-weight:700;text-decoration:none;color:#fff;background:#ff5e5b;border-radius:999px;transition:transform .12s,box-shadow .12s,background .12s}.kofi-btn{font-size:15px;padding:12px 22px}.kofi-btn:hover{background:#ff4744;transform:translateY(-1px)}.kofi-fab{position:fixed;right:20px;bottom:20px;z-index:40;font-size:14px;padding:12px 18px;box-shadow:0 6px 20px #00000073}.kofi-fab:hover{background:#ff4744;transform:translateY(-2px);box-shadow:0 10px 26px #0000008c}@media (max-width: 760px){.summary{grid-template-columns:repeat(2,1fr)}.header-top{flex-direction:column;align-items:flex-start;gap:12px}.hbar-row{grid-template-columns:96px 1fr 52px}.team-search input{min-width:140px}.kofi-fab span{display:none}.kofi-fab{padding:14px}}