:root{color-scheme:dark;--bg:#0b1518;--panel:#101e21;--line:#28383a;--muted:#8d9b9a;--text:#e6e8dd;--gold:#c4a878;--green:#a5bcb0;font-family:Arial,Helvetica,sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);background-image:radial-gradient(ellipse at 38% 45%,#17292c65,transparent 60%)}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold)}button{border:0;background:none}a{color:inherit;text-decoration:none}button:hover{color:var(--gold)}.masthead{height:98px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;letter-spacing:4px;font-family:Georgia,serif;font-size:21px}.brand-mark{font-size:43px;color:var(--gold);font-weight:normal}.brand small{display:block;font:8px Arial;letter-spacing:2.5px;color:var(--muted);margin-top:8px}.edition{font:10px Georgia;letter-spacing:2.8px;color:var(--muted)}i{font-style:normal;color:var(--gold);padding:0 13px}.text-button{font-size:12px}.text-button span{margin-left:19px;color:var(--gold)}main{max-width:1600px;margin:auto;padding:0 5%}.intro{padding:40px 0 0;position:relative}.eyebrow{font-size:9px;font-weight:normal;letter-spacing:2px;color:var(--muted)}.intro .eyebrow{color:var(--gold);display:flex;align-items:center;gap:9px}.live-dot,.footer-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold)}h1{font:normal clamp(38px,4.4vw,66px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-2px;margin:19px 0 13px}h1 em{font-style:italic;color:#d6bd91}h1>span{color:var(--gold)}.subtitle{font-size:12px;line-height:1.8;color:var(--muted);position:absolute;right:0;bottom:0;width:276px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:38px;margin-top:30px}.map-area{position:relative;min-width:0;height:700px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.map-meta{position:absolute;top:18px;left:0;right:0;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.3px;color:var(--muted);pointer-events:none}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.map-caption{position:absolute;bottom:48px;left:0;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.2px;color:var(--muted);pointer-events:none}.gold-dash,.blue-dash{width:17px;border-top:1px solid var(--gold)}.blue-dash{border-color:#70989b;margin-left:12px}.map-tools{position:absolute;right:0;bottom:44px;display:flex;border:1px solid var(--line);background:var(--bg)}.map-tools button{width:35px;height:33px;font-size:20px}.map-tools button+button{border-left:1px solid var(--line)}.map-hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:10px;color:#6f8384;pointer-events:none}.map-hint span{margin:0 8px}.sidebar{padding-top:16px;border-top:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.small-star{color:var(--gold);font-size:20px}.search-label{font-size:11px;display:block;margin-bottom:11px}.search-box{display:flex;gap:10px;align-items:center;border:1px solid #344345;padding:10px 12px}.search-box span{font-size:21px;color:var(--gold);line-height:1}.search-box input{width:100%;border:0;background:transparent;color:var(--text);font-size:11px;min-width:0}.search-box input::placeholder{color:#738789}.search-results{position:absolute;z-index:3;max-height:250px;overflow:auto;width:276px;background:#152529;border:1px solid var(--line);padding:5px}.search-results button{display:block;width:100%;padding:10px;text-align:left;font-size:12px}.section-label{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin:23px 0 13px}.presets{display:flex;border:1px solid var(--line);padding:3px;gap:3px}.presets button{flex:1;font-size:11px;padding:8px 0}.presets .active{background:#2b3935;color:#e1d1b1}.divider{height:1px;background:var(--line);margin:23px 0}.switch-row{display:flex;align-items:center;justify-content:space-between;position:relative;font-size:12px;margin:17px 0;cursor:pointer}.switch-row input{position:absolute;right:0;opacity:0;width:30px;height:19px}.switch{width:29px;height:16px;border-radius:20px;background:#344044;pointer-events:none;position:relative}.switch:after{content:'';width:10px;height:10px;border-radius:50%;background:#86918d;position:absolute;left:3px;top:3px;transition:transform .2s}.switch-row input:checked+.switch{background:#718276}.switch-row input:checked+.switch:after{background:#e6e6d3;transform:translateX(13px)}.switch-row input:focus-visible+.switch{outline:2px solid var(--gold);outline-offset:4px}.magnitude-title{display:flex;justify-content:space-between;font-size:11px}.magnitude-title output{font-family:monospace;color:var(--gold)}input[type=range]{width:100%;accent-color:var(--gold);height:3px;margin:21px 0 10px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.star-card{background:linear-gradient(130deg,#21312e66,#142325);border:1px solid #35423d;padding:17px;margin-top:24px}.star-card .eyebrow{font-size:8px;letter-spacing:1.4px}.star-card .eyebrow span{float:right;color:var(--gold)}h2{font:normal 25px Georgia;margin:13px 0 5px}.star-card>p{font:9px monospace;color:var(--muted);margin:0}dl{margin:17px 0 0}dl div{display:flex;justify-content:space-between;font-size:10px;margin-top:10px}dt{color:var(--muted)}dd{margin:0;color:#cccfbd;font-family:monospace}.timeline{margin-top:30px;padding:23px 28px;border:1px solid var(--line);display:flex;align-items:center;gap:42px;background:#0e1c1e}.epoch{min-width:125px}.epoch .eyebrow{font-size:8px;letter-spacing:1.4px}.epoch>div{font:34px Georgia;margin-top:7px}.epoch>div span{font-size:20px;color:var(--muted)}.year-track{flex:1}.year-track input{margin:12px 0 20px}.year-ticks{display:flex;justify-content:space-between;font:9px monospace;color:var(--muted);position:relative;height:12px}.year-ticks span{position:absolute;transform:translateX(-50%)}.year-ticks span:nth-child(1){left:0;transform:none}.year-ticks span:nth-child(2){left:22.727%}.year-ticks span:nth-child(3){left:45.454%}.year-ticks span:nth-child(4){left:68.182%}.year-ticks span:nth-child(5){left:90.909%}.year-ticks span:nth-child(6){right:0;transform:none}.highlight{color:var(--gold)}.playback{min-width:150px;display:flex;flex-direction:column;align-items:center;border-left:1px solid var(--line);padding-left:26px}.playback button{border:1px solid #546051;padding:10px 20px;width:125px;font-size:11px;display:flex;align-items:center;gap:13px;color:var(--gold)}#play-icon{font-size:14px}.playback>span{font-size:9px;color:var(--muted);margin-top:9px}footer{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:25px 5% 30px;font-size:9px;color:var(--muted);gap:12px}footer .footer-dot{margin-right:8px;background:var(--green)}footer button{font-size:10px;color:var(--gold)}.tooltip{pointer-events:none;position:absolute;padding:8px 11px;background:#172a2eee;border:1px solid #506160;font-size:11px;color:var(--text);z-index:2}dialog{width:min(620px,90vw);max-height:85dvh;overflow:auto;background:#142225;border:1px solid #526059;color:var(--text);padding:32px}dialog::backdrop{background:#030b10b8;backdrop-filter:blur(6px)}dialog h2{font-size:30px}dialog p{font-size:13px;line-height:1.8;color:#aebbb5}.dialog-close{float:right;font-size:25px}.sources{display:grid;gap:10px}.sources a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
@media(min-width:1500px){.map-area{height:680px}.sidebar{padding-top:25px}.workspace{gap:50px;grid-template-columns:minmax(0,1fr) 300px}.subtitle{width:300px}}
@media(max-width:1000px){.edition{display:none}.workspace{gap:23px;grid-template-columns:minmax(0,1fr) 240px}.subtitle{width:240px}.map-area{height:610px}.timeline{gap:20px;padding:20px}.playback{min-width:130px;padding-left:20px}footer>span:nth-child(2){display:none}.search-results{width:240px}}
@media(max-width:700px){.masthead{height:79px}.brand{font-size:17px;letter-spacing:3px}.brand-mark{font-size:34px}.brand small{font-size:7px;letter-spacing:1.8px}.intro{padding-top:30px}.intro .eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:43px;margin-top:17px}.subtitle{position:static;width:auto;font-size:11px}.subtitle br{display:none}.workspace{display:flex;flex-direction:column;gap:25px;margin-top:24px}.map-area{height: min(115vw,560px)}.map-meta{font-size:8px;letter-spacing:.5px}.map-caption{bottom:48px;font-size:7px;gap:5px}.map-tools{bottom:39px}.map-tools button{width:30px;height:30px}.map-hint{font-size:8px;bottom:14px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding-top:20px}.panel-heading{grid-column:1/-1;margin:0 0 2px}.search-label,.search-box,.search-results,.presets,.section-label,.divider,.magnitude-title,.range-labels,.sidebar>input,.star-card{grid-column:1/-1}.search-label{margin:0}.section-label{margin:10px 0 0}.divider{margin:4px 0}.switch-row{margin:6px 0;font-size:11px}.star-card{margin:8px 0 0}.search-results{position:static;width:100%}.sidebar>input{margin:5px 0}.star-card dl{display:flex;gap:20px;flex-wrap:wrap}.star-card dl div{display:block;line-height:1.8;margin:0}.timeline{flex-wrap:wrap;gap:18px;margin-top:25px;padding:18px}.epoch{min-width:90px}.epoch>div{font-size:30px}.year-track{order:3;flex-basis:100%;margin-top:3px}.playback{margin-left:auto;padding:0;border:0;min-width:125px}.year-ticks span:nth-child(5){display:none}footer{font-size:8px;flex-wrap:wrap;padding-top:20px}footer i{padding:0 5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Compact controls keep the sky as the main workspace. */
.masthead{height:44px;margin:0 20px}
.brand{font:13px Arial,sans-serif;letter-spacing:1.5px}
main{max-width:none;padding:0 20px}
.intro{padding:10px 0 0}
h1{font:normal 24px/1.2 Georgia,serif;letter-spacing:0;margin:0}
h1 em{font-style:normal}
.workspace{grid-template-columns:minmax(0,1fr) 210px;gap:18px;margin-top:10px}
.map-area{height:max(610px,calc(100dvh - 190px))}
.map-meta{top:9px;letter-spacing:.5px}
.map-caption{bottom:12px}
.map-tools{bottom:7px}
.map-tools button{width:28px;height:26px;font-size:17px}
.map-tools #reset{width:auto;padding:0 9px;font-size:11px}
.map-hint{bottom:12px;font-size:9px}
.sidebar{padding-top:10px}
.search-label{margin-bottom:6px}
.search-box{padding:7px 9px}
.search-results{width:210px}
.section-label{font-size:9px;letter-spacing:.7px;margin:15px 0 7px}
.presets{padding:2px;gap:2px}
.presets button{padding:6px 0}
.divider{margin:14px 0}
.switch-row{font-size:11px;margin:10px 0;min-height:22px}
input[type=range]{margin:13px 0 8px}
.range-labels{font-size:8px}
.star-card{padding:11px;margin-top:16px;background:transparent}
.star-card h2{font-size:20px;margin:9px 0 5px}
.star-card .eyebrow{letter-spacing:.8px}
dl{margin-top:11px}dl div{font-size:9px;margin-top:8px}
.timeline{margin-top:10px;padding:9px 14px;gap:22px}
.epoch{min-width:105px}.epoch>div{font-size:23px;margin-top:3px}.epoch>div span{font-size:15px}
.year-track input{margin:7px 0 12px}
.playback{min-width:112px;padding-left:16px}
.playback button{width:94px;justify-content:center;padding:6px 12px}
.playback>span{font-size:8px;margin-top:5px}
footer{max-width:none;padding:11px 20px;font-size:9px}
@media(max-width:1000px){.map-hint{display:none}}
@media(max-width:700px){
 .masthead{margin:0 10px;height:40px}main{padding:0 10px}
 .intro{padding-top:9px}h1{font-size:22px}
 .workspace{gap:14px;margin-top:9px}
 .map-area{height:calc(100vw + 58px)}
 .map-meta{font-size:8px}.map-caption{font-size:7px;bottom:13px}
 .map-tools button{width:32px;height:30px}
 .sidebar{gap:7px 16px;padding-top:12px}
 .search-label{margin:0}.search-results{width:100%}
 .section-label{margin:6px 0 1px}.divider{margin:4px 0}
 .switch-row{margin:0;min-height:30px}.presets button{padding:7px 0}
 .star-card{margin-top:4px;padding:10px}.star-card dl{gap:15px}
 .timeline{gap:10px;margin-top:12px;padding:10px 12px}
 .epoch{min-width:90px}.playback{padding:0;min-width:94px}
 .year-track{margin-top:0}footer{padding:12px 10px;font-size:8px}
}