:root{color-scheme:dark;--bg:#0a1a24;--panel:#112835;--ink:#f1eadc;--muted:#9bb1b7;--copper:#e6ad79;--mint:#a5d8cf;--line:#2b424b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 20%,#173743,transparent 55%),var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,select{font:inherit}button{color:inherit;border:1px solid var(--line);background:#142c38;border-radius:9px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#244551}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--copper);outline-offset:3px}button:disabled{opacity:.45;cursor:default}button[hidden]{display:none}main{max-width:1240px;margin:auto;padding:24px 40px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.wordmark{font-size:22px;letter-spacing:5px;color:var(--ink);text-decoration:none;font-weight:600}.wordmark span{display:block;font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:2px}header button{padding:9px 15px;font-size:12px}header button span{margin-left:12px;color:var(--copper)}.intro{display:grid;grid-template-columns:1fr 270px;gap:70px;align-items:end;padding:30px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--copper);margin:0 0 12px}h1{font:normal clamp(30px,4vw,48px)/1.09 Georgia,serif;letter-spacing:-1px;margin:0 0 16px}.lede{color:var(--muted);max-width:540px;margin:0;font-size:14px}.mission-select{padding:18px 0 5px}.mission-select label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:8px}select{width:100%;background:#142e3b;color:var(--ink);border:1px solid #48606a;border-radius:8px;padding:12px}.mission-select p{color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:6px}.mission-select>span{font-size:10px;color:var(--mint)}.flight{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px}.stage{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0b202c}.scene{height:410px;position:relative;overflow:hidden;background:radial-gradient(circle at 52% 52%,#1e424d33,transparent 60%),radial-gradient(circle at 5% 12%,#b8d5df 1px,transparent 1.5px),radial-gradient(circle at 54% 27%,#b8d5df88 1px,transparent 1.5px),radial-gradient(circle at 72% 62%,#b8d5df66 1px,transparent 1.5px);background-size:auto,143px 137px,199px 173px,211px 179px}.orbit-ring{position:absolute;width:310px;height:310px;border:1px dashed #58747c55;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-ring.inner{width:220px;height:220px;border-style:solid;border-color:#58747c22}.earth{width:80px;height:80px;position:absolute;left:50%;top:50%;border-radius:50%;background:radial-gradient(circle at 33% 25%,#b6ded7,#5798a4 24%,#28596c 48%,#112b40 73%);box-shadow:0 0 30px #6ed0e133;transform:translate(-50%,-50%);z-index:2}.earth:after{content:'';position:absolute;inset:15px 25px 24px 10px;border-top:6px solid #e4f5eb80;border-bottom:4px solid #e4f5eb66;border-radius:50%;transform:rotate(-30deg)}.earth span{position:absolute;font-size:8px;letter-spacing:1px;top:-20px;left:-20px;white-space:nowrap;color:#8dc8d6}.sun{width:24px;height:24px;position:absolute;left:50%;top:50%;border-radius:50%;background:#ffe1a2;box-shadow:0 0 28px 9px #ffc46744;z-index:2}.sun span{position:absolute;top:30px;font-size:9px;letter-spacing:2px;left:0;color:#f6ce8b}.craft{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(0deg);transition:transform .5s;z-index:4}.core{position:absolute;width:86px;height:86px;object-fit:contain;left:-43px;top:-43px;filter:drop-shadow(0 5px 8px #0007)}.solar,.radiator{position:absolute;left:-26px;width:52px;height:116px;transform-origin:26px 58px}.solar{top:-58px;transform:translateY(-77px)}.radiator{top:-58px;transform:translateY(74px) rotate(180deg)}.solar img,.radiator img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 5px #0006)}.sun-vector{position:absolute;left:50%;top:50%;height:145px;border-left:1px dashed #e7bb6a44;transform-origin:top;pointer-events:none}.scene-label{position:absolute;left:22px;bottom:22px;display:flex;flex-direction:column;gap:3px;z-index:5}.scene-label>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.scene-label strong{font:28px Georgia,serif}.scene-label small{font-size:8px;letter-spacing:1px;color:var(--muted)}.beat-label{position:absolute;right:20px;top:20px;color:var(--muted);font-size:11px;letter-spacing:1px}.meters{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);padding:19px 20px;gap:20px;background:#112935}.meters>div{display:flex;flex-direction:column}.meters span{font-size:9px;letter-spacing:2px;color:var(--muted)}.meters strong{font:25px Georgia,serif;margin:5px 0}meter{width:100%;height:7px}meter::-webkit-meter-bar{background:#253e49;border:0}meter::-webkit-meter-optimum-value{background:var(--mint)}#heat-meter::-webkit-meter-optimum-value{background:var(--copper)}#poems{letter-spacing:3px;color:var(--copper);font-size:14px;line-height:1}aside{padding-top:3px}aside h2{font:28px/1.1 Georgia,serif;margin:0 0 12px}.small{font-size:12px;color:var(--muted);margin:0 0 18px}fieldset{border:0;padding:0;margin:0 0 16px}legend{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:8px}.turns{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.turns button{padding:6px;font-size:25px}.turns span{display:block;font-size:11px}.tasks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tasks button{text-align:left;padding:12px 10px}.tasks strong{display:block;font-size:12px;font-weight:500}.tasks span{display:block;color:var(--muted);font-size:9px;margin-top:4px}.selected{border-color:var(--copper);background:#4e3d3055;color:#ffe0b9}.preview{padding:12px 14px;background:#10232d;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.preview p{font-size:8px;letter-spacing:1.4px;color:var(--muted);margin:0 0 6px}#preview{font-size:12px;color:var(--mint);line-height:1.7}.bad{color:#ffad98!important}.primary{display:block;width:100%;padding:13px 17px;background:var(--copper);border:0;color:#17242a;text-align:left;font-weight:650}.primary:hover{background:#f2c196}.primary>span{float:right}#message{min-height:37px;font-size:12px;color:var(--copper);margin:10px 0}.tools{display:flex;gap:7px}.tools button{flex:1;padding:8px 2px;font-size:11px}#next{margin-top:12px}.forecast{padding:28px 0 15px}.forecast-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.forecast h2{font:22px Georgia,serif;margin:0}.forecast p{font-size:10px;color:var(--muted)}#timeline{display:grid;gap:6px;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:10px}.sky-card{border:1px solid var(--line);border-radius:7px;padding:8px 3px;text-align:center;min-width:0;color:var(--muted);font-size:9px}.sky-card b{display:block;color:var(--copper);font-size:12px}.sky-card small{color:#8dbbd1;display:block;font-size:10px}.sky-card.current{border-color:var(--copper);background:#5b423144}.sky-card.past{opacity:.4}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:15px;padding:22px 0;gap:20px}footer>span{font:italic 18px Georgia,serif;color:var(--copper);white-space:nowrap}footer p{font-size:10px;max-width:520px;color:var(--muted);margin:0}footer button{padding:0;border:0;background:none;color:var(--copper);text-decoration:underline;font-size:10px}dialog{background:#142d39;border:1px solid #59727a;border-radius:18px;color:var(--ink);max-width:600px;width:calc(100% - 32px);padding:32px;line-height:1.7}dialog::backdrop{background:#020c14c9}dialog h2{font:32px Georgia,serif}dialog p{font-size:14px;color:#bdcdd0}dialog a{color:var(--copper)}.close{position:absolute;right:14px;top:10px;font-size:26px;border:0;background:none}@media(max-width:850px){main{padding:20px}.intro{gap:30px;grid-template-columns:1fr 220px}.flight{grid-template-columns:1fr 290px;gap:16px}.scene{height:400px}.earth{width:62px;height:62px}#timeline{grid-template-columns:repeat(6,1fr)}}@media(max-width:650px){main{padding:16px}.wordmark{font-size:18px}.intro{display:block;padding:25px 0 14px}h1{font-size:37px}.mission-select{padding:20px 0 0}.mission-select p{margin-top:8px}.flight{display:flex;flex-direction:column;gap:22px}.scene{height:350px}.meters{padding:14px;gap:15px}.meters strong{font-size:22px}.orbit-ring{width:275px;height:275px}aside{padding:0 3px}.turns button{padding:9px}.tasks button{padding:15px}#message{min-height:24px}.forecast-heading{display:block}.forecast p{margin:8px 0}.sky-card{padding:8px 3px}footer{display:block}footer>span{display:block;margin-bottom:10px}.solar,.radiator{height:100px}.solar{transform:translateY(-65px)}.radiator{transform:translateY(65px) rotate(180deg)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
