:root{color-scheme:light;--ink:#163e4a;--teal:#087d83;--cream:#faf5e9;--sun:#f6c552}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}header{border-bottom:1px solid #163e4a15}nav{max-width:1320px;margin:auto;padding:24px 40px;display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}nav a{text-decoration:none}.brand{font-size:25px;letter-spacing:-1px;margin-right:auto}.brand span{font-size:14px;letter-spacing:0;color:#698288;font-weight:400}main{max-width:1440px;margin:auto;padding:0 64px}.hero{padding:80px 0 90px;display:grid;grid-template-columns:0.95fr 1.25fr;gap:58px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1.8;color:var(--teal);display:flex;align-items:center;gap:9px}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f2af32}.hero h1{font-size:clamp(42px,4.2vw,65px);letter-spacing:-3.2px;line-height:1.02;font-weight:750;margin:23px 0 25px}.hero h1 em{font-style:normal;color:var(--teal)}.game-name{font-weight:800;font-size:17px;letter-spacing:-.2px;margin:0 0 13px}.lead{font-size:17px;line-height:1.7;color:#5b7379;max-width:410px;margin:0 0 28px}.play{display:inline-flex;align-items:center;gap:40px;justify-content:space-between;border-radius:15px;padding:19px 25px;background:var(--ink);text-decoration:none;color:#fff;font-size:16px;font-weight:800;box-shadow:0 7px 0 #102c35;transition:transform .18s,box-shadow .18s}.play:hover{transform:translateY(-2px);box-shadow:0 9px 0 #102c35}.play:active{transform:translateY(4px);box-shadow:0 3px 0 #102c35}.play span{font-size:22px;color:var(--sun)}a:focus-visible{outline:3px solid #cf7d22;outline-offset:7px}.facts{font-size:11px;color:#688087;margin-top:24px;line-height:1.8}.facts span{padding:0 7px;color:#b0b6aa}.cover{margin:0;position:relative}.cover img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 24px 60px #1c777e18}.cover figcaption{margin-top:17px;font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#698288;text-align:right}.how{padding:56px 0 72px;border-top:1px solid #163e4a20;display:grid;grid-template-columns:.6fr 1.65fr;gap:55px}.section-heading h2,.details h2{font-size:32px;letter-spacing:-1.2px;line-height:1.13;margin:14px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:12px}.step-number{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#e8ede0;color:var(--teal);font-size:11px;font-weight:800}.steps h3{font-size:16px;margin:23px 0 13px}.steps p,.details p{font-size:14px;color:#647b80;line-height:1.8;margin:0}kbd{font-family:inherit;padding:1px 4px;background:#e7ecdf;border-radius:3px;color:var(--ink);font-size:.9em}.details{padding:55px 0 75px;border-top:1px solid #163e4a20;display:grid;grid-template-columns:1fr 1fr;gap:60px}.details p+p{margin-top:15px}.details a{display:inline-block;font-size:12px;font-weight:700;margin-top:23px;color:var(--teal);text-underline-offset:4px}footer{background:#e9eee3;display:flex;justify-content:space-between;gap:30px;padding:27px max(40px,calc((100vw - 1312px)/2));font-size:10px;color:#637b7f;line-height:1.8}footer p{margin:0}footer strong{color:var(--ink)}@media(min-width:1700px){main{padding:0 30px}}@media(max-width:1000px){main{padding:0 35px}.hero{gap:30px;padding:55px 0 60px}.hero h1{font-size:43px;letter-spacing:-2px}.lead{font-size:15px}.how{grid-template-columns:1fr;gap:25px}.steps{gap:30px}.cover img{border-radius:20px}.facts{font-size:10px}nav{padding:23px 35px;gap:20px}}@media(max-width:700px){main{padding:0 24px}nav{padding:20px 24px;gap:18px}.brand{font-size:23px}nav>a:not(.brand):not(:last-child){display:none}.hero{grid-template-columns:1fr;padding:42px 0 45px;gap:36px}.hero-copy{max-width:500px}.hero h1{font-size:48px;letter-spacing:-2.5px;margin:20px 0}.lead{font-size:16px;max-width:380px}.play{padding:17px 24px}.facts{font-size:10px}.cover figcaption{font-size:9px}.how{padding:34px 0 42px;gap:12px}.section-heading h2,.details h2{font-size:31px}.steps{grid-template-columns:1fr;gap:23px}.steps article{position:relative;padding-left:54px}.step-number{position:absolute;left:0;top:3px}.steps h3{margin:3px 0 7px}.steps p{font-size:14px}.details{grid-template-columns:1fr;gap:12px;padding:33px 0 43px}footer{display:block;padding:24px;font-size:10px}footer p+p{margin-top:7px}}
