@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Racing+Sans+One&display=swap');
:root{--ink:#101613;--ink2:#1b2520;--cream:#f3f1e9;--lime:#d8fa62;--orange:#ff7047;--muted:#aeb8aa;--line:#3c493f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:absolute;left:-999px;top:10px;background:var(--lime);z-index:100;padding:12px}.skip:focus{left:10px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.button,.kicker,.eyebrow,.text-link,.hero-facts,.card-link,.platform,.article-num,.footer-brand{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif}h1,h2,h3{font-weight:900;line-height:.86;letter-spacing:-.018em}h1 i,h2 i{font-style:normal;color:var(--orange)}.wrap{max-width:1440px;margin:auto;padding-left:5.3%;padding-right:5.3%}.header{height:86px;padding:0 5.3%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:#fff;border-bottom:1px solid #39453c}.brand{display:flex;align-items:center;gap:10px;line-height:.84;font-size:20px;font-weight:900;letter-spacing:.01em;white-space:nowrap}.brand-mark{background:var(--lime);color:var(--ink);width:43px;height:43px;display:grid;place-items:center;transform:skew(-8deg);font-size:22px}.brand-mark span{color:var(--orange)}.brand-name small{display:block;color:var(--lime);font-size:11px;letter-spacing:.2em;margin-top:5px}.header nav{display:flex;gap:28px;align-items:center}.header nav a{font-size:12px;font-weight:700;color:#c7d0c2;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.header nav a:hover,.header nav a[aria-current]{color:var(--lime)}.head-cta{background:var(--lime);color:var(--ink);font-size:12px;font-weight:800;padding:15px 19px;white-space:nowrap;letter-spacing:.06em}.head-cta span{margin-left:14px;font-size:16px}.hero{background:var(--ink);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:53% 47%;min-height:668px}.hero-copy{padding:74px 0 35px 10%;position:relative;z-index:1}.hero-label{display:flex;align-items:center;gap:10px;color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.17em}.live-dot,.toolbar-live span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #d8fa6223}.hero-label .line{height:1px;background:#58664f;flex:1;max-width:90px;margin-left:10px}.hero h1{font-size:clamp(92px,9.3vw,160px);margin:45px 0 25px;line-height:.73;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:var(--lime)}.hero h1>span{color:var(--orange)}.hero-lede{font-size:16px;line-height:1.65;max-width:480px;color:#c8d0c5;margin-bottom:29px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 21px;font-size:16px;font-weight:900;letter-spacing:.06em;line-height:1;color:var(--ink);transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px}.button.primary{background:var(--lime)}.button.outline{color:#fff;border:1px solid #859481}.button.dark{background:var(--ink);color:var(--lime)}.hero-facts{display:flex;gap:32px;margin-top:66px}.hero-facts div{display:flex;align-items:center;gap:9px}.hero-facts b{color:var(--orange);font-size:23px}.hero-facts span{font-size:12px;font-weight:800;letter-spacing:.12em}.hero-art{position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 89px,#d8fa6222 90px 92px),linear-gradient(130deg,#24372a,#18271d 60%,#112018);min-height:620px}.hero-art:before,.hero-art:after{content:"";position:absolute;border:3px solid #d8fa6257;width:75%;height:75%;left:20%;top:12%;transform:skew(-23deg) rotate(-14deg)}.hero-art:after{width:53%;height:55%;left:31%;top:22%;border-style:dashed;opacity:.4}.field-ring{position:absolute;border:1px solid #d8fa6230;border-radius:50%;width:700px;height:700px;top:-200px;left:-170px}.ring-two{width:500px;height:500px;top:-100px;left:-60px}.yard{position:absolute;color:#d8fa6261;font-family:Impact,sans-serif;font-size:60px;transform:rotate(-13deg)}.yard-one{top:12%;right:10%}.yard-two{top:45%;right:20%}.yard-three{bottom:8%;right:30%}.football{position:absolute;width:340px;height:215px;left:22%;top:35%;border-radius:50%;transform:rotate(-25deg);background:radial-gradient(circle at 35% 30%,#d6985c,#a94b2f 50%,#63221a 83%);box-shadow:0 42px 60px #0008,inset 0 0 0 5px #e1a56a,inset 0 0 0 10px #522119}.football:before,.football:after{content:"";position:absolute;top:20%;bottom:20%;width:12px;background:#f7edd4;transform:rotate(2deg)}.football:before{left:18%}.football:after{right:18%}.football span{position:absolute;left:48%;top:20%;height:60%;border-left:7px solid #f7edd4;transform:rotate(90deg)}.football span:after{content:"";position:absolute;height:85px;width:90px;left:-40px;top:16px;background:repeating-linear-gradient(90deg,transparent 0 20px,#f7edd4 21px 26px,transparent 27px 31px);transform:rotate(90deg)}.art-stamp{position:absolute;bottom:30px;right:35px;border:2px solid var(--lime);color:var(--lime);padding:12px 16px;transform:rotate(-8deg);font-family:'Barlow Condensed';font-size:19px;font-weight:900;letter-spacing:.08em;line-height:1}.hero-bottom{border-top:1px solid #39453c;display:flex;justify-content:space-between;padding:16px 5.3%;font-size:10px;letter-spacing:.15em;font-weight:800;color:#92a18f}.eyebrow{display:flex;justify-content:space-between;border-top:1px solid currentColor;padding:13px 0;font-size:12px;font-weight:800;letter-spacing:.16em}.kicker{font-size:16px;color:#60745d;font-weight:800;letter-spacing:.18em}.game-section{padding-top:100px;padding-bottom:100px}.game-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:30px 0 32px}.game-heading h2,.section-head h2,.intro-section h2,.cta-band h2{font-size:clamp(56px,6.5vw,105px);margin:16px 0 0}.game-heading p{max-width:300px;font-size:15px;line-height:1.6;color:#59655b}.game-shell{background:var(--ink);border:7px solid var(--ink);box-shadow:12px 12px 0 #c9cec0}.game-toolbar{height:42px;display:flex;align-items:center;justify-content:space-between;color:#9aab94;font-size:10px;font-weight:800;letter-spacing:.17em;padding:0 13px}.toolbar-live{display:flex;align-items:center;gap:10px}.frame-wrap{position:relative;aspect-ratio:16/9;background:linear-gradient(150deg,#1a261d,#101713)}.frame-wrap iframe{width:100%;height:100%;display:block;border:0}.frame-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#fff;background:radial-gradient(circle at center,#30402d88,#141d18ee 67%);pointer-events:none}.frame-overlay>*{pointer-events:auto}.frame-icon{width:58px;height:58px;border:1px solid var(--lime);color:var(--lime);display:grid;place-items:center;font-size:29px;transform:rotate(-45deg);margin-bottom:20px}.frame-icon+strong{font-family:'Barlow Condensed';font-size:clamp(25px,4vw,55px);font-weight:900;letter-spacing:.02em}.frame-overlay p{max-width:430px;line-height:1.5;color:#c1cfbc;font-size:14px;margin:10px 0 25px}.share-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bcc4b6;padding:26px 0 0;gap:20px}.share-row>span{font-family:'Barlow Condensed';font-weight:900;letter-spacing:.12em;font-size:16px}.share-icons{display:flex;gap:8px}.share-icons a{width:45px;height:45px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-size:20px;font-weight:800}.share-icons a:hover{background:var(--orange);color:var(--ink)}.modes-section{background:#e5e9db;padding:80px 0 100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:35px 0}.section-head p{max-width:305px;font-size:15px;line-height:1.65;color:#5c685d}.mode-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}.mode-card{min-height:430px;background:var(--ink2);color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,background .2s}.mode-card:hover{transform:translateY(-4px);background:#2d412e}.mode-feature{background:var(--lime);color:var(--ink)}.mode-feature:hover{background:#c5ed4b}.mode-index{font-size:12px;font-weight:800;letter-spacing:.15em}.mode-symbol{font-family:'Barlow Condensed';font-size:57px;line-height:1}.mode-card h3{font-size:clamp(50px,5vw,78px);margin:10px 0 18px}.mode-card p{font-size:14px;line-height:1.5;max-width:270px}.card-link{display:block;border-top:1px solid currentColor;padding-top:14px;margin-top:26px;font-size:15px;font-weight:900;letter-spacing:.08em}.text-link{display:inline-flex;gap:35px;border-bottom:2px solid var(--ink);padding:8px 0;margin-top:35px;font-size:19px;font-weight:900;letter-spacing:.05em}.text-link span{font-size:20px}.intro-section{padding-top:90px;padding-bottom:105px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.intro-section h2{margin-top:17px}.steps>div{display:flex;gap:25px;border-top:1px solid #b5bfb0;padding:24px 0}.steps>div>span{font-family:'Barlow Condensed';font-size:22px;font-weight:900;color:#8e9b87}.steps h3{font-size:27px;margin:0 0 7px}.steps p{color:#5b675b;line-height:1.55;font-size:14px;margin:0}.cta-band{background:var(--lime);padding:75px 0}.cta-band .wrap{display:flex;align-items:end;justify-content:space-between;gap:40px}.cta-band .kicker{color:#445e27}.cta-band h2{margin:12px 0 0}.cta-band h2 i{color:#60783e}.cta-band .wrap>div:last-child{max-width:330px}.cta-band p{font-size:16px;line-height:1.6}.faq-teaser{padding-top:90px;padding-bottom:100px}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.faq-grid>div{border-top:3px solid var(--ink);padding-top:20px}.faq-grid h3{font-size:27px}.faq-grid p{font-size:14px;line-height:1.6;color:#5d685e}.subhero{background:var(--ink);color:#fff;max-width:none;padding-top:35px;padding-bottom:75px}.subhero .eyebrow{margin-bottom:70px;color:#a8ba9e}.subhero .kicker{color:var(--lime)}.subhero h1{font-size:clamp(80px,10vw,160px);margin:15px 0 25px}.subhero h1 i{color:var(--lime)}.subhero>p{font-size:17px;line-height:1.6;color:#c3d0bf;max-width:610px}.content{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.8fr);gap:9%;padding-top:75px;padding-bottom:100px}.content-main section{border-top:2px solid var(--ink);padding:28px 0 35px}.content-main h2{font-size:44px;margin-bottom:18px}.content-main p,.faq-list p{color:#526054;font-size:16px;line-height:1.7}.number-list>div{display:flex;gap:20px;border-top:1px solid #c3cabd;padding-top:16px}.number-list b{font-family:'Barlow Condensed';font-size:23px;color:#80916d}.content-aside{align-self:start;background:#e1e8d4;padding:32px;position:sticky;top:25px}.content-aside>span,.article-num,.platform{color:#5c7354;font-size:15px;font-weight:900;letter-spacing:.14em}.content-aside h3{font-size:45px;margin:22px 0}.content-aside p{font-size:14px;line-height:1.55}.content-aside .button{font-size:15px;gap:10px;width:100%}.source-note{border-top:1px solid #bdc7b8;padding-top:20px;color:#697669;font-size:13px;line-height:1.6}.source-note a,.faq-list p a{color:#2c6030;text-decoration:underline}.mode-articles section{scroll-margin-top:20px}.download-content{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:75px;padding-bottom:100px}.download-card{background:#e3e9d9;min-height:360px;padding:35px;display:flex;flex-direction:column;justify-content:space-between}.download-card h2{font-size:54px;margin:25px 0 15px}.download-card p{line-height:1.65;color:#506050;max-width:420px}.download-card .button{align-self:start}.download-note{grid-column:span 2;background:var(--ink);color:#fff;padding:25px 35px;display:flex;gap:30px;align-items:center}.download-note strong{font-family:'Barlow Condensed';color:var(--lime);font-size:22px;white-space:nowrap}.download-note p{margin:0;color:#c4d2c1;line-height:1.5}.download-content .source-note{grid-column:span 2}.faq-list{padding-top:60px;padding-bottom:110px;max-width:1100px}.faq-list details{border-top:2px solid var(--ink);padding:24px 0}.faq-list details:last-of-type{border-bottom:2px solid var(--ink)}.faq-list summary{font-family:'Barlow Condensed';font-weight:900;font-size:30px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:#68834a}.faq-list details[open] summary:after{content:'−'}.faq-list details p{max-width:740px;margin:16px 0 0}.faq-list .source-note{margin-top:35px}footer{background:var(--ink);color:#fff;padding:65px 5.3% 22px}.footer-top{display:flex;justify-content:space-between;gap:60px;max-width:1440px;margin:auto;padding-bottom:75px}.footer-brand{font-size:clamp(45px,5vw,75px);line-height:.78;font-weight:900}.footer-brand span{color:var(--orange)}.footer-top p{max-width:300px;color:#9dad99;font-size:14px;line-height:1.6;margin-top:26px}.footer-links{display:flex;gap:85px}.footer-links>div{display:flex;flex-direction:column;gap:14px}.footer-links strong{font-size:11px;color:var(--lime);letter-spacing:.16em;margin-bottom:7px}.footer-links a{font-size:13px;color:#c3cfc0}.footer-links a:hover{color:var(--lime)}.footer-bottom{max-width:1440px;margin:auto;border-top:1px solid #455146;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#82927f;font-size:11px}
@media(max-width:1000px){.header nav{gap:13px}.header nav a{font-size:10px}.hero-grid{grid-template-columns:56% 44%}.hero-copy{padding-left:7%}.hero h1{font-size:clamp(78px,9vw,120px)}.hero-art{min-height:550px}.football{width:250px;height:160px}.hero-facts{gap:13px}.hero-facts span{font-size:10px}.mode-grid{grid-template-columns:repeat(3,1fr)}.mode-card{padding:18px}.mode-card h3{font-size:54px}}
@media(max-width:760px){.header{height:auto;min-height:70px;padding:12px 5%;flex-wrap:wrap;gap:12px}.brand{font-size:17px}.brand-mark{width:36px;height:36px;font-size:18px}.header nav{order:3;overflow:auto;width:100%;padding:8px 0 3px;gap:22px}.header nav a{font-size:11px}.head-cta{font-size:10px;padding:10px}.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:60px 5% 45px}.hero h1{font-size:clamp(83px,16vw,135px);margin:45px 0 25px}.hero-art{min-height:320px}.football{left:31%;top:26%;width:240px;height:150px}.hero-facts{margin-top:45px}.game-section,.intro-section,.faq-teaser{padding-top:60px;padding-bottom:65px}.game-heading,.section-head{display:block}.game-heading p,.section-head p{margin-top:25px}.game-heading h2,.section-head h2,.intro-section h2,.cta-band h2{font-size:clamp(55px,12vw,85px)}.frame-wrap{aspect-ratio:4/3}.frame-overlay p{font-size:12px;margin-bottom:16px}.frame-overlay .button{font-size:13px;padding:14px}.frame-icon{width:42px;height:42px;margin-bottom:10px}.share-row{align-items:start;flex-direction:column}.share-icons{width:100%;justify-content:space-between}.share-icons a{width:18%;height:46px}.modes-section{padding:60px 0}.mode-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.mode-card{min-width:75vw;min-height:350px;scroll-snap-align:start}.intro-grid{grid-template-columns:1fr}.steps{margin-top:50px}.cta-band .wrap{display:block}.cta-band .wrap>div:last-child{margin-top:40px}.faq-grid{grid-template-columns:1fr}.subhero{padding-bottom:60px}.subhero .eyebrow{margin-bottom:60px}.subhero h1{font-size:clamp(72px,15vw,120px)}.content{display:block;padding-top:45px;padding-bottom:60px}.content-aside{position:static;margin-top:40px}.download-content{display:block;padding-top:45px;padding-bottom:60px}.download-card{margin-bottom:18px;min-height:300px}.download-note{display:block;margin-bottom:25px}.download-note p{margin-top:10px}.faq-list summary{font-size:25px}.footer-top{display:block;padding-bottom:40px}.footer-links{gap:55px;margin-top:55px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}}
@media(max-width:430px){.head-cta{display:none}.hero h1{font-size:75px}.hero-actions{display:block}.hero-actions .button{display:flex;margin-bottom:10px}.hero-facts{flex-wrap:wrap}.football{left:25%}.frame-wrap{aspect-ratio:1/1}.frame-overlay p{max-width:270px}.frame-icon+strong{font-size:30px}.game-toolbar span:nth-child(2){display:none}}

