:root{--ink:#12221c;--muted:#65756e;--paper:#f5f7f3;--card:#fff;--line:#dce4df;--green:#087f4b;--lime:#baf55e;--navy:#0d2b22;--red:#b83232;--shadow:0 12px 36px rgba(18,34,28,.08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:var(--green);text-decoration:none}button,.button{font:inherit;font-weight:750;border:0;border-radius:.7rem;padding:.72rem 1rem;background:var(--ink);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}button:hover,.button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.primary{background:var(--green)}.site-header{min-height:76px;background:var(--navy);color:white;padding:.75rem max(1.25rem,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:2rem}.brand{color:white;display:flex;align-items:center;gap:.75rem;line-height:1.05;margin-right:auto}.ball{width:38px;height:38px;border-radius:50%;background:var(--lime);color:var(--navy);display:grid;place-items:center;font-size:1.4rem}.site-header nav{display:flex;align-items:center;gap:.3rem}.site-header nav a{color:#c8d6d0;padding:.55rem .7rem;border-radius:.5rem;font-size:.92rem}.site-header nav a:hover,.site-header nav a.active{color:#fff;background:#21463a}.link-button{background:transparent;color:#d7e3de;padding:.5rem}.shell{width:min(1180px,calc(100% - 2.5rem));margin:0 auto;padding:3.5rem 0 5rem;flex:1}.page-heading,.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}.page-heading{margin-bottom:2.5rem}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1;margin-bottom:.7rem;letter-spacing:-.04em}h2{font-size:1.6rem;margin-bottom:.4rem;letter-spacing:-.02em}.eyebrow{color:var(--green);font-size:.76rem;letter-spacing:.14em;font-weight:850;margin-bottom:.65rem}.muted,time{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:4rem}.stats article{padding:1.3rem;border:1px solid var(--line);border-radius:1rem;background:var(--card);display:flex;flex-direction:column;box-shadow:var(--shadow)}.stats article.accent{background:var(--navy);color:white}.stats span,.stats small{color:var(--muted)}.stats .accent span,.stats .accent small{color:#b9ccc4}.stats strong{font-size:2.5rem;margin:.5rem 0}.fixture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:4rem}.fixture-card{background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:1.25rem}.fixture-card.needs-pick{border-left:5px solid var(--lime)}.fixture-meta{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted)}.teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:.7rem;margin:1.4rem 0;font-size:1.1rem}.teams strong:first-child{text-align:right}.teams strong:last-child{text-align:left}.teams span,.match span{color:var(--muted);font-weight:500}.score-form{display:flex;align-items:center;gap:.5rem;justify-content:center}.score-form input{width:3.25rem;text-align:center;font-size:1.15rem;font-weight:800;padding:.6rem .25rem}.score-form button{padding:.65rem .85rem}.badge{display:inline-flex;border-radius:999px;background:#ecf1ee;color:#52645c;padding:.25rem .55rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.badge.warn{background:#effbdc;color:#456d09;margin-top:.8rem}.badge.good{background:#dbf6e6;color:#087541}.badge.bad{background:#fbe4e4;color:var(--red)}.fixture-list{display:flex;flex-direction:column;gap:.7rem}.prediction-row{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:1rem;background:var(--card);padding:1rem 1.2rem;border:1px solid var(--line);border-radius:.85rem;color:var(--ink)}.prediction-row>div:first-child{display:flex;flex-direction:column;gap:.4rem}.match{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;text-align:center;gap:.5rem}.match strong:first-child{text-align:right}.match strong:last-child{text-align:left}.clickable:hover{border-color:#95bca9;transform:translateY(-1px);box-shadow:var(--shadow)}.tabs,.week-nav{display:flex;gap:.4rem;overflow:auto;margin-bottom:1.25rem}.tabs a,.week-nav a{white-space:nowrap;padding:.65rem .9rem;border-radius:.65rem;color:var(--muted);font-weight:750}.tabs a.active,.week-nav a.active{background:var(--navy);color:#fff}.week-nav a{background:#fff;border:1px solid var(--line);font-size:.85rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:1rem;background:white}table{border-collapse:collapse;width:100%}th,td{padding:.9rem 1rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}tr:last-child td{border-bottom:0}tr.correct{background:#edfbf2}.leaderboard{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.leaderboard li{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:.9rem;border:1px solid var(--line);background:white}.rank{width:2rem;font-size:1.25rem;font-weight:850;color:var(--muted)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-weight:900}.points{margin-left:auto}.points b{font-size:1.35rem}.auth-card{width:min(450px,100%);margin:3rem auto;background:white;border:1px solid var(--line);border-radius:1.25rem;padding:2rem;box-shadow:var(--shadow)}.stack{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.4rem;font-size:.88rem;font-weight:750}input,select{font:inherit;border:1px solid #bdc9c3;border-radius:.65rem;padding:.75rem;background:white;color:var(--ink)}input:focus{outline:3px solid rgba(8,127,75,.18);border-color:var(--green)}.flash{padding:.85rem 1rem;border-radius:.7rem;background:#e5f8ed;color:#087541;margin-bottom:1rem}.flash.error{background:#fbe7e7;color:#982626}.admin-grid{display:grid;grid-template-columns:minmax(280px,.7fr) 1.3fr;gap:1rem;margin-bottom:1rem}.panel,.privacy,.empty{background:white;border:1px solid var(--line);border-radius:1rem;padding:1.5rem}.privacy{border-left:5px solid var(--lime)}.empty{text-align:center;padding:4rem 2rem}.match-hero{text-align:center;padding:3rem 1rem;margin-bottom:2rem;background:var(--navy);color:white;border-radius:1.2rem}.match-hero h1{font-size:clamp(1.8rem,5vw,3rem)}.match-hero h1 span{color:var(--lime)}.filter{display:flex;align-items:flex-end;gap:.5rem;margin-bottom:1rem}.back{display:inline-block;margin-bottom:1rem}footer{display:flex;justify-content:space-between;padding:1.5rem max(1.25rem,calc((100vw - 1180px)/2));background:#e9eeeb;color:var(--muted);font-size:.82rem}@media(max-width:850px){.site-header{flex-wrap:wrap;gap:.7rem}.site-header nav{order:3;width:100%;overflow:auto}.stats{grid-template-columns:repeat(2,1fr)}.prediction-row{grid-template-columns:1fr}.admin-grid,.fixture-grid{grid-template-columns:1fr}.score-form{justify-content:flex-start}}@media(max-width:520px){.shell{width:min(100% - 1.25rem,1180px);padding-top:2rem}.stats{grid-template-columns:1fr 1fr;gap:.5rem}.stats article{padding:1rem}.stats strong{font-size:1.8rem}.page-heading{align-items:flex-start;flex-direction:column}.fixture-grid{grid-template-columns:1fr}.site-header{padding:.75rem}.site-header nav a{padding:.5rem}.auth-card{padding:1.25rem}.teams,.match{font-size:.93rem}footer{flex-direction:column;gap:.4rem}}