:root{--bg:#05070d;--bg-1:#0a0f18;--bg-2:#101722;--bg-3:#151e2c;--text:#f2f5fa;--text-2:#8f9bae;--text-3:#5e6b7d;--indigo:#7c8cff;--cyan:#57d8e8;--mint:#69e6b3;--danger:#ff7a8a;--border:#b4c8e61f;--border-2:#b4c8e638;--top:56px;--left-w:300px;--right-w:340px;--ease:cubic-bezier(.22, 1, .36, 1);--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3,p,dl,dd,ul{margin:0;padding:0}ul{list-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.mono{font-family:var(--mono);font-feature-settings:"zero"}.dim{color:var(--text-3)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}.app{position:fixed;inset:0;overflow:hidden}.viewport{position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 55%,#05070d8c 100%);position:absolute;inset:0}.topbar{z-index:20;height:var(--top);border-bottom:1px solid var(--border);background:linear-gradient(#05070deb,#05070d8c);align-items:center;gap:16px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{width:22px;height:22px;box-shadow:0 0 0 1px var(--border-2), 0 0 14px #57d8e859;background:radial-gradient(circle at 34% 30%,#bfe9ff,#3f6fd8 45%,#0b1636 75%);border-radius:50%;flex:none;position:relative}.brand-mark:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);height:1.5px;position:absolute;top:50%;left:-5px;right:-5px;transform:rotate(-18deg)}.brand-mark.big{width:56px;height:56px}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-text strong{font:600 12px var(--mono);letter-spacing:.18em}.tag{color:var(--text-3);letter-spacing:.04em;margin-top:3px;font-size:10.5px}.topbar-mid{flex:1;justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.current-name{text-overflow:ellipsis;white-space:nowrap;max-width:28ch;font-weight:600;overflow:hidden}.status{white-space:nowrap;font:11px var(--mono);color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.status i{background:var(--text-3);border-radius:50%;width:6px;height:6px}.status.s-saved i{background:var(--mint)}.status.s-unsaved i{background:#ffc46b}.topbar-actions{align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--border-2);background:var(--bg-2);height:32px;color:var(--text);white-space:nowrap;border-radius:6px;padding:0 12px;font-weight:500;transition:background .15s,border-color .15s,transform .15s}.btn:hover:not(:disabled){background:var(--bg-3);border-color:#b4c8e65c}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4}.btn.primary{background:var(--indigo);border-color:var(--indigo);color:#060914;font-weight:600}.btn.primary:hover:not(:disabled){background:#96a3ff;border-color:#96a3ff}.btn.danger{color:var(--danger);border-color:#ff7a8a59}.btn.danger:hover:not(:disabled){background:#ff7a8a1f}.btn.ghost{background:0 0}.btn.wide{width:100%;margin-top:8px}.btn.sm{height:26px;padding:0 9px;font-size:12px}.btn-row{gap:8px;margin-top:8px;display:flex}.btn-row .btn{flex:1}.btn-row.end{justify-content:flex-end;margin-top:18px}.btn-row.end .btn{flex:none}.icon-btn{width:32px;height:32px;color:var(--text-2);background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;font-size:15px;transition:all .15s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--bg-3);color:var(--text)}.icon-btn:disabled{opacity:.3}.icon-btn.is-active{color:var(--cyan);background:#57d8e81a;border-color:#57d8e84d}.mini{color:var(--text-3);background:0 0;border:0;padding:0 4px;font-size:13px}.mini:hover{color:var(--cyan)}.menu-wrap{position:relative}.menu{z-index:40;background:var(--bg-2);border:1px solid var(--border-2);border-radius:8px;min-width:220px;padding:6px;position:absolute;top:38px;right:0;box-shadow:0 14px 40px #0000008c}.menu button{text-align:left;background:0 0;border:0;border-radius:5px;width:100%;padding:8px 10px;display:block}.menu button:hover{background:var(--bg-3)}.menu hr{border:0;border-top:1px solid var(--border);margin:4px 0}.panel{z-index:15;top:var(--top);background:var(--bg-1);border:0 solid var(--border);transition:transform .45s var(--ease), opacity .3s;flex-direction:column;display:flex;position:absolute;bottom:0}.panel.left{width:var(--left-w);border-right-width:1px;left:0;transform:translate(-100%)}.panel.right{width:var(--right-w);border-left-width:1px;right:0;transform:translate(100%)}.panel.open{transform:none}.panel-head{justify-content:space-between;align-items:center;padding:8px 8px 0 16px;display:none}.panel-head h2{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}.panel-scroll{scrollbar-width:thin;scrollbar-color:var(--bg-3) transparent;flex:1;padding:8px 16px 28px;overflow-y:auto}.panel-title{justify-content:space-between;align-items:baseline;gap:8px;margin:10px 0 6px;display:flex}.panel-title h2{font-size:15px;font-weight:600}.edge-tab{z-index:14;background:var(--bg-2);border:1px solid var(--border-2);color:var(--text-2);font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:.3s var(--ease);padding:10px 6px;position:absolute;top:50%}.edge-tab.left{writing-mode:vertical-rl;border-left:0;border-radius:0 8px 8px 0;left:0;transform:translateY(-50%)rotate(180deg)}.edge-tab.right{writing-mode:vertical-rl;border-right:0;border-radius:0 8px 8px 0;right:0;transform:translateY(-50%)}.edge-tab:hover{color:var(--cyan)}.edge-tab.hidden{opacity:0;pointer-events:none}.section{border-bottom:1px solid var(--border);padding:6px 0 10px}.section h3 button{width:100%;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;display:flex}.section h3 button:hover{color:var(--text)}.chev{color:var(--text-3);width:10px}.badge{font:500 9.5px var(--mono);letter-spacing:.06em;border:1px solid var(--border-2);color:var(--text-3);text-transform:none;border-radius:99px;margin-left:auto;padding:2px 6px}.section-body{flex-direction:column;gap:12px;padding-top:4px;display:flex}.note{color:var(--text-3);font-size:11.5px;line-height:1.4}.note.pad{padding:0 16px 10px}.note.illustrative{border-left:2px solid var(--indigo);color:var(--text-2);margin-bottom:12px;padding-left:8px}.field-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.field-row label{color:var(--text-2);flex:1}.val{color:var(--text);font-size:11.5px}.field.is-disabled label,.field.is-disabled .val,.color-field.is-disabled,.toggle.is-disabled{opacity:.45}.field.is-disabled .note{opacity:1;color:var(--text-2)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}input[type=range]:disabled{cursor:not-allowed;opacity:.4}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--indigo) var(--pct), var(--bg-3) var(--pct));border-radius:2px;height:3px}input[type=range]::-moz-range-track{background:var(--bg-3);border-radius:2px;height:3px}input[type=range]::-moz-range-progress{background:var(--indigo);border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:2px solid var(--indigo);border-radius:50%;width:14px;height:14px;margin-top:-5.5px;transition:transform .12s}input[type=range]::-moz-range-thumb{background:var(--text);border:2px solid var(--indigo);border-radius:50%;width:10px;height:10px}input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.2)}.text,#seed{background:var(--bg);border:1px solid var(--border-2);width:100%;height:32px;color:var(--text);border-radius:6px;padding:0 10px}.text:focus,#seed:focus{border-color:var(--cyan);outline:none}.color-field{align-items:center;gap:10px;display:flex}.color-field label{color:var(--text-2);flex:1}.color-chip{border:1px solid var(--border-2);border-radius:5px;width:28px;height:22px;position:relative;overflow:hidden}.color-chip input{opacity:0;cursor:pointer;width:44px;height:36px;position:absolute;inset:-6px}.color-chip:focus-within{outline:2px solid var(--cyan);outline-offset:2px}.toggle{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toggle label{color:var(--text-2);flex:1}.toggle .note{width:100%}.switch{border:1px solid var(--border-2);background:var(--bg-3);border-radius:99px;width:34px;height:20px;padding:0;transition:all .2s;position:relative}.switch span{background:var(--text-2);width:14px;height:14px;transition:.2s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{border-color:var(--indigo);background:#7c8cff59}.switch[aria-checked=true] span{background:var(--text);transform:translate(14px)}.type-grid{grid-template-columns:1fr;gap:6px;display:grid}.type-card{text-align:left;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:18px 1fr;align-items:center;column-gap:10px;padding:9px 10px;transition:all .15s;display:grid}.type-card:hover{border-color:var(--border-2);background:var(--bg-3)}.type-card.is-active{border-color:var(--indigo);background:#7c8cff1a}.type-dot{border-radius:50%;grid-row:1/3;width:16px;height:16px}.t-rocky{background:radial-gradient(circle at 35% 30%,#d3b08a,#6b5444)}.t-ocean{background:radial-gradient(circle at 35% 30%,#7ad0ff,#0b3d7a 60%,#2f8f5b)}.t-icy{background:radial-gradient(circle at 35% 30%,#fff,#a8d4ee 55%,#5f8fb5)}.t-volcanic{background:radial-gradient(circle at 35% 30%,#ffb15a,#c0391b 50%,#2a0f0a)}.t-gas{background:linear-gradient(#e8c9a0,#b57d52 35%,#e9d7b8 60%,#8a5a3a)}.type-name{font-weight:600}.type-hint{color:var(--text-3);font-size:11px}.seed-row{align-items:center;gap:8px;margin-top:10px;display:flex}.seed-row label{color:var(--text-2)}.seed-row #seed{flex:1;min-width:0}.seed-row .btn{flex:none}.preset-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.preset{text-align:left;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;grid-template-columns:30px 1fr;align-items:center;column-gap:8px;padding:7px;transition:all .15s;display:grid}.preset:hover{border-color:var(--cyan);background:var(--bg-3)}.preset-swatch{border-radius:50%;grid-row:1/3;width:30px;height:30px;box-shadow:inset -4px -4px 8px #00000073}.preset-name{font-size:12.5px;font-weight:600}.preset-blurb{color:var(--text-3);font-size:10.5px}.list{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.list-item{text-align:left;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;width:100%;padding:6px;transition:all .15s;display:flex}.list-item:hover{border-color:var(--border-2)}.list-item.is-active{border-color:var(--indigo);background:#7c8cff1a}.list-item img,.thumb-fallback{background:var(--bg-3);border-radius:50%;flex:none;width:40px;height:40px}.thumb-fallback.big{width:64px;height:64px}.list-text{flex-direction:column;min-width:0;display:flex}.list-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list-sub{color:var(--text-2);font-size:11px}.facts{grid-template-columns:auto 1fr;gap:6px 14px;margin:10px 0;display:grid}.facts dt{color:var(--text-3)}.empty{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:10px;padding:28px 12px;display:flex}.empty.small{padding-top:40px}.empty h3{color:var(--text);font-size:14px}.empty-orbit{border:1px dashed var(--border-2);border-radius:50%;width:64px;height:64px;margin-bottom:4px;position:relative}.empty-orbit:after{content:"";background:var(--cyan);width:10px;height:10px;box-shadow:0 0 10px var(--cyan);border-radius:50%;position:absolute;top:4px;left:50%}@media (prefers-reduced-motion:no-preference){.empty-orbit{animation:9s linear infinite spin}}@keyframes spin{to{transform:rotate(360deg)}}.drawer{z-index:50;background:var(--bg-1);border-left:1px solid var(--border-2);width:min(440px,100vw);transition:transform .4s var(--ease);visibility:hidden;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.drawer.open{visibility:visible;transform:none}.drawer-head{align-items:center;gap:10px;padding:14px 12px 8px 16px;display:flex}.drawer-head h2{flex:none;font-size:16px}.drawer-head .icon-btn{margin-left:auto}.drawer-foot{border-top:1px solid var(--border);padding:12px 16px 16px}.drawer-foot .btn{margin:0}.lib-list{flex-direction:column;flex:1;gap:8px;padding:0 16px;display:flex;overflow-y:auto}.lib-item{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;gap:12px;padding:10px;display:flex}.lib-item img{background:var(--bg);border-radius:50%;flex:none;width:64px;height:64px}.lib-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lib-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lib-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.scrim{z-index:45;opacity:0;pointer-events:none;background:#05070d8c;transition:opacity .3s;position:absolute;inset:0}.scrim.on{opacity:1;pointer-events:auto}.modal-backdrop{z-index:90;background:#05070db3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-2);border:1px solid var(--border-2);border-radius:12px;outline:none;width:min(420px,100%);padding:20px;box-shadow:0 24px 80px #0009}.modal h2{margin-bottom:8px;font-size:16px}.modal p{color:var(--text-2)}.toolbar{z-index:16;border:1px solid var(--border-2);background:#0a0f18e6;border-radius:10px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.seg{background:var(--bg);border-radius:7px;padding:2px;display:inline-flex}.seg button{height:28px;color:var(--text-2);background:0 0;border:0;border-radius:5px;padding:0 12px;font-weight:500}.seg button.is-active{background:var(--bg-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-2)}.sep{background:var(--border-2);width:1px;height:20px;margin:0 4px}.hint{z-index:10;font:11px var(--mono);color:var(--text-2);letter-spacing:.04em;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .8s;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}.hint.on{opacity:1}.sys-badge{z-index:10;top:calc(var(--top) + 12px);font:10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--border-2);pointer-events:none;white-space:nowrap;background:#0a0f18cc;border-radius:99px;padding:4px 12px;position:absolute;left:50%;transform:translate(-50%)}.perf-chip{z-index:10;color:var(--text-3);border:1px solid var(--border);background:#0a0f18b3;border-radius:99px;padding:3px 10px;font-size:10.5px;position:absolute;bottom:22px;left:16px}.labels{z-index:9;pointer-events:none;position:absolute;inset:0;overflow:hidden}.label{pointer-events:auto;border:1px solid var(--border);color:var(--text);white-space:nowrap;opacity:0;background:#0a0f18d1;border-radius:6px;flex-direction:column;align-items:center;padding:3px 8px;font-size:11.5px;font-weight:600;line-height:1.2;display:flex;position:absolute;top:0;left:0}.label small{font:9.5px var(--mono);color:var(--text-3);letter-spacing:.06em;text-transform:uppercase}.label.is-active{border-color:var(--indigo)}.toasts{z-index:80;top:calc(var(--top) + 12px);pointer-events:none;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);display:flex;position:absolute;right:16px}.toast{pointer-events:auto;background:var(--bg-2);border:1px solid var(--border-2);border-left:3px solid var(--indigo);animation:pop .3s var(--ease);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex;box-shadow:0 10px 30px #00000080}.toast span{flex:1}.toast.success{border-left-color:var(--mint)}.toast.error{border-left-color:var(--danger)}.toast button{color:var(--text-3);background:0 0;border:0}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}}.banner{z-index:30;top:var(--top);color:#ffd9a0;background:#ffc46b1f;border-bottom:1px solid #ffc46b4d;justify-content:center;align-items:center;gap:10px;padding:7px 12px;font-size:12px;display:flex;position:absolute;left:0;right:0}.overlay-msg{z-index:95;text-align:center;background:#05070de0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.overlay-msg.fatal{background:var(--bg)}.overlay-msg p{max-width:46ch;color:var(--text-2)}.splash{z-index:100;background:var(--bg);opacity:0;pointer-events:none;place-items:center;transition:opacity .9s;display:grid;position:absolute;inset:0}.splash.on{opacity:1;pointer-events:auto;transition-duration:10ms}.splash:not(.on){transition-delay:0s}.splash-inner{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:560px;padding:24px;display:flex}.splash h1{font:600 18px var(--mono);letter-spacing:.4em}.splash-tag{font:500 12px var(--mono);letter-spacing:.28em;color:var(--cyan)}.splash-sub{color:var(--text-2);font-size:14px;line-height:1.6}@media (width>=1100px){.panel-head{display:none}}@media (width<=1099px){:root{--left-w:min(340px, 88vw);--right-w:min(360px, 92vw)}.panel{z-index:40;box-shadow:0 0 60px #0009}.panel-head{display:flex}.toolbar{bottom:12px}.tag,.current-name{display:none}}@media (width<=640px){.topbar{gap:8px;padding:0 10px}.brand-text{display:none}.topbar-mid{justify-content:flex-start}.status{gap:0;font-size:0}.status i{width:8px;height:8px}.hint{display:none}.toolbar{max-width:calc(100vw - 16px)}.seg button{padding:0 9px}.lib-actions .btn{flex:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.journeying .panel,.journeying .edge-tab,.journeying .labels{visibility:hidden}.journey-scroll{z-index:12;top:var(--top);scrollbar-width:none;overscroll-behavior:contain;outline:none;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.journey-scroll::-webkit-scrollbar{display:none}.journey-hud{z-index:13;top:var(--top);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.journey-hud>*{pointer-events:auto}.stop-card{background:var(--bg-1);border:1px solid var(--border-2);width:352px;max-height:calc(100% - 40px);animation:rise .55s var(--ease);border-radius:12px;padding:20px;position:absolute;top:50%;right:24px;overflow:auto;transform:translateY(-50%)}.stop-card h2{letter-spacing:-.01em;margin:4px 0 8px;font-size:24px;font-weight:600}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:10.5px}.blurb{color:var(--text-2);font-size:14px;line-height:1.55}.stop-card .btn{margin-top:14px}@keyframes rise{0%{opacity:0;transform:translateY(calc(14px - 50%))}}.rail{flex-direction:column;gap:4px;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.rail-dot{color:var(--text-3);background:0 0;border:0;align-items:center;gap:10px;padding:6px 4px;font-size:11.5px;display:flex}.rail-dot i{border:1.5px solid var(--text-3);width:9px;height:9px;transition:.3s var(--ease);border-radius:50%;order:-1}.rail-dot:hover,.rail-dot.is-active{color:var(--text)}.rail-dot.is-active i{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:scale(1.25)}.rail-label{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.scroll-cue{letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);opacity:0;font-size:11px;transition:opacity .5s;position:absolute;bottom:84px;left:50%;transform:translate(-50%);pointer-events:none!important}.scroll-cue.on{opacity:1}.scroll-cue span{margin-left:6px;display:inline-block}@media (prefers-reduced-motion:no-preference){.scroll-cue.on span{animation:1.6s ease-in-out infinite bob}}@keyframes bob{50%{transform:translateY(5px)}}.exit-journey{position:absolute;top:14px;right:24px}@media (width<=1099px){.stop-card{width:auto;max-height:42%;animation-name:rise-m;inset:auto 12px 74px;transform:none}@keyframes rise-m{0%{opacity:0;transform:translateY(14px)}}.rail{left:6px}.rail-label{display:none}.scroll-cue{top:18px;bottom:auto}.exit-journey{top:10px;right:12px}}