@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#183a35;--cream:#f4f1e7;--line:#d7dbce;--lime:#d9ef9c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #df9d41;outline-offset:4px}.skip{position:absolute;top:-80px;background:white;z-index:5;padding:1rem}.skip:focus{top:0}.top{height:76px;display:flex;align-items:center;gap:2rem;padding:0 max(5vw,24px);background:#f9f8f1}.brand{font-weight:700;letter-spacing:.1em;text-decoration:none;font-size:15px;white-space:nowrap}.brand span:not(.compass){color:#8b9d82}.compass{color:#58806c;font-size:25px;margin-right:8px}.top nav{display:flex;gap:32px;margin:auto;font-size:14px}.top nav a,.nav-play{text-decoration:none;font-weight:600}.nav-play{background:#183a35;color:white;border-radius:4px;padding:10px 17px;font-size:13px}.hero{background:#102d2d;color:#f7f7e9;overflow:hidden}.hero-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;padding:80px 35px 85px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;color:#819b82;margin:0 0 18px}.hero .eyebrow{color:#d7e9b7}.hero .eyebrow span{display:inline-block;width:7px;height:7px;background:#d9ef9c;border-radius:50%;margin-right:8px}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;line-height:1.02;letter-spacing:-.035em;margin:0}h1{font-size:clamp(50px,6vw,86px)}h1 em,h2 em{font-weight:400;color:#bcd78e}.intro{max-width:490px;color:#d6e2d7;font-size:18px;margin:24px 0 30px}.cta{display:inline-flex;justify-content:space-between;gap:45px;background:var(--lime);color:#153a2f;padding:15px 20px;border-radius:4px;text-decoration:none;font-weight:700}.hero-note{font-size:12px;color:#b5c6b8;margin:19px 0 0}.globe{position:relative;width:min(100%,390px);aspect-ratio:1;margin:auto;border:1px solid #5b8170;border-radius:50%;background:radial-gradient(circle at 42% 38%,#38604d,#193f37 66%,#112f2d);box-shadow:0 0 0 22px #ffffff08,0 0 0 55px #ffffff04;display:grid;place-items:center}.globe:before,.globe:after{content:'';position:absolute;border:1px solid #7da18966;border-radius:50%;inset:12% 32%}.globe:after{inset:32% 5%;transform:rotate(-17deg)}.globe-center{font-size:76px;color:#d9ef9c}.globe-label,.coordinates{position:absolute;font-size:10px;letter-spacing:.17em;color:#d0e3cb}.globe-label{left:11%;top:26%}.coordinates{bottom:19%}.player-section,.guide,.about,.faq{max-width:1170px;margin:auto;padding:80px 32px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2,.guide h2,.about h2,.faq h2{font-size:clamp(40px,5vw,62px)}.section-head p:not(.eyebrow){margin:10px 0 0}.section-head a{font-size:13px;font-weight:700;white-space:nowrap}.game-frame{background:#e1e9d9;border:1px solid #c5d1c3;border-radius:8px;overflow:hidden;min-height:720px}.game-frame iframe{display:block;width:100%;height:720px;border:0}.player-note{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#627d6b;margin-top:12px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line)}.guide-intro p:last-child{max-width:410px}.guide h2 em{color:#67895c}.steps article{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:0}.steps article span{font-size:12px;color:#94a68b}.steps h3{margin:0;font-size:17px}.steps p{margin:6px 0 0;color:#5e7166;font-size:14px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px 10%}.about .eyebrow{grid-column:1/-1}.about p{margin-top:0}.faq{border-top:1px solid var(--line)}.faq h2{margin-bottom:30px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700}footer{background:#102d2d;color:#dce8d9;padding:45px max(5vw,24px);display:flex;justify-content:space-between;gap:30px}footer p,footer a:not(.brand){font-size:13px}footer div:last-child{display:flex;gap:25px;align-items:center} @media(max-width:700px){.top{height:65px;gap:10px}.top nav{display:none}.nav-play{margin-left:auto}.hero-inner{grid-template-columns:1fr;padding:55px 24px 65px}.globe{width:240px;margin-top:20px}.player-section,.guide,.about,.faq{padding:55px 22px}.section-head{align-items:start;flex-direction:column}.game-frame,.game-frame iframe{height:720px;min-height:720px}.player-note{flex-direction:column}.guide,.about{grid-template-columns:1fr;gap:30px}.about .eyebrow{grid-column:auto;margin-bottom:-15px}footer{flex-direction:column}footer div:last-child{justify-content:space-between}}
