/* Nightfall's public announcement and the homepage link to it. */
.nf-preview { margin-top: 20px; text-align: center; font: 400 .875rem/1.5 var(--f-text); color: var(--nf-muted); }
.nf-preview p { margin: 0; }
.nf-preview a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--nf-ink); text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.world-night .nf-preview { opacity: var(--kl, 0); }
body.page-nightfall { background: #080d10; color: #dce5df; }
.page-nightfall .corners { color: #dce5df; }
.page-nightfall .c-town { color: #a7b9b2; }
.page-nightfall .lk-corner .lk-north, .page-nightfall .lk-corner .lk-studios { fill: #dce5df; }
.page-nightfall .lk-corner .lk-star { fill: #d8c496; }
.page-nightfall .lk-corner .lk-g0, .page-nightfall .lk-corner .lk-g1 { stop-color: #d8c496; }
.page-nightfall .sheet { background: #10191b; color: #dce5df; }
.page-nightfall .sheet-n { color: #a7b9b2; }
.page-nightfall .sheet-a { border-color: #33403d; }
.page-nightfall :focus-visible { outline-color: #a9f0cc; }
.nf-announcement { background: radial-gradient(ellipse at 50% 12%, #19282a 0, transparent 48%); padding: 150px max(var(--m), 24px) 100px; }
.nf-announcement-head { max-width: 1000px; margin: 0 auto; text-align: center; }
.nf-kicker { font: 500 .72rem/1.5 var(--f-text); text-transform: uppercase; letter-spacing: .16em; color: #a7b9b2; }
.nf-kicker span { margin: 0 12px; color: #69877c; }
.nf-announcement-logo { display: block; width: min(370px, 76vw); height: auto; margin: 48px auto 36px; }
.nf-status { display: inline-block; margin-bottom: 20px; padding: 8px 14px; border: 1px solid #456159; border-radius: 2px; color: #b7d5c6; font: 500 .68rem/1.4 var(--f-text); letter-spacing: .16em; text-transform: uppercase; }
.nf-announcement h1 { font: 300 clamp(2.7rem, 6vw, 5rem)/1.08 var(--f-display); font-stretch: 80%; letter-spacing: -.035em; text-wrap: balance; }
.nf-intro { margin-top: 24px; font: 400 clamp(1rem, 2vw, 1.25rem)/1.6 var(--f-text); color: #a7b9b2; text-wrap: balance; }
.nf-announcement-copy { max-width: 660px; margin: 54px auto 0; font: 400 1.05rem/1.8 var(--f-text); }
.nf-announcement-copy p + p { margin-top: 20px; }
.nf-announcement-copy section { margin-top: 48px; padding-top: 34px; border-top: 1px solid #33403d; }
.nf-announcement-copy h2 { margin: 18px 0 22px; font: 300 clamp(2.1rem, 4vw, 3.2rem)/1.1 var(--f-display); font-stretch: 80%; letter-spacing: -.025em; }
.nf-development { margin: 42px 0 28px; padding: 24px 28px; background: #14211f; border-left: 2px solid #8eb8a0; }
.nf-development h2 { margin: 0 0 12px; font-size: 1.75rem; }
.nf-development p { color: #bccdc3; font-size: .95rem; }
.nf-back { display: inline-flex; align-items: center; gap: 16px; min-height: 48px; font-size: .9rem; text-decoration: underline; text-underline-offset: 5px; }
.page-nightfall .final { border-top: 1px solid #33403d; background: #10191b; }
@media (max-width: 599px) {
  .nf-preview { margin-top: 16px; font-size: .8rem; }
  .nf-announcement { padding-top: 120px; padding-bottom: 64px; }
  .nf-announcement-logo { width: min(290px, 74vw); margin: 34px auto 30px; }
  .nf-announcement h1 { max-width: 10ch; margin: 0 auto; }
  .nf-announcement-copy { margin-top: 36px; font-size: 1rem; }
  .nf-development { padding: 22px; }
  .nf-kicker { font-size: .65rem; }
  .nf-kicker span { margin: 0 6px; }
}
@media (max-height: 540px) and (orientation: landscape) {
  .night .card { top: 13%; }
  .night .nf-logo { width: min(44vw, calc(25svh * 422 / 173)); }
  .night .soon { margin-top: 12px; }
  .night .mint { margin-top: 10px; }
  .nf-preview { margin-top: 10px; font-size: .75rem; }
}