@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/plus-jakarta-sans-latin.woff2') format('woff2')}
/* Match-centre reference design. Scoped to keep the existing site header and scorer unchanged. */
.match-centre,.match-centre-footer{font-family:'Plus Jakarta Sans',sans-serif;color:#101b37}
.public-home.match-centre{max-width:1240px;margin:0 auto;padding:40px 32px 64px;width:100%}
.match-centre *{box-sizing:border-box}
.centre-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden;border-radius:27px;padding:48px 44px;background:#14234c;color:#fff;box-shadow:0 18px 45px #101b371f}
.centre-hero:before,.centre-hero:after{content:'';position:absolute;pointer-events:none;z-index:-1;border-radius:50%}
.centre-hero:before{width:470px;height:470px;border:75px solid #30457a73;right:-100px;top:-180px}
.centre-hero:after{width:350px;height:350px;border:45px solid #425a9b40;right:96px;bottom:-185px}
.centre-hero-copy{max-width:490px;min-width:0}.centre-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#ffffff1a;border:1px solid #ffffff1a;padding:6px 12px;color:#ccd6ff;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0}.centre-pill span{width:6px;height:6px;background:#f4ba31;border-radius:50%;flex-shrink:0}
.match-centre h1{font-size:55px;font-weight:800;letter-spacing:-.065em;line-height:1.12;margin:20px 0 16px;color:#fff}.centre-hero h1 span{color:#b8c4ff}.centre-intro{max-width:450px;color:#b9c5df;font-size:14px;line-height:1.85;margin:0}.centre-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:455px;flex-shrink:0}.centre-counts>div{border-radius:16px;background:#ffffff1a;border:1px solid #ffffff1a;padding:24px 20px;min-width:0}.centre-counts strong{display:block;font-size:38px;letter-spacing:-.06em;font-weight:800;line-height:1.2}.centre-counts span{display:block;font-size:12px;color:#c1cbe2;font-weight:500;margin-top:4px;white-space:nowrap}
.centre-board{padding-top:48px}.centre-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.centre-eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.19em;color:#4a60d5;margin:0 0 8px}.match-centre h2{font-size:33px;line-height:1.2;letter-spacing:-.055em;font-weight:800;margin:0 0 4px}.centre-heading h2 span{color:#5369df}.centre-heading>div>p:last-child{font-size:13px;color:#8590a8;margin:0}.centre-heading .centre-sync{font-size:11px;font-weight:600;color:#818aa0;white-space:nowrap;margin:0 0 2px}.centre-sync:before{content:'◌';font-size:17px;vertical-align:middle;margin-right:7px}
.centre-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}.match-centre .match-filters{display:flex;flex-wrap:wrap;gap:8px;padding:6px;background:white;border:1px solid #e9edf5;border-radius:16px;box-shadow:0 1px 3px #101b3706;margin:0;width:fit-content}.match-centre .match-filter{display:block;border:0;border-radius:12px;padding:10px 16px;font-size:12px;font-weight:700;color:#69748e;background:transparent;text-decoration:none;white-space:nowrap;min-height:0}.match-centre .match-filter.selected{background:#17264e;color:white;box-shadow:0 5px 16px #17264e2e;font-weight:800}.match-filter span{opacity:.6;margin-left:4px}.match-centre .match-filter:not(.selected):hover{background:#edf1fb}
.centre-search{position:relative;width:275px;flex-shrink:0}.centre-search svg{position:absolute;left:16px;top:15px;width:17px;height:17px;color:#9aa5b8;pointer-events:none}.match-centre .centre-search input[type=search]{width:100%;height:47px;padding:10px 40px 10px 44px;border:1px solid #e7ebf4;border-radius:12px;background:white;color:#182647;font-size:12px;font-weight:600;font-family:inherit}.centre-search input::placeholder{color:#a0a9ba}.centre-search input::-webkit-search-cancel-button{display:none}.match-centre .centre-search button{position:absolute;right:7px;top:7px;width:33px;height:33px;min-height:0;padding:0;border:0;border-radius:8px;background:#17264e!important;color:white!important;font-size:17px}
.centre-results{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 16px;font-size:12px;font-weight:600;color:#7f8ba3}.centre-results>span:last-child{text-transform:uppercase;font-size:11px;color:#94a0b3}
.match-centre .public-match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}.match-centre .public-match-card{display:flex;flex-direction:column;text-decoration:none;min-width:0;border:1px solid #e5eaf3;border-radius:21px;background:#fff;padding:24px;color:#101b37;box-shadow:0 12px 36px #121f450e;transition:transform .22s,box-shadow .22s}.match-centre .public-match-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px #121f451c}.match-centre .public-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0}.public-card-top>.centre-match-type{font-size:11px;font-weight:800;letter-spacing:.035em;color:#697996;text-transform:uppercase}.match-centre .match-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;white-space:nowrap;font-size:10px;font-weight:800;border-radius:999px;letter-spacing:0;text-transform:uppercase;line-height:1.5}.match-centre .match-status--past{background:#ecf7f1;color:#26845c}.match-centre .match-status--live{background:#fff1ed;color:#bc3c28}.match-centre .match-status--upcoming{background:#edf0ff;color:#4a60d5}.match-centre .match-status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;background:currentColor;border-radius:50%;animation:none}.match-centre .public-match-date{display:flex;align-items:center;gap:6px;color:#8b97aa;font-size:11px;font-weight:500;margin:12px 0 24px}.public-match-date svg{width:13px;height:13px;flex-shrink:0}
.match-centre .public-team-row{display:flex;align-items:center;gap:12px;padding:10px 0;margin:0;border:0}.match-centre .public-team-row+.public-team-row{margin-top:4px}.match-centre .team-avatar{display:flex;align-items:center;justify-content:center;width:43px;height:43px;flex-shrink:0;border-radius:12px;background:#e9ecff;color:#3c4dc8;font-size:11px;font-weight:800}.match-centre .team-avatar--away{background:#eff2f7;color:#697791}.match-centre .public-team-name{display:flex;align-items:center;gap:6px;min-width:0;flex:1;font-size:13px;font-weight:800;color:#182647}.public-team-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.centre-winner{width:15px;height:15px;flex-shrink:0;color:#e4a91b}.match-centre .public-team-score{display:flex;align-items:baseline;gap:6px;text-align:right;flex-shrink:0}.match-centre .public-team-score strong{font-size:21px;font-weight:800;letter-spacing:-.06em;color:#132348;line-height:1.3}.match-centre .public-team-score small{font-size:11px;font-weight:500;color:#96a0b4;margin:0}
.match-centre .public-card-result{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 0 0;margin:24px 0 0;border-top:1px solid #edf0f6;background:transparent;font-size:12px;font-weight:800;color:#24395a}.centre-result-copy{display:flex;align-items:center;gap:8px;min-width:0}.centre-result-copy>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.centre-result-icon{width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#f0f6e9;color:#5b9651}.centre-result-icon svg{width:15px;height:15px}.centre-card-arrow{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;background:#f3f5ff;color:#364bd2;border-radius:12px;font-size:18px}.match-centre .public-match-card:hover .centre-card-arrow{background:#e9edff}.centre-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:36px 0 0;font-size:12px;font-weight:600;color:#8d98ab}.centre-pagination strong{color:#15234b;font-weight:800}.centre-pagination a{color:#17264e;padding:8px 12px;border-radius:8px;background:#fff;border:1px solid #e7ebf4;text-decoration:none}
.centre-empty{text-align:center;margin-top:16px;padding:48px 20px;background:#fff;border-radius:16px;border:1px solid #e7ebf4}.centre-empty>div{font-size:36px;margin-bottom:12px}.centre-empty h3{font-size:18px;font-weight:800;margin:0}.centre-empty p{font-size:14px;color:#8190a7;margin:8px 0 20px}.centre-empty a{display:inline-block;background:#17264e;color:#fff;border-radius:12px;padding:10px 20px;text-decoration:none;font-size:14px;font-weight:700}.match-centre [hidden]{display:none!important}
.match-centre-footer{border-top:1px solid #e9edf4;background:#fff;color:#8e98aa;font-size:11px}.match-centre-footer>div{max-width:1240px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.match-centre-footer b{font-weight:400;color:#eab948;margin-left:5px}.match-centre :is(a,input,button):focus-visible{outline:3px solid #94a3ff;outline-offset:3px}
@media(max-width:1279px){.match-centre .public-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.centre-hero{flex-direction:column;align-items:flex-start}.centre-counts{width:100%;max-width:none}.centre-hero-copy{max-width:none}.match-centre h1{font-size:48px}}
@media(min-width:1024px){.centre-hero{flex-direction:row;align-items:center}.centre-counts{width:455px}.centre-hero-copy{max-width:490px}}
@media(max-width:767px){.public-home.match-centre{padding:28px 20px 64px}.centre-hero{padding:36px 28px}.centre-toolbar{align-items:stretch;flex-direction:column}.centre-search{width:100%}.match-centre .public-match-grid{grid-template-columns:1fr}.match-centre .public-match-card{padding:20px}.centre-heading{align-items:flex-start;flex-direction:column}.centre-heading .centre-sync{margin-top:4px}.centre-board{padding-top:44px}.match-centre h2{font-size:27px}.match-centre .match-filter{padding:10px 13px}.match-centre .match-filters{gap:4px}.centre-counts{gap:8px}.centre-counts>div{padding:20px 12px}.centre-counts strong{font-size:29px}.centre-counts span{font-size:10px}.centre-pill{font-size:10px}.match-centre h1{font-size:36px}.centre-intro{font-size:13px}.match-centre-footer>div{padding:28px 20px;flex-direction:column;text-align:center}}
@media(max-width:359px){.public-home.match-centre{padding-left:12px;padding-right:12px}.centre-hero{padding:28px 20px}.match-centre .match-filter{padding:10px}.match-centre .public-team-row{gap:8px}.match-centre .public-team-score{gap:4px}.match-centre .public-match-card{padding:16px}.centre-counts>div{padding:16px 8px}}
@media(prefers-reduced-motion:reduce){.match-centre .public-match-card{transition:none}.match-centre .public-match-card:hover{transform:none}}
/* Status tabs intentionally use the reference design instead of global action-button colours. */
body .match-centre .match-filter{background:transparent!important;color:#69748e!important;border:0!important;box-shadow:none}
body .match-centre .match-filter:not(.selected):hover{background:#edf1fb!important}
body .match-centre .match-filter.selected{background:#17264e!important;color:#fff!important;box-shadow:0 5px 16px #17264e2e}
.centre-hero{background-image:radial-gradient(#ffffff06 1px,transparent 1px);background-size:24px 24px}
@media(max-width:359px){.matches-site-header:has(+.match-centre) .brand .brand-logo{width:104px}}