.observatory{--observatory-ivory: #f2e9d7;--observatory-muted: #b9c5c5;--observatory-gold: #d5b57e;--observatory-line: rgba(222, 219, 193, .2);--observatory-ink: rgba(5, 15, 24, .82);--observatory-inset: clamp(22px, 3.2vw, 58px);--observatory-mono: "Courier New", Courier, monospace;--observatory-serif: Georgia, "Times New Roman", serif;--observatory-duration: .24s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;color:var(--observatory-ivory);font-family:var(--observatory-mono);pointer-events:none;-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,rgba(3,10,19,.48),transparent 19%,transparent 73%,rgba(3,10,19,.54))}.observatory [hidden],.observatory[hidden]{display:none!important}.observatory button{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;color:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.observatory button:focus-visible{outline:2px solid var(--observatory-gold);outline-offset:5px}.observatory__header{position:absolute;top:max(var(--observatory-inset),env(safe-area-inset-top));right:var(--observatory-inset);left:var(--observatory-inset);display:flex;align-items:flex-start;justify-content:space-between;gap:24px;animation:observatory-arrive 1.2s ease backwards}.observatory__identity{display:flex;align-items:center;gap:14px;text-shadow:0 2px 16px rgba(0,0,0,.7)}.observatory__emblem{width:43px;height:43px;stroke:var(--observatory-gold);stroke-width:.9;flex:none}.observatory__emblem-center{fill:var(--observatory-gold)}.observatory__wordmark{font-family:var(--observatory-serif);font-size:28px;font-weight:400;letter-spacing:.065em;line-height:1.1}.observatory__wordmark span{color:var(--observatory-gold)}.observatory__byline{margin-top:9px;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--observatory-muted)}.observatory__navigation{display:flex;align-items:center;gap:24px;padding-top:4px}.observatory__status{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--observatory-muted);white-space:nowrap}.observatory__status-light{width:4px;height:4px;border-radius:50%;background:#8ce0cb;box-shadow:0 0 9px #8ce0cb73}.observatory__modes{display:flex;gap:3px;padding:4px;border:1px solid var(--observatory-line);border-radius:3px;background:#050f1873;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.observatory__mode{border:1px solid transparent;border-radius:2px;background:transparent;padding:11px 15px;font-size:10px!important;transition:background var(--observatory-duration),border-color var(--observatory-duration),color var(--observatory-duration);white-space:nowrap}.observatory__mode[aria-pressed=true]{background:#dfe0cc17;border-color:#dedbc11a}.observatory__mode:hover{color:#fff;background:#dfe0cc26}.observatory__mode span{margin-left:9px;color:var(--observatory-gold)}.observatory__footer{position:absolute;bottom:max(var(--observatory-inset),env(safe-area-inset-bottom));left:var(--observatory-inset);right:var(--observatory-inset);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.observatory__invitation{animation:observatory-arrive 1.6s .35s ease backwards;text-shadow:0 2px 24px rgba(0,0,0,.6);transition:opacity var(--observatory-duration)}.observatory__eyebrow{color:var(--observatory-gold);font-size:8px;letter-spacing:.24em;line-height:1.8;text-transform:uppercase}.observatory__title{margin:13px 0 7px;font-family:var(--observatory-serif);font-size:clamp(34px,3.6vw,58px);font-weight:400;font-style:italic;line-height:1.04;letter-spacing:-.035em}.observatory__subtitle{font-family:var(--observatory-serif);font-size:14px;line-height:1.5;color:var(--observatory-muted)}.observatory__guide{position:relative;display:flex;align-items:center;gap:20px;padding-bottom:3px;animation:observatory-arrive 1.6s .55s ease backwards}.observatory__quick-hint{display:flex;align-items:center;gap:10px;font-size:9px;color:var(--observatory-muted)}.observatory__quick-hint i{color:var(--observatory-gold);font-style:normal}.observatory__help-toggle{display:flex;gap:8px;align-items:center;min-height:40px;background:transparent;border:0;font-size:9px!important;white-space:nowrap}.observatory__help-icon{display:grid;place-items:center;width:19px;height:19px;border:1px solid var(--observatory-line);border-radius:50%;transition:border-color var(--observatory-duration),background var(--observatory-duration)}.observatory__help-toggle:hover .observatory__help-icon,.observatory__help-toggle[aria-expanded=true] .observatory__help-icon{border-color:var(--observatory-gold);background:#d5b57e1a}.observatory__help{position:absolute;bottom:calc(100% + 18px);right:0;width:min(350px,calc(100vw - 44px));padding:24px;border:1px solid var(--observatory-line);border-top-color:#d5b57e99;border-radius:3px;background:var(--observatory-ink);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 12px 48px #0003;pointer-events:auto}.observatory__help-heading{margin-bottom:20px;font-family:var(--observatory-serif);font-size:23px;font-style:italic}.observatory__help dl{display:grid;gap:15px}.observatory__help dl>div{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;align-items:center;font-size:10px;line-height:1.5}.observatory__help dd{color:var(--observatory-muted)}.observatory kbd{font:inherit;font-size:9px;padding:3px 4px;border:1px solid var(--observatory-line);border-radius:2px;white-space:nowrap}.observatory__help dt kbd+kbd{margin-left:2px}.observatory__edge{position:absolute;top:50%;width:13px;height:1px;background:var(--observatory-line)}.observatory__edge--left{left:var(--observatory-inset)}.observatory__edge--right{right:var(--observatory-inset)}.observatory--exploring .observatory__invitation{opacity:.45}.observatory--exploring .observatory__title{font-size:clamp(30px,2.6vw,40px)}@keyframes observatory-arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1000px){.observatory__status{display:none}.observatory__quick-hint{flex-direction:column;align-items:flex-end;gap:6px}.observatory__quick-hint i{display:none}}@media (max-width: 620px){.observatory__header{gap:20px;flex-wrap:wrap}.observatory__identity{gap:10px}.observatory__emblem{width:32px;height:32px}.observatory__wordmark{font-size:24px}.observatory__byline{font-size:7px}.observatory__navigation{margin-left:auto}.observatory__mode{padding:10px;font-size:9px!important}.observatory__mode span{margin-left:4px}.observatory__footer{align-items:flex-end;gap:12px}.observatory__eyebrow{max-width:180px;font-size:7px}.observatory__title{margin-top:8px;font-size:35px}.observatory__subtitle{max-width:190px;font-size:12px}.observatory__quick-hint,.observatory__edge{display:none}.observatory__help-toggle{font-size:8px!important}.observatory__help{padding:20px}}@media (max-height: 540px){.observatory__eyebrow,.observatory__subtitle{display:none}.observatory__title{font-size:30px}}@media (prefers-reduced-motion: reduce){.observatory *,.observatory *:before,.observatory *:after{animation:none!important;transition:none!important}}.touch-controls{position:fixed;z-index:10000;pointer-events:none;color:#c3d8ce;font:13px ui-monospace,SFMono-Regular,Menlo,monospace;--touch-safe-top: env(safe-area-inset-top, 0px);--touch-safe-bottom: env(safe-area-inset-bottom, 0px);--touch-safe-left: env(safe-area-inset-left, 0px);--touch-safe-right: env(safe-area-inset-right, 0px)}.touch-controls [hidden],.touch-controls[hidden]{display:none!important}.has-touch-controls .observatory{display:none}.touch-controls button,.touch-controls textarea,.touch-joystick{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-controls button{min-width:44px;min-height:44px;padding:6px 10px;color:inherit;font:inherit;border:1px solid #b9975766;border-radius:6px;background:#08191eed;-webkit-user-select:none;user-select:none}.touch-controls button:focus-visible,.touch-controls textarea:focus-visible{outline:2px solid #efc78c;outline-offset:2px}.touch-controls button[aria-pressed=true],.touch-controls .is-held{background:#b99757;color:#08191e;border-color:#efc78c}.touch-controls button:disabled{opacity:.4}.touch-header{position:absolute;top:calc(var(--touch-safe-top) + 8px);left:calc(var(--touch-safe-left) + 10px);right:calc(var(--touch-safe-right) + 10px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.touch-brand{color:#efc78c;font:italic 22px Georgia,serif}.touch-brand span{color:#8fd8d4}.touch-header nav{display:flex;gap:4px}.touch-header button{padding:6px 8px;font-size:12px}.touch-hint{position:absolute;left:calc(var(--touch-safe-left) + 14px);right:calc(var(--touch-safe-right) + 14px);top:calc(var(--touch-safe-top) + 66px);text-align:center;font-size:11px;color:#c3d8ce;text-shadow:0 1px 4px #000}.touch-terminal-footer{position:absolute;bottom:calc(var(--touch-safe-bottom) + 8px);left:calc(var(--touch-safe-left) + 8px);right:calc(var(--touch-safe-right) + 8px);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:4px;background:#08191eed;border:1px solid #b9975744;border-radius:8px}.touch-tools,.touch-directions{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.touch-terminal-footer button{padding:6px 8px;font-size:12px}.touch-editor{position:absolute;bottom:calc(var(--touch-safe-bottom) + var(--touch-footer-height, 56px) + 20px);left:calc(var(--touch-safe-left) + 12px);right:calc(var(--touch-safe-right) + 12px);padding:12px;background:#08191e;border:1px solid #b99757;border-radius:8px;pointer-events:auto}.touch-editor label{display:block;margin-bottom:6px;color:#efc78c}.touch-editor textarea{display:block;width:100%;max-height:28dvh;margin-bottom:8px;padding:8px;resize:none;font:16px ui-monospace,SFMono-Regular,Menlo,monospace;color:#c3d8ce;background:#102b35;border:1px solid #8fd8d477;touch-action:auto}.touch-editor>div{display:flex;gap:8px;justify-content:space-between}.touch-joystick{position:absolute;left:calc(var(--touch-safe-left) + 22px);bottom:calc(var(--touch-safe-bottom) + 30px);width:128px;height:128px;border:1px solid #8fd8d477;border-radius:50%;background:#08191e99}.touch-joystick-knob{position:absolute;left:40px;top:40px;width:48px;height:48px;border:1px solid #efc78c;border-radius:50%;background:#b99757bb}.touch-joystick-cross:before,.touch-joystick-cross:after{content:"";position:absolute;background:#8fd8d433}.touch-joystick-cross:before{top:63px;left:12px;width:102px;height:1px}.touch-joystick-cross:after{top:12px;left:63px;height:102px;width:1px}.touch-joystick-label{position:absolute;left:0;right:0;top:138px;text-align:center;font-size:10px;letter-spacing:.15em}.touch-actions{position:absolute;right:calc(var(--touch-safe-right) + 14px);bottom:calc(var(--touch-safe-bottom) + 22px);width:174px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.touch-actions button{min-height:48px;flex:1 1 72px;font-size:12px}@media (max-width: 360px){.touch-brand{display:none}.touch-header{justify-content:center}.touch-joystick{left:calc(var(--touch-safe-left) + 12px)}.touch-actions{right:calc(var(--touch-safe-right) + 10px);width:156px}}@media (max-height: 500px){.touch-header{top:calc(var(--touch-safe-top) + 4px)}.touch-hint{display:none}.touch-terminal-footer{bottom:calc(var(--touch-safe-bottom) + 4px)}.touch-joystick{bottom:calc(var(--touch-safe-bottom) + 16px)}.touch-joystick-label{display:none}.touch-actions{bottom:calc(var(--touch-safe-bottom) + 12px);width:230px}}