@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;600;700;800&display=swap";*{box-sizing:border-box}.prediction-page{color:#0a241c;background:#f3f5ef;min-height:100vh;font-family:Inter,Arial,sans-serif}.prediction-header{background:#fff;border-bottom:1px solid #dce3da;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:10px max(22px,50vw - 560px);display:flex}.prediction-header>a{color:#135f46;align-items:center;gap:6px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.prediction-header>div{align-items:center;gap:10px;display:flex}.prediction-header img{object-fit:contain;width:47px;height:47px}.prediction-header span,.prediction-header small{display:block}.prediction-header strong{font:900 20px/1 Barlow Condensed,sans-serif}.prediction-header small{color:#718078;letter-spacing:.14em;margin-top:4px;font-size:8px;font-weight:800}.prediction-hero{color:#fff;background:radial-gradient(circle at 83% 20%,#c7ef3b2e,#0000 28%),linear-gradient(135deg,#061b16,#124d38);padding:66px max(22px,50vw - 560px) 96px}.free-badge{color:#d2f65b;letter-spacing:.12em;background:#c7ef3b1a;border:1px solid #c7ef3b73;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;font-weight:900;display:inline-flex}.prediction-hero h1{letter-spacing:-.025em;text-transform:uppercase;max-width:800px;margin:20px 0 14px;font:900 clamp(44px,7vw,79px)/.91 Barlow Condensed,sans-serif}.prediction-hero h1 em{color:#c7ef3b;font-style:normal}.prediction-hero>p{color:#d1ded9;max-width:610px;margin:0;font-size:14px;line-height:1.7}.trust-row{gap:24px;margin-top:28px;display:flex}.trust-row span{color:#fff;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.prediction-card{background:#fff;border:1px solid #dce3da;width:min(1120px,100% - 32px);margin:-48px auto 0;box-shadow:0 24px 55px #06231b1f}.prediction-title{border-bottom:1px solid #e0e6df;justify-content:space-between;align-items:center;min-height:90px;padding:22px 28px;display:flex}.prediction-title span{color:#718078;letter-spacing:.14em;font-size:9px;font-weight:900}.prediction-title h2{text-transform:uppercase;margin:5px 0 0;font:800 27px/1 Barlow Condensed,sans-serif}.prediction-title>strong{color:#135f46;letter-spacing:.1em;background:#edf4e6;border-radius:5px;padding:8px 10px;font-size:9px}.prediction-list{padding:0 28px}.prediction-match{border-bottom:1px solid #e6eae5;padding:22px 0}.match-number{color:#135f46;letter-spacing:.12em;justify-content:space-between;margin-bottom:14px;font-size:9px;font-weight:900;display:flex}.match-number small{color:#7b8882;letter-spacing:.04em;font-weight:700}.prediction-sides{grid-template-columns:minmax(0,1fr) 54px 14px 54px minmax(0,1fr);align-items:center;gap:10px;display:grid}.predict-team{align-items:center;gap:12px;display:flex}.predict-team:last-child{text-align:right;flex-direction:row-reverse}.predict-team img,.predict-team>span{object-fit:contain;background:#fff;border:1px solid #dde4dd;border-radius:8px;flex:0 0 42px;width:42px;height:42px}.predict-team>span{color:#fff;background:#135f46;place-items:center;font-weight:900;display:grid}.predict-team strong{font-size:14px}.prediction-sides input{text-align:center;color:#0a241c;background:#f8faf6;border:2px solid #cfd8cf;border-radius:8px;width:54px;height:50px;font:900 22px Barlow Condensed,sans-serif}.prediction-sides input:focus{border-color:#135f46;outline:3px solid #c7ef3b73}.prediction-sides b{text-align:center;color:#87938d}.prediction-match>p{text-align:center;color:#8a958f;margin:11px 0 0;font-size:9px}.saved-message{color:#135f46;background:#edf8e5;align-items:center;gap:9px;margin:20px 28px 0;padding:13px 16px;font-size:12px;font-weight:700;display:flex}.prediction-actions{justify-content:flex-end;gap:10px;padding:25px 28px 28px;display:flex}.prediction-actions button{cursor:pointer;border-radius:7px;min-height:48px;padding:0 20px;font-size:11px;font-weight:900}.clear-button{color:#54635d;background:#fff;border:1px solid #d8ded8;align-items:center;gap:7px;display:flex}.save-button{color:#fff;background:#135f46;border:1px solid #135f46;min-width:230px}.save-button:disabled{color:#869189;cursor:not-allowed;background:#dfe4df;border-color:#cbd3cb}.prediction-note{text-align:center;color:#748078;width:min(1120px,100% - 32px);margin:18px auto 55px;font-size:10px}.prediction-page>footer{color:#fff;background:#071b17;align-items:center;gap:12px;min-height:100px;padding:20px max(22px,50vw - 560px);display:flex}.prediction-page>footer img{object-fit:contain;background:#fff;border-radius:9px;width:50px;height:50px}.prediction-page>footer span,.prediction-page>footer small{display:block}.prediction-page>footer strong{font:800 16px Barlow Condensed,sans-serif}.prediction-page>footer small{color:#a9bbb4;margin-top:5px;font-size:9px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=650px){.prediction-header{min-height:66px;padding:8px 14px}.prediction-header>a:last-child{font-size:0}.prediction-header>a:last-child:after{content:"Advert";font-size:10px}.prediction-header img{width:40px;height:40px}.prediction-hero{padding:48px 20px 78px}.prediction-hero h1{font-size:47px}.trust-row{flex-direction:column;align-items:flex-start;gap:10px}.prediction-card{margin-top:-38px}.prediction-title{padding:18px}.prediction-title h2{font-size:23px}.prediction-title>strong{font-size:8px}.prediction-list{padding:0 14px}.prediction-match{padding:20px 0}.prediction-sides{grid-template-columns:minmax(0,1fr) 43px 8px 43px minmax(0,1fr);gap:5px}.predict-team{text-align:center;flex-direction:column;gap:6px}.predict-team:last-child{text-align:center;flex-direction:column}.predict-team img,.predict-team>span{flex-basis:36px;width:36px;height:36px}.predict-team strong{font-size:10px;line-height:1.2}.prediction-sides input{width:43px;height:44px}.prediction-actions{grid-template-columns:auto 1fr;padding:20px 14px;display:grid}.prediction-actions button{padding:0 12px}.save-button{min-width:0}.clear-button{font-size:0!important}.clear-button svg{margin:auto}.saved-message{margin:16px 14px 0}.match-number small{font-size:8px}.prediction-note{margin-bottom:35px}}.participant-fields{background:#f6f8f3;border-bottom:1px solid #e1e6e0;grid-template-columns:1fr 1fr;gap:18px;padding:24px 28px;display:grid}.participant-fields label{color:#24463a;text-transform:uppercase;letter-spacing:.06em;gap:8px;font-size:10px;font-weight:900;display:grid}.participant-fields input{background:#fff;border:1px solid #cbd5cc;border-radius:7px;height:48px;padding:0 13px;font:500 14px Inter,sans-serif}.prediction-sides{grid-template-columns:1fr auto 1fr;margin-bottom:17px}.prediction-sides>span{color:#8a958f;font:900 13px Barlow Condensed,sans-serif}.prediction-match fieldset{border:0;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;display:grid}.prediction-match legend{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.prediction-match fieldset label{text-align:center;cursor:pointer;background:#f8faf6;border:1px solid #d7ded7;border-radius:7px;gap:3px;padding:12px 8px;display:grid;position:relative}.prediction-match fieldset label.selected{background:#e7f2df;border-color:#135f46;box-shadow:inset 0 0 0 1px #135f46}.prediction-match fieldset input{opacity:0;position:absolute}.prediction-match fieldset b{color:#153d2e;font-size:10px}.prediction-match fieldset small{color:#748078;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.result-line{background:#edf6e8;border-radius:5px;color:#135f46!important;padding:9px!important;font-weight:800!important}.prediction-error{color:#a52f28;background:#fff0ef;margin:20px 28px 0;padding:13px 16px;font-size:12px;font-weight:700}.prediction-empty{text-align:center;color:#135f46;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:45px;display:flex}.prediction-empty h2{margin:14px 0 6px}.prediction-empty p{color:#748078;margin:0}.leaderboard{background:#fff;border:1px solid #dce3da;width:min(1120px,100% - 32px);margin:24px auto 0;box-shadow:0 15px 35px #06231b12}.leaderboard>div{border-bottom:1px solid #e0e6df;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:82px;padding:18px 26px;display:grid}.leaderboard>div>span{color:#c7ef3b;background:#135f46;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.leaderboard p{color:#718078;letter-spacing:.12em;margin:0;font-size:9px;font-weight:900}.leaderboard h2{text-transform:uppercase;margin:3px 0 0;font:800 25px Barlow Condensed,sans-serif}.leaderboard>div>strong{color:#135f46;letter-spacing:.08em;font-size:9px}.leaderboard ol{margin:0;padding:0;list-style:none}.leaderboard li{border-bottom:1px solid #e8ece7;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;min-height:61px;padding:10px 26px;display:grid}.leaderboard li>b{color:#135f46;background:#edf3e8;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.leaderboard li>span{font-size:13px;font-weight:800}.leaderboard li small{color:#88938d;margin-top:3px;font-size:8px;font-weight:500;display:block}.leaderboard li>strong{color:#135f46;font-size:12px}.leaderboard-empty{text-align:center!important;color:#748078!important;padding:36px!important;font-size:12px!important}@media (width<=650px){.participant-fields{grid-template-columns:1fr;gap:13px;padding:18px 14px}.prediction-sides{grid-template-columns:1fr auto 1fr}.prediction-match fieldset{gap:5px}.prediction-match fieldset label{padding:10px 3px}.prediction-match fieldset small{font-size:7px}.leaderboard>div{padding:15px}.leaderboard>div>strong{display:none}.leaderboard li{padding:9px 15px}.prediction-actions{display:block}.prediction-actions .save-button{width:100%}}