:root{color-scheme:dark;--space:#101f2c;--panel:#192f40;--paper:#e4e9e9;--mist:#afc4ce;--brass:#d5ae68;--line:#49606e}
*{box-sizing:border-box}body{margin:0;background:var(--space);color:var(--paper);font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--brass);outline-offset:6px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.13}p{max-width:62ch}header,main,footer{max-width:1280px;margin:auto}.skip{position:absolute;top:-100px;padding:10px;background:var(--paper);color:var(--space);z-index:2}.skip:focus{top:0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:30px Georgia,serif;text-decoration:none}.brand img{border-radius:8px}nav{display:flex;align-items:center;gap:24px;font-size:14px}nav a{text-decoration:none}nav a:hover,.text-link:hover{color:var(--brass)}.nav-play{padding:9px 18px;border:1px solid var(--line);border-radius:5px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:64px 40px 52px}.hero h1{font-size:clamp(40px,4.8vw,64px);margin:0 0 24px;letter-spacing:-1.5px}.hero-copy>p{color:var(--mist);max-width:43ch;margin-bottom:28px}.play-button{display:inline-block;padding:12px 27px;background:var(--brass);border:1px solid var(--brass);border-radius:5px;color:var(--space);font-size:16px;font-weight:650;text-decoration:none}.play-button:hover{background:#e1be82}.hero-copy .save-note{font-size:13px;max-width:45ch;margin:14px 0 0}.route-chart{margin:0;min-width:0}.route-chart svg{display:block;width:100%;height:auto;max-height:490px}.orbits{stroke:var(--line);stroke-width:1}.chart-guides{stroke:#afc4ce;stroke-width:.5;opacity:.12}.sun-halo{fill:var(--brass);opacity:.07}.sun{fill:var(--brass)}.voyage-route{stroke:var(--brass);stroke-width:2;stroke-dasharray:5 7}.earth{fill:#91bcc8}.mars{fill:#cb8d72}.outer{fill:#b8ac91}.chart-labels{font:15px system-ui,sans-serif;fill:var(--mist)}.ship-marker{fill:var(--paper);stroke:var(--space);stroke-width:2}figcaption{text-align:center;font-size:13px;color:var(--mist);margin-top:8px}.trading-life{display:flex;align-items:center;justify-content:space-between;gap:44px;margin:0 40px;padding:42px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}h2{font-size:32px;margin:0 0 16px}.trading-life p{font-size:16px;color:var(--mist);margin:0;max-width:64ch}.text-link{font-size:15px;white-space:nowrap}.reference{padding:56px 40px}.reference-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:30px}.reference-links>a{text-decoration:none}.reference h3{font-size:24px;margin:0 0 12px}.reference p{color:var(--mist);font-size:15px;margin:0 0 14px}.reference span{font-size:14px;text-decoration:underline;text-underline-offset:5px;color:var(--brass)}.save-info{margin:0 40px 56px;padding:34px 36px;background:var(--panel);border-radius:8px}.save-info p{color:var(--mist);font-size:15px;max-width:85ch}.save-info .play-button{margin-top:8px}footer{display:flex;gap:24px;align-items:center;padding:25px 40px;border-top:1px solid var(--line);font-size:13px;color:var(--mist)}footer .brand{font-size:22px;color:var(--paper)}footer p{margin-right:auto}
@media(max-width:900px){.site-header{padding:20px 24px;flex-wrap:wrap}nav{gap:18px;flex-wrap:wrap}.hero{padding:44px 24px;gap:16px}.trading-life{margin:0 24px;display:block}.text-link{display:inline-block;margin-top:20px}.reference{padding:40px 24px}.reference-links{gap:24px}.save-info{margin:0 24px 40px}footer{padding:24px;flex-wrap:wrap}}
@media(max-width:600px){.brand{font-size:26px}.site-header{gap:18px}nav{gap:12px 18px;font-size:13px}.nav-play{padding:5px 12px}.hero{grid-template-columns:1fr;padding-top:38px}.hero h1{font-size:44px}.hero-copy>p{font-size:16px}.route-chart{max-width:400px;margin:8px auto 0}.reference-links{grid-template-columns:1fr;gap:30px}.reference h2,h2{font-size:29px}.save-info{padding:26px 22px}footer{gap:14px 20px}footer p{flex-basis:100%;margin:0}}