:root{--forest:#163d32;--deep:#0f3027;--cream:#f8f7f0;--paper:#fffef8;--yellow:#edcb76;--ink:#233e34;--muted:#637268;--line:#d9dfd3;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light;font-family:var(--sans);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:32px}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b27722;outline-offset:6px}.wrap{width:min(1248px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;background:var(--yellow);color:var(--deep);padding:16px;z-index:20}.skip-link:focus{top:20px}.hero-shell{background:var(--forest);color:var(--cream)}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font:italic 2rem/1 var(--serif);letter-spacing:-1.1px}.brand img{border-radius:10px}.brand-dot{color:var(--yellow)}.site-header nav{display:flex;gap:34px;margin-left:54px}.site-header nav a{font-size:.9rem;color:#e1e8de;padding:12px 0}.site-header nav a:hover{color:var(--yellow)}.nav-status{border:1px solid #f8f7f059;border-radius:100px;padding:12px 19px;font-size:.875rem;display:flex;gap:22px;align-items:center}.nav-status:hover{background:#ffffff0b;border-color:var(--yellow)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;min-height:735px;padding-block:60px 70px}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:2.3px;margin:0 0 28px;color:#d8e2d0}h1{font-family:var(--serif);font-size:clamp(3.6rem,6.6vw,6.2rem);font-weight:400;line-height:1.04;letter-spacing:-4.5px;margin:0 0 30px}h1 em{color:var(--yellow);font-weight:400}.hero-description{color:#d7e0d6;font-size:1.125rem;line-height:1.8;max-width:460px;margin:0 0 32px}.button{display:inline-flex;justify-content:center;gap:26px;align-items:center;font-size:.9375rem;font-weight:550;min-height:55px;border-radius:6px;padding:17px 22px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--yellow);color:var(--deep)}.button-light:hover{background:#f7d993}.availability{font-size:.8125rem;color:#becfbd;margin:20px 0 0;display:flex;gap:12px}.hero-preview{width:100%;max-width:420px;justify-self:end}.preview-label{font-size:.75rem;letter-spacing:1.5px;display:flex;justify-content:space-between;align-items:center;color:#d7dfce;padding:0 8px 20px}.preview-label>span:last-child{font:2rem var(--serif);margin-right:25px}.score-preview{color:var(--ink);background:var(--paper);padding:27px 26px 18px;border-radius:16px;box-shadow:0 28px 64px #061d263b;transform:rotate(2deg);border:1px solid #f8f7f0}.preview-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:21px;gap:12px}.preview-wordmark{font:italic 1.375rem var(--serif);letter-spacing:-.7px}.preview-tag{font-size:.75rem;letter-spacing:1.1px;color:#5f7466}.mini-label{font-size:.75rem;font-weight:600;letter-spacing:1.2px;margin:0;color:#657668}.game-heading{padding:25px 0 23px}.game-heading h2{font:2rem/1.2 var(--serif);letter-spacing:-1px;margin:8px 0}.game-name{font-size:.75rem;color:#68786c}.winner{border-radius:9px;background:#e8edde;display:flex;align-items:center;gap:12px;padding:20px 15px}.winner-avatar{background:#d5c188;color:#4f5136;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font:1.25rem var(--serif);flex-shrink:0}.winner-name strong{font-size:.8125rem;font-weight:500;display:block;margin-top:5px}.winner-score{margin-left:auto;font:2.875rem/.9 var(--serif);letter-spacing:-1.5px;text-align:center}.winner-score span{display:block;font:.75rem/1.5 var(--sans);letter-spacing:0;color:#657668;margin-top:5px}.standings{list-style:none;padding:0;margin:7px 0 0}.standings li{display:flex;align-items:center;gap:11px;font-size:.8125rem;padding:13px 8px;border-bottom:1px solid var(--line)}.rank{font-size:.75rem;color:#7a877c;width:20px}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:.75rem}.leo{background:#d3e2df;color:#456b66}.sam{background:#efdbcf;color:#8a5b44}.standings strong{margin-left:auto;font-weight:500;font-size:1.25rem}.standings small{font-size:.75rem;color:#7b867a;margin-left:4px}.breakdown{padding-top:22px}.breakdown-heading{display:flex;justify-content:space-between;font-size:.75rem}.breakdown-heading>span:last-child{color:#849080}.breakdown-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px}.breakdown-grid>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line);gap:5px}.breakdown-grid>div:last-child{border:0}.breakdown-grid strong{font:1.5rem var(--serif)}.breakdown-grid span{font-size:.75rem;color:#697768}.saved-note{background:var(--forest);border-radius:6px;color:#f1f2e6;padding:13px;text-align:center;font-size:.75rem;margin-top:22px}.saved-note>span{margin-right:7px}.preview-caption{font-size:.75rem;color:#c2cebd;text-align:center;margin:23px 0 0}.hero-bottom{border-top:1px solid #ffffff24;display:flex;align-items:center;justify-content:space-between;padding-block:26px;color:#c5d3c1;font-size:.8125rem;gap:16px}.hero-bottom a{display:flex;gap:35px;color:var(--cream)}.site-footer{display:flex;justify-content:space-between;align-items:center;padding-block:40px;gap:25px;border-top:1px solid var(--line)}.footer-brand{font-size:1.75rem;gap:0}.footer-brand .brand-dot{color:#9d5c3f}.site-footer>span{font-size:.75rem;color:var(--muted)}
@media(min-width:1600px){.hero{min-height:800px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:35px;grid-template-columns:1.05fr .95fr;min-height:680px}h1{font-size:4.3rem;letter-spacing:-3px}.hero-description{font-size:1rem}.hero-preview{max-width:360px}.score-preview{padding:22px 20px 17px}.winner{padding:18px 10px;gap:8px}.winner-name strong{font-size:.75rem}.button{font-size:.875rem;gap:16px}.site-header nav{margin-left:0;gap:22px}}@media(max-width:740px){.wrap{width:calc(100% - 40px)}.site-header{height:86px;gap:12px}.brand{font-size:1.7rem;gap:8px}.brand img{width:31px;height:31px;border-radius:8px}.site-header nav{display:none}.nav-status{padding:10px 13px;font-size:.75rem;gap:12px}.hero{grid-template-columns:1fr;padding-top:51px;padding-bottom:35px;gap:48px}.hero-copy{max-width:520px}.eyebrow{font-size:.75rem;letter-spacing:1.9px;margin-bottom:23px}h1{font-size:clamp(3.5rem,11.4vw,5rem);letter-spacing:-2.6px;line-height:1.05;margin-bottom:23px}.hero-description{font-size:1rem;line-height:1.75;max-width:380px}.hero-description br{display:none}.button{min-height:54px;padding:16px 20px}.availability{margin-top:17px}.hero-preview{justify-self:center;width:min(100% - 20px,380px);max-width:none}.preview-label{padding-bottom:13px}.score-preview{transform:rotate(1.5deg)}.hero-bottom{font-size:.75rem;line-height:1.5;padding-block:23px}.hero-bottom>span{max-width:185px}.hero-bottom a{gap:15px}.site-footer{flex-wrap:wrap;padding-block:30px}.site-footer>span:first-of-type{order:3;flex-basis:100%;margin-top:-5px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.section-heading h2,.how-intro h2,.questions-section>h2{font:400 clamp(2.6rem,4vw,3.75rem)/1.1 var(--serif);letter-spacing:-1.8px;margin:0}.dark-eyebrow{color:#596f59}.intro-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:104px;padding-bottom:57px;align-items:center}.intro-copy{padding-top:25px;max-width:500px}.intro-copy p{font-size:1.0625rem;line-height:1.8;color:var(--muted);margin:0 0 16px}.features{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:85px}.feature{border-top:1px solid var(--line);padding:30px 30px 0 0}.feature+.feature{padding-left:33px;border-left:1px solid var(--line)}.feature-number{font-size:.75rem;letter-spacing:1.3px;color:#747e6f}.feature h3{font:1.55rem/1.2 var(--serif);letter-spacing:-.55px;margin:23px 0 13px}.feature p{font-size:1rem;color:var(--muted);line-height:1.75;margin:0}.tabletop-image{position:relative;border-radius:12px;overflow:hidden;height:455px;background:#123c2e}.tabletop-image>img{width:100%;height:100%;object-fit:cover;object-position:center}.tabletop-copy{position:absolute;top:26%;left:7%;color:var(--paper);max-width:55%;text-shadow:0 2px 20px #0c261a55}.tabletop-copy .eyebrow{margin-bottom:25px;font-size:.75rem}.tabletop-copy h2{font:400 clamp(2.5rem,4.3vw,4rem)/1.1 var(--serif);letter-spacing:-1.6px;margin:0}.tabletop-copy h2 em{font-weight:400;color:var(--yellow)}.image-footnote{display:flex;justify-content:space-between;color:#758170;font-size:.75rem;padding-top:17px;gap:24px}.how-section{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-block:110px}.how-intro p:not(.eyebrow){font-size:1rem;line-height:1.8;color:var(--muted);max-width:390px;margin:25px 0 22px}.small-pill{display:inline-block;border:1px solid #c7d1bf;border-radius:100px;font-size:.8125rem;padding:8px 14px;color:#496047}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:21px;padding:25px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.step-number{flex-shrink:0;border:1px solid #c6d0bc;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font:1rem var(--serif);margin-top:3px}.steps h3{font:1.6rem var(--serif);margin:2px 0 12px;letter-spacing:-.4px}.steps p{font-size:1rem;line-height:1.7;color:var(--muted);margin:0}.coming-section{background:#e7ebdd;border-block:1px solid #d8decd;text-align:center}.coming-inner{padding-block:68px 74px}.coming-inner>img{margin:0 auto 29px;border-radius:22px;box-shadow:0 6px 15px #193d3220}.coming-inner .eyebrow{margin-bottom:20px}.coming-inner h2{font:400 clamp(3.5rem,6vw,5.75rem)/1.04 var(--serif);letter-spacing:-2.9px;margin:0 0 24px}.coming-inner h2 em{font-weight:400;color:#456443}.coming-inner>p:not(.eyebrow){font-size:1.0625rem;color:#5d705c;line-height:1.8}.release-pill{display:inline-flex;background:#f8f9f0;border:1px solid #ced7c3;border-radius:100px;padding:12px 20px;font-size:.8125rem;margin-top:13px}.questions-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-block:80px 90px}.questions-section>h2{font-size:2.25rem;letter-spacing:-.8px}.questions details{border-bottom:1px solid var(--line)}.questions details:first-child{border-top:1px solid var(--line)}.questions summary{font-size:1rem;cursor:pointer;padding:23px 35px 23px 0;position:relative;list-style:none;line-height:1.5}.questions summary::-webkit-details-marker{display:none}.questions summary::after{content:'+';position:absolute;right:4px;top:23px;font-size:1.25rem;line-height:1}.questions details[open] summary::after{content:'−'}.questions p{font-size:1rem;line-height:1.8;color:var(--muted);margin:0 30px 24px 0}.questions summary:hover{color:#6c6c3c}
@media(max-width:1000px){.intro-section{gap:55px}.how-section{gap:55px}.questions-section{gap:40px}.feature h3{font-size:1.35rem}.feature+.feature{padding-left:24px}.feature{padding-right:24px}.tabletop-image{height:380px}.hero-preview .preview-tag{font-size:.75rem;letter-spacing:.5px}.winner-name .mini-label{font-size:.75rem;letter-spacing:.4px}}
@media(max-width:740px){.intro-section{grid-template-columns:1fr;gap:23px;padding-top:65px;padding-bottom:35px}.section-heading h2,.how-intro h2{font-size:2.75rem}.intro-section .eyebrow{font-size:.75rem;margin-bottom:20px}.intro-copy{padding:0}.intro-copy p{font-size:1rem}.features{grid-template-columns:1fr;padding-bottom:45px}.feature,.feature+.feature{padding:26px 0;border-left:0}.feature h3{font-size:1.6rem;margin:14px 0 11px}.feature p{max-width:520px}.tabletop-image{height:390px;border-radius:8px}.tabletop-image>img{object-position:55% center;opacity:.75}.tabletop-copy{left:7%;top:29%;max-width:87%}.tabletop-copy .eyebrow{font-size:.75rem;letter-spacing:1.6px}.tabletop-copy h2{font-size:2.8rem;letter-spacing:-1.2px}.image-footnote{font-size:.75rem;line-height:1.6}.image-footnote>span:last-child{display:none}.how-section{grid-template-columns:1fr;padding-block:65px;gap:39px}.how-intro p:not(.eyebrow){max-width:100%}.steps h3{font-size:1.4rem}.steps li{gap:16px;padding-block:23px}.coming-inner{padding-block:54px}.coming-inner .eyebrow{font-size:.75rem;letter-spacing:1.4px}.coming-inner h2{font-size:4rem}.coming-inner>p:not(.eyebrow){font-size:1rem}.questions-section{grid-template-columns:1fr;gap:27px;padding-block:55px}.questions-section>h2{font-size:2.15rem}.questions summary{font-size:.9375rem}.questions p{margin-right:10px}.preview-top{gap:8px}.game-heading h2{font-size:1.9rem}.winner-score{font-size:2.6rem}.winner-name strong{font-size:.8125rem}.preview-tag{letter-spacing:.3px}.hero-bottom{align-items:flex-start}}
.midgame-section{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:center;padding-block:40px 110px}.midgame-copy h2,.games-intro h2{font:400 clamp(2.6rem,4vw,3.75rem)/1.1 var(--serif);letter-spacing:-1.8px;margin:0}.midgame-copy h2 em,.games-intro h2 em{font-weight:400;color:#456443}.midgame-copy>p:not(.eyebrow),.games-intro>p:not(.eyebrow){font-size:1.0625rem;line-height:1.8;color:var(--muted);margin:25px 0 0;max-width:500px}.midgame-points{list-style:none;padding:0;margin:30px 0 0;max-width:520px}.midgame-points li{border-top:1px solid var(--line);padding:17px 0;font-size:1rem;line-height:1.7;color:var(--muted)}.midgame-points li:last-child{border-bottom:1px solid var(--line)}.midgame-points strong{color:var(--ink);font-weight:600}.round-card{color:var(--ink);background:var(--paper);padding:27px 26px 18px;border-radius:16px;box-shadow:0 24px 56px #163d3224;border:1px solid var(--line);transform:rotate(-1.5deg);max-width:440px;justify-self:end;width:100%}.live-tag{display:inline-flex;align-items:center;gap:8px}.live-tag>span{width:8px;height:8px;border-radius:50%;background:#c9962f;box-shadow:0 0 0 4px #edcb7655}.round-table{width:100%;border-collapse:collapse;font-size:.875rem}.round-table th,.round-table td{padding:13px 4px;border-bottom:1px solid var(--line);text-align:right;font-weight:400}.round-table thead th{font-size:.75rem;letter-spacing:1px;color:#6f7d70;padding-top:0}.round-table th[scope=row],.round-table thead th:first-child{text-align:left}.round-table th[scope=row]{display:flex;align-items:center;gap:10px}.round-table td.pending{color:#9aa597}.round-table td.total{font:1.25rem var(--serif)}.mia{background:#e7dcb4;color:#6d5a24}.round-caption{font-size:.75rem;color:#7b867a;text-align:center;margin:14px 0 0}
.games-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-block:110px 20px}.games-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.875rem!important}.games-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.games-grid li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 18px;display:flex;flex-direction:column;gap:6px;min-height:104px;background:var(--paper)}.game-title{font:1.3rem/1.2 var(--serif);letter-spacing:-.4px}.game-meta{font-size:.8125rem;color:var(--muted)}.game-tag{display:inline-block;align-self:flex-start;background:#e8edde;color:#496047;border-radius:100px;font-size:.75rem;padding:4px 10px;margin-top:auto}.trademark-note{flex-basis:100%;font-size:.75rem;color:var(--muted)}
@media(max-width:1000px){.midgame-section,.games-section{gap:50px}.games-grid{grid-template-columns:repeat(2,1fr)}.round-card{padding:22px 20px 17px}}
@media(max-width:740px){.midgame-section{grid-template-columns:1fr;gap:44px;padding-block:20px 65px}.midgame-copy h2,.games-intro h2{font-size:2.75rem}.midgame-copy>p:not(.eyebrow),.games-intro>p:not(.eyebrow){font-size:1rem}.round-card{justify-self:center;transform:rotate(-1deg)}.games-section{grid-template-columns:1fr;gap:32px;padding-block:65px 10px}.games-grid li{padding:16px 14px;min-height:96px}.game-title{font-size:1.15rem}}

/* Photo reference and editable scoring walkthrough */
.photo-section{background:#ecefe4;border-block:1px solid var(--line);padding-block:85px;margin-bottom:85px}
.photo-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-bottom:44px}
.photo-intro h2{font:400 clamp(2.6rem,4vw,3.75rem)/1.1 var(--serif);letter-spacing:-1.8px;margin:0}
.photo-intro h2 em{font-weight:400;color:#456443}
.photo-intro>p{font-size:1.0625rem;line-height:1.8;color:var(--muted);margin:0;max-width:450px}
.scoring-walkthrough{display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;border:1px solid #cbd4c3;border-radius:16px;background:var(--paper)}
.board-example,.edit-example{padding:32px;min-width:0}
.board-example{background:#f4f5ec;border-right:1px solid var(--line)}
.walkthrough-heading{display:flex;align-items:flex-start;gap:16px}
.walkthrough-heading .step-number{width:36px;height:36px;margin-top:2px;font:1.125rem var(--serif)}
.demo-kicker{font-size:.75rem;font-weight:600;letter-spacing:1.4px;margin:0 0 8px;color:#63755f;line-height:1.5}
.walkthrough-heading h3{font:400 1.9rem/1.15 var(--serif);letter-spacing:-.6px;margin:0}
.board-example>p,.edit-example>p{font-size:1rem;line-height:1.7;color:var(--muted);margin:20px 0 24px}
.board-figure{margin:0}
.board-figure img{width:100%;height:auto;border-radius:8px;border:1px solid #d9dfd3}
.board-figure a:first-child{display:block}
.board-figure figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.8125rem;line-height:1.5;color:var(--muted);padding-top:12px}
.board-figure figcaption a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}
.board-example .capture-tip{font-size:.875rem;line-height:1.75;margin:24px 0 0;border-top:1px solid var(--line);padding-top:20px}
.capture-tip strong{display:block;font-weight:600;color:var(--ink);margin-bottom:5px}
.demo-form-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:.875rem}
.reset-example{background:none;border:0;color:#476341;font-size:.875rem;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:6px 0 6px 10px}
.score-field{display:grid;grid-template-columns:minmax(0,1fr) 68px 66px;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.score-field label{font-size:1rem;line-height:1.35;font-weight:500}
.score-field label span{display:block;color:var(--muted);font-size:.875rem;font-weight:400;line-height:1.5;margin-top:4px}
.score-field input{width:68px;min-height:46px;border:1px solid #aeba9f;border-radius:6px;background:#fffefb;color:var(--ink);padding:9px 6px;text-align:center;font-size:1.125rem;font-weight:500}
.score-field input:focus-visible,.bonus-toggle input:focus-visible{outline:3px solid #b27722;outline-offset:3px}
.score-field input[aria-invalid=true]{border-color:#a03424;background:#fff3ef}
.field-points{text-align:right;font-size:.875rem;color:#486642;font-variant-numeric:tabular-nums}
.bonus-toggle{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.5;margin:20px 0;cursor:pointer}
.bonus-toggle input{accent-color:var(--forest);width:19px;height:19px;flex-shrink:0;margin:1px 0 0}
.bonus-toggle small{display:block;font-size:.8125rem;line-height:1.5;color:var(--muted);margin-top:5px}
.demo-guidance{font-size:.875rem;line-height:1.6;color:#496047;margin:18px 0 0;background:#edf1e5;border-radius:6px;padding:12px 14px}
.demo-error{font-size:.875rem;line-height:1.6;color:#8b3024;margin:14px 0 0}
.demo-result{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:30px 32px;background:var(--forest);color:var(--cream)}
.demo-result .step-number{border-color:#b9c8aa;color:var(--yellow)}
.demo-result .demo-kicker{color:#c3d0b8}
.demo-result .walkthrough-heading h3{font-size:1.8rem}
.demo-result .walkthrough-heading p:last-child{font-size:1rem;line-height:1.65;color:#d4dfcb;max-width:405px;margin:12px 0 0}
.result-score{flex-shrink:0;text-align:right}
.result-score p{font-size:.875rem;color:#d4dfcb;margin:0;line-height:1.5}
.result-score>div{display:flex;align-items:baseline;justify-content:flex-end;gap:12px;margin:5px 0}
.result-score output{font:400 4rem/1 var(--serif);color:var(--yellow);font-variant-numeric:tabular-nums}
.result-score>div>span{font-size:1rem;color:#e3e9db}
.result-score #score-result-note{font-size:.8125rem}
.photo-availability{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;padding-top:28px}
.photo-availability .small-pill{font-size:.875rem;background:#f8f9f0}
.photo-availability p{font-size:.9375rem;line-height:1.75;color:#5b6c55;margin:0;max-width:850px}
@media(max-width:1100px){.photo-intro{gap:40px}.board-example,.edit-example{padding:24px}.score-field{grid-template-columns:minmax(0,1fr) 60px 58px;gap:8px}.score-field input{width:60px}.walkthrough-heading h3{font-size:1.65rem}.photo-availability{grid-template-columns:1fr;gap:14px}.photo-availability .small-pill{justify-self:start}}
@media(max-width:850px){.photo-intro{grid-template-columns:1fr;gap:24px}.photo-intro>p{max-width:620px}.scoring-walkthrough{grid-template-columns:1fr}.board-example{border-right:0;border-bottom:1px solid var(--line)}.board-figure{max-width:650px;margin-inline:auto}.board-example,.edit-example{padding:28px}.demo-result{padding:28px;gap:24px}.demo-result .walkthrough-heading p:last-child{max-width:320px}}
@media(max-width:560px){.photo-section{padding-block:55px;margin-bottom:45px}.photo-intro{margin-bottom:28px}.photo-intro h2{font-size:2.6rem;letter-spacing:-1.3px}.photo-intro>p{font-size:1rem}.board-example,.edit-example{padding:22px 18px}.walkthrough-heading{gap:12px}.walkthrough-heading .step-number{width:30px;height:30px;font-size:1rem}.walkthrough-heading h3{font-size:1.6rem}.demo-kicker{letter-spacing:1px}.score-field{grid-template-columns:minmax(0,1fr) 60px 56px;gap:8px}.score-field label{font-size:.9375rem}.score-field label span{font-size:.8125rem}.demo-result{flex-direction:column;align-items:stretch;padding:25px 20px}.result-score{border-top:1px solid #ffffff30;padding-top:22px;text-align:left;margin-left:42px}.result-score>div{justify-content:flex-start}.result-score output{font-size:4rem}.photo-availability p{font-size:.9375rem}}

/* September feature update: game history, coaching, and the expanded catalog. */
.history-section{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center;padding-block:0 100px}
.history-copy h2,.coach-intro h2{font:400 clamp(2.6rem,4vw,3.75rem)/1.1 var(--serif);letter-spacing:-1.8px;margin:0}
.history-copy h2 em{font-weight:400;color:#456443}
.history-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.8;color:var(--muted);margin:25px 0 0}
.history-copy>p.feature-note{font-size:.875rem;line-height:1.75;margin-top:22px}
.history-preview{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 20px 55px #163d3212;min-width:0}
.history-preview .game-heading h3{font:400 2rem/1.2 var(--serif);letter-spacing:-.7px;margin:10px 0 0}
.history-table{width:100%;border-collapse:collapse;font-size:1rem;font-variant-numeric:tabular-nums}
.history-table caption{text-align:left;font-size:.875rem;color:var(--muted);padding:0 0 15px}
.history-table th,.history-table td{padding:14px 4px;border-bottom:1px solid var(--line);text-align:right;font-weight:400}
.history-table th:first-child{text-align:left}
.history-table thead th{font-size:.875rem;color:var(--muted);padding-top:0}
.history-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:25px 0}
.history-metrics>div{display:flex;flex-direction:column;gap:6px}
.history-metrics>div+div{border-left:1px solid var(--line);padding-left:22px}
.history-metrics strong{font:400 2.65rem/1 var(--serif);letter-spacing:-1px}
.history-metrics span{font-size:.875rem;line-height:1.5;color:var(--muted)}
.history-insight{border-radius:8px;background:#e9eee1;padding:20px}
.history-insight>p{font:400 1.3rem/1.3 var(--serif);margin:10px 0 18px}
.insight-line{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;line-height:1.5}
.insight-line strong{font-weight:600;white-space:nowrap}
.insight-bar{height:7px;width:76%;border-radius:10px;background:#547048;margin-top:10px}
.history-insight small{display:block;font-size:.8125rem;line-height:1.6;color:var(--muted);margin-top:14px}
.coach-section{background:var(--deep);color:var(--cream);padding-block:80px;margin-bottom:95px}
.coach-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.coach-intro h2 em{color:var(--yellow);font-weight:400}
.coach-intro>p:not(.eyebrow){font-size:1.0625rem;line-height:1.8;color:#d4dfcd;max-width:490px;margin:25px 0 0}
.coach-intro>p.coach-boundary{font-size:.9375rem;color:#becfb7;border-top:1px solid #ffffff26;padding-top:24px;margin-top:28px}
.coach-options article{padding-bottom:27px}
.coach-options article+article{border-top:1px solid #ffffff26;padding-top:27px}
.coach-status{display:inline-block;border:1px solid #96aa8870;border-radius:100px;padding:7px 12px;font-size:.8125rem;line-height:1.4;color:#e2e9d9}
.coach-options h3{font:400 1.8rem/1.2 var(--serif);letter-spacing:-.4px;margin:18px 0 13px}
.coach-options article>p{font-size:1rem;line-height:1.75;color:#cbd9c4;margin:0}
.coach-options blockquote{border-left:2px solid var(--yellow);font:italic 1.25rem/1.5 var(--serif);color:#f0d590;margin:20px 0 0;padding-left:18px}
.coach-footnote{font-size:.875rem;line-height:1.7;color:#bacdb3;margin:0}
.games-section{gap:38px 80px;align-items:start}
.games-overview>p{font-size:1.0625rem;line-height:1.8;color:var(--muted);margin:0 0 20px}
.games-overview .games-scope{font-size:.875rem;margin-bottom:0}
.game-catalog{grid-column:1/-1;min-width:0;border-top:1px solid #c7d1bf;border-bottom:1px solid #c7d1bf}
.game-catalog>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:24px 0;font-size:1.125rem;font-weight:500;list-style:none;position:relative;padding-right:30px}
.game-catalog>summary::-webkit-details-marker{display:none}
.game-catalog>summary::after{content:'+';position:absolute;right:1px;font-size:1.5rem;font-weight:400}
.game-catalog[open]>summary::after{content:'−'}
.catalog-summary-hint{font-size:.875rem;color:var(--muted);font-weight:400;text-align:right}
.game-catalog .games-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px}
.game-catalog .games-grid li{min-height:155px;padding:20px;overflow-wrap:anywhere}
.game-scope{font-size:.875rem;line-height:1.5;color:var(--muted);padding:4px 0 8px}
.game-catalog .game-meta,.game-catalog .game-tag{font-size:.875rem}
.questions p a{text-decoration:underline;text-underline-offset:3px;color:var(--forest)}
@media(max-width:1000px){.history-section,.coach-inner{gap:45px}.history-preview{padding:23px}.game-catalog .games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.games-section{gap:32px 45px}}
@media(max-width:740px){.history-section,.coach-inner{grid-template-columns:1fr;gap:38px}.history-section{padding-bottom:65px}.history-copy h2,.coach-intro h2{font-size:2.75rem}.history-copy>p:not(.eyebrow),.coach-intro>p:not(.eyebrow){font-size:1rem}.history-preview{width:100%;max-width:460px;justify-self:center;padding:23px}.coach-section{padding-block:55px;margin-bottom:60px}.coach-intro>p.coach-boundary{font-size:.9375rem}.games-section{grid-template-columns:1fr;gap:26px}.games-overview>p{font-size:1rem}.game-catalog .games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-catalog .games-grid li{padding:16px 14px}.game-catalog>summary{align-items:flex-start;flex-direction:column;gap:7px;font-size:1.0625rem}.catalog-summary-hint{text-align:left}.history-metrics strong{font-size:2.4rem}.history-insight{padding:17px}}
@media(max-width:420px){.game-catalog .games-grid{grid-template-columns:1fr}.game-catalog .games-grid li{min-height:0}.game-catalog .game-title{font-size:1.35rem}.history-table{font-size:.9375rem}.insight-line{flex-wrap:wrap;gap:4px}}
@media(max-width:900px){.site-header nav{display:none}}
@media(min-width:741px) and (max-width:850px){.hero{grid-template-columns:1fr;gap:48px;padding-block:55px 40px}.hero-copy{max-width:580px}.hero-preview{justify-self:center;max-width:420px}.hero h1{font-size:5rem}.history-section,.coach-inner{grid-template-columns:1fr}.history-preview{width:100%;max-width:460px;justify-self:center}}