:root{--bg:#07110e;--panel:#0c1915;--line:rgba(255,255,255,.09);--text:#f2f7f4;--muted:#91a39b;--green:#b7ff45;--cyan:#51e1c2;--orange:#ff8a4c;--dark:#08130f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Noto Sans SC",sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(100px);opacity:.12}.ambient-one{width:600px;height:600px;background:#65ffc5;top:-300px;right:-150px}.ambient-two{width:500px;height:500px;background:#b7ff45;left:-300px;top:700px}
.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5vw;position:sticky;top:0;background:rgba(7,17,14,.82);backdrop-filter:blur(18px);z-index:10}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:800;font-size:20px}.brand b{color:var(--green)}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--green);color:#07110e;display:grid;place-items:center;font-size:12px}.topbar nav{display:flex;gap:36px;margin-left:10vw;height:100%}.topbar nav a{display:flex;align-items:center;color:var(--muted);text-decoration:none;font-size:14px;border-bottom:2px solid transparent}.topbar nav a:hover,.topbar nav a.active{color:white;border-color:var(--green)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.live-dot{font-size:12px;color:var(--muted)}.live-dot i{width:7px;height:7px;background:var(--green);display:inline-block;border-radius:50%;box-shadow:0 0 12px var(--green);margin-right:7px}.share-button{border:1px solid rgba(183,255,69,.35);background:rgba(183,255,69,.08);color:var(--green);border-radius:20px;padding:9px 14px;font-size:12px;font-weight:700}.icon-button{background:transparent;border:1px solid var(--line);color:white;width:36px;height:36px;border-radius:50%}
main{max-width:1400px;margin:auto;padding:0 5vw}.hero{min-height:520px;display:flex;align-items:center;justify-content:space-between;padding:75px 0 50px}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--green);font-weight:700}.hero h1{font-size:clamp(54px,7vw,98px);line-height:1.02;letter-spacing:-.07em;margin:20px 0}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5)}.hero-copy{width:65%}.hero-copy>p{max-width:670px;color:var(--muted);line-height:1.9;font-size:15px}.hero-stats{display:flex;gap:60px;margin-top:42px}.hero-stats div{display:flex;flex-direction:column;gap:8px}.hero-stats b{font-size:24px}.hero-stats span{font-size:11px;color:var(--muted)}
.orbital{width:330px;height:330px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(183,255,69,.25);border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:300px;height:210px}.orbit-b{width:210px;height:300px;transform:rotate(40deg)}.ball{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eaffbd,#b7ff45 30%,#52a929 72%,#173b20);color:#0b2415;box-shadow:0 0 80px rgba(183,255,69,.26);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px;font-weight:900}.ball span{font-size:12px;letter-spacing:.4em;margin-left:.4em}.orbit-label{position:absolute;border:1px solid var(--line);background:var(--panel);padding:7px 10px;font-size:9px;letter-spacing:.15em;color:var(--green)}.label-a{top:55px;right:20px}.label-b{bottom:50px;left:25px}.label-c{top:120px;left:-5px}
.match-strip{display:flex;align-items:center;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02);padding:10px;gap:14px}.section-label{padding:0 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;white-space:nowrap}.section-label span{font-weight:700;font-size:14px}.section-label small{color:var(--green);font-size:8px;letter-spacing:.15em}.match-tabs{display:flex;gap:8px;flex:1;overflow:auto}.match-tab{border:1px solid transparent;background:transparent;color:var(--muted);padding:12px 16px;border-radius:10px;white-space:nowrap;display:flex;gap:12px;align-items:center}.match-tab:hover,.match-tab.active{background:rgba(183,255,69,.08);border-color:rgba(183,255,69,.22);color:white}.match-tab span{font-size:18px}.match-tab div{font-size:11px;line-height:1.5}.match-tab b{color:white}.view-all{color:var(--green);background:transparent;border:0;font-size:11px;white-space:nowrap;padding:15px}
.prediction-panel{position:relative;margin-top:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(18,38,31,.95),rgba(8,20,15,.96));overflow:hidden}.paywall{position:absolute;inset:0;z-index:4;background:rgba(7,17,14,.82);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.paywall.hidden,.toast.hidden{display:none}.paywall-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(183,255,69,.12);border:1px solid rgba(183,255,69,.3);color:var(--green);font-size:20px;margin-bottom:18px}.paywall>span{color:var(--green);font-size:9px;letter-spacing:.18em}.paywall h3{font-size:25px;margin:12px 0}.paywall p{color:var(--muted);font-size:11px}.paywall button{margin:18px 0 12px;border:0;border-radius:9px;background:var(--green);color:#0b2114;font-weight:800;padding:13px 25px}.paywall small{color:var(--muted);font-size:9px}.paywall .payment-note{margin:12px 0 0;color:#71847b;font-size:9px}.panel-head{padding:24px 28px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.match-tag{color:var(--green);font-size:10px;font-weight:700;letter-spacing:.14em}.panel-head h2{font-size:13px;margin:8px 0 0}.kickoff{text-align:right;display:flex;flex-direction:column;gap:6px}.kickoff span{font-size:9px;color:var(--muted);letter-spacing:.1em}.kickoff b{font-size:12px}.versus-grid{display:grid;grid-template-columns:1fr 230px 1fr;align-items:center;padding:50px 7% 38px}.team{display:flex;align-items:center;gap:24px}.team-away{justify-content:flex-end;text-align:right}.flag{font-size:62px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.3))}.team small{color:var(--green);font-size:10px}.team h3{font-size:32px;margin:8px 0 10px}.form{font-size:11px;color:var(--muted)}.ai-core{text-align:center;border-left:1px solid var(--line);border-right:1px solid var(--line)}.confidence{font-size:9px;color:var(--muted)}.confidence i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:4px}.confidence b{color:var(--green)}.score-predict{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0}.score-predict span{font-size:50px;font-weight:800}.score-predict em{font-style:normal;color:var(--muted);font-size:25px}.ai-core>small{font-size:9px;color:var(--muted)}
.probabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 7%}.prob-card{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:white;padding:17px;text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center}.prob-card:hover,.prob-card.active{border-color:rgba(183,255,69,.5);background:rgba(183,255,69,.06)}.prob-card span{font-size:12px}.prob-card b{font-size:26px}.prob-card small{color:var(--muted);font-size:9px;margin-top:5px}.prob-bar{height:4px;margin:20px 7%;display:flex;gap:2px}.prob-bar span{display:block;transition:width .5s}.prob-bar span:first-child{background:var(--green)}.prob-bar span:nth-child(2){background:var(--cyan)}.prob-bar span:last-child{background:var(--orange)}.market-method{display:flex;align-items:center;gap:8px;padding:0 7% 18px;color:var(--muted);font-size:8px;flex-wrap:wrap}.market-method span{letter-spacing:.1em}.market-method b,.market-method i{font-style:normal;border:1px solid var(--line);border-radius:20px;padding:5px 8px}.market-method b{color:var(--green);border-color:rgba(183,255,69,.25)}.simulation-row{border-top:1px solid var(--line);padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.simulation-row p{color:var(--muted);font-size:11px;line-height:1.8;margin:0}.simulation-row p b{color:white}.analysis-actions{display:flex;gap:7px}.simulation-row button{background:var(--green);border:0;color:#0b2114;border-radius:8px;padding:11px 16px;font-size:11px;font-weight:800;white-space:nowrap}.simulation-row #simulateBtn{background:transparent;color:var(--green);border:1px solid rgba(183,255,69,.3)}.simulation-row button:active{transform:scale(.97)}
.analysis-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin:14px 0}.data-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:24px;min-height:355px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.card-title div{display:flex;align-items:center;gap:10px}.card-title span{color:var(--green);font-size:9px}.card-title h3{font-size:13px;margin:0}.card-title small{font-size:8px;letter-spacing:.15em;color:var(--muted)}.factor-list{display:flex;flex-direction:column;gap:21px}.factor-line{display:grid;grid-template-columns:90px 1fr 32px;gap:10px;align-items:center}.factor-line label{font-size:10px;color:var(--muted)}.factor-track{height:5px;background:rgba(255,255,255,.06);border-radius:10px;overflow:hidden}.factor-track i{height:100%;display:block;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:10px;transition:width .5s}.factor-line b{font-size:10px;text-align:right}.radar-card canvas{width:100%;height:245px}.legend{display:flex;justify-content:center;gap:28px;color:var(--muted);font-size:9px}.legend span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.mexico-dot:before{background:var(--green)}.canada-dot:before{background:var(--cyan)}.form-team{display:grid;grid-template-columns:70px 1fr;align-items:center;margin:25px 0}.form-team b{font-size:11px}.form-team div{display:flex;gap:6px}.result{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;font-size:9px;font-weight:700}.result.w{background:rgba(183,255,69,.15);color:var(--green)}.result.d{background:rgba(81,225,194,.12);color:var(--cyan)}.result.l{background:rgba(255,138,76,.12);color:var(--orange)}.trend-note{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:12px;align-items:start}.trend-note span{color:var(--green);font-size:20px}.trend-note p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}
.champion-section{border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#10231a,#09140f);padding:45px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;margin-top:14px}.champion-copy h2{font-size:45px;line-height:1.15;margin:15px 0}.champion-copy p{color:var(--muted);font-size:11px;line-height:1.9}.champion-copy a{display:inline-block;color:var(--green);font-size:11px;margin-top:18px;text-decoration:none}.champion-list{display:flex;flex-direction:column;gap:14px}.champion-row{display:grid;grid-template-columns:35px 100px 1fr 45px;align-items:center;gap:12px}.champion-row>span{font-size:20px}.champion-row b{font-size:11px}.champion-track{height:6px;background:rgba(255,255,255,.07);border-radius:10px}.champion-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--cyan),var(--green))}.champion-row em{font-style:normal;color:var(--green);font-size:11px;text-align:right}.model-section{margin:70px 0 35px;border-top:1px solid var(--line);padding:50px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.model-section h2{font-size:40px;margin:12px 0}.model-section p{color:var(--muted);font-size:12px;line-height:2;margin:0}.model-chips{grid-column:2;display:flex;gap:8px}.model-chips span{border:1px solid var(--line);border-radius:30px;padding:8px 13px;font-size:9px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 5vw;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;max-width:1400px;margin:auto}.toast{position:fixed;z-index:30;left:50%;bottom:25px;transform:translateX(-50%);background:#efffd8;color:#102014;border-radius:9px;padding:12px 18px;font-size:11px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.3)}
@media(max-width:900px){.topbar nav{display:none}.hero{min-height:auto;padding:70px 0}.hero-copy{width:100%}.orbital{display:none}.hero-stats{gap:25px}.match-strip{overflow:hidden}.section-label,.view-all{display:none}.versus-grid{grid-template-columns:1fr 100px 1fr;padding:35px 15px}.team{gap:8px;flex-direction:column;text-align:center}.team-away{flex-direction:column-reverse}.flag{font-size:38px}.team h3{font-size:20px}.ai-core{border:0}.score-predict span{font-size:35px}.probabilities{padding:0 15px}.analysis-grid{grid-template-columns:1fr}.champion-section,.model-section{grid-template-columns:1fr}.model-chips{grid-column:auto;flex-wrap:wrap}}@media(max-width:600px){main{padding:0 14px}.topbar{padding:0 14px}.live-dot{display:none}.hero h1{font-size:51px}.hero-stats b{font-size:18px}.hero-stats span{font-size:9px}.panel-head{padding:18px}.panel-head h2{max-width:160px}.prob-card{display:flex;flex-direction:column;align-items:start;padding:12px}.prob-card b{font-size:22px}.prob-card small{display:none}.simulation-row{padding:16px;align-items:flex-start;flex-direction:column}.simulation-row button{width:100%}.champion-section{padding:24px}.champion-row{grid-template-columns:28px 70px 1fr 38px}.model-section{margin-top:35px}.model-section h2{font-size:32px}footer{padding:22px 14px;gap:12px;flex-direction:column}}

/* Readability pass: keep supporting text comfortable on modern displays. */
.eyebrow{font-size:13px}.hero-stats span{font-size:13px}.section-label small{font-size:11px}
.match-tab div,.view-all{font-size:13px}.match-tag,.team small{font-size:12px}.panel-head h2{font-size:15px}
.kickoff span,.confidence,.ai-core>small{font-size:11px}.kickoff b,.form{font-size:13px}
.paywall>span,.paywall small,.paywall .payment-note{font-size:12px}.paywall p{font-size:14px}
.prob-card span{font-size:14px}.prob-card small{font-size:12px}
.market-method{gap:10px;padding-bottom:22px;font-size:13px}.market-method b,.market-method i{padding:7px 11px}
.team-profiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 7% 16px}.team-profile{border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02);padding:18px;display:grid;grid-template-columns:110px 1fr;gap:18px}.team-profile>div{border-right:1px solid var(--line)}.team-profile>div span{font-size:30px}.team-profile h4{font-size:17px;margin:8px 0 4px}.team-profile small{font-size:11px;color:var(--green);letter-spacing:.1em}.team-profile dl{display:grid;grid-template-columns:115px 1fr;gap:9px 12px;margin:0;align-content:center}.team-profile dt{font-size:12px;color:var(--muted)}.team-profile dd{font-size:13px;margin:0;color:white}.profile-note{padding:0 7% 20px;margin:0;color:var(--muted);font-size:11px}
.simulation-row{padding:24px 28px}.simulation-row p{font-size:16px;line-height:1.75;max-width:850px}.simulation-row p b{font-size:17px}
.simulation-row button{font-size:14px;padding:13px 18px}
.card-title span,.card-title small{font-size:11px}.card-title h3{font-size:15px}
.factor-line label,.factor-line b{font-size:13px}.legend,.form-team b,.result{font-size:12px}
.trend-note{gap:18px;padding-top:26px}.trend-note span{font-size:32px}.trend-note p{font-size:15px;line-height:1.9}
.champion-copy p,.champion-copy a,.champion-row b,.champion-row em{font-size:13px}
.model-section p{font-size:15px;line-height:1.9}.model-chips span,footer{font-size:12px}
.toast{font-size:14px}
.share-modal{position:fixed;z-index:50;inset:0;background:rgba(3,10,7,.86);backdrop-filter:blur(12px);display:grid;place-items:center;padding:24px}.share-modal.hidden{display:none}.share-dialog{width:min(900px,95vw);max-height:94vh;overflow:auto;background:#0d1d16;border:1px solid rgba(183,255,69,.25);border-radius:20px;padding:25px;position:relative;display:grid;grid-template-columns:1fr minmax(260px,380px);gap:25px;align-items:center}.share-dialog h3{font-size:25px;margin:12px 0}.share-dialog p{font-size:14px;color:var(--muted);line-height:1.7}.share-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:transparent;color:white;font-size:22px}.share-dialog canvas,.share-poster-image{width:100%;border-radius:12px;background:#07110e}.share-poster-image.hidden,.wechat-save-tip.hidden{display:none}.wechat-save-tip{grid-column:2;margin:0;text-align:center;color:var(--green)!important;font-size:13px!important;line-height:1.7}.share-actions{display:flex;gap:8px;grid-column:1}.share-actions button{border:1px solid rgba(183,255,69,.35);border-radius:8px;padding:12px 16px;background:var(--green);color:#08130f;font-size:13px;font-weight:800}.share-actions button:last-child{background:transparent;color:var(--green)}
@media(max-width:900px){.team-profiles{grid-template-columns:1fr}.share-dialog{grid-template-columns:1fr;max-width:430px}.share-actions,.wechat-save-tip{grid-column:auto}.share-dialog canvas,.share-poster-image{max-width:360px;margin:auto}}@media(max-width:600px){.market-method{font-size:12px;padding-left:15px;padding-right:15px}.team-profiles{padding-left:15px;padding-right:15px}.team-profile{grid-template-columns:80px 1fr;padding:14px}.team-profile dl{grid-template-columns:1fr}.team-profile dt{margin-top:5px}.profile-note{padding-left:15px;padding-right:15px}.simulation-row p{font-size:15px}.simulation-row p b{font-size:16px}.analysis-actions{width:100%;flex-direction:column}.trend-note p{font-size:14px}.hero-stats span{font-size:11px}.share-button{font-size:11px;padding:8px 10px}.share-modal{padding:10px}.share-dialog{padding:20px}.share-actions{flex-direction:column}}