:root{--ta-bg:#030405;--ta-panel:#090b0c;--ta-ivory:#eee8dc;--ta-dim:#8d9a9d;--ta-gold:#c6a25d;--ta-cyan:#8dd8df;--ta-rule:rgba(215,226,226,.17);--ta-gold-rule:rgba(198,162,93,.34);--serif:Georgia,"Times New Roman",serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}body.transit-atlas-v16{margin:0;background:radial-gradient(circle at 50% -8%,rgba(94,138,148,.08),transparent 28rem),#030405;color:var(--ta-ivory)}.transit-atlas-v16 main{width:min(1560px,calc(100% - 54px));margin:auto;padding:72px 0 86px}
.transit-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:end;padding:50px 0 54px;border-bottom:1px solid var(--ta-gold-rule)}.transit-copy h1{margin:.1em 0 .12em;font:400 clamp(4rem,8vw,8.6rem)/.82 var(--serif);letter-spacing:-.055em}.transit-copy .lead{max-width:720px;color:#b5b9b3;font-size:1.05rem;line-height:1.75}.eyebrow,.micro{font:600 .58rem/1.4 var(--mono);letter-spacing:.19em;text-transform:uppercase;color:var(--ta-gold)}.boundary-law{margin-top:24px;padding:15px 0;border-top:1px solid var(--ta-rule);display:flex;gap:12px;align-items:center;flex-wrap:wrap;font:600 .56rem var(--mono);letter-spacing:.11em;color:var(--ta-dim)}.boundary-law b{font-weight:600;color:#cbd3d3}.boundary-law i{font-style:normal;color:var(--ta-gold)}
.transit-equation{border:1px solid var(--ta-gold-rule);background:linear-gradient(145deg,#11110e,#060708);padding:26px 28px;box-shadow:0 28px 80px rgba(0,0,0,.34)}.transit-equation span,.transit-equation small{display:block;font:600 .54rem/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ta-dim)}.transit-equation strong{display:block;margin:16px 0;color:#e8dcc1;font:400 clamp(1.08rem,1.8vw,1.65rem)/1.55 "Cambria Math",Georgia,serif}
.transit-instrument{margin-top:54px;border:1px solid var(--ta-gold-rule);background:linear-gradient(150deg,#0b0d0e,#050606 72%);box-shadow:0 34px 100px rgba(0,0,0,.4)}.instrument-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:24px 28px;border-bottom:1px solid var(--ta-rule)}.instrument-head h2{margin:.3rem 0 0;font:400 clamp(2rem,4vw,4.2rem)/.94 var(--serif)}.instrument-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.control{border:1px solid var(--ta-rule);background:#080a0b;color:#8e9b9e;padding:10px 12px;font:600 .54rem var(--mono);letter-spacing:.1em;cursor:pointer}.control:hover,.control:focus-visible,.control.active{outline:none;border-color:rgba(141,216,223,.58);color:#daf7fa;background:rgba(141,216,223,.06)}
.route-console{display:grid;grid-template-columns:minmax(180px,.8fr) 42px minmax(180px,.8fr) minmax(280px,1.4fr);gap:14px;align-items:end;padding:18px 28px;border-bottom:1px solid var(--ta-rule);background:linear-gradient(90deg,rgba(198,162,93,.025),rgba(141,216,223,.018),rgba(198,162,93,.025))}.route-console label>span,.route-summary>span{display:block;margin-bottom:7px;font:600 .48rem var(--mono);letter-spacing:.14em;color:#738083;text-transform:uppercase}.route-selector{position:relative;padding:10px 12px 12px;border:1px solid rgba(215,226,226,.24);background:linear-gradient(155deg,rgba(17,20,21,.96),rgba(5,7,8,.98));box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 12px 34px rgba(0,0,0,.2);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.route-selector::before{content:"SELECT";position:absolute;right:12px;top:9px;font:600 .42rem var(--mono);letter-spacing:.14em;color:#697579}.route-selector::after{content:"▾";position:absolute;right:22px;bottom:23px;pointer-events:none;font:700 .9rem var(--mono);color:#b6c4c5}.route-selector.source-selector{border-color:rgba(198,162,93,.38)}.route-selector.target-selector{border-color:rgba(141,216,223,.36)}.route-selector.source-selector>span{color:#b79a62}.route-selector.target-selector>span{color:#84c6cc}.route-selector:hover,.route-selector:focus-within{background:linear-gradient(155deg,rgba(19,24,25,.98),rgba(6,9,10,.99));border-color:rgba(141,216,223,.7);box-shadow:inset 0 0 0 1px rgba(141,216,223,.08),0 0 0 2px rgba(141,216,223,.04),0 14px 38px rgba(0,0,0,.28)}.route-selector.source-selector:hover,.route-selector.source-selector:focus-within{border-color:rgba(211,177,104,.75);box-shadow:inset 0 0 0 1px rgba(211,177,104,.08),0 0 0 2px rgba(211,177,104,.04),0 14px 38px rgba(0,0,0,.28)}.route-console select{appearance:none;-webkit-appearance:none;width:100%;min-height:46px;border:1px solid rgba(215,226,226,.27);background:linear-gradient(180deg,#090c0d,#040607);color:#e5ece9;padding:9px 42px 9px 12px;font:700 .74rem var(--mono);letter-spacing:.065em;cursor:pointer;box-shadow:inset 0 0 18px rgba(141,216,223,.025)}.source-selector select{border-color:rgba(198,162,93,.34)}.target-selector select{border-color:rgba(141,216,223,.32)}.route-console select:hover{border-color:rgba(215,226,226,.55)}.route-console select:focus{outline:1px solid rgba(141,216,223,.75);outline-offset:2px}.route-arrow{align-self:center;text-align:center;color:var(--ta-gold);font:1.5rem var(--serif);padding-bottom:2px}.route-summary{padding-left:18px;border-left:1px solid var(--ta-gold-rule)}.route-summary strong{display:block;font:400 1.25rem var(--serif);color:#e5ddce}.route-summary small{display:block;margin-top:5px;color:#728083;font:.5rem/1.45 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.register-frame{padding:28px 24px 24px}.register-scroll{overflow:visible}.register-axis{height:610px;position:relative;border:1px solid var(--ta-rule);background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 35% 50%,rgba(141,216,223,.045),transparent 35%),#060809;background-size:40px 40px;overflow:hidden}.axis-line{position:absolute;left:5%;right:5%;top:50%;height:1px;background:linear-gradient(90deg,rgba(198,162,93,.2),#c6a25d 35%,#8dd8df 70%,rgba(141,216,223,.18))}.axis-line:before{content:"☉";position:absolute;left:-19px;top:50%;transform:translateY(-53%);font:28px Georgia,serif;color:#dec47e;text-shadow:0 0 22px rgba(198,162,93,.28)}.axis-label{position:absolute;top:18px;font:600 .54rem var(--mono);letter-spacing:.15em;color:#718083}.axis-label.left{left:24px}.axis-label.right{right:24px}.route-link{position:absolute;top:calc(50% - 2px);left:50%;width:0;height:4px;background:linear-gradient(90deg,var(--ta-gold),var(--ta-cyan));box-shadow:0 0 12px rgba(141,216,223,.45);z-index:2;transition:left .4s ease,width .4s ease}.route-link:before,.route-link:after{content:"";position:absolute;top:50%;width:9px;height:9px;border-radius:50%;background:#eef9f9;border:2px solid #0a0d0e;transform:translateY(-50%);box-shadow:0 0 14px rgba(141,216,223,.5)}.route-link:before{left:-4px}.route-link:after{right:-4px}
.body-node{position:absolute;left:50%;top:50%;width:1px;height:1px;transition:left .42s cubic-bezier(.2,.7,.2,1);z-index:4}.axis-pin{position:absolute;left:0;top:0;width:1px;height:1px}.planet{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:25px;height:25px;border-radius:50%;background:#687074;box-shadow:inset -8px -5px 14px rgba(0,0,0,.55),0 0 20px rgba(141,216,223,.09);z-index:3}.planet.jupiter{width:40px;height:40px;background:repeating-linear-gradient(180deg,#8e7251 0 4px,#6f5c49 4px 8px)}.planet.saturn{width:34px;height:34px;background:#98876b}.planet.saturn:after{content:"";position:absolute;left:50%;top:50%;width:56px;height:13px;border:1px solid rgba(208,189,151,.7);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}.planet.uranus{background:#7097a1}.planet.neptune{background:#485f81}.planet.mars{background:#765043}.planet.earth{background:#536d70}.planet.venus{background:#8a765e}.planet.mercury{background:#77746c}.planet.ceres{width:16px;height:16px;background:#77736d}
.pyramid{position:absolute;left:0;top:-42px;transform:translateX(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:23px solid rgba(210,177,104,.78);filter:drop-shadow(0 0 8px rgba(198,162,93,.22));transition:opacity .25s}.pyramid:after{content:"";position:absolute;left:-7px;top:8px;width:14px;height:1px;background:rgba(12,13,12,.7);transform:rotate(-30deg)}.pyramid.buried{top:18px;opacity:.78}.pyramid.lens{border-bottom-color:rgba(141,216,223,.74)}.pyramid.switch{border-bottom-color:rgba(214,190,130,.65)}.pyramid.proxy{top:-40px;border-bottom-color:rgba(141,216,223,.62);transform:translateX(-50%) scale(.72)}.proxy-orbit{position:absolute;left:0;top:0;width:52px;height:52px;border:1px solid rgba(141,216,223,.25);border-radius:50%;transform:translate(-50%,-50%)}.proxy-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:#bcdde1;right:2px;top:9px}
.body-node button{position:absolute;left:0;top:var(--lane);width:178px;min-height:78px;transform:translateX(-50%);padding:10px 11px 9px;border:1px solid rgba(215,226,226,.14);background:linear-gradient(145deg,rgba(10,13,14,.96),rgba(5,7,8,.95));color:inherit;text-align:left;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.24);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.body-node button:before{content:"";position:absolute;left:50%;width:1px}.body-node.lane-up button:before{top:100%;height:var(--wire);background:linear-gradient(rgba(141,216,223,.08),rgba(141,216,223,.34))}.body-node.lane-down button:before{bottom:100%;height:var(--wire);background:linear-gradient(rgba(141,216,223,.34),rgba(141,216,223,.08))}.body-node button:hover,.body-node button:focus-visible,.body-node.selected-a button,.body-node.selected-b button{outline:none;border-color:rgba(141,216,223,.52);background:linear-gradient(145deg,#0c1415,#06090a);box-shadow:0 0 24px rgba(141,216,223,.05)}.body-node.selected-a button{border-color:rgba(198,162,93,.7)}.body-node b{display:block;font:600 .76rem var(--mono);letter-spacing:.08em;color:#e2e7e5}.body-node small{display:block;margin-top:4px;font:600 .62rem var(--mono);letter-spacing:.07em;color:#9ba7a8}.body-node em{display:block;margin-top:6px;font:600 .53rem/1.35 var(--mono);letter-spacing:.055em;color:#b5a477;text-transform:uppercase;font-style:normal;white-space:normal}.body-node.selected-a .planet{box-shadow:inset -8px -5px 14px rgba(0,0,0,.55),0 0 0 5px rgba(198,162,93,.12),0 0 24px rgba(198,162,93,.28)}.body-node.selected-b .planet{box-shadow:inset -8px -5px 14px rgba(0,0,0,.55),0 0 0 5px rgba(141,216,223,.12),0 0 24px rgba(141,216,223,.3)}.moon-proxy{position:absolute;left:8px;top:33px;font:600 .49rem var(--mono);letter-spacing:.07em;color:#7f989c;white-space:nowrap}.fiction-off .pyramid,.fiction-off .proxy-orbit,.fiction-off .moon-proxy,.fiction-off .body-node em{opacity:0;pointer-events:none}
.route-analysis{display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"metrics orrery" "equation orrery";border-top:1px solid var(--ta-rule)}.route-metrics{grid-area:metrics;display:grid;grid-template-columns:repeat(3,1fr);border-right:1px solid var(--ta-rule)}.route-metrics>div{min-height:96px;padding:17px 18px;border-right:1px solid var(--ta-rule);border-bottom:1px solid var(--ta-rule)}.route-metrics>div:nth-child(3n){border-right:0}.route-metrics span{display:block;font:600 .47rem/1.4 var(--mono);letter-spacing:.12em;color:#6f7c7f;text-transform:uppercase}.route-metrics strong{display:block;margin-top:9px;font:400 1rem/1.35 var(--serif);color:#e7dfd0}.orrery-panel{grid-area:orrery;padding:20px 22px 16px;background:radial-gradient(circle at 50% 48%,rgba(141,216,223,.04),transparent 45%),#060809}.orrery-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.orrery-head h3{margin:.35rem 0 0;font:400 1.8rem var(--serif)}#phaseOrrery{display:block;width:100%;height:auto;max-height:360px;margin-top:12px;border:1px solid rgba(215,226,226,.1);background:#030506}.orrery-panel p{margin:10px 0 0;color:#758285;font-size:.72rem;line-height:1.55}.orrery-panel p strong{color:#aebabc;font-weight:600}.equation-panel{grid-area:equation;border-right:1px solid var(--ta-rule);padding:18px 20px 22px}.equation-panel>div{display:grid;grid-template-columns:115px 1fr;gap:15px;padding:10px 0;border-top:1px solid rgba(215,226,226,.08)}.equation-panel>div:first-of-type{margin-top:10px}.equation-panel b{font:600 .5rem var(--mono);letter-spacing:.09em;color:#9a895f;text-transform:uppercase}.equation-panel code{white-space:normal;font:.68rem/1.55 var(--mono);color:#b8c4c4;background:transparent}
.transit-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;background:var(--ta-rule);border:1px solid var(--ta-rule)}.transit-notes article{background:#060708;padding:28px}.transit-notes h3{font:400 1.7rem var(--serif);margin:.45rem 0 .6rem}.transit-notes p{color:#8d9898;line-height:1.65;margin:0}.transit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.transit-actions a{border:1px solid var(--ta-gold-rule);padding:11px 14px;text-decoration:none;color:#d9c590;font:600 .54rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.transit-actions a:hover,.transit-actions a:focus-visible{outline:none;border-color:var(--ta-cyan);color:#dff9fb}
@media(max-width:1100px){.transit-hero{grid-template-columns:1fr}.route-console{grid-template-columns:1fr 36px 1fr}.route-summary{grid-column:1/-1;border-left:0;border-top:1px solid var(--ta-rule);padding:12px 0 0}.route-analysis{grid-template-columns:1fr;grid-template-areas:"metrics" "orrery" "equation"}.route-metrics,.equation-panel{border-right:0}.transit-notes{grid-template-columns:1fr}.instrument-head{align-items:flex-start;flex-direction:column}.instrument-controls{justify-content:flex-start}}
@media(max-width:820px){.transit-atlas-v16 main{width:min(100% - 24px,1560px);padding-top:34px}.register-frame{padding:18px 10px}.register-scroll{overflow-x:auto;padding-bottom:8px}.register-axis{width:1180px;max-width:none;height:610px}.route-metrics{grid-template-columns:1fr 1fr}.route-metrics>div{border-right:1px solid var(--ta-rule)}.route-metrics>div:nth-child(2n){border-right:0}.transit-copy h1{font-size:clamp(3.6rem,19vw,6rem)}.transit-equation strong{font-size:.92rem}}
@media(max-width:560px){.route-console{grid-template-columns:1fr}.route-arrow{transform:rotate(90deg);padding:0}.route-summary{grid-column:auto}.route-metrics{grid-template-columns:1fr}.route-metrics>div{border-right:0}.orrery-head{align-items:flex-start;flex-direction:column}.equation-panel>div{grid-template-columns:1fr}.transit-atlas-v16 main{width:min(100% - 18px,1560px)}}
@media(prefers-reduced-motion:reduce){.body-node,.route-link,.pyramid{transition:none!important}}