/* 1. ФОН С ТРИПОМ */
body::before {
  content: "";
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: -1;
  background: url('https://i.pinimg.com/1200x/6e/37/c7/6e37c7a181768b053ccd5863a401f735.jpg') center/cover no-repeat;
  
  /* Увеличили время до 120 секунд (2 минуты) */
  /* linear делает переход идеально ровным без рывков */
  animation: deathRelief 120s linear forwards; 
}

@keyframes deathRelief {
  0% { 
    filter: saturate(30%) brightness(0.3) blur(10px); 
    transform: scale(1); 
  }
  /* До середины (1 минута) всё очень тускло и медленно проявляется */
  50% { 
    filter: saturate(80%) brightness(0.6) blur(5px); 
    transform: scale(1.05); 
  }
  /* К 1:45 минуте картинка становится сочной */
  85% { 
    filter: saturate(150%) brightness(1) blur(0px); 
    transform: scale(1.1); 
  }
  /* Финальный "взрыв" сознания в последние 10 секунд */
  95% { 
    filter: saturate(400%) brightness(2.5) contrast(150%) blur(2px); 
    transform: scale(1.2); 
  }
  100% { 
    filter: saturate(0%) brightness(100) contrast(100%) blur(80px); 
    transform: scale(2.5); 
  }
}


/* Стиль для всплывающих фраз-глюков */
.glitch-word {
  position: fixed;
  color: #fff;
  font-family: "Arial Black", sans-serif;
  font-size: 5rem;
  font-weight: 900;
  z-index: 9999;
  pointer-events: none; /* Чтобы не мешали кликать */
  text-transform: uppercase;
  opacity: 0;
  animation: ultraFlash 0.2s ease-out; /* Вспышка на 0.2 сек */
}

@keyframes ultraFlash {
  0% { opacity: 0; transform: scale(0.8) skewX(20deg); filter: blur(10px); }
  50% { opacity: 1; transform: scale(1.1) skewX(-10deg); filter: blur(0px); color: #ff0000; }
  100% { opacity: 0; transform: scale(1.2) rotate(5deg); filter: blur(20px); }
}




#music-player {
  position: fixed;
  top: 20px;
  right: 20px;
  font-size: 30px;
  cursor: pointer;
  z-index: 1000;
  filter: drop-shadow(0 0 10px white);
  user-select: none;

}