:root{color-scheme:dark;--bg:#06131b;--shell:#0a1b26;--panel:#102530;--line:#31505a;--line-soft:#29424d;--text:#e5f0ed;--muted:#9eb4b6;--gold:#cdb47e;--teal:#77c9bd;--red:#e9ba9b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(100vw 60vh at 55% -12%,#244d57,#041119 80%);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #e3c783;outline-offset:2px}a{color:#cde6dc;text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh;display:flex;flex-direction:column}.site-head{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #36505b;background:#0a1b25e0;padding:11px clamp(16px,2.2vw,32px)}.brand{display:flex;gap:12px;align-items:center}.brandstar{font-size:36px;color:var(--gold);line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:var(--muted);margin-bottom:4px}.brand strong{font-family:Georgia,'Times New Roman',serif;letter-spacing:.1em;font-size:19px}.brand em{color:var(--gold);font-size:13px;font-family:inherit;font-style:normal}.head-mid{font-size:11px;letter-spacing:.2em;color:#c0cfc8}.gold{color:var(--gold);padding:0 8px}.head-actions{display:flex;gap:10px;align-items:center}.head-actions a,.head-actions button{border:1px solid #617b80;border-radius:7px;padding:9px 13px;background:#183342;color:#e0f2ee}.workspace{display:grid;grid-template-columns:minmax(240px,280px) minmax(390px,1fr) minmax(250px,305px);flex:1;max-width:1900px;width:100%;margin:0 auto}.left-panel,.right-panel{background:#0b212c;padding:25px 20px 22px;overflow-y:auto;max-height:calc(100vh - 112px)}.left-panel{border-right:1px solid var(--line-soft)}.right-panel{border-left:1px solid var(--line-soft)}.eyebrow{letter-spacing:.17em;font-weight:760;font-size:10px;color:var(--gold)}h1{font-family:Georgia,serif;font-size:25px;line-height:1.2;margin:10px 0}h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(28px,2.8vw,40px);margin:5px 0 2px}h3{font-family:Georgia,serif;font-size:22px;margin:8px 0 12px}h4{color:#decb9f;margin:16px 0 9px;font-size:13px;letter-spacing:.06em}.intro,.description{line-height:1.6;font-size:13px;color:#b6c9c9}.field{display:block;color:#a9baba;font-size:11px;margin:20px 0 12px}.field input{display:block;background:#071721;border:1px solid #34525a;border-radius:7px;padding:12px;color:#e6ebec;margin-top:6px;width:100%}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:14px}.filters button{border:1px solid #2d5260;background:#102d38;border-radius:6px;padding:9px 3px;font-size:11px}.filters .active,.era-rail .active{border-color:var(--gold);background:#3b3a33;color:#f9e4af}.world-list{display:flex;flex-direction:column;gap:6px}.world-item{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid transparent;border-radius:8px;background:#12303c;padding:10px;width:100%}.world-item:hover{background:#1d3d49}.world-item.active{border-color:#b9a06d;background:#24404b}.planet-icon{display:block;width:25px;height:25px;flex:none;border:1px solid #ffffff55;border-radius:50%;box-shadow:inset -7px -2px 7px #0008,0 0 9px #8199a71b}.world-item strong{display:block;font-size:12px;font-weight:600}.world-item small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.world-item .arrow{margin-left:auto;color:var(--gold)}.group-label{border-bottom:1px solid #36505b;color:#9fb9b8;letter-spacing:.14em;font-size:10px;padding:14px 4px 7px}.side-foot{font-size:10px;color:#9ab0af;line-height:1.55;margin-top:20px;border-top:1px solid var(--line-soft);padding-top:14px}.side-foot strong{color:#ced6cb}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:3px}.center-panel{padding:clamp(16px,2.3vw,34px);min-width:0;display:flex;flex-direction:column}.viewport-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.viewport-heading p{margin:0 0 16px;color:#9fbbbf;font-size:12px}.proof-pill{font-size:9px;letter-spacing:.09em;font-weight:700;color:#f2d7a5;border:1px solid #886d43;padding:7px;border-radius:99px;white-space:nowrap}.viewport{border-radius:12px;border:1px solid #466472;height:clamp(300px,53vh,620px);overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 50%,#102b41 0,#091627 41%,#020b16 100%);isolation:isolate}.stars-overlay{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(2px 2px at 10% 20%,#bfd8e9,transparent),radial-gradient(1px 1px at 70% 12%,#fff,transparent),radial-gradient(1px 1px at 84% 75%,#d4ddee,transparent),radial-gradient(2px 2px at 42% 83%,#d9f0f3,transparent),radial-gradient(1px 1px at 24% 69%,#c5d9e3,transparent),radial-gradient(2px 2px at 87% 35%,#fff,transparent)}#globe{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#globe:active{cursor:grabbing}.overlay-top,.overlay-bottom{pointer-events:none;position:absolute;left:0;right:0;display:flex;justify-content:space-between;gap:14px;padding:17px;color:#b6d1d5;font-size:10px;letter-spacing:.11em}.overlay-top{top:0}.overlay-bottom{bottom:0;align-items:end;background:linear-gradient(transparent,#020b16d6);font-size:11px;letter-spacing:normal;padding-top:35px}.overlay-bottom strong,.overlay-bottom small{display:block}.overlay-bottom strong{font-size:16px;letter-spacing:.02em}.overlay-bottom small{color:#a2bcbc;margin-top:4px}.line-swatch{display:inline-block;height:2px;width:28px;background:var(--gold);vertical-align:middle;margin-right:10px}.zoom-tools{display:flex;gap:6px;pointer-events:auto}.zoom-tools button{background:#163545cc;border:1px solid #58737d;border-radius:8px;font-size:18px;padding:5px 11px;color:white}.time-panel{background:#102632;border:1px solid #294857;border-radius:11px;margin-top:18px;padding:15px}.time-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.time-head #era-text{font-size:11px;color:#d9dfd1}.era-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-top:13px}.era-rail button{border:1px solid #45626a;border-radius:7px;background:#183945;padding:11px 3px;font-weight:650;font-family:Georgia,serif}.timeline-row{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-top:13px}.timeline-row label{font-size:11px;color:#bcd0cb}.timeline-row select{margin-left:7px;background:#122d3a;color:#e5ebe5;border:1px solid #47626a;padding:8px;border-radius:7px;max-width:260px}.timeline-row .grid-label{display:flex;align-items:center;gap:4px}.alert{border-top:1px solid #324957;color:#b7c7c8;font-size:11px;padding-top:10px;margin:12px 0 0;line-height:1.5}.alert strong{color:#d4c29f}.bottom-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.bottom-actions button,.subtle{border:1px solid #53717e;background:#162f3d;border-radius:8px;padding:11px 15px;font-size:12px}.bottom-actions .primary{background:#bfa16f;color:#111c21;border-color:#d6b986;font-weight:750}.compare-panel{border:1px solid #40616b;background:#0c222b;border-radius:10px;margin-top:10px;padding:15px}.compare-panel h3{font-size:17px}.compare-panel p{color:#99b3b3;font-size:11px}.compare-bars{display:grid;gap:9px}.compare-row{display:grid;grid-template-columns:minmax(80px,135px) 1fr auto;gap:10px;align-items:center;font-size:11px}.compare-track{background:#233744;height:9px;border-radius:4px;overflow:hidden}.compare-fill{height:9px;background:linear-gradient(90deg,#51949c,#d4ae77);border-radius:4px}.compare-row .quality{font-size:9px;color:#aaa}.right-panel h3{color:#f0e9d9}.right-panel .kind{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#bba67e}.facts{margin:22px 0}.facts div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #2a414a;padding:11px 0}.facts dt{font-size:11px;color:#9fb0b5}.facts dd{font-size:11px;color:#e9f0ec;text-align:right;margin:0;max-width:53%}.line{height:1px;background:#304b55;margin-top:21px}.source-status{font-size:12px;color:#dfc79a;line-height:1.55}.note{font-size:11px;color:#a7b9bb;line-height:1.6}.import-control{display:block;text-align:center;border:1px dashed #77969b;color:#e8dfce;background:#1b3841;border-radius:8px;padding:13px;cursor:pointer;font-size:12px}.import-control:hover{background:#23505b}.subtle{width:100%}.trust{font-size:10px;color:#95b2a8;border-top:1px solid #2f434f;margin-top:17px;padding-top:12px}.site-footer{border-top:1px solid #324953;display:flex;gap:9px;justify-content:space-between;align-items:center;padding:9px 24px;font-size:9px;letter-spacing:.08em;color:#849f9f}@media(max-width:1150px){.workspace{grid-template-columns:230px minmax(300px,1fr)}.right-panel{grid-column:2;border-left:0;border-top:1px solid var(--line-soft);max-height:none;display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.right-panel>.eyebrow,.right-panel>h3,.right-panel>.kind,.right-panel>.description,.right-panel>.facts{grid-column:1}.right-panel .line{grid-column:1/-1}.site-footer{flex-wrap:wrap}}@media(max-width:760px){.site-head{padding:12px 16px}.head-mid{display:none}.site-head .brand strong{font-size:15px}.workspace{display:flex;flex-direction:column}.left-panel{order:2;border:0;border-top:1px solid #37505c;max-height:none;padding:17px}.left-panel h1,.left-panel .intro{display:none}.world-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.group-label{grid-column:1/-1}.center-panel{order:1;padding:16px}.viewport{height:clamp(310px,52vh,480px)}.right-panel{order:3;display:block;padding:17px}.right-panel>*,.right-panel .line{grid-column:auto}.proof-pill{font-size:8px}.timeline-row{align-items:flex-start;flex-wrap:wrap}.timeline-row select{max-width:200px}.site-footer{font-size:8px}.world-item{padding:9px 7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}