:root{color-scheme:dark;--bg:#080b10;--ink:#eee8dd;--muted:#a5a6ab;--gold:#d9b47e;--line:#b9946638}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.65 Arial,Helvetica,sans-serif}button,select,input{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--gold);text-underline-offset:5px}button{color:var(--gold);background:#d9b47e0a;border:1px solid var(--line);border-radius:4px;padding:10px 15px;min-height:44px}button:hover{border-color:var(--gold)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #f4cc90;outline-offset:5px}[hidden]{display:none!important}.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 5vw;border-bottom:1px solid #ffffff0b}.brand{font-size:13px;letter-spacing:.2em;text-decoration:none;color:var(--ink);font-weight:bold;white-space:nowrap}.top-actions{display:flex;gap:25px;align-items:center}.top-actions>a{font-size:12px}select{background:#11151c;border:1px solid var(--line);border-radius:4px;color:var(--ink);min-height:44px;padding:8px 12px;font-size:12px;max-width:230px}.atlas{max-width:1260px;margin:auto;padding:55px 5vw 45px}.atlas-heading{text-align:center}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}h1{font:400 clamp(52px,7vw,96px)/1 Georgia,serif;letter-spacing:-.045em;margin:18px 0}.intro{font-size:16px;color:#bec1c7;margin:20px auto 35px}.map-top,.map-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.map-top{font-size:11px;letter-spacing:.04em;color:var(--muted)}.quiet{background:transparent;border-color:transparent;padding:8px 10px;font-size:12px}.star-map{height:425px;position:relative;isolation:isolate;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 55% 55%,#23304738,transparent 60%);margin-top:10px}.map-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 35% 30%,#b8863620,transparent 45%)}.star-dust{position:absolute;inset:0;pointer-events:none}.star-dust i{position:absolute;width:2px;height:2px;background:#c4d1e3;border-radius:50%;opacity:.35;animation:twinkle 5s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes twinkle{to{opacity:.75;transform:scale(1.6)}}.paused .star-dust i{animation-play-state:paused}#constellation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}#constellation line{stroke:#bb97662b;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:4 7}#constellation line.lit{stroke:#e2be8299;stroke-dasharray:none}.destination{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:transparent;border:0;width:178px;padding:4px;display:flex;flex-direction:column;align-items:center;gap:5px;line-height:1.3;color:#d6d2c9;min-height:80px}.destination .star{width:43px;height:43px;border:1px solid #d6b07c50;border-radius:50%;display:block;background:#111823;position:relative;box-shadow:0 0 18px #96b7df16;overflow:hidden;transition:box-shadow .4s,transform .4s}.destination img{width:100%;height:100%;object-fit:cover;opacity:.65}.destination .star:after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 12px #000}.destination strong{font-size:11px;font-weight:400;max-width:160px;text-shadow:0 2px 4px #000}.destination small{font-size:9px;letter-spacing:.14em;color:#747e8d}.destination:hover .star,.destination[aria-pressed=true] .star{box-shadow:0 0 27px #deb87866;transform:scale(1.13)}.destination.visited .star{border-color:#ebc287}.destination.visited small{color:var(--gold)}.destination[aria-pressed=true] strong{color:#f5d49c}.compass{position:absolute;bottom:15px;right:20px;font-size:9px;letter-spacing:.25em;color:#696f78}.map-bottom{padding-top:18px}#progress{color:var(--gold);font-size:13px;margin:0}.tiny{font-size:11px;color:#9398a1;line-height:1.65;margin:10px 0}.map-note{font-size:11px;color:#7d858f;text-align:center;margin:24px 0 0}#completion{color:var(--gold);text-align:center;font:italic 20px Georgia,serif;margin:25px 0 0}.explorer{max-width:1500px;margin:0 auto;padding:25px 5vw 70px;border-top:1px solid var(--line)}.explorer-nav{display:flex;justify-content:space-between;gap:12px;margin-bottom:28px}.object-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:25px}.object-heading h2{font:400 clamp(29px,3.5vw,48px)/1.1 Georgia,serif;letter-spacing:-.025em;margin:0}.object-heading>p{font-size:13px;color:#b0b4bc;max-width:490px}.toolbar{display:flex;flex-wrap:wrap;gap:15px 25px;align-items:center;margin:25px 0 15px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:#b7b9bf}.switch{display:flex;gap:8px;align-items:center;min-height:44px;cursor:pointer}.switch input{accent-color:var(--gold);width:17px;height:17px}.zoom-control{display:flex;align-items:center;gap:12px;margin-left:auto;min-height:44px}.zoom-control input{accent-color:var(--gold);width:140px}#zoom-value{min-width:32px;color:var(--gold)}.inspection-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(250px,1fr);gap:25px;align-items:start}.photo-stage{position:relative;width:100%;background:#000;overflow:hidden;line-height:0;border:1px solid #d9b47e35}.photo-stage.lens-active{touch-action:none;cursor:crosshair}.photo-stage>img{width:100%;height:auto;display:block;user-select:none;-webkit-user-drag:none}#markers{position:absolute;inset:0;pointer-events:none}.marker{position:absolute;left:var(--mx);top:var(--my);width:44px;height:44px;min-height:44px;padding:0;transform:translate(-50%,-50%);border:0;background:transparent;border-radius:50%;pointer-events:auto;display:grid;place-items:center}.marker:before{content:'';display:block;width:13px;height:13px;border:1px solid #f4d197;border-radius:50%;background:#0004;box-shadow:0 0 0 3px #0006}.marker[aria-pressed=true]:before{background:#e3b77b99}.marker:hover:before{width:19px;height:19px}.marker span{position:absolute;left:31px;top:7px;background:#080b10dd;color:#f4d197;font-size:10px;white-space:nowrap;line-height:1.4;padding:3px 5px;opacity:0;pointer-events:none}.marker:hover span,.marker:focus-visible span{opacity:1}#crosshair{position:absolute;width:24px;height:24px;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;pointer-events:none;box-shadow:0 0 0 1px #0005}#crosshair:before,#crosshair:after{content:'';position:absolute;background:#fff9}#crosshair:before{width:1px;height:34px;left:11px;top:-6px}#crosshair:after{height:1px;width:34px;top:11px;left:-6px}.image-footer{display:flex;justify-content:space-between;gap:15px;padding:12px 0;color:#808998;font-size:10px}.arrow{display:inline-block;width:9px;height:9px;border-top:1px solid currentColor;border-right:1px solid currentColor;position:relative;margin-left:8px}.arrow:after{content:'';position:absolute;width:12px;height:1px;background:currentColor;right:-2px;top:3px;transform:rotate(-45deg)}.details{background:#111620;border:1px solid #d9b47e28;padding:17px;border-radius:3px}.lens-heading{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--gold);margin-bottom:12px}#position{font:10px/1.5 monospace;color:#a1a7b3}#lens-canvas{width:100%;height:auto;display:block;aspect-ratio:3/2;background:#05070b}.field-notes{margin-top:25px}.field-notes .eyebrow{margin-bottom:12px}#marker-list{display:flex;gap:6px;flex-wrap:wrap}#marker-list button{font-size:10px;min-height:36px;padding:7px 9px}#marker-list button[aria-pressed=true]{border-color:var(--gold);background:#d9b47e22}#simbad{font-size:11px;display:inline-block;margin:12px 0}#image-status{font-size:13px;color:var(--gold);min-height:0}footer{border-top:1px solid var(--line);padding:25px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#868d98}footer p{margin:0}
@media(max-width:800px){.atlas{padding-top:35px}.inspection-layout{grid-template-columns:1fr}.details{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-notes{margin-top:0}.object-heading{gap:20px}.zoom-control{margin-left:0}.destination{width:145px}}
@media(max-width:550px){.topbar{padding:18px 5vw}.brand{font-size:11px;letter-spacing:.11em}.top-actions{gap:12px}.top-actions>a{display:none}select{max-width:160px;font-size:11px}.atlas{padding:30px 5vw}.intro{font-size:13px;max-width:270px;margin-bottom:25px}.star-map{height:450px}.destination{left:var(--mobile-x);top:var(--mobile-y);width:142px}.destination strong{max-width:140px;font-size:11px}.destination .star{width:45px;height:45px}.map-top{font-size:10px;gap:10px}.map-note{font-size:10px}.map-bottom .tiny{max-width:190px}.object-heading{grid-template-columns:1fr;gap:10px}.object-heading>p{margin:0}.explorer-nav{margin-bottom:20px}.explorer-nav .quiet{font-size:10px;padding:8px}.toolbar{gap:0 18px}.zoom-control{width:100%;justify-content:space-between}.zoom-control input{flex:1;max-width:180px}.details{grid-template-columns:1fr}.lens-heading{font-size:12px}#lens-canvas{max-height:240px}.explorer{padding-bottom:40px}.map-bottom .quiet{font-size:10px}footer{font-size:10px}}
#marker-list button{min-height:44px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}