:root{color:#05070d;background:#f3f5f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.35}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}#app{min-height:100vh}.phone-screen{background:radial-gradient(circle at 94% 18%,#d8dfecb8,#0000 24%),linear-gradient(#fff 0%,#f3f5f9 100%);width:100%;min-height:100vh;padding:clamp(24px,4vw,56px);position:relative}.home-screen{padding-top:clamp(24px,4vw,48px);overflow:hidden}.home-screen:before{z-index:0;content:"";background:linear-gradient(#05070d1a 0%,#f3f5f92e 42%,#f3f5f99e 76%,#f3f5f9 100%),linear-gradient(90deg,#d7183252,#2563eb4d),url(/banner.png) top/cover no-repeat;height:min(86vw,820px);position:fixed;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0% 54%,#000000b8 74%,#0000 100%);mask-image:linear-gradient(#000 0% 54%,#000000b8 74%,#0000 100%)}.home-screen:after{z-index:0;content:"";pointer-events:none;background:linear-gradient(#f3f5f900 0% 54%,#f3f5f9 100%);height:min(92vw,900px);position:fixed;inset:0 0 auto}.home-screen>*{z-index:1;position:relative}.detail-screen{background:radial-gradient(circle at 94% 18%,#d8dfecb8,#0000 24%),linear-gradient(#fff 0%,#f3f5f9 100%);width:100%;min-height:100vh;padding:clamp(24px,4vw,56px)}.page-header{grid-template-columns:44px 1fr 44px;align-items:center;width:min(1180px,100%);margin:0 auto 28px;display:grid}.page-header h1{text-align:center;margin:0;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:900}.back-button{color:#080b12;cursor:pointer;background:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:1.8rem;line-height:1;box-shadow:0 8px 22px #0f172a14}.next-match-panel{gap:18px;width:min(1180px,100%);margin:0 auto 34px;display:grid}.next-match-label{color:#121826;background:#ffffffd1;border-radius:999px;justify-self:center;padding:8px 16px;font-size:.86rem;font-weight:950;box-shadow:0 10px 28px #0f172a1a}.next-countdown{grid-template-columns:repeat(4,minmax(90px,1fr));gap:14px;display:grid}.next-countdown div{background:#ffffffdb;border:1px solid #ffffffad;border-radius:18px;justify-items:center;gap:4px;padding:16px 12px;display:grid;box-shadow:0 18px 38px #0f172a1f}.next-countdown strong{color:#05070d;font-size:clamp(2rem,5vw,4.2rem);font-weight:950;line-height:.95}.next-countdown span{color:#687386;text-transform:uppercase;font-size:.78rem;font-weight:850}.next-match-card{color:#fff;cursor:pointer;text-align:initial;background:linear-gradient(125deg,#d71832f0,#581e58eb 52%,#2563ebe6),#fff3;border:0;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(220px,.62fr) minmax(0,1fr);align-items:center;gap:22px;padding:clamp(24px,4vw,42px);display:grid;box-shadow:0 26px 54px #0f172a2e}.next-team{align-items:center;gap:14px;min-width:0;font-size:clamp(1.25rem,3vw,2.2rem);font-weight:950;display:flex}.next-team.home{text-align:right;justify-content:flex-end}.next-team.away{justify-content:flex-start}.next-team span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.next-team img{object-fit:contain;flex:0 0 72px;width:72px;height:72px}.next-match-center{text-align:center;justify-items:center;gap:6px;display:grid}.next-match-center strong{color:#fff;text-transform:uppercase;background:#ffffff2b;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:950}.next-match-center span{color:#fff;font-size:clamp(1.25rem,3vw,2rem);font-weight:950}.next-match-center small{color:#ffffffc7;font-size:.84rem;font-weight:750}.next-match-info{color:#ffffffd1;text-align:center;border-top:1px solid #ffffff3d;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(160px,.75fr) minmax(0,1fr);align-items:center;gap:16px;padding-top:18px;font-size:.86rem;font-weight:850;display:grid}.next-match-info span:first-child{text-align:left}.next-match-info span:last-child{text-align:right}.following-section,.history-section{width:min(1180px,100%);margin:0 auto}.history-section{border-top:1px solid #cbd5e1b8;margin-top:42px;padding-top:34px}.section-heading.compact{width:min(1180px,100%);margin:0 auto 18px}.pagination{color:#687386;justify-content:center;align-items:center;gap:12px;margin:22px auto 0;font-size:.86rem;font-weight:850;display:flex}.pagination button{color:#101828;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:999px;min-height:40px;padding:0 16px;font-weight:900}.pagination button:disabled{cursor:not-allowed;opacity:.46}.league-tabs{gap:14px;width:min(1180px,100%);margin:0 auto 32px;display:flex}.league-tab{color:#161922;cursor:pointer;background:#eceef2;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:154px;min-height:40px;padding:0 18px;font-size:.9rem;font-weight:750;display:inline-flex}.league-tab.active{background:#ffe500;box-shadow:0 8px 18px #ffd0003d}.league-icon{color:#fff;background:#3b1158;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.6rem;font-weight:900;display:grid}.league-icon.color{background:linear-gradient(135deg,#ef4444,#22c55e 48%,#3b82f6)}.fixture-list{grid-template-columns:1fr;gap:18px;width:min(1180px,100%);margin:0 auto;display:grid}.fixture-card{min-height:148px;color:inherit;cursor:pointer;font:inherit;text-align:initial;background:#fffffff0;border:1px solid #e2e8f0b8;border-radius:18px;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);align-items:center;padding:22px 22px 18px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 16px 34px #0f172a14}.fixture-status{grid-column:1/-1;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.fixture-status strong{color:#3b1158;background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:900}.fixture-card:hover{transform:translateY(-2px);box-shadow:0 20px 42px #0f172a1f}.fixture-context{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(180px,.9fr) minmax(0,1fr);align-items:stretch;gap:14px;margin:16px 0 0;display:grid}.fixture-context.centered{grid-template-columns:1fr}.fixture-context.centered .venue-note{justify-self:center;width:min(420px,100%)}.coach-note,.venue-note{align-content:center;gap:4px;min-width:0;padding:0 8px;display:grid}.coach-note.home{text-align:left}.coach-note.away{text-align:right}.venue-note{text-align:center}.coach-note strong,.venue-note strong{color:#121826;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.84rem;font-weight:900;overflow:hidden}.coach-note span,.venue-note span{color:#687386;font-size:.76rem;font-weight:750}.fixture-estimates{border-top:1px solid #e6ebf2;grid-column:1/-1;gap:10px;margin-top:18px;padding-top:14px;display:grid}.fixture-estimates-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.fixture-estimates-head span{color:#101828;font-size:.88rem;font-weight:950}.fixture-estimates-head small{color:#687386;font-size:.76rem;font-weight:750}.fixture-estimate-list{gap:8px;display:grid}.fixture-estimate-row{background:#f7f8fb;border-radius:12px;grid-template-columns:minmax(120px,1fr) 84px minmax(110px,.7fr);align-items:center;gap:12px;min-height:40px;padding:8px 12px;display:grid}.fixture-estimate-row strong,.fixture-estimate-row span,.fixture-estimate-row em{color:#101828;font-size:.82rem;font-weight:900}.fixture-estimate-row span{justify-self:center}.fixture-estimate-row em{color:#687386;justify-self:end;font-style:normal}.fixture-estimates p{color:#687386;margin:0;font-size:.82rem;font-weight:750}.team-side{color:#05070d;align-items:center;gap:10px;min-width:0;font-size:.95rem;font-weight:850;display:flex}.team-side.home{text-align:right;justify-content:flex-end}.team-side.away{justify-content:flex-start}.team-side span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.team-side img,.team-fallback{border-radius:50%;flex:0 0 40px;width:40px;height:40px}.team-side img{object-fit:contain}.team-fallback{color:#687386;text-transform:uppercase;background:#eef1f5;place-items:center;font-size:.75rem;font-weight:900;display:grid}.kickoff{justify-items:center;gap:2px;display:grid}.kickoff strong{color:#ef2b2d;font-size:1rem;font-weight:950}.kickoff small{color:#8a93a3;font-size:.72rem;font-weight:650}.content-state{color:#697386;text-align:center;background:#ffffffe6;border-radius:18px;width:min(1180px,100%);margin:0 auto;padding:28px;font-size:.95rem;font-weight:750;box-shadow:0 16px 34px #0f172a14}.content-state.error{color:#b42318}.route-state{margin-top:clamp(24px,4vw,56px)}.match-hero,.detail-panel{width:min(1180px,100%);margin:0 auto}.match-hero{color:#fff;background:radial-gradient(circle at 10% 80%,#d718328f,#0000 32%),radial-gradient(circle at 90% 80%,#3b82f699,#0000 36%),linear-gradient(125deg,#d71832 0%,#76245e 54%,#74a7d9 100%);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(220px,.72fr) minmax(0,1fr);align-items:center;gap:22px;padding:clamp(24px,4vw,42px);display:grid;box-shadow:0 22px 46px #5c1f4933}.detail-team{text-align:center;justify-items:center;gap:8px;min-width:0;display:grid}.detail-team small{color:#ffffffc2;text-transform:uppercase;font-size:.78rem;font-weight:900}.detail-team img,.detail-team .team-fallback{object-fit:contain;background:#ffffff2e;border:5px solid #ffffffb3;border-radius:50%;width:82px;height:82px}.detail-team strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(1rem,2vw,1.45rem);font-weight:950;overflow:hidden}.detail-score{text-align:center;justify-items:center;gap:8px;display:grid}.detail-score small,.detail-score span{color:#ffffffc7;font-size:.86rem;font-weight:750}.detail-score strong{font-size:clamp(2.8rem,7vw,5.4rem);font-weight:950;line-height:1}.penalty-score{font-weight:850}.kickoff .penalty-score{color:#687386;font-size:.68rem}.detail-score .penalty-score{color:#fff;font-size:.95rem}.penalty-banner{color:#fff;letter-spacing:.02em;background:#ffffff2e;border-radius:999px;justify-content:center;align-items:center;min-height:34px;margin-top:8px;margin-bottom:4px;padding:0 14px;font-size:.92rem;font-weight:900;display:inline-flex}.detail-panel{background:#fffffff0;border:1px solid #e2e8f0b8;border-radius:24px;margin-top:28px;padding:clamp(22px,3vw,34px);box-shadow:0 16px 34px #0f172a14}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;display:flex}.section-heading h2,.section-heading p{margin:0}.section-heading h2{font-size:clamp(1.3rem,2.5vw,2rem);font-weight:950}.section-heading p{color:#697386;font-size:.9rem;font-weight:650}.prediction-grid{grid-template-columns:minmax(180px,.8fr) minmax(0,1.4fr) minmax(160px,.6fr);gap:14px;display:grid}.prediction-winner,.prediction-percent,.prediction-goals{background:#f7f8fb;border-radius:18px;padding:18px}.prediction-winner,.prediction-goals{align-content:center;gap:6px;display:grid}.prediction-winner span,.prediction-goals span,.prediction-percent span{color:#687386;font-size:.78rem;font-weight:850}.prediction-winner strong,.prediction-goals strong{color:#101828;font-size:1.25rem;font-weight:950}.prediction-winner small{color:#3b1158;font-size:.82rem;font-weight:850}.prediction-percent{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.prediction-percent div{text-align:center;background:#fff;border-radius:14px;justify-items:center;gap:6px;padding:14px 10px;display:grid}.prediction-percent strong{color:#ef2b2d;font-size:1.6rem;font-weight:950}.lineup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.lineup-card{gap:14px;min-width:0;display:grid}.lineup-heading{justify-content:space-between;align-items:end;gap:14px;display:flex}.lineup-heading.away{text-align:right}.lineup-heading div{gap:2px;min-width:0;display:grid}.lineup-heading strong{color:#101828;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:950;overflow:hidden}.lineup-heading span,.lineup-heading small{color:#687386;font-size:.8rem;font-weight:800}.field-board{background:#1e6a16;border-radius:18px;min-height:300px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.field-board img{object-fit:cover;width:100%;height:100%;min-height:300px;display:block}.player-chip{color:#fff;text-align:center;justify-items:center;gap:3px;width:76px;display:grid;position:absolute;transform:translate(-50%,-50%)}.player-chip strong{background:linear-gradient(135deg,#e11d48,#f97316);border:2px solid #ffffffd6;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.82rem;font-weight:950;display:grid;box-shadow:0 8px 18px #00000042}.player-chip.away strong{background:linear-gradient(135deg,#38bdf8,#2563eb)}.player-chip span{text-overflow:ellipsis;text-shadow:0 1px 1px #00000057;white-space:nowrap;background:#05070d8f;border-radius:999px;max-width:100%;padding:3px 7px;font-size:.62rem;font-weight:850;overflow:hidden}.stats-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.possession-card,.attack-card,.passing-card,.discipline-card{background:#f7f8fb;border-radius:18px;grid-column:span 12;gap:18px;padding:22px;display:grid}.possession-card{background:radial-gradient(circle at 0 0,#ef2b2d26,#0000 36%),radial-gradient(circle at 100% 0,#3b82f629,#0000 38%),#f7f8fb;grid-column:span 12}.stat-team-header{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stat-team{color:#101828;background:#eef1f5;border:1px solid #e3e8ef;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:12px 14px;font-size:.92rem;font-weight:950;display:flex}.stat-team.home{justify-content:flex-start}.stat-team.away{text-align:right;justify-content:flex-end}.stat-team img{object-fit:contain;background:0 0;border:0;border-radius:0;flex:0 0 30px;width:30px;height:22px}.stat-team span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stat-card-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.stat-card-heading span{color:#6b7280;font-size:.82rem;font-weight:750}.stat-card-heading strong{color:#101828;font-size:1.1rem;font-weight:950}.possession-teams{color:#101828;justify-content:space-between;gap:16px;font-size:.9rem;font-weight:900;display:flex}.possession-bar{background:#e5e9f0;border-radius:999px;height:24px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a0f}.possession-home,.possession-away{min-width:4px;transition:width .18s}.possession-home{background:linear-gradient(90deg,#e11d48,#f97316)}.possession-away{background:linear-gradient(90deg,#38bdf8,#2563eb)}.metric-bars{gap:16px;display:grid}.metric-row{gap:8px;display:grid}.metric-topline{grid-template-columns:76px 1fr 76px;align-items:center;gap:14px;display:grid}.metric-topline span{color:#4b5563;text-align:center;font-size:.8rem;font-weight:800}.metric-topline strong{color:#101828;font-size:1rem;font-weight:950}.metric-track{background:#e7ebf1;border-radius:999px;height:16px;display:flex;overflow:hidden}.metric-track.split{background:linear-gradient(90deg,#f1f5f9 0 50%,#e8edf5 50% 100%)}.metric-fill{min-width:5px;height:100%}.home-fill{border-radius:999px 0 0 999px}.away-fill{opacity:.72;border-radius:0 999px 999px 0}.home-fill.red,.away-fill.red{background:linear-gradient(90deg,#fb7185,#e11d48)}.home-fill.purple,.away-fill.purple{background:linear-gradient(90deg,#a78bfa,#6d28d9)}.home-fill.blue,.away-fill.blue{background:linear-gradient(90deg,#67e8f9,#2563eb)}.home-fill.green,.away-fill.green{background:linear-gradient(90deg,#86efac,#16a34a)}.passing-card p{color:#687386;margin:0;font-size:.8rem;font-weight:750}.discipline-sides{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.discipline-side{background:#fff;border:1px solid #e3e8ef;border-radius:18px;gap:12px;padding:16px;display:grid}.discipline-side h3{color:#101828;margin:0;font-size:.95rem;font-weight:950}.discipline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.discipline-pill{border-radius:14px;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:12px 14px;display:flex}.discipline-pill span{font-size:.76rem;font-weight:850}.discipline-pill strong{font-size:1.35rem;font-weight:950}.discipline-pill.danger{color:#be123c;background:#fff1f2}.discipline-pill.yellow{color:#b45309;background:#fffbeb}.discipline-pill.red-card{color:#b91c1c;background:#fef2f2}.discipline-pill.violet{color:#6d28d9;background:#f5f3ff}.estimate-form{gap:18px;display:grid}.saved-estimate-card{background:#f7f8fb;border:1px solid #dbe4ef;border-radius:18px;grid-template-columns:minmax(180px,.7fr) minmax(0,1fr);align-items:center;gap:18px;padding:18px;display:grid}.saved-estimate-card>div{gap:4px;display:grid}.saved-estimate-card span{color:#687386;font-size:.8rem;font-weight:800}.saved-estimate-card strong{color:#101828;font-size:1.05rem;font-weight:950}.saved-estimate-score{text-align:center;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.saved-estimate-score strong{color:#ef2b2d;background:#fff;border-radius:999px;padding:8px 16px;font-size:1.5rem;box-shadow:0 10px 22px #0f172a14}.estimates-table{gap:8px;width:100%;display:grid}.estimates-table-head,.estimate-row{grid-template-columns:minmax(160px,1.6fr) minmax(120px,1fr) minmax(120px,1fr) 110px;align-items:center;gap:12px;display:grid}.estimates-table-head{color:#687386;text-transform:uppercase;padding:0 16px 4px;font-size:.78rem;font-weight:950}.estimate-row{background:#f7f8fb;border:1px solid #e3e8ef;border-radius:16px;min-height:58px;padding:12px 16px}.estimate-row strong{color:#101828;font-size:1rem;font-weight:950}.estimate-row span{color:#101828;background:#fff;border-radius:999px;place-items:center;width:46px;height:34px;font-size:1rem;font-weight:950;display:inline-grid}.estimate-row em{color:#fff;background:#3b1158;border-radius:999px;justify-self:start;min-width:42px;padding:7px 14px;font-size:.95rem;font-style:normal;font-weight:950}.estimate-form label{color:#101828;gap:8px;font-size:.86rem;font-weight:850;display:grid}.estimate-form input,.estimate-form select{color:#101828;background:#fff;border:1px solid #d7dde6;border-radius:14px;width:100%;min-height:48px;padding:0 14px}.estimate-score{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.primary-action{color:#fff;cursor:pointer;background:#3b1158;border:0;border-radius:999px;width:max-content;min-width:180px;min-height:48px;padding:0 24px;font-weight:900;box-shadow:0 12px 24px #3b115838}.primary-action:disabled{cursor:not-allowed;opacity:.72}.form-message{border-radius:14px;margin:16px 0 0;padding:12px 14px;font-weight:800}.form-message.success{color:#047857;background:#ecfdf5}.form-message.error{color:#b42318;background:#fef2f2}@media (width<=760px){.phone-screen,.detail-screen{padding:20px}.page-header{grid-template-columns:40px 1fr 40px}.league-tabs{padding-bottom:4px;overflow-x:auto}.fixture-list{grid-template-columns:1fr}.fixture-card{grid-template-columns:1fr 64px 1fr;padding:18px 16px 15px}.next-countdown{grid-template-columns:repeat(2,minmax(0,1fr))}.next-match-card{grid-template-columns:1fr;gap:18px}.next-team.home,.next-team.away{text-align:center;justify-content:center}.next-team.home{flex-direction:row-reverse}.next-match-info{grid-template-columns:1fr}.next-match-info span:first-child,.next-match-info span:last-child{text-align:center}.fixture-context{grid-template-columns:1fr}.coach-note.home,.coach-note.away{text-align:center}.match-hero{grid-template-columns:1fr}.section-heading{display:grid}.lineup-grid,.prediction-grid,.prediction-percent{grid-template-columns:1fr}.field-board,.field-board img{min-height:260px}.player-chip{width:62px}.player-chip strong{width:30px;height:30px}.player-chip span{padding-inline:5px;font-size:.56rem}.estimate-score{grid-template-columns:1fr}.saved-estimate-card,.saved-estimate-score{text-align:center;grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.possession-card,.attack-card,.passing-card,.discipline-card{grid-column:span 1}.metric-row{gap:6px}.metric-topline{grid-template-columns:52px 1fr 52px;gap:8px}.discipline-grid,.discipline-sides{grid-template-columns:1fr}.estimates-table-head,.estimate-row{grid-template-columns:minmax(120px,1fr) 64px 64px 82px;gap:8px}.estimates-table-head{padding-inline:10px;font-size:.66rem}.estimate-row{padding:10px}.stat-team-header{grid-template-columns:1fr}.stat-team.away{text-align:left;justify-content:flex-start}}