#astronomical-sky {position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}
html[data-real-sky]:not([data-marcus-world]) #bg-poster {z-index:1;transform:translateY(var(--sky-ground-shift,0px));filter:brightness(var(--sky-ground-light,1)) saturate(var(--sky-ground-saturation,1));mask-image:linear-gradient(transparent calc(49% - var(--sky-night,0)*1%),#000 calc(53% + var(--sky-night,0)*9%));-webkit-mask-image:linear-gradient(transparent calc(49% - var(--sky-night,0)*1%),#000 calc(53% + var(--sky-night,0)*9%))}
/* A cool, light veil preserves the stone and dunes without lifting the star field. */
html[data-real-sky]:not([data-marcus-world]) body:not(.immersive) #bg-overlay {background:radial-gradient(130% 100% at 50% 40%,transparent 36%,rgba(7,8,10,calc(.6 - .32*var(--sky-night,0))) 100%),linear-gradient(180deg,rgba(7,8,10,calc(.42 - .14*var(--sky-night,0))) 0%,rgba(7,8,10,calc(.06 - .04*var(--sky-night,0))) 34%,rgba(7,8,10,calc(.14 - .10*var(--sky-night,0))) 62%,rgba(7,8,10,calc(.7 - .38*var(--sky-night,0))) 100%)}
html[data-real-sky]:not([data-marcus-world]) body:not(.immersive) #bg-overlay::after {content:'';position:absolute;inset:53% 0 0;background:rgba(12,22,42,.18);opacity:var(--sky-night,0);pointer-events:none}
html[data-real-sky]:not([data-marcus-world]) #bg-video,html[data-real-sky]:not([data-marcus-world]) #landing-world-fx-host,html[data-real-sky]:not([data-marcus-world]) #landing-return-veil {display:none!important}
html[data-real-sky]:not([data-marcus-world]) #bg-gallery {background:#02040a}
html[data-real-sky]:not([data-marcus-world]) body.immersive #astronomical-sky {visibility:hidden}
#sky-controls {--sky-surface:rgba(7,8,10,.38);--sky-field:rgba(7,8,10,.14);--sky-field-active:rgba(7,8,10,.22);--sky-ease:cubic-bezier(.22,1,.36,1);position:relative;z-index:20;font-family:'DM Mono',monospace;font-size:14px;color:var(--ink,#f3efe6)}
#sky-controls [hidden] {display:none!important}
#sky-toggle {position:fixed;left:1.15rem;bottom:4.4rem;border:1px solid var(--line,rgba(243,239,230,.12));border-radius:999px;background:rgba(7,8,10,.28);color:var(--ink-soft,rgba(243,239,230,.62));padding:.55rem .85rem;font:inherit;font-size:12px;cursor:pointer}
/* Use the landing medals and search surface as the panel's visual reference. */
#sky-panel {position:fixed;left:1.15rem;bottom:7.6rem;width:min(380px,calc(100vw - 2.3rem));max-height:calc(100dvh - 9.4rem);overflow:auto;overscroll-behavior:contain;padding:1.5rem;border:1px solid var(--line,rgba(243,239,230,.12));border-radius:24px;background:var(--sky-surface);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-sizing:border-box;line-height:1.55;color-scheme:dark;scrollbar-width:thin;scrollbar-color:rgba(243,239,230,.22) transparent;animation:sky-panel-arrive .55s var(--sky-ease) both}
#sky-panel::-webkit-scrollbar {width:6px}
#sky-panel::-webkit-scrollbar-track {background:transparent;margin:20px 0}
#sky-panel::-webkit-scrollbar-thumb {border-radius:999px;background:rgba(243,239,230,.22)}
#sky-panel::-webkit-scrollbar-button {display:none}
#sky-panel header {display:flex;justify-content:space-between;align-items:center;gap:1rem}
#sky-panel h2 {font:300 28px/1.2 'Newsreader',Georgia,serif;letter-spacing:-.02em;margin:0;color:var(--ink,#f3efe6)}
#sky-panel p {font:300 16px/1.5 'Newsreader',Georgia,serif;color:rgba(243,239,230,.78);margin:.85rem 0 1.4rem}
#sky-panel label {display:block;margin:1.1rem 0 .45rem;color:rgba(243,239,230,.78);font-size:11px;letter-spacing:.04em}
#sky-panel input,#sky-panel select {box-sizing:border-box;width:100%;min-height:44px;padding:.65rem .95rem;border:1px solid var(--line,rgba(243,239,230,.12));border-radius:999px;background:var(--sky-field);color:var(--ink,#f3efe6);font:inherit;font-size:13px;min-width:0;color-scheme:dark;transition:border-color .35s ease,background-color .35s ease}
#sky-panel select {padding-right:.7rem;cursor:pointer}
#sky-panel option {background:var(--bg,#07080a);color:var(--ink,#f3efe6)}
#sky-panel :is(input,select):is(:hover,:focus-visible) {border-color:var(--line-strong,rgba(243,239,230,.3));background:var(--sky-field-active)}
#sky-panel input[type=range] {appearance:none;-webkit-appearance:none;height:44px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;accent-color:var(--gold,#cbab63);cursor:pointer}
#sky-panel input[type=range]::-webkit-slider-runnable-track {height:2px;border-radius:999px;background:rgba(243,239,230,.22)}
#sky-panel input[type=range]::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;border:1px solid var(--gold,#cbab63);border-radius:50%;background:var(--gold,#cbab63)}
#sky-panel input[type=range]::-moz-range-track {height:2px;border-radius:999px;background:rgba(243,239,230,.22)}
#sky-panel input[type=range]::-moz-range-thumb {width:10px;height:10px;border:1px solid var(--gold,#cbab63);border-radius:50%;background:var(--gold,#cbab63)}
#sky-panel button {min-height:44px;padding:.65rem .95rem;border:1px solid var(--line,rgba(243,239,230,.12));border-radius:999px;background:var(--sky-field);color:var(--ink-soft,rgba(243,239,230,.62));font:inherit;font-size:11px;letter-spacing:.02em;cursor:pointer;transition:border-color .35s ease,color .35s ease,background-color .35s ease}
#sky-panel button:is(:hover,:focus-visible),#sky-panel button[aria-pressed=true] {border-color:var(--gold,#cbab63);color:var(--gold,#cbab63);background:var(--sky-field-active)}
#sky-panel #sky-close {display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;font:300 28px/1 'Newsreader',Georgia,serif;padding:0}
#sky-panel #sky-locate {margin-top:.8rem}
#sky-panel #sky-night-preview {margin-top:.6rem}
#sky-panel .sky-row {display:flex;gap:.75rem;align-items:flex-end;margin:.8rem 0 0}
#sky-panel .sky-row>* {flex:1;min-width:0}
#sky-panel .sky-row>label {margin:0}
#sky-panel .sky-row>label :is(input,select) {display:block;margin-top:.45rem}
#sky-panel input[type=datetime-local] {font-size:12px;padding-right:.85rem}
#sky-panel input::-webkit-calendar-picker-indicator {opacity:.62;cursor:pointer}
#sky-panel output {float:right;color:var(--ink-soft,rgba(243,239,230,.62));font-size:10px;letter-spacing:0}
#sky-panel details {margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line,rgba(243,239,230,.12))}
#sky-panel summary {min-height:44px;display:flex;align-items:center;gap:.6rem;cursor:pointer;color:var(--ink-soft,rgba(243,239,230,.62));font-size:11px;list-style:none;transition:color .35s ease}
#sky-panel summary::-webkit-details-marker {display:none}
#sky-panel summary::before {content:'+';color:var(--gold,#cbab63);font:300 18px/1 'Newsreader',Georgia,serif}
#sky-panel details[open]>summary::before {content:'−'}
#sky-panel summary:is(:hover,:focus-visible) {color:var(--gold,#cbab63)}
#sky-panel details p {font-size:15px;margin:.5rem 0 1rem}
#sky-panel a {color:var(--ink-soft,rgba(243,239,230,.62));text-underline-offset:4px;transition:color .35s ease}
#sky-panel a:is(:hover,:focus-visible) {color:var(--gold,#cbab63)}
#sky-controls :focus-visible {outline:1px solid var(--gold,#cbab63);outline-offset:4px}
@keyframes sky-panel-arrive {from {opacity:0;transform:translateY(10px)}to {opacity:1;transform:translateY(0)}}
body.immersive #sky-controls {visibility:hidden}
@media(max-width:600px) {#sky-panel {bottom:7.2rem;padding:1.25rem;border-radius:22px}#sky-panel h2 {font-size:26px}#sky-toggle {bottom:4.1rem}}
@media(prefers-reduced-motion:reduce){#sky-controls *,#bg-poster {transition:none!important}#sky-panel {animation:none;scroll-behavior:auto}}
#sky-bookmark-list button{overflow-wrap:anywhere}#sky-bookmark-list .sky-row{align-items:stretch}#sky-bookmark-list .sky-row>button:last-child{flex:0 0 auto}#sky-bookmarks input::placeholder{color:var(--ink-soft,rgba(243,239,230,.62))}