:root{color-scheme:dark;--bg:#071014;--text:#eaf0ea;--muted:#a4b4b0;--amber:#edc17a;--line:#33443f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 system-ui,sans-serif}a{color:inherit;text-decoration:none}header,footer{display:flex;justify-content:space-between;gap:20px;padding:24px 5%;border-bottom:1px solid var(--line);font:13px monospace}.brand{font-weight:bold;letter-spacing:2px}header>a:last-child{color:var(--muted)}main{max-width:1500px;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:650px}.copy{padding:70px 8% 55px 10%}.eyebrow{font:12px monospace;letter-spacing:2px;color:var(--amber)}h1{font-size:clamp(44px,4.7vw,73px);font-weight:450;line-height:1.07;letter-spacing:-3px;margin:25px 0}p{color:var(--muted);max-width:750px}.brief{font-size:16px}.primary{display:flex;justify-content:space-between;align-items:center;padding:14px 19px;background:var(--amber);color:#14201a;border-radius:3px;font-size:15px;font-weight:650;max-width:300px;margin-top:28px}.primary:hover{background:#ffdda0}.meta{font:10px/1.7 monospace;color:var(--muted);margin-top:20px}.terrain-story{position:relative;overflow:hidden;min-height:550px;background:#192724}.terrain-story>img{width:100%;height:100%;object-fit:cover;position:absolute;filter:brightness(.66)}.image-caption{position:absolute;top:25px;left:25px;font:10px/1.8 monospace;color:#d4e7da;text-shadow:0 2px 4px #000}.beacon{position:absolute;display:flex;gap:10px;align-items:center;text-shadow:0 2px 6px #000}.beacon b{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--amber);border-radius:50%;color:var(--amber);background:#111b18aa}.beacon span{font:11px monospace;letter-spacing:1px}.beacon small{display:block;font:11px system-ui;color:#bcc9c2;margin-top:6px}.broad{left:11%;top:30%}.narrow{left:34%;top:51%}.prospect{left:20%;top:72%}.terrain-story button{position:absolute;bottom:25px;left:25px;background:#091918d9;color:#d2ebdf;border:1px solid #72a994;padding:12px 17px;cursor:pointer;font:13px monospace}.layer-overlay{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 49px,#70d9c82b 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,#70d9c82b 50px);pointer-events:none}.uncertainty{position:absolute;left:28%;top:43%;width:150px;height:100px;border:2px dashed #8fd6cc;border-radius:50%;background:#54cbb819}.layer-tag{position:absolute;right:16px;bottom:85px;font:10px monospace;background:#10221e;padding:8px;color:#a6ead9}.premise{display:flex;justify-content:space-between;gap:16px;padding:22px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:11px monospace;color:var(--muted)}section:not(.hero){padding:65px 5%}h2{font-size:clamp(28px,3vw,42px);font-weight:450;letter-spacing:-1px;margin:15px 0 25px}h3{font-size:25px;font-weight:500;margin:12px 0}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.mission-grid article{border:1px solid var(--line);padding:28px;background:#0f1b1e}.mission-grid .hard{border-color:#8a7045;background:#191e1b}.mission-no{font:25px monospace;color:var(--amber)}.mission-no span{font-size:11px;color:var(--muted);margin-left:14px}.mission-grid p,.mission-grid li{font-size:15px;color:var(--muted)}ul{padding-left:20px}.fine{font-size:13px;line-height:1.7}.technology-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0}.technology-grid article{border-top:1px solid var(--line);padding-top:20px}.technology-grid span{font:11px monospace;color:var(--amber)}.technology-grid p{font-size:15px}details{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:15px}summary{cursor:pointer}.sequence{border-top:1px solid var(--line)}footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:5px}[hidden]{display:none!important}@media(max-width:800px){.hero{grid-template-columns:1fr}.copy{padding:45px 6%}.terrain-story{min-height:420px}.mission-grid,.technology-grid{grid-template-columns:1fr}.premise{flex-direction:column}.beacon{left:15%}.terrain-story .narrow{left:28%}header{font-size:11px}h1{letter-spacing:-2px}section:not(.hero){padding:45px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tutorial-link{display:inline-block;margin-top:17px;color:var(--amber);font-size:14px;border-bottom:1px solid #b0935e66;padding-bottom:3px}

:focus-visible{outline:3px solid #a9efea;outline-offset:5px}button,a,summary{touch-action:manipulation}
/* A clear introduction to the playable simulator, led by real gameplay. */
:root{--bg:#080f17;--text:#eef2f5;--muted:#a9b8c5;--line:#2b3947;--amber:#efc481}header nav{display:flex;gap:25px}header nav a{font:13px system-ui;color:var(--muted)}.hero{grid-template-columns:.82fr 1.3fr;min-height:650px;align-items:center;padding:30px 4% 40px;gap:30px}.copy{padding:25px 0}h1{font-size:clamp(44px,4.3vw,66px);letter-spacing:-2.5px;margin:22px 0;line-height:1.02}.definition{font-size:23px;line-height:1.3;color:var(--text);margin-bottom:15px}.copy>p:not(.definition):not(.meta):not(.desktop-note){font-size:16px;line-height:1.65}.copy .primary{max-width:310px}.desktop-note{font:12px/1.6 system-ui;max-width:360px}.meta{font-size:11px}.hero-game{margin:0;min-width:0;border:1px solid #3a4a5d;background:#111c27;box-shadow:0 20px 70px #0007;border-radius:10px;overflow:hidden}.hero-game img{display:block;width:100%;height:auto}.hero-game figcaption{display:flex;justify-content:space-between;gap:10px;padding:14px 17px;font:10px/1.5 monospace;color:var(--muted)}.preview-points{display:flex;justify-content:space-between;gap:10px;padding:15px 17px;border-top:1px solid var(--line);font-size:12px;color:#bddeee}#learn{border-top:1px solid var(--line)}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.learning-grid article{border-top:1px solid #566779;padding-top:20px}.learning-grid article>span{font:12px monospace;color:var(--amber)}.learning-grid p{font-size:16px}.learning-grid a{font-size:13px;color:var(--amber)}.screenshots{background:#0d1823}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.screenshot-grid figure{margin:0}.screenshot-grid img{display:block;width:100%;height:auto;border:1px solid #354453;border-radius:7px}.screenshot-grid figcaption h3{font-size:24px;margin-top:22px}.screenshot-grid p{font-size:16px}.mission-grid article{background:#101c28}.mission-grid .hard{background:#19212a}.mission-grid article{display:flex;flex-direction:column}.mission-grid article .primary{margin-top:auto;width:100%}.mission-grid article ul{margin-bottom:28px}.reality{border-top:1px solid var(--line)}.reality-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.reality-grid p{font-size:16px}.about-genlab{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;background:#121f2c;border-top:1px solid #425971}.about-genlab h2{max-width:600px}.last-launch{align-self:center;padding:28px;border:1px solid #41556b;border-radius:8px}.credits{font-size:14px}.credits h2{font-size:30px}.credits p{max-width:1050px}.credits li{margin:12px 0;color:var(--muted)}.credits a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}.credits b{color:var(--text)}.credits .fine{font-size:12px}footer{align-items:center}.primary{min-height:48px}@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:15px}.copy{max-width:650px}.hero-game{max-width:900px}h1 br{display:none}h1{max-width:650px}.learning-grid{gap:20px}.about-genlab{gap:30px}}@media(max-width:700px){header{flex-wrap:wrap}header nav{gap:18px}.learning-grid,.screenshot-grid,.reality-grid,.about-genlab{grid-template-columns:1fr}.hero-game figcaption{flex-direction:column}.preview-points{flex-wrap:wrap}footer{flex-wrap:wrap}}
