#observer-dock{position:absolute;z-index:12;left:24px;bottom:24px;display:flex;gap:6px;align-items:stretch;max-width:calc(100% - 104px)}#observer-dock[hidden]{display:none}
#observer-dock button{color:#dfebf3;background:#101c2bd9;border:1px solid #b7d0e334;border-radius:12px;backdrop-filter:blur(14px);cursor:pointer;box-shadow:0 8px 32px #0004}
#observer-open{display:flex;align-items:center;gap:13px;padding:11px 16px;text-align:left;min-width:210px}#observer-open small{display:block;color:#9eb2c4;font-size:9px;letter-spacing:1px;margin-bottom:5px}#observer-open strong{font-size:13px;font-weight:500;display:block}.observer-symbol{font-size:28px;color:#bcd7e9}.observer-chevron{margin-left:auto;padding-left:16px;color:#d4bc98}#observer-dock #observer-frame{width:44px;font-size:22px}
#observer-dock button:hover{background:#1c3045;border-color:#d8c199}#observer-dock button:focus-visible,#observer-dialog button:focus-visible{outline:2px solid #dec397;outline-offset:3px}
#observer-dialog{width:min(920px,calc(100vw - 32px));max-width:none;max-height:88dvh;padding:27px;border:1px solid #8eb0ca3b;border-radius:18px;background:#0b1523f5;color:#e4edf5;box-shadow:0 30px 100px #0009;overflow-y:auto;overscroll-behavior:contain}#observer-dialog::backdrop{background:#02060cb8;backdrop-filter:blur(9px)}#observer-dialog .dialog-top{align-items:flex-start;margin-bottom:13px}#observer-dialog h2{font-size:28px;font-weight:500;letter-spacing:-.8px;margin:10px 0 0}.observer-kicker{font-size:8px;color:#c0ad89;letter-spacing:2.4px}.observer-intro{font-size:12px;line-height:1.8;color:#9fb4c5;margin:0 0 23px}.observer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.observer-choice{display:block;overflow:hidden;text-align:left;border:1px solid #adc7de24;border-radius:10px;padding:0;background:#111f30;color:#e6edf3;cursor:pointer;transition:border-color .18s,transform .18s}.observer-choice:hover{border-color:var(--observer-accent);transform:translateY(-2px)}.observer-choice[aria-pressed=true]{border-color:#e0c397;box-shadow:0 0 0 1px #e0c39755}.observer-choice svg{stroke:none;display:block;width:100%;height:122px;object-fit:cover}.observer-choice-copy{padding:14px;display:block}.observer-choice-copy>small{color:#9eafbe;font-size:9px;display:block;letter-spacing:.5px}.observer-choice-copy>strong{display:flex;justify-content:space-between;font-size:15px;font-weight:500;margin:6px 0 9px;color:#e9eff3}.observer-choice-copy>span{display:block;font-size:10px;line-height:1.7;color:#9fb1c2;min-height:34px}.observer-check{color:#e9c78c;visibility:hidden}.observer-choice[aria-pressed=true] .observer-check{visibility:visible}.observer-explanation{font-size:10px;line-height:1.8;color:#8199ae;margin:17px 0 12px}.observer-evidence{border-top:1px solid #90abc526;padding-top:13px;font-size:11px;color:#b5c8d8;line-height:1.8}.observer-evidence summary{cursor:pointer;color:#c9d9e5}.observer-evidence a{color:#d2bb93;margin-right:18px;display:inline-block;margin-top:5px}
@media(max-width:760px){#observer-dock{left:14px;bottom:18px;max-width:calc(100% - 90px)}#observer-open{min-width:0;gap:9px;padding:9px 12px}#observer-open small{font-size:8px;margin-bottom:4px}#observer-open strong{font-size:11px}.observer-symbol{font-size:24px}.observer-chevron{padding-left:8px}#observer-dock #observer-frame{width:38px}#observer-dialog{padding:19px;width:calc(100vw - 24px);max-height:90dvh}#observer-dialog h2{font-size:23px}.observer-intro{font-size:11px;margin-bottom:17px}.observer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.observer-choice svg{height:96px}.observer-choice-copy{padding:10px}.observer-choice-copy>strong{font-size:12px}.observer-choice-copy>small{font-size:8px}.observer-choice-copy>span{font-size:9px;min-height:31px}.observer-explanation{font-size:9px}#observer-dialog .dialog-top{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.observer-choice{transition:none}}

#observer-dock{flex-wrap:wrap}#observer-dock #observer-look{padding:0 15px;font-size:11px;border-color:#cbb78d55;color:#dec89e}#observer-dock #observer-look[hidden]{display:none}#observer-model-status,#observer-remote-note,#observer-travel-status{position:absolute;left:10px;bottom:calc(100% + 8px);font-size:8px;letter-spacing:.5px;color:#91a8bb;text-shadow:0 1px 4px #000;pointer-events:none}#observer-model-status[hidden],#observer-remote-note[hidden],#observer-travel-status[hidden]{display:none}
#observer-eyepiece{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,transparent 0,transparent 35vmin,#0006 42vmin,#020407f0 47vmin,#020407 49vmin);transition:none}#observer-eyepiece span{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);font-size:9px;color:#99a5ae;letter-spacing:1px;white-space:nowrap}.observer-lens-active #observer-eyepiece{opacity:1}.observer-lens-active .scene-heading{opacity:.6}.observer-lens-active #labels{z-index:4}
@media(max-width:760px){#observer-dock #observer-look{padding:0 11px;font-size:10px;min-height:42px}#observer-eyepiece{background:radial-gradient(circle at 50% 50%,transparent 0,transparent 37vmin,#0006 43vmin,#020407f0 48vmin,#020407 50vmin)}}
@media(prefers-reduced-motion:reduce){#observer-eyepiece{transition:none}}

#observer-transition-shade{position:absolute;inset:0;z-index:5;pointer-events:none;background:#020407;opacity:0}.observer-travelling #labels{opacity:0!important;pointer-events:none}.observer-travelling .scene-heading,.observer-travelling #observer-eyepiece span{opacity:0}.observer-travelling .map-tools{opacity:.3;pointer-events:none}.observer-travelling #universe{cursor:default}.observer-travelling #observer-frame{pointer-events:none;opacity:.4}