*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:#f6f1e6;color:#233d37;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1500px;margin:auto;padding-inline:5.5%}header{padding-block:26px;border-bottom:1px solid #25473a19}nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}nav a{text-decoration:none;font-size:13px;color:#566b61}.brand{font-size:21px;font-weight:850;letter-spacing:-.06em;margin-right:auto;color:#233d37}.brand span{font-size:13px;font-weight:500;letter-spacing:0;color:#738377;margin-left:8px}a:focus-visible{outline:3px solid #db7358;outline-offset:6px}.skip{position:absolute;left:12px;top:-60px;padding:8px 14px;background:#233d37;color:#fff;z-index:5}.skip:focus{top:12px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:5%;align-items:center;padding-block:75px 65px}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#a75c40}.hero .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{display:block;width:7px;height:7px;border-radius:50%;background:#db7358;box-shadow:0 0 0 5px #db735815}h1{font-size:clamp(49px,5.7vw,83px);font-weight:850;line-height:1.02;letter-spacing:-.065em;margin:27px 0}h1 em{font-style:normal;color:#bd624c}h2{font-size:clamp(29px,3vw,43px);line-height:1.12;letter-spacing:-.045em;font-weight:800}h3{font-size:21px;line-height:1.25;letter-spacing:-.035em;margin:18px 0 12px}p{color:#5c6e62}.game-name{font-size:16px;color:#233d37;font-weight:750;margin-bottom:9px}.lead{max-width:38ch;margin:0 0 16px;font-size:17px;line-height:1.7}.play{display:inline-flex;gap:55px;align-items:center;background:#284e40;color:#fff9eb;text-decoration:none;border-radius:8px;padding:14px 23px;margin-top:18px;font-size:15px;font-weight:800;box-shadow:0 4px 0 #153a2a;transition:transform .15s,background .15s}.play:hover{background:#35644f;transform:translateY(-2px)}.play:active{transform:translateY(3px);box-shadow:0 1px 0 #153a2a}.play span{font-size:23px;line-height:1}.facts{font-size:10px;line-height:1.7;letter-spacing:.025em;margin-top:23px;color:#7c8474}.facts span{margin-inline:6px;color:#bc7857}.cover{margin:0;position:relative}.cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;border:1px solid #264d3920;border-radius:18px;box-shadow:0 22px 50px #30493612}.cover figcaption{font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-align:right;color:#879180;margin-top:14px}.how{padding-block:43px 47px;border-top:1px solid #25473a20}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:28px}.section-heading h2{margin:0 0 34px;max-width:17ch}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{padding:27px 25px 24px;background:#fffcf3;border:1px solid #294c3020;border-radius:10px}.step-number{font-size:11px;font-weight:750;letter-spacing:.12em;color:#b66d4e}.steps p{font-size:14px;margin:0}.keyboard{font-size:12px;line-height:2.1;padding-top:20px;max-width:100ch}.keyboard>span{font-weight:750;color:#304b3a;margin-right:5px}kbd{font:700 11px system-ui,sans-serif;color:#46563d;background:#ecebdc;border:1px solid #c8cebb;border-bottom-width:2px;border-radius:4px;padding:2px 5px;white-space:nowrap}.details{display:grid;grid-template-columns:1fr 1.25fr;gap:15%;padding-block:40px 60px;border-top:1px solid #25473a20}.details h2{margin-top:16px}.details>div>p{font-size:15px;max-width:58ch}.details>div>p:first-child{margin-top:0}.details .eyebrow{font-size:10px}.details a{display:inline-block;color:#9b5a40;font-size:13px;font-weight:700;margin-top:10px}footer{font-size:11px;padding-block:23px 30px;border-top:1px solid #25473a20;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{margin:0;color:#7a8774}footer strong{color:#46563d;font-weight:650}@media(max-width:1000px){nav{gap:20px}.hero{gap:5%;padding-block:50px}.cover img{aspect-ratio:16/9}.steps{gap:16px}.steps article{padding:22px 20px}.section-heading{display:block}.section-heading h2{margin-block:16px 26px;max-width:none}.section-heading h2 br{display:none}.facts span{margin-inline:3px}}@media(max-width:700px){header,main,footer{padding-inline:22px}header{padding-block:20px}nav{column-gap:19px;row-gap:15px}.brand{flex-basis:100%;font-size:21px}nav a{font-size:12px}.hero{grid-template-columns:1fr;gap:31px;padding-block:38px}.hero-copy{max-width:500px}h1{font-size:58px;margin-block:25px}.cover img{aspect-ratio:16/9;object-position:center}.cover figcaption{font-size:9px}.lead{font-size:16px;max-width:40ch}.facts{font-size:10px}.how{padding-block:32px}.steps{grid-template-columns:1fr;gap:14px}.steps article{padding:23px}.steps h3{margin-top:12px}.details{grid-template-columns:1fr;gap:8px;padding-block:30px 40px}.details h2 br{display:none}.details h2{margin-block:16px 14px}footer{gap:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.play{transition:none}}@media(max-width:360px){h1{font-size:51px}header,main,footer{padding-inline:17px}nav{column-gap:14px}}