/* ===== ФОН — звёздное небо ===== */

body {
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  margin: 0;
  padding: 30px 0;

  background-color: #020408;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><rect width='80' height='80' fill='%23020408'/><circle cx='6' cy='10' r='0.9' fill='white' opacity='0.9'/><circle cx='22' cy='4' r='0.5' fill='white' opacity='0.6'/><circle cx='38' cy='18' r='1.1' fill='white' opacity='0.95'/><circle cx='56' cy='8' r='0.6' fill='white' opacity='0.5'/><circle cx='70' cy='14' r='0.8' fill='white' opacity='0.8'/><circle cx='12' cy='34' r='0.6' fill='white' opacity='0.7'/><circle cx='30' cy='42' r='0.9' fill='white' opacity='0.85'/><circle cx='48' cy='36' r='0.5' fill='white' opacity='0.55'/><circle cx='66' cy='44' r='1.0' fill='white' opacity='0.9'/><circle cx='8' cy='60' r='0.7' fill='white' opacity='0.7'/><circle cx='26' cy='68' r='0.5' fill='white' opacity='0.5'/><circle cx='44' cy='62' r='0.9' fill='white' opacity='0.85'/><circle cx='60' cy='72' r='0.6' fill='white' opacity='0.6'/><circle cx='74' cy='58' r='1.1' fill='white' opacity='0.95'/><path d='M18 22 l1.5 1.5 M19.5 22 l-1.5 1.5' stroke='white' stroke-width='0.5' opacity='0.7'/><path d='M52 52 l1.8 1.8 M53.8 52 l-1.8 1.8' stroke='white' stroke-width='0.5' opacity='0.8'/><path d='M34 76 l1.4 1.4 M35.4 76 l-1.4 1.4' stroke='white' stroke-width='0.5' opacity='0.6'/></svg>");
  background-repeat: repeat;
  background-attachment: fixed;
}

* {
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: grayscale;
}

/* ===== подложка под контент =====
   Не чёрный блок, а мягкое затемнение.
   Звёзды просвечивают, но текст читается. */

.page-frame {
  background-color: rgba(2, 4, 8, 0.55);
  padding: 20px 30px;
}

a {
  text-decoration: underline;
}

a:hover {
  color: #020408;
  background: #d8e0f0;
}

/* mood */
.mood-star {
  display: inline-block;
  animation: mood-pulse 1.8s ease-in-out infinite;
}
.mood-star:last-child {
  animation-delay: 0.9s;
}
@keyframes mood-pulse {
  0%,100% { opacity: 0.25; }
  50%     { opacity: 1; }
}

#mood-text {
  transition: opacity 0.4s ease;
  font-style: italic;
}

/* мигание */
.blink-slow {
  animation: blink-slow-anim 2.2s step-end infinite;
}
@keyframes blink-slow-anim {
  50% { opacity: 0.2; }
}

.construction {
  animation: blink 1.4s step-end infinite;
}
@keyframes blink {
  50% { opacity: 0.15; }
}

.cursor-blink {
  animation: blink 1.1s step-end infinite;
}

img {
  image-rendering: pixelated;
  filter: saturate(0.7) contrast(1.05) hue-rotate(200deg) brightness(0.9);
}

/* шёпот под подзаголовком */
#whisper {
  font-style: italic;
  letter-spacing: 1px;
}
.fandom-header {
  width: 100%;
}
.fandom-header .title {
  text-align: left;
}
.fandom-header .icons {
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}
.fandom-header .icons img {
  border: 0;
  vertical-align: middle;
}