:root{color-scheme:dark;--bg:#090a09;--ink:#dedbd1;--muted:#8c9085;--gold:#b4a477;--line:#a6966b30;--serif:"Iowan Old Style","Songti SC","Noto Serif CJK SC",Georgia,serif;font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header,main,footer{max-width:1200px;margin:auto}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.brand{display:flex;gap:13px;align-items:center;letter-spacing:3px;font-size:14px}.brand svg{width:34px;height:40px;fill:none;stroke:var(--gold);stroke-width:.8}.brand small{display:block;font-size:7px;letter-spacing:2.5px;color:var(--muted);margin-top:7px}nav{display:flex;gap:28px;align-items:center;font-size:11px;color:#acafa1}.preview-tag{padding:7px 12px;border:1px solid var(--line);color:var(--gold)}main{padding:0 40px}.hero{height:390px;position:relative;overflow:hidden;border:1px solid var(--line)}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#0c0e0cf5 1%,#0c0e0cd9 32%,#0c0e0c14 73%),linear-gradient(0deg,#0c0e0cbb,transparent 50%),url('assets/mars-gateway-1536.webp') center 53%/cover}.hero-copy{position:relative;padding:42px 44px;width:65%}.eyebrow,.section-label{font-size:9px;letter-spacing:2.2px;color:var(--gold)}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:44px;line-height:1.45;letter-spacing:1px;margin:23px 0 17px}.hero p{font-size:12px;color:#a6a99d;line-height:1.8}.hero-foot{display:flex;gap:30px;margin-top:29px;font-size:9px;letter-spacing:1px;color:var(--gold)}.hero-foot i{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:100%;margin-right:6px}.image-caption{position:absolute;right:24px;bottom:24px;font-size:7px;letter-spacing:2px;color:#bbb296}.demo-note{margin:20px 0 48px;color:#818679;font-size:11px;line-height:1.8}.demo-note>span{color:var(--gold);margin-right:12px}.workspace{display:grid;grid-template-columns:360px 1fr;gap:64px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-label>span+span{letter-spacing:0;font-size:10px;color:var(--muted)}h2{font-size:27px;line-height:1.5;margin:18px 0 9px}.muted{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.role-tabs{display:flex;border-bottom:1px solid var(--line);margin:24px 0}.role-tabs button{flex:1;background:none;border:0;border-bottom:1px solid transparent;color:#858a7e;padding:12px 0;font-size:12px}.role-tabs button.active{color:#d7c492;border-color:#c1aa70}.identity-card{position:relative;background:radial-gradient(ellipse at 50% 30%,#b8a56b18,transparent 60%),linear-gradient(135deg,#1b1c14,#0d100d);border:1px solid #a6966b66;padding:24px;box-shadow:0 16px 45px #0004}.identity-card:before,.identity-card:after{content:'';position:absolute;width:32px;height:32px;border-color:#c1ae73;border-style:solid;pointer-events:none}.identity-card:before{top:6px;left:6px;border-width:1px 0 0 1px}.identity-card:after{bottom:6px;right:6px;border-width:0 1px 1px 0}.card-top{display:flex;justify-content:space-between;color:var(--gold);font-size:9px;letter-spacing:2px}.emblem{height:210px;display:flex;align-items:center;justify-content:center;position:relative}.emblem svg{width:120px;fill:none;stroke:#b8a46a55;stroke-width:.6;position:relative}.emblem .strong{stroke:#d0bc83;stroke-width:1.5;fill:#c9b67d0a}.orbit{position:absolute;width:170px;height:170px;border:1px solid #b4a47725;border-radius:100%}.orbit-two{width:185px;height:185px;border-style:dashed;transform:rotate(30deg)}.card-caption{font-size:7px;letter-spacing:2.7px;color:#9b906d;display:block;text-align:center}.identity-card h3{text-align:center;font-size:32px;letter-spacing:5px;margin:14px 0 25px}.card-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:10px;color:var(--muted)}.card-meta b{display:block;font-size:12px;font-weight:400;margin-top:8px;color:#d2c298}.identity-hint{font-size:10px;line-height:1.8;color:#747b6e;margin:16px 0}.status{display:flex;align-items:center;gap:6px}.status:before{content:'';width:5px;height:5px;background:#7f8576;border-radius:100%}.status.live:before{background:#c7b77f;box-shadow:0 0 10px #b4a477}.route{display:flex;align-items:center;gap:16px;padding:25px 0 28px}.route>div{display:flex;gap:8px;align-items:center;font-size:10px;color:#70786b}.route b{font-size:9px;font-weight:400;border:1px solid #78836a44;width:25px;height:25px;display:grid;place-items:center;border-radius:100%}.route>i{height:1px;flex:1;background:var(--line)}.route .done{color:#cab98a}.route .done b{border-color:#b4a47777}.zone{border:1px solid var(--line);background:linear-gradient(120deg,#b4a4770b,transparent);padding:21px 24px;display:flex;justify-content:space-between;align-items:center}.zone h3{font-size:23px;margin:10px 0}.zone p{font-size:11px;color:var(--muted);margin:0}.zone svg{width:125px;fill:none;stroke:#b4a47788;stroke-width:.7}.primary,.secondary{width:100%;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #b4a47777;font-size:12px}.primary{margin-top:17px;background:#b4a477;color:#10130e}.primary:hover{background:#cbb98a}.button-note{color:#70786b;font-size:10px;line-height:1.7;margin:10px 0 27px}.earnings{border-top:1px solid var(--line);padding-top:25px}.earned{margin:24px 0 22px}.earned>span{display:block;color:var(--muted);font-size:11px}.earned strong{font:40px var(--serif);color:#d6c598;display:block;margin-top:8px}.earned small{font:11px "Avenir Next",sans-serif;letter-spacing:1px;margin-left:6px}.stats{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:14px}.stats>div+div{border-left:1px solid var(--line);padding-left:20px}.stats span{display:block;color:var(--muted);font-size:10px}.stats b{font-size:16px;font-weight:400;display:block;margin-top:10px;color:#cbc9be}.stats small{font-size:9px;color:#929887}.secondary{background:transparent;color:#c8b788;margin-top:23px}.secondary:hover{background:#b4a47712}.bottom-grid{border-top:1px solid var(--line);margin-top:55px;padding:38px 0 55px;display:grid;grid-template-columns:1.3fr 1fr;gap:64px}.bottom-grid h2{font-size:23px;margin-bottom:24px}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{font-weight:400;color:var(--muted);padding:0 0 15px}td{padding:18px 0;border-top:1px solid var(--line);color:#b4b9aa}.records .muted{font-size:10px;margin-top:16px}.record-state{color:#b6a676}details{border-bottom:1px solid var(--line);padding:15px 0}summary{font-size:12px;cursor:pointer;color:#c5c7bb}details p{font-size:11px;line-height:1.9;color:var(--muted);margin-bottom:0}footer{padding:27px 40px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#8e9484}footer>span:first-child{letter-spacing:3px;color:var(--gold)}dialog{background:#151810;color:var(--ink);border:1px solid #b4a47766;padding:36px;max-width:440px;width:calc(100% - 40px)}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog p{font-size:12px;line-height:1.9;color:var(--muted)}dialog .close{position:absolute;right:12px;top:10px;background:none;border:0;color:var(--gold);font-size:24px}.modal-amount{font:40px var(--serif);color:#d6c598;margin:24px 0}.modal-amount small{font-size:14px}.close-dialog{justify-content:center}
@media(max-width:900px){.workspace{grid-template-columns:300px 1fr;gap:30px}.hero-copy{width:80%}.bottom-grid{gap:30px}.stats{grid-template-columns:1fr 1fr}.stats>div:last-child{grid-column:1/-1;border:0;padding:15px 0 0}.route{gap:7px}.route>div{gap:5px}.zone svg{width:75px}}@media(max-width:650px){header{height:80px;padding:0 22px}.brand{font-size:11px;letter-spacing:2px}.brand svg{width:27px}nav{gap:12px;font-size:10px}.preview-tag{padding:5px 8px}main{padding:0 22px}.hero{height:355px}.hero-copy{padding:32px 25px;width:100%}.hero-art{background-position:63% center}.hero h1{font-size:34px}.hero p{max-width:220px}.hero-foot{gap:15px;font-size:8px}.image-caption{display:none}.demo-note{font-size:10px;margin-bottom:32px}.workspace,.bottom-grid{grid-template-columns:1fr;gap:30px}.identity-card{max-width:360px;margin:auto}.section-label{font-size:8px}h2{font-size:25px}.role-tabs{margin-top:18px}.emblem{height:170px}.operations{border-top:1px solid var(--line);padding-top:30px}.route{gap:12px}.zone svg{width:100px}.stats{grid-template-columns:1fr 1fr}.bottom-grid{margin-top:35px;padding-top:30px}.bottom-grid h2{font-size:22px}footer{padding:24px 22px;flex-wrap:wrap;gap:20px}footer>span:nth-child(2){display:none}}

.initial-range{font-size:10px;line-height:1.8;color:var(--muted);margin:10px 0 0}

.secondary:disabled{opacity:.4;cursor:default}