:root{font-family:Arial,Helvetica,sans-serif;color:#233a43;background:#f2efe6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:none}button:focus-visible,a:focus-visible{outline:3px solid #c88441;outline-offset:4px}button{border:1px solid #c9cec4;border-radius:6px;background:transparent;color:inherit;padding:10px 15px}button:hover{background:#e1e6da}button:disabled{opacity:.4;cursor:default}header{max-width:1360px;margin:auto;padding:28px 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd1c7}.brand{color:#233a43;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:3px;display:flex;align-items:center;gap:12px}.emblem{font-size:37px;color:#b87d47}.brand-sub{font-size:9px;letter-spacing:1.8px;border-left:1px solid #b8c2b8;padding-left:14px;max-width:90px;line-height:1.7}.head-actions{display:flex;gap:12px;align-items:center}.head-actions button{font-size:12px}.offline{font-size:9px;letter-spacing:1px;color:#658177;margin-right:12px}main{max-width:1280px;margin:auto;padding:0 28px}.intro{display:flex;justify-content:space-between;align-items:end;margin:38px 0 30px}.eyebrow,.tiny{font-size:10px;font-weight:700;letter-spacing:2px}.eyebrow{color:#7a8171}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.8px;font-size:46px;line-height:1.08;margin:13px 0 0}.intro p{font-size:14px;line-height:1.8;color:#687b7d;margin:0 0 2px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.flight{min-height:590px;position:relative;overflow:hidden;border-radius:14px;background:#0b1c31;color:#f0ead6;box-shadow:0 12px 30px #14304315}.earth{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.7;pointer-events:none}.flight:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0b18266b,transparent 30%,#071b3033 70%,#071929b0)}.flight-top{position:absolute;z-index:2;left:28px;right:28px;top:24px;display:flex;justify-content:space-between;align-items:start}.tiny{font-size:9px;color:#b1c6cc}.tiny b{color:#edbd79;margin-left:10px}h2{font:27px Georgia,serif;letter-spacing:-.5px;margin:9px 0}.flight-top #object-name{font-size:11px;color:#b7c8ca}.live-tag{font-size:8px;letter-spacing:1.5px;padding:7px 9px;border:1px solid #9ab3b855;border-radius:4px}.flight-bottom{position:absolute;z-index:2;bottom:21px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#bcd0d0}.dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%}.ivory{background:#eef3d5}.amber{background:#eab56c}#arena{position:absolute;width:520px;max-width:95%;aspect-ratio:1;left:50%;top:52%;transform:translate(-50%,-50%);z-index:1}svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.orbit-dashed{fill:none;stroke:#c6dedc30;stroke-width:1;stroke-dasharray:2 14}.orbit-base{fill:none;stroke:#a6c3c533;stroke-width:1}#capture-arc{fill:none;stroke:#eab56c;stroke-width:8;stroke-linecap:round}#ship-arc{fill:none;stroke:#e5f0dc;stroke-width:3}.target-pointer{fill:#edba73}.ship-pointer{fill:#f6f3d5}#satellite{position:absolute;left:21%;top:21%;width:58%;height:58%;object-fit:contain;filter:drop-shadow(0 12px 12px #0008)}#thruster{position:absolute;left:49%;top:10%;width:2%;height:6%;border-radius:50%;background:#96e9d8;filter:blur(4px);opacity:0}#contact-glow{position:absolute;inset:17%;border-radius:50%;border:2px solid #a5efca;box-shadow:0 0 30px #98edc955;opacity:0;pointer-events:none}.overlay{position:absolute;z-index:4;inset:0;background:#0b1c31e6;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px}.overlay .tiny{color:#e9bd87}.overlay h3{font:46px/1.08 Georgia,serif;letter-spacing:-1px;margin:23px 0 15px}.overlay p{font-size:14px;line-height:1.8;color:#c0d0d0}.primary{background:#e3b57d;border:none;color:#172f3a;padding:16px 30px;margin-top:12px;min-width:220px;font-weight:bold}.primary:hover{background:#f6cf9d}.primary span{margin-left:30px}.overlay-note{font-size:10px;color:#9fb8bd;margin-top:18px}.quiet{border:0;color:#bed0d0;font-size:12px;margin-top:12px}.quiet:hover{background:#254153}.hidden{display:none!important}.console{padding:23px;background:#e8ece2;border:1px solid #d4dcd0;border-radius:14px}.console-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.console-heading button{padding:3px 7px;font-size:18px;border:0}.console .eyebrow{font-size:9px;letter-spacing:1.3px}.metric{margin-bottom:24px}.metric>div:first-child,.fuel-block>div:first-child{display:flex;align-items:center;justify-content:space-between}label{font-size:11px;color:#5f7577}.metric b{font-size:25px;font-weight:400;letter-spacing:-1px;font-variant-numeric:tabular-nums}.meter{height:4px;background:#cbd4cb;border-radius:3px;overflow:hidden;margin:12px 0 8px}.meter i{display:block;height:100%;width:70%;background:#be874d;transition:width .1s}.metric small{font-size:9px;color:#6d7e79}.spin-pair{display:flex;justify-content:space-between;font-size:8px;margin:12px 0 6px;color:#687f7b;letter-spacing:.8px}.spin-pair strong{font-size:13px;color:#314a52;margin-left:4px;font-weight:400}.fuel-block b{font-size:12px}.fuel i{background:#617f72}.status-box{display:flex;align-items:center;background:#dbe4d8;padding:10px 12px;border-radius:6px;margin:20px 0 14px;min-height:57px;gap:10px}.status-box>span{width:6px;height:6px;min-width:6px;background:#ad875b;border-radius:50%}.status-box p{font-size:11px;line-height:1.5;margin:0}.thrust-controls{display:flex;gap:7px}.thrust{flex:1;background:#f3f3e9;font-size:29px;padding:8px 2px;user-select:none}.thrust small{display:block;font-size:8px;margin-top:2px;color:#6f807c}.thrust.brake{font-size:10px;font-weight:700}.pressed{background:#bed9cb!important;box-shadow:inset 0 0 0 1px #748e81}#trim{width:100%;text-align:left;font-size:11px;border:0;padding:13px 0}#trim span{float:right;color:#8b9384;font-size:10px}.capture{position:relative;overflow:hidden;width:100%;border:0;background:#284a50;color:#f2edd9;padding:17px 13px;display:flex;justify-content:space-between;align-items:center}.capture:hover{background:#345b60}.capture b,.capture small{position:relative;z-index:1}.capture b{font-size:12px;font-weight:500}.capture small{font-size:8px;color:#adc9c7}#capture-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#618a70}.tip{font-size:10px;color:#73827a;line-height:1.6;margin:13px 0}.console-footer{border-top:1px solid #ccd5c8;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#798779}.console-footer button{border:0;padding:4px 0;font-size:10px}.below{display:flex;justify-content:space-between;padding:28px 0 25px}.below .eyebrow{font-size:9px}.principle{font:21px/1.3 Georgia,serif;color:#48615e;margin:0;text-align:right}.principle em{color:#9d8c70}#mission-list{display:flex;gap:7px;margin-top:12px}#mission-list button{padding:10px 14px;font-size:11px;border-radius:50%;height:36px;min-width:36px;background:transparent}#mission-list .selected{background:#27464b;color:#f0ecd9;border-color:#27464b}#mission-list .done{border-color:#7b9983}footer{border-top:1px solid #ccd4c9;display:flex;justify-content:space-between;padding:20px 0 25px;font-size:8px;letter-spacing:1.5px;color:#879486}dialog{border:1px solid #d3d9cb;border-radius:12px;max-width:600px;padding:36px;color:#28464c;background:#f5f2e8;max-height:90vh}dialog::backdrop{background:#071c30ad;backdrop-filter:blur(5px)}dialog h2{font-size:33px;margin:18px 0}dialog li,dialog p{font-size:13px;line-height:1.7}dialog li{margin-bottom:13px;padding-left:4px}dialog ol{padding-left:20px}.close{position:absolute;right:12px;top:8px;border:0;font-size:24px}.credits{font-size:10px!important;color:#78877b;border-top:1px solid #d0d8c8;padding-top:16px}.credits a{color:#456f6b}.good{color:#2e7c5b!important}@media(min-width:1400px){.flight{min-height:640px}#arena{width:560px}}@media(max-width:900px){header{padding:20px 22px}.offline{display:none}.intro h1{font-size:37px}.intro p{font-size:12px}.workbench{grid-template-columns:minmax(0,1fr) 270px;gap:12px}.console{padding:18px}.flight{min-height:570px}.flight-top{left:20px;right:20px}.flight-bottom{font-size:7px;left:18px;right:18px}#arena{width:450px}.overlay h3{font-size:37px}}@media(max-width:690px){header{padding:16px}.brand{font-size:14px;gap:6px;letter-spacing:2px}.brand-sub{display:none}.head-actions{gap:4px}.head-actions button{font-size:10px;padding:8px}.emblem{font-size:29px}main{padding:0 14px}.intro{margin:24px 0 20px}.intro h1{font-size:34px}.intro p{display:none}.workbench{display:flex;flex-direction:column}.flight{min-height:430px}.flight-top{top:18px;left:18px}.flight-top h2{font-size:23px}.flight-bottom{font-size:6px;bottom:15px;letter-spacing:.6px}#arena{width:370px;max-width:90%;top:57%}.overlay h3{font-size:35px;margin:17px 0 9px}.overlay p{font-size:12px;line-height:1.6}.overlay .primary{padding:13px 22px}.console{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.console-heading{grid-column:1/-1;margin:0}.metric{margin:0}.metric b{font-size:22px}.fuel-block{grid-column:1/-1}.status-box{grid-column:1/-1;min-height:40px;margin:0}.controls{grid-column:1/-1}.thrust{padding:9px}.tip{grid-column:1/-1;margin:0}.console-footer{grid-column:1/-1}.below{padding:22px 0}.principle{font-size:17px}#mission-list{gap:4px}#mission-list button{height:30px;min-width:30px;padding:7px 10px;font-size:10px}.below .eyebrow{font-size:8px}footer{font-size:6px;letter-spacing:.8px}dialog{padding:26px 22px;margin:15px}.spin-pair{font-size:7px}}
