/* Focused Night Sky layout: preserve the accepted desktop center. */
.sky-field{display:block;inset:calc(45% - 500px) 4% auto;height:1000px;margin:0}
.sky-sign{left:var(--oval-x);top:var(--oval-y);right:auto;transform:translate(-50%,-50%);z-index:2}
.sign-0{--oval-x:28.00000%;--oval-y:88.10512%;--mobile-cos:-0.5000000}
.sign-1{--oval-x:11.89488%;--oval-y:72.00000%;--mobile-cos:-0.8660254}
.sign-2{--oval-x:6.00000%;--oval-y:50.00000%;--mobile-cos:-1.0000000}
.sign-3{--oval-x:11.89488%;--oval-y:28.00000%;--mobile-cos:-0.8660254}
.sign-4{--oval-x:28.00000%;--oval-y:11.89488%;--mobile-cos:-0.5000000}
.sign-5{--oval-x:50.00000%;--oval-y:6.00000%;--mobile-cos:-0.0000000}
.sign-6{--oval-x:72.00000%;--oval-y:11.89488%;--mobile-cos:0.5000000}
.sign-7{--oval-x:88.10512%;--oval-y:28.00000%;--mobile-cos:0.8660254}
.sign-8{--oval-x:94.00000%;--oval-y:50.00000%;--mobile-cos:1.0000000}
.sign-9{--oval-x:88.10512%;--oval-y:72.00000%;--mobile-cos:0.8660254}
.sign-10{--oval-x:50.00000%;--oval-y:94.00000%;--mobile-cos:0.0000000}
.sign-11{--oval-x:72.00000%;--oval-y:88.10512%;--mobile-cos:0.5000000}

/* Narrow screens keep a centered, smaller reveal inside the oval. Intro and
   folklore sit outside the ring so readable choices never cover the panel. */
@media(max-width:900px){
.sky-scene{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto 560px auto auto;padding:24px 0 28px;min-height:0;overflow:visible;align-items:start;text-align:center}
.sky-heading{display:contents}
.sky-heading>.overline{grid-row:1;margin:0 16px 8px}
.sky-heading>h1{grid-row:2;margin:0 16px 12px;font-size:2.2rem}
#sky-invitation-copy{grid-row:3;margin:0 22px 16px;font-size:12px;line-height:1.5}
.sky-field{grid-row:4;grid-column:1;position:relative;inset:auto;display:block;height:560px;width:100%;margin:0;align-self:center;justify-self:center}
.sky-sign{position:absolute;width:64px;height:60px;padding:3px;left:var(--oval-x);top:var(--oval-y);right:auto;color:#abc8df}
.sky-sign svg{height:34px;flex-shrink:0}.sky-sign span{font-size:10px;letter-spacing:0;margin-top:2px;white-space:nowrap}
.sky-reveal{grid-row:4;grid-column:1;position:relative;align-self:center;justify-self:center;width:128px;max-width:128px;z-index:1;scroll-margin-top:150px}
.sky-reveal img{width:96px;height:96px;max-width:100%;margin:4px auto 8px}
.sky-reveal h2{font-size:16px;line-height:1.15;margin:0 0 8px;letter-spacing:-.02em}
.sky-reveal p{font-size:12px;line-height:1.45;margin:0;max-width:128px}
.sky-heading>.sky-tradition-note{grid-row:5;margin:12px 24px 0;max-width:none;font-size:11px;line-height:1.6}
.sky-caption{grid-row:6;grid-column:1;position:static;transform:none;width:auto;margin:20px 20px 0;text-align:center}
.sky-caption .route-links{justify-content:center}
.sky-start{grid-row:4;grid-column:1;align-self:center;justify-self:center;margin:16px auto}
.sky-unselected{grid-template-rows:auto auto auto auto auto;min-height:440px;padding-top:56px}
}

.sky-field{scroll-margin-top:160px}.sky-sign{scroll-margin:160px 12px 24px}@media(min-width:901px){.sky-field{scroll-margin-top:100px}.sky-sign{scroll-margin-top:110px}}

@media(min-width:901px){.sky-caption{bottom:.5rem}}