/* Observatory: indigo, aged brass, and space to think. */
body[data-page=observatory]{background:#071321;color:#edf1ec}
body[data-page=observatory] i,body[data-page=observatory] .eyebrow{color:#c9b581}
body[data-page=observatory] p{color:#b6c3cc}
body[data-page=observatory] header{border-color:#b2bbcb25}
body[data-page=observatory] header nav a:last-child{color:#d8c391}
.observatory-hero{min-height:780px}
.observatory-hero .hero-art{background:#071321}
.observatory-hero .hero-art>img{object-position:62% center;animation:observatory-breathe 90s ease-in-out infinite alternate}
.observatory-hero .hero-shade{background:linear-gradient(90deg,#061225f5 0%,#061225d3 26%,#06122564 50%,#06122500 75%),linear-gradient(0deg,#071321 0%,transparent 26%,transparent 82%,#07132157)}
.observatory-hero .hero-glow{background:radial-gradient(ellipse at 80% 38%,#a7bfe520,transparent 39%);animation:sky-glow 12s ease-in-out infinite alternate}
.observatory-hero .hero-copy{max-width:660px}
.observatory-hero .hero-copy h1{font-size:clamp(60px,7vw,105px);line-height:.96}
.observatory-hero .lead{color:#f4f2e6}
.observatory-hero .intro{max-width:430px;color:#c2ccd5}
body[data-page=observatory] .primary{background:#cdb987;border-color:#cdb987;color:#071321}
body[data-page=observatory] .primary:hover:enabled{background:#e4d3aa}
body[data-page=observatory] .quiet{border-color:#b4c4d846;color:#edf1ec}
body[data-page=observatory] .quiet:hover{border-color:#d6dfe5}
body[data-page=observatory] .return-link{color:#d2c497}
body[data-page=observatory] .promise{border-color:#b2bbcb25}
body[data-page=observatory] .promise p{color:#e0e5e8}
body[data-page=observatory] .chapters article{background:#101d2b;border-color:#c2cbd539}
body[data-page=observatory] .chapters article img{object-position:center}
body[data-page=observatory] .chapters h3{font-size:27px}
body[data-page=observatory] .chapters p{color:#b7c4cf}
body[data-page=observatory] .chapter-copy .number{color:#b9a477}
body[data-page=observatory] .included{background:linear-gradient(145deg,#101d2c,#0a1726);border-color:#b2bbcb20}
body[data-page=observatory] details{border-color:#b2bbcb2c}
body[data-page=observatory] .status{color:#aebac6}
body[data-page=observatory] .experience{background:#06111e}
body[data-page=observatory] .stage-world{background:#071522}
body[data-page=observatory] .scene-image{animation:observatory-scene 100s ease-in-out infinite alternate}
body[data-page=observatory] .scene-vignette{background:linear-gradient(0deg,#06121efc 0%,#06121edb 18%,#06121e72 44%,transparent 66%,#06121e8c 100%),linear-gradient(90deg,#06121e48,transparent 55%,#06121e38)}
body[data-page=observatory] .scene-mist{background:radial-gradient(ellipse at 80% 44%,#b9d7ed12,transparent 45%);animation:mist-pass 90s ease-in-out infinite alternate}
.starfield{position:absolute;inset:0;pointer-events:none}
.starfield .value-star{position:absolute;width:5px;height:5px;background:#f0dca8;border-radius:50%;box-shadow:0 0 14px 4px #eacb8999,0 0 48px 12px #d9c18830;animation:star-pulse 6s ease-in-out infinite alternate}
.starfield .value-star:nth-child(1){left:33%;top:27%}.starfield .value-star:nth-child(2){left:56%;top:24%;animation-delay:1.7s}.starfield .value-star:nth-child(3){left:74%;top:39%;animation-delay:3s}
.starfield .value-star:after{content:"";position:absolute;inset:-14px;border:1px solid #d6bc7a66;border-radius:50%}
body[data-page=observatory] .experience-head .quiet{border-color:#b4c4d84d}
body[data-page=observatory] .journey-mark{color:#d9dfe4}
body[data-page=observatory] .chapter-dot{border-color:#c8d6e133;color:#a6b7c4}
body[data-page=observatory] .chapter-dot[aria-current=step]{border-color:#d3bd8a;color:#eadcb8}
body[data-page=observatory] .scene-caption{color:#d8e0e8ba}
body[data-page=observatory] .guidance h2{color:#f2f0e9;text-shadow:0 4px 28px #071321}
body[data-page=observatory] .guidance #intention{color:#d9cba6}
body[data-page=observatory] .guidance .fine{color:#b7c3c9}
body[data-page=observatory] .ritual-touch{background:#0b2034cf;color:#e6eef0;border-color:#c5b88774;border-radius:25px;padding:10px 18px}
body[data-page=observatory] .ritual-touch:hover,body[data-page=observatory] .ritual-touch[aria-pressed=true]{background:#d4bd8750;border-color:#efdb9b}
body[data-page=observatory] .player-controls{background:#06121eba;border-color:#c3cdd13b}
body[data-page=observatory] .player-controls .quiet[aria-pressed=true]{color:#e9d49c}
body[data-page=observatory] input[type=range],body[data-page=observatory] progress{accent-color:#ceb981}
body[data-page=observatory] .journal{background:#0b1b2af5;border-color:#c5b88470}
body[data-page=observatory] .journal textarea{background:#071422c9;border-color:#adbfc55e;color:#ecf1ec}
body[data-page=observatory] .completion{background:#0b1d2cf5;border-color:#d4bf8b8c}
body[data-page=observatory] .completion h2{color:#f0f3ed}
body[data-page=observatory] .completion #chosen-quality{color:#e2cb8f}
body[data-page=observatory] footer{border-color:#b2bbcb25}
@keyframes observatory-breathe{to{transform:scale(1.04)}}
@keyframes observatory-scene{from{transform:scale(1.025) translateX(-.35%)}to{transform:scale(1.07) translateX(.35%)}}
@keyframes sky-glow{to{opacity:.45}}
@keyframes star-pulse{to{opacity:.5;transform:scale(.65)}}
@media(max-width:600px){
 .observatory-hero{min-height:870px}
 .observatory-hero .hero-copy h1{font-size:clamp(56px,12vw,75px)}
 .observatory-hero .hero-art>img{object-position:68% center}
 .observatory-hero .hero-shade{background:linear-gradient(0deg,#071321 0%,#071321f5 25%,#07132158 69%,#07132133)}
 body[data-page=observatory] .chapters h3{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.starfield .value-star{animation:none}}
body.reduce-motion .starfield .value-star{animation:none}
