@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=Orbitron:wght@500;600&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--ink:#ede8df;--muted:#a29d94;--line:#ffffff20;--green:#b4d5ae;--panel:#161817ed}*{box-sizing:border-box}body{margin:0;background:#0b0d0e;color:var(--ink);font:16px 'DM Sans',sans-serif;overflow:hidden}button,input,a{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}[hidden]{display:none!important}#scene,#vignette,#labels,#flight-veil{position:fixed;inset:0}#scene canvas{display:block;touch-action:none;cursor:grab}#scene canvas:active{cursor:grabbing}#vignette{pointer-events:none;background:linear-gradient(90deg,#0b0d0eb8,transparent 38%,transparent 72%,#0b0d0e50),linear-gradient(0deg,#0b0d0ed9,transparent 26%,transparent 82%,#0b0d0e77)}#labels{pointer-events:none;overflow:hidden}#flight-veil{pointer-events:none;z-index:9;background:#998575;opacity:0}header{position:fixed;left:3%;right:3%;top:28px;display:flex;align-items:center;justify-content:space-between;z-index:10}.brand{font-size:25px;letter-spacing:-1px;text-decoration:none;display:flex;gap:10px;align-items:center}.brand>span{font-size:34px;color:#c68e6c;transform:rotate(-25deg)}.breadcrumb{font-size:14px;color:#c2b9ac}.breadcrumb button{padding:10px}.quiet{font-size:14px;border:1px solid #ffffff30;padding:11px 18px;border-radius:30px}#intro{position:fixed;left:5%;top:23%;pointer-events:none;width:330px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:1.6px;line-height:1.7;color:#aaa89f}.green{color:var(--green)}h1{font:clamp(50px,5.8vw,86px)/.96 'Instrument Serif',Georgia,serif;font-weight:400;margin:23px 0}h1 em{font-size:.65em;color:#c79676;font-weight:400;white-space:nowrap}p{font-size:16px;line-height:1.65;color:var(--muted)}.planet-facts{display:flex;gap:35px;margin-top:42px}.planet-facts strong{display:block;font-size:20px;font-weight:400}.planet-facts span{font-size:12px;letter-spacing:1px;color:#83857f;display:block;margin-top:9px}#explorer{position:fixed;right:3%;top:140px;width:285px;z-index:4}.explorer-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.explorer-title button{font-size:24px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:17px}.tabs button{font-size:14px;padding:10px 0 12px;color:#92978f}.tabs button.active{color:#ede8df;border-bottom:1px solid #c69b7c}#destinations{max-height:285px;overflow:auto;scrollbar-width:thin;scrollbar-color:#6666 transparent;margin-top:8px}.destination{display:flex;justify-content:space-between;gap:8px;text-align:left;width:100%;padding:13px 1px;border-bottom:1px solid #ffffff0b;font-size:14px}.destination:hover,.destination.active{color:#d7ad8f}.destination small{font-size:12px;color:#8e958b;display:block;margin-top:3px}.destination>span:last-child{color:#b69a83}#layer-note{font-size:12px;max-width:270px;line-height:1.6}.marker{position:absolute;left:0;top:0;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;color:#e4d9c9;pointer-events:auto;padding:5px;transform:translate(-7px,-50%);text-shadow:0 2px 5px #000;background:transparent}.marker i{display:block;width:6px;height:6px;border:1px solid #ead9bd;border-radius:50%;box-shadow:0 0 0 3px #0002}.marker.mission i{background:#adc3d1;border-color:#adc3d1}.marker.hazard i{border-color:#daa672;background:#daa672;transform:rotate(45deg);border-radius:0}.marker.zone{color:#c4e9b6;font-size:14px}.marker.zone i{height:12px;width:12px;background:#91ba8b;box-shadow:0 0 0 6px #9ac68c22,0 0 20px #91ba8b66}.marker.plot{background:#222821c9;padding:7px 10px;border:1px solid #ffffff29;border-radius:4px;font-size:12px}.marker.plot i{background:#abc39e;border:0}.marker.selected{color:#dfffcd}.marker:hover{color:#fff}#settlement{position:fixed;bottom:73px;left:5%;right:5%;display:flex;align-items:center;gap:24px;padding-top:25px;border-top:1px solid var(--line)}.zone-symbol{font-size:46px;color:#b7cea7}#settlement h2{font:32px 'Instrument Serif',serif;margin:6px 0}#settlement p{margin:0;font-size:14px}#settlement .primary{margin-left:auto}.primary{padding:15px 23px;background:#b8cbb0;color:#20271e;border-radius:4px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:30px}.primary:hover{background:#d0dfc8}#controls{position:fixed;left:5%;bottom:226px;display:flex;gap:2px;background:#171a1888;border:1px solid #ffffff24;border-radius:5px;overflow:hidden}#controls button{width:42px;height:42px;font-size:23px}#controls button:hover{background:#ffffff16}#status{position:fixed;bottom:223px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.4px;color:#acaa9f;text-align:center;pointer-events:none}footer{position:fixed;bottom:22px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px;color:#8d938a}footer button{font-size:12px;letter-spacing:0;text-decoration:underline;text-underline-offset:4px}#detail{position:fixed;right:3%;top:135px;width:305px;z-index:6;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:25px;backdrop-filter:blur(18px)}.close{position:absolute;right:12px;top:10px;width:28px;height:28px;font-size:25px}#detail h2{font:36px/1.06 'Instrument Serif',serif;margin:16px 0}.coords{font-size:12px;color:#bfab93;letter-spacing:1px}#detail p{font-size:14px;line-height:1.7}#detail a{font-size:13px;color:#bdd1b0;text-underline-offset:5px}#plot-actions .primary{width:100%;margin-top:18px}#plot-actions small{display:block;font-size:12px;color:#909a8a;margin-top:14px}.plot-meta{font-size:14px;color:#c4bea9;border-top:1px solid var(--line);padding-top:15px}#city-heading{position:fixed;top:130px;left:5%;pointer-events:none}#city-heading h1{font-size:62px;margin:14px 0}#city-heading p{font-size:14px;color:#d4c9ba}#inventory{position:fixed;bottom:70px;left:5%;right:5%;display:flex;gap:30px;align-items:center;border-top:1px solid var(--line);padding:23px 0 0}#inventory>div>strong{display:block;font-size:19px;font-weight:400;margin:5px 0}#inventory small{font-size:12px;color:#a99f90}#inventory-filters{display:flex;gap:8px;margin:auto}#inventory-filters button{font-size:14px;padding:12px 14px;border:1px solid #ffffff2a;background:#171a1788;border-radius:4px}#inventory-filters button.active{border-color:#a3b497;background:#48533b99}#inventory-filters b{font-size:12px;font-weight:400;margin-left:9px;color:#b9c3ae}.city-mode #vignette{background:linear-gradient(0deg,#1f211cf0,transparent 34%),linear-gradient(180deg,#20231da8,transparent 36%)}.city-mode #controls,.city-mode #status{bottom:213px}dialog{background:#20241f;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:38px;width:490px;max-width:94vw;max-height:88svh;overflow:auto}dialog::backdrop{background:#050807aa;backdrop-filter:blur(9px)}dialog h2{font:40px/1.06 'Instrument Serif',serif;margin:20px 0 25px}dialog label{display:block;font-size:14px;margin:20px 0 10px}input{padding:13px;border:1px solid #ffffff35;background:#131a13;width:100%;border-radius:4px;color:var(--ink)}.options{display:flex;gap:8px}.options button{font-size:14px;padding:11px;background:#ffffff09;border:1px solid #ffffff20;border-radius:4px}.options button.active{border-color:#a1b894}.swatches{display:flex;gap:14px;margin-bottom:28px}.swatches button{width:30px;height:30px;background:var(--color);border-radius:50%;border:3px solid #20241f;outline:1px solid transparent}.swatches button.active{outline-color:#d1e0c8}dialog .primary{width:100%}.fineprint{font-size:12px}#credits{width:660px}#credits p{font-size:14px}#credits a{color:#c2d6b5}#toast{position:fixed;bottom:220px;left:50%;transform:translateX(-50%);background:#d2ddc9;color:#273026;padding:15px 23px;border-radius:6px;z-index:30;font-size:14px;opacity:0;pointer-events:none}#toast.visible{opacity:1}.flying #labels,.flying #detail,.flying #explorer{visibility:hidden}.flying #land{pointer-events:none;opacity:.5}
@media(max-width:1100px){#intro{width:260px;left:4%;top:23%}h1{font-size:60px}#explorer{width:240px;right:3%}#destinations{max-height:235px}#inventory{gap:15px}#inventory-filters{gap:4px}#inventory-filters button{padding:11px 8px}#inventory .quiet{display:none}.planet-facts{gap:23px}.planet-facts strong{font-size:17px}}
@media(max-width:700px){header{top:18px;left:5%;right:5%}.brand{font-size:21px}.brand>span{font-size:28px}.breadcrumb{display:none}.quiet{font-size:12px;padding:9px 13px}#intro{top:105px;left:6%;width:auto}#intro .eyebrow{font-size:12px}h1{font-size:48px;margin:13px 0}#intro p,.planet-facts{display:none}#explorer{top:auto;bottom:186px;left:6%;right:6%;width:auto;background:#131714b8;border:1px solid #ffffff22;padding:9px 12px;border-radius:6px;backdrop-filter:blur(10px)}.explorer-title{margin:0}.explorer-title .eyebrow{font-size:12px}#explorer-content{display:none}#explorer.expanded #explorer-content{display:block}#destinations{max-height:155px}#layer-note{margin-bottom:0}.tabs button{font-size:14px}#settlement{left:6%;right:6%;bottom:59px;padding-top:14px;gap:10px;flex-wrap:wrap}.zone-symbol{display:none}#settlement .eyebrow{font-size:10px}#settlement h2{font-size:25px;margin:3px 0}#settlement p{display:none}#settlement .primary{padding:12px 15px;font-size:13px;gap:8px}#settlement>div:nth-child(2){max-width:56%}#controls{left:auto;right:6%;bottom:246px;flex-direction:column}#controls button{height:37px;width:37px}#status{bottom:241px;font-size:11px;width:70%}footer{font-size:10px;bottom:20px;left:6%;right:6%}footer button{font-size:11px}#detail{top:94px;right:5%;left:5%;width:auto;max-height:48svh;overflow:auto;padding:22px}#detail h2{font-size:31px}#city-heading{top:105px;left:6%}#city-heading h1{font-size:44px}#city-heading p{display:none}#city-heading .eyebrow{font-size:10px}#inventory{left:6%;right:6%;bottom:60px;display:block;padding-top:13px}#inventory>div:first-child{display:flex;justify-content:space-between;align-items:center}#inventory>div:first-child .eyebrow{display:none}#inventory small{font-size:10px}#inventory strong{font-size:16px!important}#inventory-filters{display:flex;overflow-x:auto;margin-top:13px;gap:6px}#inventory-filters button{font-size:12px;white-space:nowrap;padding:10px}#inventory-filters b{margin-left:4px}.city-mode #controls{bottom:207px}.city-mode #status{bottom:198px}.marker{font-size:11px}.marker.zone{font-size:12px}#toast{bottom:200px;width:86%;text-align:center}dialog{padding:28px}.options button{font-size:13px;padding:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}