:root{color-scheme:light;--green:#073e24;--ink:#173126;--muted:#66756b;--gold:#c99c31;--paper:#f6f7f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header{max-width:1160px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{font-size:17px;letter-spacing:.08em;font-weight:900;text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:.23em;margin-top:6px;color:var(--muted)}nav{display:flex;align-items:center;gap:16px}button{border:0;background:none;color:var(--green);font:inherit;cursor:pointer;min-height:44px}.app-link{border:1px solid #c7d4c8;border-radius:30px;padding:12px 20px;font-size:13px;text-decoration:none}.hero{text-align:center;padding:38px 20px 64px;background:radial-gradient(ellipse at center,#fff 15%,#eef3e9 90%);border-top:1px solid #e1e8de;border-bottom:1px solid #dde6d9}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--green);margin:0 0 24px}.crest{width:min(73vw,350px);height:auto;mix-blend-mode:multiply}.hero h1{font-family:Georgia,serif;font-size:clamp(35px,7vw,66px);letter-spacing:-.04em;margin:20px 0 10px}.hero h1 span{color:var(--gold)}.tagline{font-size:clamp(14px,3vw,19px);color:var(--muted);margin:0 0 28px}.jump{display:inline-block;text-decoration:none;font-size:12px;font-weight:bold;border-bottom:1px solid var(--gold);padding:8px}main>.fixtures,main>.weather,main>.data-note{max-width:1020px;margin:32px auto}.fixtures{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 24px}.card{background:#fff;border:1px solid #e1e6dc;border-radius:20px;padding:32px;box-shadow:0 8px 30px #14351e05}.card .eyebrow{margin-bottom:22px}.card h2{font-family:Georgia,serif;font-size:27px;margin:0;line-height:1.25}.score{font-family:Georgia,serif;font-size:72px;letter-spacing:-.06em;margin:15px 0;color:var(--green)}.detail{color:var(--muted);font-size:14px;line-height:1.5}.hint{color:var(--muted);font-size:10px;letter-spacing:.12em;margin:20px 0 0}.next{background:var(--green);color:#fff;border:0}.next .eyebrow{color:#d9bb63}.next .detail,.next .hint{color:#c5d8ca}.matchtime{font-family:Georgia,serif;font-size:52px;margin:22px 0 16px}.location{font-size:14px;margin:14px 0 0}.weather{display:grid;grid-template-columns:1fr auto;gap:8px 24px;margin-left:24px!important;margin-right:24px!important}.weather .eyebrow{margin-bottom:12px}.temperature{font-family:Georgia,serif;font-size:64px;margin:0;align-self:center;color:var(--green)}.weather-details{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 28px;color:var(--muted);font-size:13px;padding-top:12px}.weather-source{grid-column:1/-1;font-size:10px;color:var(--muted);margin:14px 0 0}.data-note{text-align:center;font-size:11px;color:var(--muted);padding:0 24px}footer{max-width:1160px;margin:50px auto 0;border-top:1px solid #dbe2d6;display:flex;justify-content:space-between;gap:20px;padding:26px 28px;font-size:11px;color:var(--muted)}footer strong{color:var(--green);letter-spacing:.09em}@media(min-width:1068px){main>.weather{margin-left:auto!important;margin-right:auto!important}}@media(max-width:620px){header{padding:18px 20px}.brand{font-size:13px}nav{gap:8px}.app-link{font-size:11px;padding:11px 12px}button{font-size:12px}.hero{padding:25px 20px 42px}.fixtures{grid-template-columns:1fr;padding:0 18px;gap:16px}.card{padding:26px}.weather{margin-left:18px!important;margin-right:18px!important}.temperature{font-size:52px}.card h2{font-size:24px}footer{padding:24px 20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}