@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans.ttf") format("truetype");font-weight:100 1000;font-display:swap}@font-face{font-family:"Space Grotesk";src:url("assets/fonts/space-grotesk.ttf") format("truetype");font-weight:300 700;font-display:swap}
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#e9eff9;background:#060a12;font-size:16px;--line:#ffffff17;--muted:#9baac0;--accent:#b6d8ff}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,summary{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#182233;border-radius:10px;padding:11px 15px;font-size:14px;transition:background .2s,border-color .2s}button:hover{background:#24334a;border-color:#698aac}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #abd5ff;outline-offset:3px}[hidden]{display:none!important}a{color:#aacef5;font-size:13px;text-decoration:none}a:hover{text-decoration:underline}header{position:absolute;top:0;left:0;right:0;height:94px;padding:0 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#080e18}.brand{display:flex;gap:13px;align-items:center;font-family:'Space Grotesk',sans-serif;letter-spacing:3px;font-size:21px}.brand b{font-weight:400;color:#9bacc4}.brand small{display:block;font:12px 'DM Sans',sans-serif;letter-spacing:1.6px;margin-top:6px;color:#8192ac}.mark{font-size:42px;color:#d2e5ff}header button{background:#101a29}nav{position:absolute;left:20px;top:119px;bottom:115px;width:150px;display:flex;flex-direction:column;gap:5px;overflow:auto;scrollbar-width:thin}nav button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:transparent;border-color:transparent;padding:12px;color:#a5b4ca;font-size:14px}nav button.active{background:#17283b;border-color:#5786b355;color:#f4f8ff}nav .dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--c)}#viewport{position:absolute;left:180px;right:355px;top:106px;bottom:115px;border:1px solid #ffffff0c;border-radius:18px;overflow:hidden;background:#050811;transition:bottom .25s}#space,#labels{position:absolute;inset:0}#space canvas{display:block;touch-action:none}#labels{pointer-events:none;overflow:hidden}.label{position:absolute;color:#b8c7dc;font-size:12px;white-space:nowrap;text-shadow:0 2px 5px #000;transform:translate(-50%,-50%);padding:3px 6px;border-radius:4px;background:#05081170}.label.selected{color:#fff;font-size:14px}.scene-caption{position:absolute;top:19px;left:21px;right:20px;pointer-events:none;display:flex;flex-direction:column;gap:6px}.scene-caption span:first-child{font-size:14px;font-weight:600}.scene-caption span:last-child{font-size:12px;color:#8394af}.view-tools{position:absolute;right:16px;bottom:17px;display:flex;gap:6px}.view-tools button{font-size:22px;width:41px;height:41px;padding:3px;background:#111c2bcc;backdrop-filter:blur(12px)}aside{position:absolute;right:20px;top:106px;bottom:115px;width:320px;overflow:auto;padding:25px 22px;background:#0c1421;border:1px solid var(--line);border-radius:18px;scrollbar-width:thin;scrollbar-color:#344259 transparent}.eyebrow,.section-label{font-size:12px;letter-spacing:1.4px;color:#95b6dd;font-weight:600}h1{font-family:'Space Grotesk',sans-serif;font-size:43px;line-height:1.1;font-weight:500;margin:14px 0}h2{font:500 24px/1.2 'Space Grotesk',sans-serif;margin:8px 0 0}p{font-size:14px;line-height:1.7;color:var(--muted)}#facts{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px;margin:24px 0}.fact small{display:block;color:#8193ac;font-size:12px;line-height:1.4;letter-spacing:.6px;margin-bottom:7px}.fact strong{font-size:15px;font-weight:500;line-height:1.5}.primary{width:100%;background:#c5dfff;color:#101b29;font-weight:700;border:0;padding:13px 12px}.primary:hover{background:#e1efff}.context-actions{display:grid;gap:10px;margin-top:10px}.context-actions button{text-align:left;line-height:1.6;background:#132439;border-color:#4c7daa66;color:#deebfc;font-weight:600}.context-actions button span{display:block;font-size:12px;color:#99b1d0;font-weight:400}details{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}summary{font-size:14px;cursor:pointer;line-height:1.6}#moonCount{float:right;color:#c5dfff;border-radius:6px;background:#1d2b40;min-width:28px;text-align:center}#moonSearch{width:100%;border:1px solid #ffffff22;background:#070e19;border-radius:8px;padding:11px;margin:15px 0;color:white;font-size:14px}#moonList{max-height:265px;overflow:auto;display:grid;gap:5px}#moonList button{text-align:left;font-size:14px;padding:10px 12px;background:#111d2d}#moonList button.active{border-color:#a3caff;background:#233d59}.about summary{font-size:13px;color:#9aa9bf}.about p{font-size:13px}#surfacePanel,#ringsPanel{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.badge{display:inline-block;font-size:12px;line-height:1.5;color:#b1cbea;border:1px solid #52769c66;background:#172c4166;border-radius:6px;padding:5px 8px;margin-top:12px}#surfaceDetail{font-size:13px;color:#8597b0}.materials{display:flex;flex-wrap:wrap;gap:6px}.materials span{border:1px solid #819ab22b;border-radius:5px;padding:5px 8px;font-size:12px;color:#d2ddea}#reliefControl{display:flex;align-items:center;gap:8px;font-size:14px;color:#bbcee6;margin:14px 0}input[type=checkbox]{accent-color:#aacfff}#landmarks{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}#landmarks button{font-size:12px;padding:7px 9px}footer{position:absolute;bottom:0;left:0;right:0;height:93px;display:flex;align-items:center;justify-content:center;gap:35px;padding:18px 24px;border-top:1px solid var(--line);background:#0a111d}.playback{display:flex;align-items:center;gap:15px}.playback button{font-size:20px;padding:8px;width:44px;height:44px}.playback label{font-size:12px;letter-spacing:1px;color:#a6b7ce;display:flex;justify-content:space-between;gap:20px}.playback input{width:165px;accent-color:#acd3ff;height:16px;margin-top:7px}.toggles{display:flex;gap:18px;font-size:14px}.hint{font-size:13px;color:#8295b1}.scale{position:absolute;bottom:23px;left:26px;color:#8ca1bd;font-size:12px;letter-spacing:.8px;pointer-events:none}.scale span{display:block;letter-spacing:0;font-size:12px;margin-top:5px;color:#697f9e}#status{position:absolute;top:110px;left:50%;transform:translateX(-50%);font-size:14px;color:#e6d1a9;background:#1d2533;padding:12px 20px;border-radius:9px;max-width:85%;z-index:4}#status:empty{display:none}#history{position:absolute;left:180px;right:355px;bottom:115px;height:338px;padding:19px 23px;background:#101d2d;border:1px solid #4c709c66;border-radius:17px;overflow:auto;scrollbar-width:thin}.history-open #viewport{bottom:465px}.history-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.history-heading button{background:transparent;font-size:22px;border:0}.history-content{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;margin-top:17px}#epochAge{color:#bfdaf9;font-size:14px;font-weight:600}#epochText{font-size:14px;line-height:1.5;margin:7px 0}.epoch-facts{font-size:13px;line-height:1.45;color:#b5c5d9;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.epoch-facts small{font-size:12px;letter-spacing:.8px;color:#778fac;margin-top:7px}.epoch-facts .badge{margin-top:0}.timeline-track{display:flex;align-items:center;gap:9px;margin-top:13px}.timeline-track button{padding:0;width:28px;height:28px;font-size:23px;flex-shrink:0}#epoch{accent-color:#acd3ff;width:100%;cursor:pointer}#epochChips{display:flex;gap:5px;justify-content:space-between;overflow:auto;margin-top:7px;padding-bottom:3px}#epochChips button{background:transparent;border-color:transparent;font-size:12px;white-space:nowrap;padding:5px 6px;color:#8da4c0}#epochChips button.active{background:#aacfff;color:#102238}.history-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px}.history-bottom>span{font-size:12px;color:#7189a8}.history-bottom button{font-size:12px;padding:7px 9px;margin-left:4px;background:#1a2d44}.history-bottom>div{white-space:nowrap}#eraReadout{display:none!important}@media(min-width:1450px){#history{height:320px}.history-open #viewport{bottom:447px}}@media(max-width:1200px){.scale{display:none}.hint{display:none}nav{width:124px;left:12px}#viewport,#history{left:149px;right:313px}aside{width:286px;right:13px;padding:22px 18px}.history-content{gap:15px}#history{height:370px;padding:17px}.history-open #viewport{bottom:497px}.history-bottom>span{max-width:150px}.epoch-facts{font-size:12px}#epochChips{justify-content:flex-start}}@media(max-width:900px){header{height:82px;padding:0 18px}nav{top:94px;left:12px;right:12px;width:auto;height:51px;bottom:auto;flex-direction:row}nav button{flex-shrink:0;width:auto;padding:10px;gap:8px}#viewport{left:12px;right:292px;top:159px;bottom:104px}aside{width:265px;top:159px;bottom:104px}.history-open #viewport{bottom:430px}#history{left:12px;right:292px;bottom:104px;height:314px}.history-content{display:block}.epoch-facts{display:none}h2{font-size:20px}#epochText{font-size:13px}.history-heading .section-label{font-size:12px}footer{height:90px}.history-bottom>span{display:none}.history-bottom{justify-content:flex-end}}@media(max-width:640px){header{height:76px;padding:0 14px}.brand{font-size:16px;letter-spacing:2px;gap:8px}.brand small{font-size:10px;letter-spacing:1px}.mark{font-size:30px}header button{font-size:12px;padding:9px}nav{top:87px;gap:3px}nav button{font-size:13px;padding:9px}#viewport{top:148px;left:10px;right:10px;bottom:296px;min-height:140px;border-radius:13px}aside{top:auto;bottom:104px;left:10px;right:10px;width:auto;height:180px;padding:17px;border-radius:13px}h1{font-size:30px;margin:9px 0}#facts{gap:12px;margin:17px 0}.fact strong{font-size:14px}.eyebrow{font-size:12px}.primary{font-size:14px}.context-actions{grid-template-columns:1fr}footer{padding:12px 10px;gap:10px;flex-wrap:wrap;justify-content:space-between;height:92px}.playback{gap:8px}.playback input{width:112px}.playback label{font-size:11px}.toggles{font-size:12px;gap:7px}.scene-caption{top:12px;left:14px}.scene-caption span:last-child{max-width:210px;font-size:12px}.view-tools{right:10px;bottom:10px}.view-tools button{width:35px;height:35px}#history{left:10px;right:10px;bottom:104px;height:310px;padding:16px}.history-open #viewport{bottom:426px}.history-open aside{display:none}.history-content{margin-top:12px}#epochText{font-size:13px;line-height:1.55}.history-heading h2{font-size:21px}.history-heading button{padding:4px 9px}.history-bottom{margin-top:7px}#status{top:145px}.history-open .scene-caption span:last-child{display:none}}@media(max-height:700px) and (min-width:901px){#history{height:300px}.history-open #viewport{bottom:427px}.history-content{margin-top:10px}.epoch-facts small{margin-top:2px}#epochText{font-size:13px}.history-bottom{margin-top:5px}}
/* The timeline replaces the detail drawer so the 3D world keeps its full space. */
@media(min-width:641px){#history{left:auto;right:20px;top:106px;bottom:115px;width:320px;height:auto;padding:23px 20px}.history-open #viewport{bottom:115px}.history-open aside{display:none}.history-content{display:block;margin-top:24px}.epoch-facts{display:flex;gap:7px;margin:22px 0}.epoch-facts small{margin-top:9px}.history-heading{align-items:flex-start}.history-heading h2{font-size:27px;line-height:1.2}.history-heading button{padding:0 4px}.timeline-track{margin-top:24px}#epochChips{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px}#epochChips button{padding:7px 2px;border-color:#ffffff16}.history-bottom{display:flex;flex-direction:column;align-items:stretch;gap:15px;margin-top:20px}.history-bottom>span{display:block;max-width:none}.history-bottom>div{display:flex}.history-bottom button{flex:1;margin:0 4px 0 0;padding:10px 5px}}
@media(min-width:901px) and (max-width:1200px){#history{right:13px;width:286px;padding:22px 18px}}
@media(min-width:641px) and (max-width:900px){#history{right:13px;width:265px;top:159px;bottom:104px;padding:20px 17px}.history-open #viewport{bottom:104px}.history-heading h2{font-size:24px}.epoch-facts{font-size:13px}.history-content{margin-top:18px}}
@media(max-width:640px) and (max-height:720px){#history{height:246px}.history-open #viewport{top:145px;bottom:362px;min-height:110px}.history-heading h2{font-size:18px}.history-content{margin-top:8px}#epochText{font-size:12px}.timeline-track{margin-top:7px}}

.academy-return{margin-left:auto;margin-right:16px;font-size:14px;color:#f9cb7a;padding:12px;background:#16243a;border-radius:10px;white-space:nowrap}@media(max-width:700px){.academy-return{font-size:11px;padding:9px;margin-right:8px}.brand small{font-size:9px}.brand{font-size:15px;gap:7px;letter-spacing:1px}.mark{font-size:30px}header{padding-inline:14px}header button{font-size:11px;padding:9px}}

.mark{width:42px;height:50px;object-fit:contain}.explorer-buddy{padding:14px;background:#17374a;border:1px solid #81d9df60;border-radius:16px;margin-bottom:22px}.explorer-buddy-heading{display:flex;align-items:center;gap:10px}.explorer-buddy-heading strong{font-size:16px}.explorer-buddy p{font-size:15px;color:#e2ecf8}.explorer-buddy-controls{display:flex;flex-wrap:wrap;gap:8px}.explorer-buddy button,.explorer-buddy a{min-height:44px;font-size:14px}.explorer-buddy a{display:inline-flex;align-items:center;padding:8px}.explorer-buddy #audioStatus{font-size:12px;color:#b6c2d7;margin-bottom:0}.explorer-buddy #audioStatus:empty{display:none}.academy-return{min-height:44px;display:flex;align-items:center}.view-tools button{width:44px;height:44px}.explorer-buddy button:disabled{cursor:default;opacity:.65}@media(max-width:640px){header{height:100px;flex-wrap:wrap;padding-block:8px;gap:5px}.brand small{display:none}.mark{width:32px;height:36px}header .academy-return{margin-left:0;margin-right:0;padding:8px;font-size:12px}header #home{min-height:44px;padding:8px;font-size:12px}#cosmicNav{top:110px}nav{top:164px}#viewport{top:225px}.explorer-buddy{margin-bottom:15px}.explorer-buddy-heading img{width:40px;height:46px}#status{top:226px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}