/* Quiet cues live at the edge of the garden; the view stays clear. */
#scope-planet{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#scope-stage.camera-frame,#scope-stage.rectangular{border-radius:8px;border-width:7px;cursor:default}
#scope-station{border-color:#d5b57470;background:#1c2b34;font-size:13px}
#scope-slew{font-size:11px;color:#b7cdb9;line-height:1.5;min-height:32px;margin:0 0 8px}
.scope-watch{width:100%;min-height:44px;font-size:12px;margin-bottom:16px;background:#1b2a35;border:1px solid #61777d55;border-radius:7px}
.telescope-panel [hidden]{display:none!important}
#interact{left:auto;right:28px;top:auto;bottom:34px;transform:none;display:flex;align-items:center;gap:16px;max-width:280px;min-height:44px;padding:9px 15px;border:1px solid #dfb77a45;border-radius:24px;background:#0b1526ba;text-align:left;box-shadow:0 5px 25px #0002}
#interact-title{font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.interact-arrow{font-size:17px;color:var(--gold)}
@media(max-width:1250px){#interact{bottom:104px;right:24px;max-width:245px}}
@media(max-width:700px){#interact{bottom:100px;right:14px;max-width:calc(100vw - 173px);padding:9px 12px;gap:7px}#interact-title{font-size:11px}}
@media(max-height:550px){#interact{bottom:84px;right:15px}}
.telescope-panel{width:min(1080px,calc(100vw - 28px));max-width:1080px;padding:36px 38px 30px;text-align:left;background:#0b1521}
.scope-heading{padding-right:42px}.scope-heading .panel-kicker{margin-bottom:10px;color:#c5b486}.scope-heading h2{font-size:38px;margin:0 0 8px}.scope-heading p{font-size:12px;margin:0;color:#a5b3c0;line-height:1.6}
.scope-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:38px;margin-top:26px;align-items:start}
.scope-view{text-align:center;min-width:0}#scope-mode-label{display:block;font-size:11px;color:#c8b180;letter-spacing:.03em;margin-bottom:14px}
.scope-stage{position:relative;isolation:isolate;width:min(100%,460px);aspect-ratio:1;margin:auto;border:12px solid #03080d;border-radius:50%;outline:1px solid #b0bec329;overflow:hidden;background:#000;box-shadow:0 0 0 5px #ffffff03,0 15px 50px #0006;touch-action:none;cursor:grab}
#scope-video{position:absolute;left:50%;top:50%;max-width:none;object-fit:fill;transform:translate(-50%,-50%);transition:filter .3s;pointer-events:none}
#scope-skyglow{position:absolute;inset:0;background:radial-gradient(circle at 50% 88%,#ffb0608c,#96826440 55%,#50525f1f 82%);mix-blend-mode:screen;pointer-events:none}
.scope-stage.finished{border-radius:6px;border-width:1px;background:#020508;cursor:default;box-shadow:none;outline:none}
#scope-photo{display:block;width:100%;height:100%;object-fit:contain;animation:scope-reveal 1s ease both}
#scope-optics{font-size:11px;line-height:1.6;margin:20px 0 8px;color:#d0bc94;font-variant-numeric:tabular-nums}.scope-view #scope-model-note{font-size:10px;line-height:1.7;display:block;max-width:460px;margin:auto;color:#8fa2b5}
.scope-console{padding-top:1px}.scope-console label{font-size:11px;color:#bac6d1;display:block;line-height:1.5}.scope-console select{width:100%;min-height:44px;border:1px solid #ffffff25;border-radius:7px;color:#edf0ed;background:#101f2d;padding:10px 11px;font:12px var(--font);margin:7px 0 15px;max-width:100%}.scope-console select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.scope-console select:disabled{opacity:.5}
.scope-modes{display:flex;gap:3px;background:#030a1280;padding:4px;border:1px solid #ffffff13;border-radius:8px;margin:0 0 20px}.scope-modes button{flex:1;min-height:40px;border-radius:5px;color:#9eafbe;font-size:12px}.scope-modes button[aria-pressed=true]{background:#243745;color:#f0e8d7}.scope-setting-row{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.scope-capture-block{border-top:1px solid #ffffff18;margin-top:6px;padding-top:19px}.scope-capture-block .primary{width:100%;justify-content:center;gap:12px;background:#ddbd88;color:#101b24;min-height:48px;padding:10px 15px}.scope-capture-block .primary:hover{background:#eed3a5}.scope-capture-block .primary:disabled{opacity:.55}.scope-capture-block .primary span{font-size:24px}
#scope-status{font-size:11px;line-height:1.6;min-height:35px;color:#c5d0d9;margin:13px 0 6px}.scope-reveal-note{display:block;font-size:10px!important;color:#899daa!important;line-height:1.7!important}#scope-progress{height:3px;background:#ffffff12;margin:18px 0 4px;overflow:hidden;border-radius:3px}#scope-progress-fill{display:block;width:0;height:100%;background:#ddbd88;transition:width .1s linear}#scope-cancel{font-size:11px;margin-bottom:12px}.scope-source{border-top:1px solid #ffffff13;margin-top:22px;padding-top:14px}.scope-source small{font-size:10px;line-height:1.8;color:#8398a9}#scope-final-actions{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}#scope-final-actions button{font-size:12px;padding:12px}#scope-final-actions a{font-size:11px;color:#dfc597;text-underline-offset:4px}
#scope-replay{position:absolute;bottom:19%;left:50%;transform:translateX(-50%);z-index:4;font-size:11px;min-height:44px;background:#172637ed;white-space:nowrap;padding:8px 15px}.scope-shutter{position:absolute;z-index:5;inset:0;pointer-events:none;background:#000;opacity:0}.scope-stage.shutter .scope-shutter{animation:scope-snap .45s ease-out}.scope-stage.exposing{outline-color:#d4b68280}
@keyframes scope-snap{0%{opacity:0}25%{opacity:1}100%{opacity:0}}@keyframes scope-reveal{from{opacity:0}to{opacity:1}}
#scope-timer{position:absolute;z-index:4;bottom:17%;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;padding:9px 14px;border-radius:20px;font-size:11px;background:#0b1827d9;color:#e4c891;font-variant-numeric:tabular-nums}
.art-detail-link{display:inline-block;margin-top:12px;font-size:11px;color:#dfc597;text-underline-offset:4px}.quality-note{font-size:11px!important;line-height:1.6!important;color:#97aaba!important}
@media(max-width:760px){.telescope-panel{padding:30px 20px 24px}.scope-heading h2{font-size:30px}.scope-heading .panel-kicker{font-size:10px}.scope-heading p{font-size:11px}.scope-layout{grid-template-columns:1fr;gap:24px;margin-top:20px}.scope-stage{width:min(100%,340px);border-width:9px}.scope-stage.finished{border-width:1px}.scope-console{border-top:1px solid #ffffff18;padding-top:20px}.scope-view #scope-model-note{font-size:10px}.scope-source{margin-top:18px}#scope-optics{margin-top:15px}#scope-mode-label{margin-bottom:11px}.scope-heading{padding-right:25px}}
@media(prefers-reduced-motion:reduce){#scope-photo,.scope-shutter{animation:none!important}#scope-progress-fill,#scope-video{transition:none!important}}

/* Choose a purpose first; equipment details stay available without hiding navigation. */
.scope-browser{margin-top:18px}.scope-station-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.scope-station-cards button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-height:78px;text-align:left;border:1px solid #58727b70;border-radius:9px;padding:12px 14px;background:#10252e;color:#b9cbcd;transition:border-color .15s,background .15s}.scope-station-cards button strong{font:17px var(--display,Georgia);color:#eee3c9;font-weight:400}.scope-station-cards button span{font-size:11px}.scope-station-cards button small{font-size:10px;line-height:1.4;color:#98b2b7}.scope-station-cards button:hover{background:#19363e;border-color:#9bbdbd}.scope-station-cards button[aria-pressed=true]{background:#1c393b;border-color:#d8bc82;box-shadow:inset 0 2px #d8bc82}.scope-station-cards button[aria-pressed=true] strong{color:#f4d99d}.scope-browser button:focus-visible,.scope-browser select:focus-visible,.scope-freeze:focus-visible{outline:2px solid #efce8b;outline-offset:3px}.scope-browser button:disabled{opacity:.5;cursor:wait}.scope-target-picker{display:flex;align-items:end;gap:12px;margin-top:12px}.scope-target-choice{flex:1;min-width:0}.scope-target-choice label{font-size:10px;color:#abc0c5;display:block;margin-bottom:5px}.scope-target-choice select{width:100%;max-width:100%;min-height:44px;font:12px var(--font);padding:9px 11px;border:1px solid #68858a88;border-radius:7px;color:#e8e7db;background:#132c36}.scope-target-picker>button{min-height:44px;border:1px solid #809a9945;border-radius:7px;font-size:12px;padding:10px 15px;color:#d6c391;background:#0e222b;white-space:nowrap}.scope-target-picker>button:disabled{cursor:default;opacity:.35}.scope-view-tools .scope-freeze{min-height:44px;color:#c9e5de;border-color:#99c6b770}.scope-view-tools .scope-freeze[aria-pressed=true]{background:#244039;border-color:#badaba}.scope-stage.frame-frozen:not(.comparing):after{content:"FRAME FROZEN";position:absolute;left:12px;top:12px;z-index:3;border:1px solid #bdd5c655;border-radius:5px;color:#e0ecdf;background:#0a211fdf;padding:6px 8px;font:9px var(--font);letter-spacing:.08em;pointer-events:none}
@media(max-width:760px){.scope-browser{margin-top:14px}.scope-station-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.scope-station-cards button{min-height:69px;padding:9px 11px;gap:3px}.scope-station-cards button strong{font-size:16px}.scope-station-cards button small{font-size:9px}.scope-target-picker{flex-wrap:wrap;gap:7px;margin-top:11px}.scope-target-choice{flex-basis:100%;order:-1}.scope-target-picker>button{flex:1}.scope-view-tools{justify-content:center}}
@media(prefers-reduced-motion:reduce){.scope-station-cards button{transition:none}}
.art-load-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100% - 96px));text-align:center;color:#c5d0d9;font-size:13px;line-height:1.6}.art-load-status button{font-size:12px}.scope-load-retry{min-height:44px;padding:8px 15px;font-size:12px;margin:2px 0 10px}