:root{--ink:#121914;--muted:#687269;--paper:#f4f2e9;--white:#fff;--line:#d7ddd7;--green:#086641;--pale:#e8f2eb;--lime:#c8f169;--orange:#e65332;--shadow:0 12px 35px rgba(20,42,29,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--ink);color:#fff;padding:.75rem 1rem;z-index:20}.skip-link:focus{top:1rem}.site-header{height:60px;padding:0 clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(18,25,20,.13)}.brand{color:var(--ink);font-weight:900;font-size:.86rem;letter-spacing:.08em;text-decoration:none}.brand span{color:var(--green)}.section-label{text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;font-weight:850;color:var(--green);display:flex;align-items:center;gap:.45rem}.section-label i,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}main{max-width:1460px;margin:auto;padding:clamp(1.1rem,3vw,3rem) clamp(1rem,5vw,5rem) 4rem}.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.4rem}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:850;color:var(--green)}h1{font-size:clamp(2rem,4.5vw,4.3rem);line-height:.94;letter-spacing:-.06em;margin:0}.dashboard-head>p{max-width:410px;color:var(--muted);font-size:.9rem;line-height:1.5;margin:0}.event-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:1rem}.main-card,.side-card,.results-panel,.upcoming-panel{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.main-card{overflow:hidden}.event-title{padding:1.25rem 1.4rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.event-title h2{font-size:clamp(1.45rem,3vw,2.5rem);letter-spacing:-.045em;margin:.2rem 0}.event-title p{margin:0;color:var(--muted);font-size:.82rem}.event-badge{flex:0 0 auto;width:62px;height:76px;border:2px solid var(--ink);border-radius:31px 31px 15px 15px;display:grid;place-items:center;font-weight:900;font-size:1.25rem;box-shadow:6px 6px 0 var(--lime);transform:rotate(4deg)}.next-match{padding:1.3rem 1.4rem;background:var(--green);color:#fff}.block-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.11em;font-weight:850;color:#cce6d8}.kickoff{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:.7rem}.kickoff time{font-size:clamp(1rem,2vw,1.25rem);font-weight:750}.countdown{font-size:.73rem;background:rgba(255,255,255,.13);padding:.45rem .65rem;border-radius:100px}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:1.3rem 0}.team{display:flex;align-items:center;gap:.7rem;font-size:clamp(1.1rem,2.5vw,1.65rem);font-weight:850;letter-spacing:-.03em}.team:last-child{justify-content:flex-end;text-align:right}.flag{font-size:1.65rem}.vs{font-size:.63rem;text-transform:uppercase;letter-spacing:.12em;color:#b9d6c7}.venue{font-size:.73rem;color:#cce6d8;margin:0}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr)}.quick-stats div{padding:1rem 1.2rem;border-right:1px solid var(--line)}.quick-stats div:last-child{border:0}.quick-stats strong{display:block;font-size:1.2rem}.quick-stats span{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.side-card{padding:1.3rem}.side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}.side-head h2,.panel-head h2{font-size:1rem;margin:0}.side-head a,.panel-head a{font-size:.7rem;font-weight:800;color:var(--green)}.bracket-preview{display:flex;flex-direction:column;gap:.55rem}.bracket-round{display:grid;grid-template-columns:78px 1fr 36px;align-items:center;gap:.65rem}.bracket-round span{font-size:.68rem;color:var(--muted)}.progress{height:8px;background:#edf0ed;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green);border-radius:inherit}.bracket-round.is-current span{color:var(--ink);font-weight:850}.bracket-round.is-current .progress{box-shadow:0 0 0 3px rgba(8,102,65,.1)}.bracket-round strong{font-size:.67rem;text-align:right}.final-date{margin-top:1.2rem;padding:1rem;background:var(--pale);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.final-date span{font-size:.62rem;text-transform:uppercase;letter-spacing:.09em;color:var(--green);font-weight:850}.final-date strong{text-align:right;font-size:.85rem}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.results-panel,.upcoming-panel{padding:1.25rem}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.result-list,.upcoming-list{display:flex;flex-direction:column}.result-row,.upcoming-row{display:grid;align-items:center;gap:.8rem;padding:.8rem 0;border-top:1px solid var(--line)}.result-row{grid-template-columns:70px 1fr auto}.upcoming-row{grid-template-columns:95px 1fr auto}.row-date{font-size:.66rem;color:var(--muted)}.fixture{display:flex;align-items:center;gap:.45rem;min-width:0;font-size:.82rem;font-weight:700}.fixture span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{font-size:1rem;font-weight:900;background:var(--pale);padding:.35rem .55rem;border-radius:7px}.match-status{font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;color:var(--green);font-weight:850}.primary-link{display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;width:100%;min-height:44px;border-radius:10px;background:var(--ink);color:#fff;text-decoration:none;font-size:.78rem;font-weight:850}.primary-link:hover,.primary-link:focus{background:var(--green)}.updated{text-align:right;color:var(--muted);font-size:.65rem;margin:1rem 0 0}.loading,.error{padding:4rem 1rem;text-align:center}.site-footer{min-height:100px;padding:1.5rem clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.site-footer p,.site-footer a{font-size:.68rem;color:var(--muted)}.site-footer .brand{font-size:.8rem;color:var(--ink)}@media(max-width:880px){main{padding-top:1.3rem}.dashboard-head{display:block}.dashboard-head>p{margin-top:.7rem}.event-grid,.lower-grid{grid-template-columns:1fr}.side-card{order:2}.main-card{order:1}.lower-grid{margin-top:1rem}.upcoming-panel{order:1}.results-panel{order:2}}@media(max-width:540px){.site-header{height:54px}.dashboard-head{margin-bottom:1rem}h1{font-size:2.25rem}.dashboard-head>p{font-size:.8rem}.event-title{padding:1rem}.event-title h2{font-size:1.55rem}.event-badge{width:47px;height:58px;font-size:1rem}.next-match{padding:1rem}.kickoff{align-items:flex-start;flex-direction:column;gap:.5rem}.versus{gap:.45rem;margin:1rem 0}.team{font-size:1.05rem;gap:.35rem}.team .flag{font-size:1.3rem}.quick-stats div{padding:.8rem}.quick-stats strong{font-size:1rem}.quick-stats span{font-size:.52rem}.side-card,.results-panel,.upcoming-panel{padding:1rem}.result-row{grid-template-columns:58px 1fr auto}.upcoming-row{grid-template-columns:72px 1fr auto}.fixture{font-size:.74rem}.site-footer{display:block}.site-footer p{margin-top:.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}