:root{color-scheme:light;--ink:#273d4b;--paper:#fffdf5;--blue:#245e77;--line:#dce5df}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 ui-rounded,'Avenir Next',system-ui,sans-serif}a{color:var(--blue);text-underline-offset:4px}a:hover{color:#123a4c}a:focus-visible{outline:3px solid #d89445;outline-offset:5px}.wrap{max-width:1080px;margin:auto;padding:0 28px}header{border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;text-decoration:none;color:var(--ink)}.brand img{width:54px;height:54px;border-radius:14px}.links{display:flex;gap:24px;font-size:15px;font-weight:650}.links a{text-decoration:none}.hero{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:64px;padding:70px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:var(--blue)}h1{font-size:clamp(42px,6vw,68px);line-height:1.08;letter-spacing:-2px;margin:16px 0 24px}h2{font-size:25px;line-height:1.3;margin:36px 0 12px}p{margin:0 0 20px}.lead{font-size:21px;max-width:560px}.button{display:inline-block;background:var(--blue);color:white;border-radius:9px;padding:12px 22px;text-decoration:none;font-weight:700;margin:8px 10px 8px 0}.button:hover{background:#193f52;color:white}.quiet{font-size:14px;color:#526771}.game{display:block;width:100%;max-width:286px;margin:auto;border-radius:30px;border:7px solid #344e5b;box-shadow:12px 18px 0 #e9eddf}.facts{border-top:1px solid var(--line);display:flex;gap:35px;padding:24px 0;font-size:15px}.document{max-width:730px;padding:54px 0 72px}.document h1{font-size:46px}.document ul{padding-left:24px}.note{border-left:4px solid #e8b061;background:#faf3e2;padding:20px 24px;margin:24px 0}.note p:last-child{margin:0}footer{border-top:1px solid var(--line);padding:24px 0 40px;font-size:14px}footer .wrap{display:flex;justify-content:space-between;gap:20px}footer a{margin-left:18px}@media(max-width:680px){.wrap{padding:0 22px}nav{min-height:86px;gap:12px}.brand{font-size:20px}.brand img{width:42px;height:42px}.links{gap:14px;font-size:14px}.hero{grid-template-columns:1fr;padding:38px 0;gap:34px}h1{letter-spacing:-1.4px}.hero .game{max-width:240px}.facts{flex-wrap:wrap;gap:8px 24px}.document{padding-top:32px}.document h1{font-size:38px}footer .wrap{display:block}footer a{margin:0 16px 0 0}}
.game{height:auto}