:root{color-scheme:light;--cream:#faf4e6;--ink:#214b3c;--muted:#52685a;--orange:#bc4c22;--peach:#f2a77b;--sage:#dce7cd;--line:#d9ddca}
html,body{overflow-x:clip}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Nunito Sans",sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img,canvas{max-width:100%;display:block}canvas{width:100%;height:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fredoka,sans-serif;font-weight:550;line-height:1.08;letter-spacing:-.025em}h1{font-size:clamp(3.6rem,5.8vw,5.55rem);max-width:600px;line-height:1.02}h1 span{display:block;color:var(--orange)}h2{font-size:clamp(2.4rem,4vw,3.7rem)}h3{font-size:1.7rem;line-height:1.16}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:12px;z-index:10;background:var(--ink);color:var(--cream);padding:12px}.skip-link:focus{top:8px}.site-header{display:flex;justify-content:space-between;align-items:center;min-height:112px;gap:24px}.wordmark{display:flex;gap:10px;align-items:center;text-decoration:none;font-family:Fredoka,sans-serif;font-size:23px;font-weight:600;line-height:.95;letter-spacing:-.015em}.wordmark>span>span{display:block;font-size:15px;letter-spacing:.12em;margin-bottom:3px}.site-header nav{display:flex;gap:36px;align-items:center;font-weight:800;font-size:14px}.nav-game{text-decoration:none}.nav-game:hover{text-decoration:underline}.language-switch{display:flex;background:#edeedc;padding:4px;border-radius:24px;gap:3px}.language-switch a{text-decoration:none;min-width:43px;min-height:40px;display:grid;place-items:center;border-radius:22px}.language-switch a[aria-current=page]{background:var(--ink);color:var(--cream)}.language-switch a:hover:not([aria-current]){background:#e1e5ce}.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:20px;align-items:center;padding-block:50px 66px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:10px;margin-bottom:22px}.little-ball{display:inline-block;width:21px;height:13px;background:var(--orange);border-radius:70% 35%;transform:rotate(-32deg);position:relative}.little-ball:after{content:"";position:absolute;inset:5px 4px;border-top:2px dashed var(--cream)}.hero-description{font-size:18px;max-width:440px;line-height:1.75;margin-top:26px}.button-primary{display:inline-flex;align-items:center;gap:32px;background:var(--orange);color:var(--cream);text-decoration:none;border-radius:28px;min-height:54px;padding:11px 25px;font-weight:850;margin-top:28px;transition:transform .2s ease,background .2s ease}.button-primary:hover{background:#a9401b;transform:translateY(-2px)}.button-primary span{font-size:23px;font-weight:500}.hero-stores{margin-top:28px}.platform-note{font-size:12px;font-weight:750;margin-bottom:10px}.store-links{display:flex;flex-wrap:wrap;gap:10px}.store-link{display:flex;align-items:center;gap:11px;padding:9px 16px;min-width:166px;min-height:59px;border:1px solid #a8b49e;border-radius:13px;text-decoration:none;text-align:left;line-height:1.1}.store-link small{display:block;font-size:11px;margin-bottom:4px;color:var(--muted)}.store-link strong{font-size:17px;letter-spacing:-.035em}.store-symbol{font-size:32px;line-height:1;width:25px}.play-symbol{font-size:40px}.store-link.upcoming{background:#f0eedf;color:#52634e;border-style:dashed}.store-link.available{background:var(--ink);color:var(--cream);border-color:var(--ink)}.store-link.available small{color:#e6eddb}.store-link.available:hover{background:#32624c}.hero-art{position:relative;isolation:isolate;aspect-ratio:1.11;min-width:0}.art-orbit{position:absolute;inset:6% -1% 7% 4%;border-radius:49% 49% 38% 42%;background:#dfe8ce;z-index:-2;transform:rotate(-5deg)}.hero-canvas{position:relative;z-index:0}.art-note{position:absolute;right:0;top:3%;background:#f4c970;color:var(--ink);font-size:13px;font-weight:900;padding:9px 17px;border-radius:9px;transform:rotate(5deg);box-shadow:0 3px 0 #dab467}.art-note span{margin-right:7px}.art-caption{text-align:center;display:block;font-size:11px;font-weight:750;letter-spacing:.02em;position:absolute;bottom:-8px;left:15%;right:4%;color:var(--muted)}.art-fallback{position:absolute;inset:25%;font-weight:800}.sideline{border-block:1px solid #bfcfb6;background:var(--sage);transform:rotate(-1deg);margin-block:20px 18px}.sideline .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:16px;gap:20px;font-family:Fredoka,sans-serif;font-size:22px;font-weight:500}.sideline .wrap>span:nth-child(even){font-size:22px;color:#6c885d}.game-section{padding-block:105px 110px;scroll-margin-top:24px}.section-intro{display:grid;grid-template-columns:1.2fr .8fr;column-gap:9%;align-items:end;margin-bottom:50px}.section-intro .eyebrow{grid-column:1/-1;margin-bottom:17px}.section-intro h2{max-width:600px}.section-intro>p:last-child{font-size:16px;padding-bottom:5px}.game-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.story-art{height:auto;aspect-ratio:1.5;position:relative;margin-bottom:28px}.recruit-art{background:#f2dec3;border-radius:70% 55% 9px 9px}.tactic-art{background:var(--ink);border-radius:12px;transform:rotate(-3deg);margin-top:30px}.club-art{border-radius:100px 100px 12px 12px;overflow:hidden}.scout-tag{position:absolute;bottom:10px;left:50%;transform:translateX(-50%) rotate(-3deg);padding:3px 13px;white-space:nowrap;font-size:12px;font-weight:850;background:var(--cream);border:1px solid #c3b58b;color:var(--ink)}.chalk-note{position:absolute;bottom:12px;inset-inline:10px;text-align:center;color:#f6ddb1;font-size:12px;font-weight:800}.step-label{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:12px}.story h3{max-width:300px;margin-bottom:15px}.story>p:last-child{font-size:15px;line-height:1.8}.coach-section{background:var(--ink);color:var(--cream);position:relative;overflow:hidden}.coach-layout{display:grid;grid-template-columns:1fr 1fr;gap:13%;padding-block:76px}.coach-section p,.coach-section .eyebrow{color:#d7e1c9}.coach-section .eyebrow{color:#f2bd7c}.coach-intro h2{max-width:390px;margin-bottom:24px}.coach-intro>p:not(.eyebrow){max-width:385px}.coach-doodle{display:block;font-family:Fredoka,sans-serif;font-size:42px;letter-spacing:.1em;color:#e8b36b;transform:rotate(-8deg);margin-top:30px;margin-left:45px}.coach-options article{display:flex;gap:22px;padding-block:24px;border-bottom:1px solid #50715c}.coach-options article:first-child{padding-top:0}.coach-options article:last-child{border:0;padding-bottom:0}.mode-number{font-family:Fredoka,sans-serif;font-size:20px;width:43px;flex-shrink:0;height:43px;border:1px solid #819777;border-radius:50%;display:grid;place-items:center;color:#f3c887}.coach-options h3{font-size:23px;margin-bottom:10px;letter-spacing:0}.coach-options p{font-size:14px;line-height:1.8}.download-section{padding-block:95px 75px;display:grid;grid-template-columns:230px 1fr;gap:10px 46px;align-items:center;max-width:980px}.download-section h2{font-size:clamp(2.15rem,3.7vw,3.2rem)}.download-section .eyebrow{margin-bottom:18px}.download-section p:not(.eyebrow){margin-top:18px;font-size:15px}.download-section .store-links{margin-top:24px}.download-illustration{width:230px;aspect-ratio:1;background:#e1e8cf;border-radius:50%;position:relative}.download-illustration:before{content:"✦";position:absolute;left:12px;top:4px;color:var(--orange);font-size:33px;transform:rotate(18deg)}.download-section .age-note{grid-column:1/-1;text-align:center;font-size:12px!important;margin-top:35px!important}.site-footer{border-top:1px solid var(--line);padding-block:27px 23px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-family:Fredoka,sans-serif;font-weight:600;text-decoration:none;font-size:16px}.footer-brand span{display:inline-block;font-family:"Nunito Sans",sans-serif;font-size:11px;font-weight:600;margin-left:14px;color:var(--muted)}.site-footer>div{display:flex;gap:23px;font-size:12px;font-weight:800}.site-footer>p{font-size:11px;flex-basis:100%;text-align:center}
@media(min-width:1440px){.hero{padding-block:70px 80px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}h1{font-size:clamp(3rem,6.6vw,4.6rem)}.hero{gap:8px}.hero-description{font-size:16px}.art-note{font-size:11px;right:-8px;top:6%}.game-stories{gap:22px}.story h3{font-size:24px}.coach-layout{gap:8%}.section-intro{gap:5%}.store-link{min-width:149px;padding:8px 12px}.store-link strong{font-size:16px}.download-section{padding-inline:28px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{min-height:90px;gap:12px}.wordmark{font-size:18px;gap:7px}.wordmark img{width:38px;height:38px}.wordmark>span>span{font-size:12px}.site-header nav{gap:0}.nav-game{display:none}.language-switch a{min-width:38px;min-height:38px}.hero{grid-template-columns:1fr;padding-block:28px 48px;gap:24px}.hero-copy{max-width:530px}.hero h1{font-size:clamp(3.35rem,12vw,4.8rem);max-width:510px}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:19px}.hero-description{max-width:460px;font-size:16px;margin-top:22px;line-height:1.75}.button-primary{margin-top:22px;font-size:15px;min-height:50px}.hero-stores{margin-top:24px}.hero-art{width:100%;max-width:530px;justify-self:center;margin-top:7px}.art-note{font-size:12px;top:1%;right:0}.art-caption{font-size:10px;bottom:-4px;left:0;right:0}.sideline .wrap{font-size:15px;padding-block:13px;gap:10px;justify-content:center;flex-wrap:wrap}.sideline .wrap>span:nth-child(4),.sideline .wrap>span:nth-child(5){display:none}.game-section{padding-block:64px 70px}.section-intro{display:block;margin-bottom:34px}.section-intro h2{font-size:2.5rem;max-width:450px;margin-bottom:20px}.section-intro>p:last-child{font-size:15px;max-width:450px}.game-stories{grid-template-columns:1fr;gap:42px}.story{display:grid;grid-template-columns:1fr;max-width:480px}.story-art{max-width:380px;width:100%;justify-self:center;margin-bottom:25px}.story h3{max-width:none;font-size:29px}.story>p:last-child{font-size:15px}.tactic-art{margin-top:0}.coach-layout{grid-template-columns:1fr;gap:28px;padding-block:54px}.coach-intro h2{font-size:2.7rem;max-width:380px}.coach-intro>p:not(.eyebrow){font-size:15px}.coach-doodle{display:none}.coach-options article{gap:17px}.coach-options h3{font-size:24px}.download-section{grid-template-columns:1fr;gap:25px;padding:64px 0 48px;text-align:center}.download-illustration{width:160px;justify-self:center}.download-section .eyebrow{justify-content:center}.download-section h2{font-size:2.5rem}.download-section .store-links{justify-content:center}.download-section .age-note{margin-top:2px!important}.site-footer{display:block;text-align:center;padding-block:24px}.site-footer>div{justify-content:center;gap:22px;margin-top:15px}.site-footer>p{margin-top:18px}.footer-brand span{display:block;margin:4px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}