.observatory,.detail-shell{--ivory:#e8edf2;--gold:#b8a17a;--gold-faint:#b8a17a47;--ivory-soft:#a5afbd;--line:#a5afbd29}.observatory{grid-template-rows:88px minmax(0,1fr) 56px;width:min(1360px,100% - 96px);min-height:680px}.detail-shell{grid-template-rows:88px minmax(0,1fr) 56px;width:min(1360px,100% - 96px)}.travel-shell{width:min(100%,1600px)}:is(body:has(.observatory),body:has(.detail-shell)){background:#05090f}body:has(.observatory):before{display:none}body:has(.detail-shell):before{display:none}body:has(.observatory) .starfield{background:radial-gradient(at 78% 48%,#0c1824,#05090f 65%)}body:has(.observatory) .starfield canvas{opacity:1;-webkit-mask-image:linear-gradient(90deg,#0009,#000b 35%,#000 62%);mask-image:linear-gradient(90deg,#0009,#000b 35%,#000 62%)}body:has(.detail-shell) .starfield{background:radial-gradient(at 50% 42%,#0c1824,#05090f 68%)}body:has(.detail-shell) .starfield canvas{opacity:.7;-webkit-mask-image:linear-gradient(#0006,#000 22% 100%);mask-image:linear-gradient(#0006,#000 22% 100%)}.observatory .topbar:after,.detail-shell .topbar:after,.observatory .art-frame:before,.observatory .art-frame:after,.observatory .inscription-flare,.observatory .hero-legend:before,.observatory .hero-legend:after{display:none}.observatory .site-title,.observatory .greek-mark,.detail-shell .site-title,.detail-shell .detail-count,.detail-shell .back-link{color:#a5afbd;letter-spacing:.14em;font:400 11px/1.6 Arial,sans-serif}.observatory .hero{grid-template-columns:1fr 1.1fr;gap:24px}.observatory .hero-copy{animation:none}.observatory h1{letter-spacing:-.055em;margin:0 0 32px;font-size:clamp(54px,6.3vw,96px);line-height:1.04}.observatory .inscription-text{text-shadow:none;animation:none}.observatory .inscription-line:nth-child(2) .inscription-text{color:#c8d4df;letter-spacing:-.065em;font-style:italic}.observatory .hero-legend{letter-spacing:.15em;color:#a5afbd;font:11px/1.6 Arial,sans-serif}:is(.observatory .hero-legend:hover,.detail-shell .back-link:hover,.detail-shell .back-link:focus-visible){color:var(--ivory);text-decoration:none}:is(.observatory a:focus-visible,.detail-shell :is(a,button):focus-visible){outline-offset:8px;border-radius:3px;outline:1px solid #b8a17a}.observatory .art-frame{place-items:center;min-height:0;display:grid;overflow:visible}.observatory footer,.detail-shell footer{color:#a5afbd;letter-spacing:.12em;font:400 10px/1.5 Arial,sans-serif}.detail-shell footer a:hover{color:var(--ivory)}.star-chart{aspect-ratio:1;width:min(100%,510px);position:relative}.chart-orbits{border:1px solid #a5afbd25;border-radius:50%;position:absolute;inset:10%}.chart-orbits:before,.chart-orbits:after{content:"";border:1px solid #a5afbd18;border-radius:50%;position:absolute;inset:15%}.chart-orbits:after{border-color:#a5afbd12;inset:33%}.chart-orbits i{border-radius:50%;position:absolute;inset:-1px}.chart-orbits i:before{content:"";background:#dce9f4;border-radius:50%;width:4px;height:4px;position:absolute;top:14.5%;left:14.5%;box-shadow:0 0 12px 2px #b7d9ff75}.chart-orbits i:nth-child(2){inset:15%;transform:rotate(125deg)}.chart-orbits i:nth-child(3){inset:33%;transform:rotate(250deg)}.chart-core{background:radial-gradient(circle at 35% 30%,#fff9e6,#ebc480 55%,#ad7140);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 18px 5px #efc28170,0 0 65px 25px #eeb86c20}.chart-links{position:absolute;inset:0}.chart-link{color:#e8edf2;align-items:center;gap:16px;min-height:60px;padding:8px;text-decoration:none;display:flex;position:absolute;transform:translate(-50%,-50%)}.planet-orbit{inset:var(--inset);transform:rotate(var(--start));pointer-events:none;border:1px solid #a5afbd25;border-radius:50%;position:absolute}.planet-orbit:first-child{--inset:34%;--start:30deg;--period:26s;--phase:0s;--arrival:.7s;--planet:#bcc9d8}.planet-orbit:nth-child(2){--inset:24%;--start:130deg;--period:42s;--phase:-1s;--arrival:.95s;--planet:#ddb889}.planet-orbit:nth-child(3){--inset:12%;--start:235deg;--period:68s;--phase:-2s;--arrival:1.2s;--planet:#8ebcd1}.planet-orbit:nth-child(4){--inset:0%;--start:320deg;--period:100s;--phase:-3s;--arrival:1.45s;--planet:#c98d76}.planet-orbit .chart-link{pointer-events:auto;width:112px;min-height:64px;transform:translate(-50%, -50%) rotate(calc(-1 * var(--start)));gap:9px;padding:5px;top:0;left:50%}.planet-orbit .chart-label>span{font-size:26px}.planet-orbit .chart-label small{letter-spacing:.04em;font-size:11px}.chart-point{background:radial-gradient(circle, #fff 0 32%, #f0f7ff 55%, var(--planet) 100%);height:12px;box-shadow:0 0 4px 1px #fff6, 0 0 12px 4px color-mix(in srgb, var(--planet), transparent 62%), 0 0 24px 7px color-mix(in srgb, var(--planet), transparent 90%);border-radius:50%;flex:0 0 12px;position:relative}.chart-core{background:radial-gradient(circle,#fff 25%,#e3efff 60%,#adc8e7);width:12px;height:12px;box-shadow:0 0 8px 2px #fff9,0 0 26px 8px #c5e0ff50,0 0 65px 20px #b5d5ff18}.chart-link:is(:hover,:focus-visible) .chart-point{background:#fff}.planet-orbit .chart-point{background:radial-gradient(circle, #fff 0 65%, #f0f7ff 82%, var(--planet) 100%);box-shadow:0 0 2px 1px #fff8, 0 0 10px 3px color-mix(in srgb, var(--planet), transparent 42%), 0 0 22px 6px color-mix(in srgb, var(--planet), transparent 88%)}.chart-point:before,.chart-point:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--planet), transparent 78%), color-mix(in srgb, var(--planet), transparent 92%) 42%, transparent 74%);opacity:.2;pointer-events:none;border-radius:50%;width:42px;height:42px;position:absolute;top:50%;left:50%;translate:-50% -50%}.chart-point:after{opacity:.12;width:58px;height:58px}.chart-label{gap:9px;display:grid;position:relative}.chart-label sup{color:#b8a17a;letter-spacing:.22em;font:10px/1 Arial,sans-serif}.chart-label>span{font:italic 32px/1.05 var(--display-font);letter-spacing:-.035em;transition:color .35s,text-shadow .35s}.chart-label small{letter-spacing:.12em;color:#a5afbd;white-space:nowrap;font:12px/1.4 Songti SC,Noto Serif CJK SC,serif}.chart-label:after{content:"";transform-origin:0;opacity:.3;background:linear-gradient(90deg,#b8a17a,#0000);width:100%;height:1px;transition:transform .45s,opacity .45s;position:absolute;bottom:-9px;left:0;transform:scaleX(.2)}.chart-link:is(:hover,:focus-visible) .chart-label:after{opacity:.9;transform:scaleX(1)}.chart-link:is(:hover,:focus-visible) .chart-label>span{color:#f1e3cb;text-shadow:0 0 24px #b8a17a55}.chart-arrow{opacity:0;color:#b8a17a;transition:opacity .3s}:is(.chart-link:hover .chart-arrow,.chart-link:focus-visible .chart-arrow){opacity:1}@media (prefers-reduced-motion:no-preference){.chart-point:before{animation:core-halo-breathe 22s ease-in-out var(--phase) infinite}.chart-point:after{animation:core-halo-breathe 28s ease-in-out calc(var(--phase) - 11s) infinite}.observatory .inscription-text{animation:1.4s cubic-bezier(.2,.7,.2,1) .15s both observatory-reveal}.observatory .inscription-line:nth-child(2) .inscription-text{animation-delay:.4s}.observatory .hero-legend{animation:1s .8s both observatory-reveal}.star-chart{animation:2.2s cubic-bezier(.16,1,.3,1) both chart-awaken}.chart-core{animation:2.2s ease-out both chart-ignite}.chart-label{animation:observatory-reveal .9s ease var(--arrival,.7s) both}.chart-link:focus-visible .chart-label{animation:none}.chart-orbits{animation:60s linear 2.2s infinite chart-turn}}@media (min-width:761px) and (prefers-reduced-motion:no-preference){.planet-orbit{animation:planet-revolve var(--period) linear 2.2s infinite}.planet-orbit .chart-link{animation:planet-upright var(--period) linear 2.2s infinite}.star-chart:is(:hover,:focus-within) .planet-orbit,.star-chart:is(:hover,:focus-within) .chart-link{animation-play-state:paused}}@media (min-width:761px){.star-chart>.chart-orbits{display:none}.planet-orbit .chart-link{top:-1px}.planet-orbit .chart-point{width:12px;position:absolute;top:50%;left:50%;translate:-50% -50%}.planet-orbit .chart-label{text-align:center;width:max-content;position:absolute;top:calc(50% + 14px);left:50%;transform:translate(-50%)}.planet-orbit .chart-arrow{position:absolute;top:50%;right:0}}@keyframes planet-revolve{0%{transform:rotate(var(--start))}to{transform:rotate(calc(var(--start) + 360deg))}}@keyframes planet-upright{0%{transform:translate(-50%, -50%) rotate(calc(-1 * var(--start)))}to{transform:translate(-50%, -50%) rotate(calc(-1 * var(--start) - 360deg))}}@keyframes observatory-reveal{0%{opacity:0;filter:blur(5px);translate:0 12px}to{opacity:1;filter:blur();translate:0}}@keyframes chart-awaken{0%{opacity:0;scale:.78}to{opacity:1;scale:1}}@keyframes chart-ignite{0%{opacity:0;scale:.3}35%{opacity:1;scale:2.8}to{opacity:1;scale:1}}@keyframes chart-turn{to{transform:rotate(360deg)}}@keyframes core-halo-breathe{0%,to{opacity:.12;scale:.94}50%{opacity:.28;scale:1.06}}@media (max-width:760px){.observatory{grid-template-rows:72px 1fr 52px;width:calc(100% - 40px);height:auto;min-height:100dvh}.detail-shell{grid-template-rows:72px 1fr 52px;width:calc(100% - 40px)}.observatory .hero{flex-direction:column;align-items:stretch;gap:12px;padding:52px 0 24px;display:flex}.observatory h1{margin-bottom:24px;font-size:clamp(48px,12vw,76px)}.observatory .greek-mark{font-size:10px}.observatory .art-frame{height:auto}.star-chart{aspect-ratio:auto;width:min(100%,400px);padding-top:250px}.chart-orbits{width:210px;height:210px;inset:12px auto auto calc(50% - 105px)}.chart-core{top:117px}.chart-links{grid-template-columns:1fr 1fr;gap:16px 10px;display:grid;position:relative}.planet-orbit{display:contents}.chart-links .chart-link{gap:12px;position:static;transform:none}.chart-label>span{font-size:28px}.chart-arrow{opacity:.65}.observatory footer{font-size:9px}body:has(.observatory) .starfield canvas{-webkit-mask-image:linear-gradient(#0007,#000a 40%,#000 75%);mask-image:linear-gradient(#0007,#000a 40%,#000 75%)}}.observatory.galaxy-only{box-sizing:border-box;grid-template-rows:1fr;place-items:center;width:100%;min-height:100dvh;padding:80px 64px;display:grid}@media (max-width:760px){.observatory.galaxy-only{padding:48px 24px}}@media (prefers-reduced-motion:no-preference){body:not([data-cosmic-ready]) .galaxy-only .star-chart{visibility:hidden;opacity:0}body:has(.galaxy-only) .starfield{background:#020409}body:has(.galaxy-only) .starfield canvas{-webkit-mask-image:none;mask-image:none}body:has(.galaxy-only) .starfield:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(at 50% 48%,#0c1824,#0000 65%);transition:opacity 2.4s;position:absolute;inset:0}body[data-cosmic-ready]:has(.galaxy-only) .starfield:before{opacity:1}body:has(.galaxy-only) .starfield canvas{position:relative}body[data-cosmic-ready] .galaxy-only .star-chart{animation:1.6s ease-out both galaxy-arrival}}@keyframes galaxy-arrival{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@media (prefers-reduced-motion:no-preference){body:not([data-cosmic-started]):has(.galaxy-only) .starfield:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 12px 3px #b9ddff80}}.launch-entries{display:none}@media (prefers-reduced-motion:no-preference){body:not([data-cosmic-ready]) .galaxy-only .star-chart{visibility:visible;opacity:1}body[data-cosmic-ready] .galaxy-only .star-chart,body:not([data-cosmic-ready]) .galaxy-only .star-chart{animation:none;scale:none}.galaxy-only .chart-core,.galaxy-only .chart-label{animation:none}body:not([data-cosmic-ready]) .galaxy-only .chart-core,body:not([data-cosmic-ready]) .galaxy-only .chart-links .chart-link{visibility:hidden}body:not([data-cosmic-ready]) .galaxy-only .planet-orbit{border-color:rgb(165 175 189/calc(var(--orbit-reveal,0) * .145));animation:none}body:not([data-cosmic-ready]) .galaxy-only .planet-orbit .chart-link{animation:none}body:not([data-cosmic-ready]) .galaxy-only .chart-orbits{opacity:var(--orbit-reveal,0);animation:none}body:not([data-cosmic-ready]) .launch-entries{pointer-events:none;z-index:2;display:block;position:fixed;inset:0}.launch-link{visibility:hidden;pointer-events:auto;color:#e8edf2;width:112px;height:64px;text-decoration:none;position:absolute;transform:translate(-50%,-12px)}.launch-link:first-child{--planet:#bcc9d8}.launch-link:nth-child(2){--planet:#ddb889}.launch-link:nth-child(3){--planet:#8ebcd1}.launch-link:nth-child(4){--planet:#c98d76}.launch-link .chart-point{width:12px;position:absolute;top:12px;left:50%;translate:-50% -50%}.launch-link .chart-label{text-align:center;width:max-content;position:absolute;top:26px;left:50%;transform:translate(-50%)}.launch-link .chart-label>span{font-size:26px}.launch-link .chart-label small{font-size:11px}}@media (min-width:761px) and (prefers-reduced-motion:no-preference){body[data-cosmic-ready] .galaxy-only .planet-orbit,body[data-cosmic-ready] .galaxy-only .planet-orbit .chart-link{animation-delay:0s}}@media (prefers-reduced-motion:no-preference){.launch-link .chart-label{visibility:hidden}body:not([data-cosmic-ready]) .galaxy-only .chart-links .chart-label{opacity:0}body[data-cosmic-ready] .galaxy-only .chart-links .chart-label{animation:2.2s .2s both entry-name-reveal}}@keyframes entry-name-reveal{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@media (min-width:761px) and (prefers-reduced-motion:no-preference){body .galaxy-only .star-chart[data-orbit-driven] .planet-orbit{transform:rotate(calc(var(--start) + var(--orbit-turn,0deg)));animation:none}body .galaxy-only .star-chart[data-orbit-driven] .planet-orbit .chart-link{transform:translate(-50%, -50%) rotate(calc(-1 * var(--start) - var(--orbit-turn,0deg)));animation:none}}
