:root{color-scheme:dark;--ink:#f5f0df;--muted:#9d9bb1;--cyan:#55e7dd;--pink:#fa6ca1;--paper:#171727}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}header{border-bottom:1px solid #f5f0df15}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:var(--muted);font-weight:400}main{max-width:1440px;margin:auto;padding:0 64px}.hero{padding:80px 0 90px;display:grid;grid-template-columns:.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(--cyan);display:flex;align-items:center;gap:9px}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink)}.hero h1{font-size:clamp(42px,4.4vw,68px);letter-spacing:-3.2px;line-height:1.02;font-weight:750;margin:23px 0 25px}.hero h1 em{font-style:normal;color:var(--pink)}.game-name{font-weight:800;font-size:17px;letter-spacing:-.2px;margin:0 0 13px}.lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:410px;margin:0 0 28px}.play{display:inline-flex;align-items:center;gap:40px;justify-content:space-between;border-radius:14px;padding:19px 25px;background:var(--cyan);text-decoration:none;color:#181829;font-size:16px;font-weight:800;box-shadow:0 7px 0 #27877e;transition:transform .18s,box-shadow .18s}.play:hover{transform:translateY(-2px);box-shadow:0 9px 0 #27877e}.play:active{transform:translateY(4px);box-shadow:0 3px 0 #27877e}.play span{font-size:22px}a:focus-visible{outline:3px solid var(--pink);outline-offset:7px}.facts{font-size:11px;color:var(--muted);margin-top:24px;line-height:1.8}.facts span{padding:0 7px;color:#69667c}.cover{margin:0;position:relative}.cover img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 24px 60px #0003}.cover figcaption{margin-top:17px;font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);text-align:right}.how{padding:56px 0 72px;border-top:1px solid #f5f0df20;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:#303044;color:var(--cyan);font-size:11px;font-weight:800}.steps h3{font-size:16px;margin:23px 0 13px}.steps p,.details p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}kbd{font:inherit;font-size:.88em;background:#303044;color:#f5f0df;border-radius:3px;padding:1px 4px}.details{padding:55px 0 75px;border-top:1px solid #f5f0df20;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(--cyan);text-underline-offset:4px}footer{background:#11111e;display:flex;justify-content:space-between;gap:30px;padding:27px max(40px,calc((100vw - 1312px)/2));font-size:10px;color:var(--muted);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}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}