*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#fff8e8;color:#173b39;font:17px/1.65 system-ui,-apple-system,sans-serif}header,main,footer{max-width:1240px;margin:auto;padding:24px}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#176957;text-underline-offset:5px}nav a{text-decoration:none;font-size:14px}nav a:first-child{font-weight:800;margin-right:auto}a:focus-visible{outline:3px solid #c8642e;outline-offset:5px}main{padding-block:48px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.16em;color:#8c4924;text-transform:uppercase}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.02;letter-spacing:-.05em;margin:20px 0}h2{font-size:29px;line-height:1.25;letter-spacing:-.025em}h3{font-size:21px;line-height:1.3;margin:14px 0}p{color:#4b625b;max-width:62ch}.game-name{font-size:24px;font-weight:800;color:#b9552f;margin:24px 0 8px}.lead{font-size:20px;margin:8px 0 16px}figure{margin:0}img{display:block;width:100%;height:auto;border-radius:24px;border:1px solid #173b3920;box-shadow:0 15px 50px #173b3915}figcaption{font-size:12px;color:#586b63;text-align:center;margin-top:10px}.play{display:inline-block;padding:15px 26px;border-radius:14px;background:#087d69;color:white;font-weight:800;text-decoration:none;margin:14px 0 0;box-shadow:0 4px 0 #075e50}.play:hover{background:#066f5d}.facts{font-size:14px;margin-top:20px}.how{margin-top:76px;padding-top:32px;border-top:1px solid #173b3925}.how>h2{margin-top:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.steps article{padding:26px;background:#f4ecd9;border:1px solid #173b3910;border-radius:20px}.steps b{color:#a54b25;font-size:12px;letter-spacing:.08em}.steps p{font-size:16px;margin-bottom:0}kbd{font:700 .9em system-ui,-apple-system,sans-serif;color:#173b39;background:#fff8e8;border:1px solid #b7c0b0;border-bottom-width:2px;border-radius:4px;padding:1px 5px}.preview{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;margin-top:64px;padding:36px 0;border-top:1px solid #173b3925}.preview p:first-child{margin-top:0}.preview h2{max-width:20ch}footer{font-size:13px;border-top:1px solid #173b3925;padding-block:28px}footer p{margin:4px 0}@media(max-width:800px){header,main,footer{padding:20px}.hero{grid-template-columns:1fr;gap:28px}.hero>div{max-width:620px}h1{font-size:60px}.hero br{display:none}.steps{grid-template-columns:1fr;gap:14px}.steps article{padding:23px}.how{margin-top:44px}.preview{grid-template-columns:1fr;gap:8px;margin-top:40px;padding-block:28px}.preview h2{max-width:24ch}nav{gap:14px}.lead{font-size:19px}}@media(max-width:400px){h1{font-size:51px}.play{padding-inline:22px}nav{column-gap:12px;row-gap:8px}nav a{font-size:13px}}