:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; color: #eeeae0; background: #050505; font-family: Arial, Helvetica, sans-serif; }
.landing { min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(2rem, 6vw, 4.5rem); padding: 2rem; }
.start-lpx { display: block; width: min(88vw, 64rem); }
.start-lpx img { display: block; width: 100%; height: auto; transition: opacity 180ms ease; }
.start-lpx:hover img { opacity: .86; }
.start-lpx:focus-visible, .back-link:focus-visible { outline: 2px solid #eeeae0; outline-offset: 5px; }
.back-link { color: #9b9993; font-family: "Courier New", Courier, monospace; font-size: .68rem; letter-spacing: .12em; text-underline-offset: .3rem; text-transform: uppercase; }