.observatory-shell{isolation:isolate;color:#e0ecea;background:#030c13a6;min-height:100vh;position:relative}.observatory-header{color:#acc1c7;border-bottom:1px solid #27404a;justify-content:space-between;align-items:center;width:calc(100% - 112px);max-width:1560px;height:88px;margin:auto;font-size:13px;display:flex}.observatory-back,.observatory-footer a{color:#dbe9e5;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.observatory-fiction{font-size:11px}.observatory-main{max-width:1560px;margin:auto;padding:0 56px}.observation-intro{justify-content:space-between;align-items:flex-end;padding-top:44px;display:flex}.observation-intro h1{font:48px/1.2 var(--serif);letter-spacing:.02em}.observation-intro h1 span{font:16px/1.5 var(--serif);color:#b4d2d3;margin-top:14px;display:block}.observation-intro p{color:#a0bac5;margin-top:16px;font-size:13px;line-height:1.9}.observation-spec{color:#a6c3cb;gap:26px;padding-bottom:5px;font-size:11px;display:flex}.observation-workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:42px;margin-top:0;display:grid}.observation-viewport{min-width:0;position:relative;overflow:hidden}.observation-viewport .planet-frame{aspect-ratio:1.18;min-height:480px}.observation-viewport .planet-canvas{position:absolute;inset:0}.observation-viewport .planet-canvas canvas{width:100%!important;height:100%!important}.observatory-loading{color:#b2cacf;place-items:center;min-height:560px;display:grid}.observation-scale{color:#9eb4bf;pointer-events:none;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:28px;left:0}.observation-scale span{border:1px solid #718e9c;border-top:0;width:54px;height:6px}.observation-tools{gap:4px;display:flex;position:absolute;bottom:14px;right:12px}.observation-tools button{color:#c0d8dc;background:#071720;border:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .2s;display:grid}.observation-tools button:hover{background:#17303b}.observation-panel{padding-top:50px;position:relative}.observation-modes{border-bottom:1px solid #27404a;gap:6px;padding-bottom:24px;display:flex}.observation-modes button{color:#aac4cc;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 6px;font-size:12px;display:flex}.observation-modes button[aria-pressed=true]{color:#caeee5;background:#102932;border-color:#31585d}.observation-reading{min-height:196px;margin-top:27px}.observation-reading h2{font:29px/1.4 var(--serif)}.observation-reading .observation-subtitle{color:#8fd1cb;margin:8px 0 14px;font-size:12px}.observation-reading p{color:#abc0c9;font-size:12px;line-height:1.95}.observation-locations{flex-direction:column;display:flex}.observation-locations button{text-align:left;color:#c7dbde;background:0 0;border:0;border-top:1px solid #213b46;align-items:center;gap:17px;padding:16px 0;display:flex}.observation-locations small{color:#9db6c2;margin-top:5px;font-size:11px;display:block}.observation-locations button[aria-pressed=true]{color:#91e5d6}.observation-actions{gap:16px;margin-top:25px;display:flex}.observation-actions button{color:#b6cdd3;background:0 0;border:0;align-items:center;gap:7px;padding:10px 0;font-size:11px;display:inline-flex}.observation-hint,.observation-notice{color:#9ab4c0;margin-top:12px;font-size:10px;line-height:1.9}.observation-notice{color:#b2dfd5;min-height:19px}.observatory-shell button:disabled{cursor:not-allowed;opacity:.45}.observatory-shell button:focus-visible,.observatory-shell a:focus-visible{outline-offset:5px;outline:2px solid #9ae0d2}.observation-notes{border-top:1px solid #27404a;margin-top:65px;padding:45px 0 60px}.observation-notes h2{font:28px/1.4 var(--serif)}.observation-notes>div{grid-template-columns:repeat(3,1fr);gap:60px;margin-top:30px;display:grid}.observation-notes h3{font-size:13px;font-weight:500}.observation-notes p{color:#a6bdc8;margin-top:12px;font-size:12px;line-height:1.95}.observatory-footer{color:#98b5c0;letter-spacing:.08em;border-top:1px solid #27404a;justify-content:space-between;align-items:center;margin:0 56px;padding:25px 0 40px;font-size:10px;display:flex}@media (min-width:1600px){.observation-viewport .planet-frame{aspect-ratio:1.35}}@media (max-width:1000px){.observatory-main{padding:0 28px}.observatory-header{width:calc(100% - 56px)}.observation-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.observation-scale{display:none}.observation-spec{gap:12px}.observation-intro h1{font-size:40px}.observation-tools{right:0}.observation-notes>div{gap:26px}}@media (max-width:700px){.observatory-header{width:calc(100% - 40px);height:72px}.observatory-header>span:nth-child(2){display:none}.observatory-fiction{font-size:10px}.observatory-main{padding:0 20px}.observation-intro{padding-top:30px;display:block}.observation-intro h1{font-size:36px}.observation-intro h1 span{margin-top:9px;font-size:15px}.observation-intro p{margin-top:12px;font-size:12px}.observation-spec{gap:20px;margin-top:20px;font-size:10px}.observation-workspace{margin-top:0;display:block}.observation-viewport{margin:0 -12px}.observation-viewport .planet-frame{aspect-ratio:1;min-height:360px}.observation-tools{gap:12px;bottom:0;right:50%;transform:translate(50%)}.observation-panel{padding-top:32px}.observation-modes{padding-bottom:18px}.observation-reading{min-height:0;margin:24px 0}.observation-reading h2{font-size:26px}.observation-reading p{font-size:13px}.observation-locations button{padding:17px 0}.observation-notes{margin-top:35px;padding-top:32px}.observation-notes h2{font-size:25px}.observation-notes>div{grid-template-columns:1fr;gap:28px}.observation-notes p{max-width:50ch}.observatory-footer{flex-wrap:wrap;gap:25px;margin:0 20px}.observatory-loading{min-height:360px}}@media (prefers-reduced-motion:reduce){.observatory-shell *{scroll-behavior:auto!important;transition:none!important}}.observatory-worlds{border-bottom:1px solid #27404a;flex-wrap:wrap;gap:8px 20px;margin:28px 0 8px;display:flex}.observatory-worlds a{color:#acc1c7;border-bottom:2px solid #0000;align-items:center;gap:9px;min-height:44px;padding:0 8px 10px;font-size:12px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.observatory-worlds i{border-radius:50%;width:5px;height:5px}.observatory-worlds a[aria-current=page]{color:var(--station-accent);border-color:var(--station-accent)}.observatory-worlds a:hover{color:#f0f5f4}.observation-locations button>span:first-child{flex:1;font-size:14px}.observation-reading .observation-subtitle,.observation-locations button[aria-pressed=true],.observation-modes button[aria-pressed=true]{color:var(--station-accent)}.observatory-shell button:focus-visible,.observatory-shell a:focus-visible{outline-color:var(--station-accent)}.observation-intro p{max-width:54ch}@media (max-width:700px){.observatory-worlds{column-gap:10px;margin-top:24px}.observatory-worlds a{flex:1 0 28%;justify-content:center;padding:0 4px 7px}.observation-spec{flex-wrap:wrap;gap:8px 20px}}.observation-reveal{border-bottom:1px solid #29414c;margin-bottom:26px;padding-bottom:22px}.reveal-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.reveal-heading h2{color:#e3eef0;margin:0;font-size:20px;font-weight:500}.reveal-heading>span{color:var(--station-accent);font-size:11px}.observation-reveal>p{color:#a9c0ca;margin:12px 0 16px;font-size:12px;line-height:1.8}.reveal-tabs{gap:8px;display:flex}.reveal-tabs button{color:#b5cbd4;background:0 0;border:1px solid #38525e;border-radius:8px;flex:1;min-height:42px;font-size:12px;transition:background .25s,border-color .25s}.reveal-tabs button[aria-pressed=true]{color:var(--station-accent);border-color:var(--station-accent);background:color-mix(in srgb,var(--station-accent) 8%,transparent)}.reveal-tabs button:hover:not(:disabled){background:color-mix(in srgb,var(--station-accent) 14%,transparent)}.reveal-range{color:#b7cbd3;margin-top:17px;font-size:11px;display:block}.reveal-range>span{justify-content:space-between;display:flex}.reveal-range output{font-variant-numeric:tabular-nums;color:var(--station-accent)}.reveal-range input{width:100%;height:28px;accent-color:var(--station-accent);cursor:ew-resize;margin:8px 0 0}.reveal-tabs button:disabled,.reveal-range input:disabled{opacity:.4;cursor:wait}.reveal-tabs button:focus-visible,.reveal-range input:focus-visible{outline:2px solid var(--station-accent);outline-offset:4px}@media (min-width:701px){.observation-workspace{align-items:start}.observation-viewport{position:sticky;top:24px}.observation-panel{padding-top:24px}}@media (prefers-reduced-motion:reduce){.reveal-tabs button{transition:none}}@media (max-width:700px){.observation-viewport{z-index:2;background:#030c13;position:sticky;top:0}.observation-viewport .planet-frame{aspect-ratio:auto;height:min(80vw,330px);min-height:290px}.observation-tools{bottom:6px}.observation-panel{padding-top:24px}}.observation-location-group{margin-top:22px}.observation-location-group:first-child{margin-top:0}.observation-location-group h3{color:var(--station-accent);justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;font-size:12px;font-weight:500;display:flex}.observation-location-group h3 span{color:#9db6c2;font-variant-numeric:tabular-nums;font-size:11px}.observation-location-group button{width:100%}