/* Stadium green, chalk markings and a match programme, within the club palette. */
.home{display:block}.quickPlay{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:0 26px}.quickPlay>.eyebrow,.quickPlay>h1,.quickPlay>.intro{grid-column:1}.quickPlay>.heroClock{grid-row:2/6}.quickPlay>.setup,.quickPlay>.quickRules,.quickPlay>.savedHistory,.quickPlay>#leaguesBtn{grid-column:1/-1}#landingBack{grid-column:1/-1;justify-self:start;margin-bottom:24px}.publicLanding[hidden],.quickPlay[hidden]{display:none!important}
#landingHeaderLogin{display:none}.publicGuest #landingHeaderLogin{display:block;flex:none}.publicGuest header #menuBtn,.publicGuest header #notificationsBtn,.publicGuest .topTabs{display:none}.publicGuest header .brand{justify-content:flex-start}.publicGuest header{max-width:none}main:has(.publicLanding:not([hidden])){max-width:1100px;padding-top:40px}
.landingHero{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center;padding:12px 0 50px}.landingCopy h1{font-size:clamp(46px,6vw,76px);line-height:1;letter-spacing:-2px;margin:20px 0 24px}.landingCopy h1 em{color:#2d5a27}.landingCopy .intro{font-size:17px;line-height:1.65;margin-bottom:24px}.landingActions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.landingActions .primary,.landingClosing .primary{width:auto;margin:0;font-size:15px;padding:16px 22px;min-height:52px}.landingGuest{background:transparent;border:1px solid #8b9676;border-radius:9px;color:#2d5a27;padding:15px 18px;min-height:52px;font-size:14px;box-shadow:none}.landingLogin{font-size:13px;color:#6c604c;margin-top:18px}.landingLogin button{background:transparent;border:0;border-bottom:1px solid #8b9676;border-radius:0;color:#2d5a27;padding:8px 0;min-height:44px;font-size:13px;box-shadow:none}
.landingMatch{background:#254e27;color:#f8f2e4;border:1px solid #193d20;border-radius:14px;padding:24px;box-shadow:0 10px 0 #d5c6a6;transform:rotate(2deg)}.landingMatchTop{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;color:#e1d7b8}.landingScore{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0}.landingScore>span{font-size:10px;max-width:70px;letter-spacing:.5px}.landingScore strong{font-family:monospace;font-size:46px;line-height:1;white-space:nowrap}.landingScore i{font-style:normal;opacity:.4}.landingPitch{position:relative;height:170px;border:1px solid #c0ceb1;overflow:hidden;background:repeating-linear-gradient(90deg,#365f35 0%,#365f35 20%,#2e562f 20%,#2e562f 40%)}.landingPitchHalf{position:absolute;inset:0 50% 0 auto;border-left:1px solid #c0ceb1}.landingPitchCircle{position:absolute;width:65px;height:65px;border:1px solid #c0ceb1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.landingPitchGoal{position:absolute;width:32px;height:80px;top:50%;transform:translateY(-50%);border:1px solid #c0ceb1}.landingPitchGoal.left{left:-1px}.landingPitchGoal.right{right:-1px}.landingBall{position:absolute;left:59%;top:46%;font-size:27px;color:#f0cf77;text-shadow:0 2px 8px #162d20}.landingPass{position:absolute;left:69%;top:22%;font-size:40px;color:#f0cf77}.landingPlay{margin:22px 0 16px}.landingPlay>span{display:block;font-size:9px;letter-spacing:1.5px;color:#e1d7b8;margin-bottom:8px}.landingPlay strong{font-size:20px}.landingPrecision{height:12px;background:#193d20;border-radius:4px;position:relative}.landingPrecision span{position:absolute;left:40%;width:20%;height:100%;background:#e3c57480;border-left:1px solid #e3c574;border-right:1px solid #e3c574}.landingPrecision i{position:absolute;left:52%;height:22px;top:-5px;width:3px;background:#fff8e7}.landingMatch>p{font-size:11px;color:#e1d7b8;margin:14px 0 0}
.landingModes{padding:36px 0 42px;border-top:1px solid #c8b898}.publicLanding h2{font-size:clamp(28px,3.5vw,38px);line-height:1.15;margin:12px 0 24px;letter-spacing:-.5px}.landingModeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.landingModeGrid article{padding:24px;background:#f8f2e4;border:1px solid #c8b898;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start}.landingModeIcon{font-size:30px;line-height:1;color:#2d5a27;margin-bottom:16px}.landingModeTag{font-size:9px;letter-spacing:1px;color:#6c604c}.landingModeGrid h3{font-size:23px;line-height:1.2;margin:10px 0}.landingModeGrid p{font-size:14px;line-height:1.65;color:#6c604c;margin:0 0 14px;max-width:40ch}.landingModeGrid button{margin-top:auto;background:transparent;border:0;border-radius:0;padding:10px 0;min-height:44px;color:#2d5a27;font-size:13px;box-shadow:none;text-align:left}.landingModeGrid button:hover,.landingLogin button:hover{color:#193d20;text-decoration:underline}.landingHow{border-top:1px solid #c8b898;padding:36px 0;display:grid;grid-template-columns:1fr 1.25fr;gap:40px}.landingHow ol{margin:0;padding-left:24px}.landingHow li{padding:0 0 16px 8px;color:#2d5a27}.landingHow li::marker{font-weight:bold}.landingHow strong{font-size:17px}.landingHow p{font-size:14px;line-height:1.65;color:#6c604c;margin:6px 0 0}.landingClosing{border-top:1px solid #c8b898;padding:30px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:24px}.landingClosing h2{font-size:27px;margin:0 0 10px}.landingClosing p{font-size:14px;color:#6c604c;margin:0}.publicLanding button:focus-visible,#landingHeaderLogin:focus-visible,#landingBack:focus-visible{outline:3px solid #2d5a27;outline-offset:4px}
@media(min-width:900px){.landingModeGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.landingModeGrid article{padding:22px 18px}.landingModeGrid h3{font-size:21px}.landingModeGrid p{font-size:13px}}
@media(max-width:600px){main:has(.publicLanding:not([hidden])){padding-top:20px}.quickPlay{grid-template-columns:1fr}.quickPlay>.heroClock{grid-column:1;grid-row:auto}.landingHero{grid-template-columns:1fr;gap:28px;padding:4px 0 36px}.landingCopy h1{font-size:clamp(42px,12vw,62px);letter-spacing:-1.4px}.landingCopy .intro{font-size:15px}.landingActions{align-items:stretch;gap:10px}.landingActions .primary,.landingGuest{flex:1 1 auto;padding:14px;font-size:13px}.landingMatch{transform:none;padding:20px;box-shadow:0 6px 0 #d5c6a6}.landingPitch{height:140px}.landingModeGrid{grid-template-columns:1fr}.landingModeGrid article{padding:22px}.landingModeIcon{margin-bottom:10px}.landingHow{grid-template-columns:1fr;gap:8px}.landingClosing{flex-direction:column;align-items:flex-start}.landingClosing .primary{width:100%}.landingLogin{margin-top:10px}}