/* This edition changes only the journal object and the sky directly around it. */
.galaxy-backdrop .galaxy-picture {
  filter: saturate(.78) brightness(.82) contrast(.94);
}

#stage > .stellar-book-sky {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: url('./stellar-sky-1.0.0.svg') center / 100% 100% no-repeat;
  opacity: .84;
}

#stage > .stellar-book-sky::before,
#stage > .stellar-book-sky::after {
  position: absolute;
  pointer-events: none;
  color: #f3dbad;
  font-family: Georgia, serif;
  text-shadow: 0 0 16px #f3dbad88, 0 0 31px #a5d6dacc;
}

#stage > .stellar-book-sky::before {
  content: '✦';
  top: 21%;
  left: 18%;
  font-size: clamp(16px, 2.2vw, 29px);
}

#stage > .stellar-book-sky::after {
  content: '✧';
  right: 15%;
  bottom: 17%;
  font-size: clamp(21px, 2.9vw, 39px);
}

#stage > .fallback-book .fallback-cover {
  border: 3px solid #dfc895;
  background:
    radial-gradient(circle at 22% 24%, #f6dea9 0 3px, transparent 4px),
    radial-gradient(circle at 73% 58%, #d3eee6 0 2px, transparent 3px),
    linear-gradient(145deg, #315968, #214150 65%, #173340);
  box-shadow: 6px 7px #173745, 14px 14px #c7b596, 23px 38px 65px #0008;
}

body.immersive #book-pages.flat-reading:not(.chapter-reader-active) {
  border-color: #e7d5ad;
  box-shadow:
    0 2px #efe5cf,
    0 6px #b0a489,
    0 11px #e2d6bb,
    0 18px #234552,
    0 28px 55px #030e1db8;
}

body.immersive #book-pages.flat-reading:not(.chapter-reader-active) > #paper-left,
body.immersive #book-pages.flat-reading:not(.chapter-reader-active) > #paper-right {
  position: relative;
  background-color: #f8f2e4;
  background-image:
    radial-gradient(circle at 83% 14%, #e5c99052 0 2px, transparent 3px),
    radial-gradient(circle at 78% 18%, #a1b9ac55 0 2px, transparent 3px),
    linear-gradient(150deg, #fffaf0, #f5ead5);
}

body.immersive #book-pages.flat-reading:not(.chapter-reader-active) > #paper-left::before,
body.immersive #book-pages.flat-reading:not(.chapter-reader-active) > #paper-right::before {
  content: '✦  ·  ✧';
  position: absolute;
  top: 27px;
  right: 32px;
  z-index: 0;
  color: #aa9162;
  font: 26px/1 Georgia, serif;
  letter-spacing: .18em;
  opacity: .58;
  pointer-events: none;
}

body.immersive #book-pages.flat-reading:not(.chapter-reader-active) > #paper-right::before {
  color: #6d9391;
}

body.immersive #book-pages.flat-reading:not(.chapter-reader-active) .paper-title h2 {
  color: #294a52;
  font-weight: 600;
}

body.immersive #book-pages.flat-reading:not(.chapter-reader-active) .paper-rule {
  height: 2px;
  background: linear-gradient(90deg, #b8945c, #89aaa2 64%, transparent);
}

body.immersive #book-pages.flat-reading:not(.chapter-reader-active) .core-detail,
body.immersive #book-pages.flat-reading:not(.chapter-reader-active) .function-entry {
  border-radius: 10px;
}

body.immersive #book-pages.flat-reading:not(.chapter-reader-active) .core-detail:hover,
body.immersive #book-pages.flat-reading:not(.chapter-reader-active) .core-detail:focus-visible,
body.immersive #book-pages.flat-reading:not(.chapter-reader-active) .function-entry:hover,
body.immersive #book-pages.flat-reading:not(.chapter-reader-active) .function-entry:focus-within {
  background: #e9eadb9c;
  border-color: #91aaa7;
}

@media (max-width: 759px) {
  #stage > .stellar-book-sky {
    background-size: auto 100%;
    opacity: .7;
  }

  #stage > .stellar-book-sky::before {
    top: 24%;
    left: 2%;
  }

  #stage > .stellar-book-sky::after {
    right: 3%;
    bottom: 23%;
  }

  body.immersive #book-pages.flat-reading:not(.chapter-reader-active) > #paper-left::before,
  body.immersive #book-pages.flat-reading:not(.chapter-reader-active) > #paper-right::before {
    top: 18px;
    right: 14px;
    font-size: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #stage > .stellar-book-sky {
    transition: none;
    animation: none;
  }
}