:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#efeade;background:#102527}*{box-sizing:border-box}body{margin:0}#welcome{background:linear-gradient(90deg,rgba(9,28,31,.98),rgba(9,28,31,.82) 45%,rgba(9,28,31,.3)),url('/city.png') center top/cover no-repeat}nav{display:flex;justify-content:space-between;align-items:center;padding:30px 6vw;border-bottom:1px solid #c9b99438;font-size:12px;letter-spacing:.15em}.brand{font-size:24px;font-weight:800;text-decoration:none;color:#d1b587}.brand span{font-size:12px;margin-left:18px;color:#f0eadf}.hero{padding:75px 8vw 65px;max-width:1000px}.eyebrow{font-size:12px;letter-spacing:.23em;color:#d1b587}h1{font-size:clamp(48px,6vw,86px);line-height:1.04;letter-spacing:-.05em;font-weight:600;margin:28px 0}em{color:#d1b587;font-style:normal}.intro{font-size:19px;line-height:1.65;max-width:490px;color:#c7d2cc}button,.text-button{cursor:pointer;font:inherit}#play{background:#d1b587;color:#122c2f;border:0;border-radius:3px;padding:20px 28px;font-size:18px;font-weight:700;width:300px;display:flex;justify-content:space-between;margin-top:28px}button:disabled{opacity:.55;cursor:wait}.requirements,#status{font-size:12px;line-height:1.8;color:#acbfb5;max-width:480px}#status{color:#e6d4b5}progress{width:300px;accent-color:#d1b587}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;background:#102527ed;padding:45px 8vw;border-top:1px solid #c9b99438}.details h2{font-size:18px}.details p{color:#aabeb5;line-height:1.65;font-size:14px}.details a,.text-button{color:#d1b587;font-size:13px}.text-button{border:0;background:none;padding:8px 15px 8px 0;display:inline-block}footer{background:#102527;padding:25px 8vw;color:#819c92;font-size:12px}#canvas{position:fixed;inset:0;margin:auto;width:min(100vw,160vh);height:min(100vh,62.5vw);display:block;outline:none}#canvas[hidden]{display:none}#game-tools{position:fixed;bottom:8px;right:12px;background:#102527e8;padding:5px;border-radius:5px}#game-tools button{background:none;color:#d1b587;border:0;padding:6px;font-size:12px}#save-status{font-size:12px}body.playing{overflow:hidden;background:#081318}@media(max-width:760px){nav>span{display:none}.hero{padding-top:40px}.details{grid-template-columns:1fr;gap:15px}h1{font-size:52px}}