:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f2eddf;background:#111913}*{box-sizing:border-box}body{margin:0}header{padding:12px 24px;background:#5a1414}h1{font:2rem Georgia,serif;margin:3px 0}h2{font:1.2rem Georgia,serif}header p{font-size:.8rem;margin:5px 0}header p:first-child{letter-spacing:.15em;color:#ffb612}main{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;padding:16px}.map-panel{min-width:0;position:sticky;top:10px;align-self:start}#map{height:calc(100vh - 340px);min-height:380px;background:#18211b;border:1px solid #495344;overflow:hidden;touch-action:none;cursor:grab}#map svg{display:block;width:100%;height:100%}#map:active{cursor:grabbing}.toolbar,.transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar{margin-bottom:8px}.toolbar span{font-size:.75rem;color:#bdc6b8}button,select{font:inherit;background:#283229;border:1px solid #6e785f;color:#f2eddf;border-radius:5px;padding:7px 10px;cursor:pointer}button:hover,button:focus-visible{border-color:#ffb612}a{color:#ffcf68}.timeline{background:#242c22;padding:14px;border:1px solid #495344}.transport{margin-bottom:12px}#clock{font:600 1.4rem monospace;color:#ffcf68;margin-left:auto}.timeline>label{font-size:.75rem}#time{width:100%;accent-color:#ffb612;margin:12px 0 4px}#ticks{height:20px;position:relative;margin:0 8px}#ticks button{position:absolute;top:0;transform:translateX(-50%);width:8px;height:16px;padding:0;border:0;border-radius:2px;background:var(--tick)}.range-labels{display:flex;justify-content:space-between;font:.75rem monospace}.map-note,aside p{font-size:.8rem;line-height:1.5;color:#ced3c5}.controls{display:grid;gap:9px;font-size:.82rem}.controls select{width:100%;margin-top:5px}.controls input{accent-color:#ffb612}aside{min-width:0}#feature-detail,details{border-top:1px solid #495344;padding:12px 0}#feature-detail a{display:block;margin:8px 0;font-size:.8rem;overflow-wrap:anywhere}details img{max-width:100%;margin-top:12px}summary{cursor:pointer;font-weight:600}#events{display:grid;gap:5px;margin-top:12px}.event{text-align:left;font-size:.76rem;display:grid;grid-template-columns:70px 1fr;gap:8px}.event.reached{border-left:3px solid #ffb612}.event.current{background:#4a3c22}.event small{display:block;color:#bfc6b8;margin-top:4px}#status{margin:0 16px 16px;font-size:.8rem}.site-marker{cursor:pointer}.site-marker:focus{outline:2px solid white}@media(max-width:950px){main{grid-template-columns:1fr}.map-panel{position:static}#map{height:55vh;min-height:330px}#clock{font-size:1.2rem}main{padding:10px}.transport label{font-size:.8rem}}
.map-legend{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 0;font-size:.76rem}.overview-control{display:block;padding:8px 0;font-size:.8rem}.source-point{cursor:pointer}.source-point:focus{outline:2px solid white}code{overflow-wrap:anywhere}
.camera-now{color:#79c6ed;font-weight:bold}.ping-now{color:#e6b3f1;font-weight:bold}