:root{--pitch:#0f7a3d;--pitch-dark:#0b3d20;--pitch-2:#138a46;--line:#e3e8e0;--bg:#f3f6f0;--card:#fff;--ink:#14201a;--muted:#5d6b63;--gold:#ffd23f;--win:#16a34a;--lose:#dc2626;--draw:#d97706;--radius:16px;--shadow:0 1px 2px rgba(10,40,20,.06),0 6px 20px rgba(10,40,20,.06)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--pitch)}h1,h2,h3{line-height:1.15;margin:0 0 .4em;letter-spacing:-.01em}.wrap{max-width:980px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.small{font-size:.875rem}.fine{font-size:.78rem;color:var(--muted);margin:.6rem 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;color:var(--muted)}.topbar{background:var(--pitch-dark);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar-inner{justify-content:space-between;height:56px}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:10px;color:#fff;text-decoration:none;font-size:1.1rem}.brand b{color:var(--gold)}.nav{display:flex;gap:16px;align-items:center;font-size:.95rem}.linkbtn,.nav a{color:#d9f0df;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:0}.linkbtn:hover,.nav a:hover,.pitch{color:#fff}.pitch{position:relative;border-radius:0 0 28px 28px;margin:0 -16px 20px;padding:36px 20px 40px;overflow:hidden;background:repeating-linear-gradient(90deg,var(--pitch) 0 56px,var(--pitch-2) 56px 112px)}.pitch:after{inset:14px;border:2px solid rgba(255,255,255,.28);border-radius:18px;pointer-events:none}.pitch:after,.pitch:before{content:"";position:absolute}.pitch:before{width:180px;height:180px;border:2px solid rgba(255,255,255,.22);border-radius:50%;right:-40px;top:50%;transform:translateY(-50%)}.pitch>*{position:relative;z-index:1}.pitch h1{font-size:clamp(1.9rem,6vw,3rem);font-weight:800}.pitch p{color:#e4f6e9;max-width:560px;font-size:1.05rem}.hero-cta{gap:10px;margin-top:18px}.chip-row,.hero-cta{display:flex;flex-wrap:wrap}.chip-row{gap:8px;margin-top:14px}.chip{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);padding:4px 10px;border-radius:999px;font-size:.82rem}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:16px;border:1px solid var(--line)}.grid{display:grid;grid-gap:16px;gap:16px}@media (min-width:820px){.grid-2{grid-template-columns:1.6fr 1fr;align-items:start}.grid-3{grid-template-columns:repeat(3,1fr)}}.steps{counter-reset:s}.step{position:relative;padding-left:52px}.step:before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:18px;width:26px;height:26px;border-radius:50%;background:var(--pitch);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}.step h3{font-size:1.02rem;margin-bottom:.2em}.step p{margin:0;color:var(--muted);font-size:.92rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;text-decoration:none;background:var(--pitch);color:#fff;font:inherit;font-weight:700;padding:12px 18px;border-radius:12px;min-height:46px}.btn:hover{filter:brightness(1.07)}.btn-gold{background:var(--gold);color:var(--pitch-dark)}.btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35)}.btn-outline{background:#fff;color:var(--pitch);border:1.5px solid var(--pitch)}.btn-small{padding:8px 12px;min-height:38px;font-size:.9rem;border-radius:10px}.btn-block{width:100%}.btn-donate{width:100%;background:var(--club,var(--pitch));margin-top:6px}label{display:block;font-weight:600;font-size:.92rem;margin:14px 0 6px}input[type=email],input[type=number],input[type=text],input[type=url],select{width:100%;font:inherit;padding:11px 12px;border:1.5px solid #cfd8d2;border-radius:10px;background:#fff;color:var(--ink)}input:focus,select:focus{outline:3px solid rgba(15,122,61,.2);border-color:var(--pitch)}.hint{font-size:.8rem;color:var(--muted);margin-top:4px;font-weight:400}.check{display:flex;gap:10px;align-items:flex-start;font-weight:500}.check input{margin-top:4px;width:18px;height:18px;accent-color:var(--pitch)}.row{display:flex;gap:8px;align-items:center}.alert{padding:12px 14px;border-radius:12px;margin:0 0 16px;font-weight:500}.alert-error{background:#fdecec;color:#8a1c1c;border:1px solid #f5c2c2}.alert-ok{background:#e7f6ec;color:#135c30;border:1px solid #bfe5cb}.alert-info{background:#fff8db;color:#6b5300;border:1px solid #f1e2a1;word-break:break-all}fieldset{border:0;padding:0;margin:0}legend{font-weight:800;font-size:1.05rem;margin-bottom:4px}.comp-head h1{font-size:clamp(1.6rem,5vw,2.3rem)}.status-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.25);padding:6px 12px;border-radius:999px;font-weight:600;font-size:.88rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(255,210,63,.25)}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-top:18px}.stat{background:rgba(255,255,255,.13);border-radius:12px;padding:10px;text-align:center}.stat b{display:block;font-size:1.5rem}.stat span{font-size:.75rem;color:#d7f0de;text-transform:uppercase;letter-spacing:.05em}.mycard{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-left:6px solid var(--gold)}.mycard h3{margin:0}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 8px}.table td,.table th{border-bottom:1px solid var(--line)}.table td{padding:10px 8px;vertical-align:middle}.table tr.out td{opacity:.6}.table tr.me td{background:#fffbe8}.pname{font-weight:700}.pclub{font-size:.76rem;color:var(--muted)}.hist{display:flex;gap:4px;flex-wrap:wrap}.h{position:relative;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#f1f4f0;border:2px solid transparent}.h .crest{width:20px;height:20px}.h.win{border-color:var(--win);background:#ebf8ef}.h.loss{border-color:var(--lose);background:#fdeeee}.h.draw{border-color:var(--draw);background:#fdf3e5}.h.void{border-color:#94a3b8}.h.hidden{background:repeating-linear-gradient(45deg,#eef2ee 0 4px,#e3e9e3 4px 8px);font-size:.7rem;color:var(--muted)}.h.rep:after{content:"R";position:absolute;right:-5px;top:-6px;background:var(--gold);color:#000;font-size:.58rem;font-weight:800;border-radius:4px;padding:0 3px}.pill{font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.pill.alive{background:#dcf3e3;color:#12632f}.pill.out{background:#f1f1f1;color:#6b6b6b}.pill.winner{background:var(--gold);color:#3b2f00}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin-top:10px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}.club{border-top:6px solid var(--club)}.club-head{display:flex;gap:12px;align-items:center}.club-badge{flex:none;width:52px;height:52px;border-radius:14px 14px 26px 26px;background:var(--club);color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:.02em;box-shadow:inset 0 -6px 0 rgba(0,0,0,.15)}.club-name{font-size:1.15rem;margin:2px 0}.club-blurb{color:#33443a;font-size:.93rem}.tally{margin-top:12px;font-size:.9rem;background:#f6f8f4;padding:10px 12px;border-radius:10px}.donated summary{cursor:pointer;font-weight:700;color:var(--pitch);margin-top:10px}.donated form{margin-top:8px}.prefix{font-weight:700;color:var(--muted)}.tag{display:inline-block;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:6px;vertical-align:1px}.tag-example{background:#eef0ff;color:#3843a6;border:1px dashed #9aa3e8}.tag-soon{background:var(--gold);color:#3b2f00}.sponsors{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:14px}.sponsor{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;padding:10px;border-radius:12px;border:1px solid var(--line);background:#fafbf9;text-decoration:none;color:var(--ink);min-height:86px}.sponsor-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}.sponsor-logo{max-width:100%;height:40px}.sponsor-empty{border-style:dashed;font-size:.8rem}.copy{display:flex;gap:8px}.copy input{flex:1 1;min-width:0;font:inherit;font-size:.9rem;padding:9px 10px;border:1.5px solid #cfd8d2;border-radius:10px;background:#f8faf7}.lockbar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--pitch-dark);color:#fff;padding:12px 14px;border-radius:14px;margin-bottom:14px;flex-wrap:wrap}.lockbar b{color:var(--gold)}.day{font-weight:800;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;margin:18px 4px 8px}.fixture{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;grid-gap:8px;gap:8px;margin-bottom:8px}.ko{display:grid;place-items:center;font-size:.78rem;color:var(--muted);font-weight:700;min-width:44px}.opt{position:relative;margin:0;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#fff;border:2px solid var(--line);box-shadow:var(--shadow);min-height:62px;transition:transform .08s}.opt.away{flex-direction:row-reverse;text-align:right}.opt input{position:absolute;opacity:0;pointer-events:none}.opt:hover{border-color:#9fcfb1}.opt:has(input:checked){border-color:var(--pitch);background:#e9f7ee;box-shadow:0 0 0 3px rgba(15,122,61,.18)}.opt:has(input:checked):after{content:"✓";position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--pitch);color:#fff;font-size:.8rem;display:grid;place-items:center}.opt.away:has(input:checked):after{right:auto;left:-8px}.opt.used{opacity:.42;cursor:not-allowed;background:#f3f3f3;box-shadow:none}.opt .tname{line-height:1.15}.opt .sub{display:block;font-size:.7rem;color:var(--muted);font-weight:500}.opt .crest{flex:none}.sticky-submit{position:-webkit-sticky;position:sticky;bottom:0;background:linear-gradient(transparent,var(--bg) 30%);padding:18px 0 14px}.crest{display:block;object-fit:contain}.clubs-grid{display:grid;grid-gap:14px;gap:14px}@media (min-width:720px){.clubs-grid{grid-template-columns:1fr 1fr}}.price{font-size:2rem;font-weight:800}.feat{padding-left:18px}.feat li{margin:6px 0}.footer{padding:28px 16px 40px;font-size:.85rem;color:#33443a}.footer p{margin:4px 0}.empty{text-align:center;padding:26px;color:var(--muted)}.list-comp{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.list-comp:last-child{border-bottom:0}.show-sm{display:none}@media (max-width:520px){.show-sm{display:inline-block;margin-top:4px}.table td{padding:10px 4px}.table td:first-child{width:42%}.h{width:27px;height:27px;border-radius:7px}.h .crest{width:18px;height:18px}.pill.show-sm{font-size:.64rem;padding:2px 7px}.hide-sm{display:none}.stats{grid-template-columns:repeat(2,1fr)}.opt{padding:10px 8px;gap:6px;font-size:.9rem}}.club-logo{flex:none;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--line)}.club-name a{color:inherit;text-decoration:none}.club-name a:hover{text-decoration:underline}.sponsors-head{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800;margin:14px 0 6px}.sponsor-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:8px;gap:8px}.sponsor-list.compact{grid-template-columns:1fr 1fr}.sponsor-list .tier-main{grid-column:1/-1;min-height:100px;border-color:#e7c84a;background:#fffbea}.sponsor-list .tier-main .sponsor-logo{height:52px}.sponsor-name{font-size:.92rem}.socials{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.social{font-size:.82rem;font-weight:700;padding:6px 10px;border-radius:999px;background:#eef4ef;text-decoration:none;color:var(--pitch-dark)}.club-hero{border-radius:0 0 28px 28px;margin:0 -16px 20px;padding:32px 20px;color:var(--c2);background:var(--c1);position:relative;overflow:hidden}.club-hero:after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:18px solid color-mix(in srgb,var(--c2) 18%,transparent)}.club-hero h1{font-size:clamp(1.7rem,6vw,2.6rem);margin:10px 0 4px}.club-hero .club-logo{width:84px;height:84px}.club-hero .btn{background:var(--c2);color:var(--c1)}.dash-nav{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}.colour-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}input[type=color]{width:100%;height:46px;border:1.5px solid #cfd8d2;border-radius:10px;padding:4px;background:#fff}input[type=file]{font-size:.88rem}textarea{width:100%;font:inherit;padding:11px 12px;border:1.5px solid #cfd8d2;border-radius:10px;min-height:90px}.sponsor-row{display:grid;grid-template-columns:64px 1fr;grid-gap:12px;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}.sponsor-row:last-child{border-bottom:0}.sponsor-thumb{width:64px;height:44px;object-fit:contain;border-radius:8px;border:1px solid var(--line);background:#fafbf9;display:grid;place-items:center;font-size:.65rem;color:var(--muted)}.grid-form{display:grid;grid-gap:0 12px;gap:0 12px;grid-template-columns:1fr}@media (min-width:620px){.grid-form{grid-template-columns:2fr 1fr 80px}}.banner-draft{background:#fff1f2;border:2px dashed #e11d48;color:#881337;padding:12px 14px;border-radius:12px;font-weight:700;margin:18px 0}.legal h2{font-size:1.15rem;margin-top:1.4em}.legal li,.legal p{color:#2b3a31}.cookie{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;max-width:560px;margin:0 auto;background:var(--pitch-dark);color:#e9f7ee;border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:.86rem}.cookie a{color:var(--gold)}.cookie .btn{flex:none}.badge-role{font-size:.66rem;font-weight:800;text-transform:uppercase;background:#e0e7ff;color:#3730a3;padding:2px 7px;border-radius:6px}#add-sponsor .grid-form,.sponsor-row .grid-form{grid-template-columns:1fr 1fr}#add-sponsor .grid-form>div:first-child,.sponsor-row .grid-form>div:first-child{grid-column:1/-1}.brand span{white-space:nowrap}@media (max-width:440px){.nav{gap:11px;font-size:.84rem}.brand{font-size:1rem;gap:8px}.brand img{width:28px;height:28px}}@media (max-width:380px){.brand span{display:none}}.nav .linkbtn,.nav a{white-space:nowrap}@media (max-width:440px){.topbar-inner:has(.nav>:nth-child(4)) .brand span{display:none}}