/* Real gameplay photography is the visual lead. The source images are credited in the footer. */
.hero-art{background:#16231b;min-height:668px}
.hero-art:before,.hero-art:after{display:none}
.hero-art>img{position:absolute;top:-19%;left:0;width:100%;height:119%;object-fit:cover;object-position:center bottom;filter:saturate(.88) contrast(1.06)}
.hero-art:after{display:block;content:"";position:absolute;inset:0;width:auto;height:auto;transform:none;border:0;background:linear-gradient(90deg,#1016131c,transparent 38%),linear-gradient(0deg,#101613cc,transparent 38%);opacity:1}
.hero-photo-caption{position:absolute;z-index:2;bottom:29px;left:30px;color:#fff;display:flex;align-items:end;gap:22px}
.hero-photo-caption span{font-family:'Barlow Condensed';font-size:14px;font-weight:800;letter-spacing:.16em;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--lime)}
.hero-photo-caption strong{font-family:'Barlow Condensed';font-size:clamp(45px,4.2vw,72px);line-height:.8;letter-spacing:-.01em}
.hero h1{font-size:clamp(81px,8.2vw,139px);letter-spacing:-.025em}
.hero-lede{max-width:435px}
.game-gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:55px}
.game-gallery figure,.article-image{margin:0}
.gallery-crop{height:250px;position:relative;overflow:hidden;background:#17251b}
.gallery-crop img{position:absolute;bottom:0;left:0;width:100%;height:129%;object-fit:cover;object-position:center bottom;transition:transform .35s}
.game-gallery figure:hover img{transform:scale(1.035)}
.game-gallery figcaption{display:flex;justify-content:space-between;gap:18px;align-items:baseline;border-bottom:1px solid #bdc6b7;padding:13px 0;font-size:13px;color:#687568}
.game-gallery figcaption b{font-family:'Barlow Condensed';font-size:17px;letter-spacing:.11em;color:var(--ink);white-space:nowrap}
.mode-grid{gap:16px}
.mode-card,.mode-feature{position:relative;display:block;background:#17221a;color:#fff;min-height:0;padding:0}
.mode-card:hover,.mode-feature:hover{background:#17221a}
.mode-index{position:absolute;left:16px;top:15px;z-index:3;background:var(--lime);color:var(--ink);padding:8px 12px;font-family:'Barlow Condensed';font-size:15px;letter-spacing:.08em}
.mode-image{height:220px;position:relative;overflow:hidden;background:#1c2c20}
.mode-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10161380,transparent 50%)}
.mode-image img{position:absolute;bottom:0;left:0;width:100%;height:132%;object-fit:cover;object-position:center bottom;transition:transform .35s}
.mode-card:hover .mode-image img{transform:scale(1.04)}
.mode-copy{padding:24px;min-height:260px;display:flex;flex-direction:column}
.mode-card h3{font-size:clamp(45px,4vw,65px);margin:2px 0 14px}
.mode-card p{color:#bdcabc;margin:0;max-width:330px}
.mode-card .card-link{margin-top:auto;border-color:#526053;color:var(--lime)}
.article-image{margin:0 0 40px}
.article-image img{width:100%;height:auto;display:block}
.article-image figcaption{font-size:12px;color:#637261;padding-top:10px;line-height:1.5}
@media(max-width:1000px){.hero-art{min-height:550px}.mode-image{height:180px}.mode-copy{min-height:280px}}
@media(max-width:760px){.hero h1{font-size:clamp(78px,14vw,122px)}.hero-art{min-height:400px}.hero-art>img{top:-18%;height:118%}.hero-photo-caption strong{font-size:54px}.game-gallery{gap:12px;margin-top:36px}.gallery-crop{height:170px}.game-gallery figcaption{display:block}.game-gallery figcaption span{display:block;margin-top:5px}.mode-card{min-width:78vw}.mode-image{height:210px}.mode-copy{min-height:235px}}
@media(max-width:430px){.hero h1{font-size:clamp(65px,15.4vw,86px)}.hero-art{min-height:300px}.hero-photo-caption{left:19px;bottom:17px}.hero-photo-caption strong{font-size:45px}.game-gallery{display:block}.game-gallery figure+figure{margin-top:22px}.gallery-crop{height:210px}.mode-card{min-width:82vw}}
@media(max-width:760px){.header nav{scrollbar-width:none}.header nav::-webkit-scrollbar{display:none}}

/* Two trailers from YouTube, kept in the same field-guide layout. */
.videos-section{padding-top:85px;padding-bottom:100px}
.videos-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:34px 0}
.videos-heading h2{font-size:clamp(56px,6.5vw,105px);margin:15px 0 0}
.videos-heading p{max-width:320px;color:#58705c;font-size:15px;line-height:1.65;margin:0}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.video-card{min-width:0;background:#dce6d7}
.video-frame{aspect-ratio:16/9;background:#244431}
.video-frame iframe{width:100%;height:100%;border:0;display:block}
.video-caption{padding:21px 24px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:155px}
.video-caption span{display:block;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:14px;font-weight:900;letter-spacing:.12em;color:#a45235}
.video-caption h3{font-size:clamp(25px,2.3vw,34px);line-height:1;margin:9px 0 0}
.video-caption a{align-self:start;border-bottom:2px solid currentColor;padding-bottom:3px;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:16px;font-weight:900;letter-spacing:.08em}
.video-caption a:hover{color:#a45235}
@media(max-width:760px){.videos-section{padding-top:60px;padding-bottom:65px}.videos-heading{display:block}.videos-heading h2{font-size:clamp(55px,12vw,85px)}.videos-heading p{margin-top:22px}.video-grid{grid-template-columns:1fr}.video-caption{min-height:0}}
.download-android-only{grid-template-columns:1fr}
.download-android-only .download-note,.download-android-only .source-note{grid-column:1}

/* Court palette: warm brick, chalk, and the green of the game's street field. */
:root{--ink:#244431;--ink2:#315a3a;--cream:#f2eee2;--lime:#e1eaae;--orange:#bf6647;--muted:#657b66;--line:#afbfaa}
body{background:var(--cream);color:var(--ink)}
.header{background:#e5e9db;color:var(--ink);border-bottom:1px solid #aec1aa}
.brand-mark{background:#28563b;color:#f8f1d9}.brand-mark span{color:#e7a078}
.brand-name small{color:#a55337}
.header nav a{color:#4f6a53}.header nav a:hover,.header nav a[aria-current]{color:#a24d32}
.head-cta{background:#29573b;color:#fff9e8}
.hero{background:#dce6d4;color:#244431}
.hero-copy{background:repeating-linear-gradient(0deg,transparent 0 93px,#65886a18 94px 95px),#dce6d4}
.hero-label{color:#95543d}.live-dot{background:#b8613f;box-shadow:0 0 0 4px #bd74472b}.hero-label .line{background:#8dab85}
.hero h1 em,.hero h1>span{color:#bb6242}
.hero-lede{color:#49604c}
.hero-facts b{color:#b75d3e}.hero-facts span{color:#385a3e}
.hero .button.primary{background:#2c6542;color:#f8f5e9}
.hero .button.outline{border-color:#879e81;color:#2a4c36}
.hero-bottom{background:#cfdec9;border-top-color:#a9bda6;color:#547057}
.hero-art{background:#3b5839}
.hero-art:after{background:linear-gradient(90deg,#24443122,transparent 45%),linear-gradient(0deg,#1f3c2ba8,transparent 35%)}
.hero-photo-caption span{color:#edf0b8}
.game-section{background:#f2eee2}
.kicker{color:#986049}
.game-shell{background:#315c3d;border-color:#315c3d;box-shadow:12px 12px 0 #bfcfba}
.game-toolbar{color:#e5eecb}.toolbar-live span{background:#e2edaf;box-shadow:0 0 0 4px #e2edaf35}
.frame-wrap{background:repeating-linear-gradient(0deg,transparent 0 72px,#e2edaf18 73px 75px),linear-gradient(135deg,#335e3d,#224632)}
.frame-overlay{background:radial-gradient(circle at center,#426d4bdb,#234630f2 75%)}
.frame-icon{border-color:#e2edaf;color:#e2edaf}.frame-overlay p{color:#e3ebd9}
.frame-overlay .button.primary,.content-aside .button.primary,.download-card .button.primary{background:#e3ebb2;color:#244431}
.share-icons a{background:#315c3d;color:#f5efda}.share-icons a:hover{background:#bd6646;color:#fff}
.modes-section{background:#e8e6d7}
.mode-card,.mode-feature,.mode-card:hover,.mode-feature:hover{background:#d8e2d2;color:#254731}
.mode-index{background:#e8edb5;color:#294d36}
.mode-copy{background:#d8e2d2}
.mode-card p{color:#516c54}.mode-card .card-link{border-color:#9db39d;color:#a45235}
.intro-section{background:#f2eee2}
.steps>div{border-color:#b9c7b3}.steps p,.faq-grid p,.section-head p,.game-heading p{color:#58705c}
.cta-band{background:#b96a4b;color:#fff8e8}
.cta-band .kicker{color:#ffdfb0}.cta-band h2 i{color:#e8eeb8}
.cta-band .button.dark{background:#f3edd7;color:#31533a}
.subhero{background:repeating-linear-gradient(0deg,transparent 0 99px,#f8f0d50c 100px 101px),#315a3c;color:#faf3de}
.subhero .eyebrow{color:#d0dfc2}.subhero .kicker{color:#e9b292}.subhero h1 i{color:#e9c9a8}.subhero>p{color:#d9e5d2}
.content-aside,.download-card{background:#dee5d5}
.download-note{background:#315a3c}.download-note strong{color:#e6ecb5}.download-note p{color:#dce7d7}
footer{background:#d9e2d2;color:#294834}
.footer-brand span{color:#bc6746}.footer-top p{color:#58715c}
.footer-links strong{color:#9d543b}.footer-links a{color:#44614a}.footer-links a:hover{color:#9b5137}
.footer-bottom{border-top-color:#b1c2ad;color:#607960}

/* Original field-guide emblem and a wordmark shaped by the game's sports lettering. */
.brand{gap:11px;line-height:1}
.brand-mark{width:58px;height:58px;display:block;object-fit:contain;background:none;transform:none;flex:none}
.brand-name{display:flex;flex-direction:column;gap:1px;line-height:1}
.brand-name strong{font-family:'Racing Sans One',Impact,sans-serif;font-size:24px;font-weight:400;font-style:italic;letter-spacing:-.05em;line-height:.88;color:#2b5a3d}
.brand-name>span{font-family:'Anton',Impact,sans-serif;font-size:15px;font-weight:400;letter-spacing:.035em;color:#2b5a3d}
.brand-name small{font-family:'DM Sans',Arial,sans-serif;font-size:8px;font-weight:800;letter-spacing:.16em;margin-top:4px;color:#a75c42}
h1,h2,h3,.button,.head-cta,.header nav a,.footer-brand{font-family:'Anton',Impact,sans-serif;font-weight:400}
.hero h1{letter-spacing:-.018em;line-height:.93}
.hero h1 .street-word{font-family:'Racing Sans One',Impact,sans-serif;font-size:.91em;font-style:italic;font-weight:400;letter-spacing:-.08em;color:#2b5a3d;display:inline-block;transform:skew(-3deg)}
.hero h1 em{font-style:normal}
.header nav a{font-size:13px;letter-spacing:.04em;font-weight:400}
.button,.head-cta{letter-spacing:.035em}
.mode-card h3{letter-spacing:.015em}
@media(max-width:760px){.brand-mark{width:45px;height:45px}.brand-name strong{font-size:21px}.brand-name>span{font-size:13px}.brand-name small{font-size:7px}.header nav a{font-size:12px}}

/* Put the game window in the opening viewport on desktop and mobile. */
.game-section:first-child{padding-top:18px}
.game-section:first-child .eyebrow{display:none}
.game-section:first-child .game-heading{align-items:center;margin:0 0 14px}
.game-section:first-child .game-heading h2{font-size:clamp(28px,3vw,44px);line-height:1;margin:4px 0 0}
.game-section:first-child .game-heading h2 br{display:none}
.game-section:first-child .game-heading p{margin:0;max-width:360px}
.game-section:first-child .game-shell{box-shadow:none}
@media(max-width:760px){.game-section:first-child{padding-top:14px}.game-section:first-child .game-heading{margin-bottom:12px}.game-section:first-child .game-heading h2{font-size:clamp(27px,7vw,36px)}.game-section:first-child .game-heading p{display:none}}