/* Only secondary pages use this file. Unvisited/clean state stays untouched. */
body[data-corruption]:not([data-corruption="0"]) > :is(h1, marquee, .main-content, .background-image, .footer, #startScreen, #cameraView, #photoView, #adBanner, #underConstruction, img, .box) {
  position: relative;
  z-index: 1;
}

body[data-corruption]:not([data-corruption="0"]) {
  color: var(--text-color);
}

body[data-corruption]:not([data-corruption="0"]) :is(.ads-menu, .ads-menu p, .email-box, .contact-info, .email, #polaroidContainer, #adBanner, #underConstruction) {
  color: var(--text-color);
  background-color: var(--panel-color);
  border-color: var(--border-color);
}

body[data-corruption]:not([data-corruption="0"]) :is(h1, h2, h3, marquee) {
  color: var(--text-color);
}

body[data-corruption]:not([data-corruption="0"]) :is(.email-box img, .go-back-btn, button, .arrow) {
  border-color: var(--border-color);
}

body:is([data-corruption="3"], [data-corruption="4"]) {
  background-image: none;
}

body:is([data-corruption="3"], [data-corruption="4"]) :is(h1, h2, h3, marquee, p, .email-box, .email, .counter) {
  text-shadow: 2px 0 #7c173f88, -1px 0 #778b8233;
}

body:is([data-corruption="3"], [data-corruption="4"]) :is(.email-box a, .go-back-btn, .email, button, .arrow) {
  color: var(--text-color);
  background-color: var(--page-color);
  box-shadow: 3px 2px 0 #150811, -2px 0 0 #66344888;
}

body:is([data-corruption="3"], [data-corruption="4"]) .email-box {
  box-shadow: 7px 0 0 #13091288;
  border-style: double dashed;
}

body:is([data-corruption="3"], [data-corruption="4"]) .rainbow-text-animated {
  animation-play-state: paused;
  background: none;
  color: var(--text-color);
}

body:is([data-corruption="3"], [data-corruption="4"]) .background-image {
  background-image: none;
}

body[data-corruption="4"] .ads-menu p:nth-child(odd) {
  transform: translate(7px, -2px) skewX(-1.5deg);
}

body[data-corruption="4"] .email-box:nth-child(even) {
  transform: translateY(14px) rotate(0.4deg);
}

body[data-corruption="4"] .contact-info {
  transform: translate(-5px, 4px) skewX(-0.6deg);
  border-style: solid dashed double;
  box-shadow: 7px 3px 0 #130912;
}

body[data-corruption-page="404"]:not([data-corruption="0"]) {
  animation: none;
}

body[data-corruption-page="404"]:not([data-corruption="0"]) :is(p, .button) {
  color: var(--text-color);
}

body[data-corruption-page="404"]:is([data-corruption="3"], [data-corruption="4"]) .button {
  background: var(--panel-color);
  border-color: var(--border-color);
  box-shadow: 4px 3px 0 #130912;
  animation: none;
  transition: none;
}

body.corruption-pulse:is([data-corruption="3"], [data-corruption="4"]) :is(h1, h2, marquee, .ads-menu p) {
  text-shadow: -4px 0 #8c254eaa, 3px 1px #66897c80;
}

/* Filter the frame, leaving the selected webcam filter and saved photo intact. */
body[data-corruption-page="camera"]:is([data-corruption="3"], [data-corruption="4"]) #mainVideoWrapper {
  filter: saturate(0.55) contrast(1.15);
  outline: 2px dashed var(--border-color);
}

body[data-corruption-page="camera"].corruption-pulse #mainVideoWrapper {
  translate: -5px 2px;
  filter: grayscale(0.85) contrast(1.8);
}

body[data-corruption-page="camera"][data-corruption="4"] :is(#adBanner, #underConstruction) {
  transform: translateX(4px) skewX(-0.8deg);
}

body[data-corruption-page="camera"]:is([data-corruption="3"], [data-corruption="4"]) .glitter-star {
  filter: grayscale(1) brightness(0.45);
}

body[data-corruption-page="camera"]:not([data-corruption="0"]) #polaroidWrapper {
  animation-timing-function: steps(1, end) !important;
}

@media (prefers-reduced-motion: reduce) {
  body[data-corruption] :is(.ads-menu p, .email-box, .contact-info, #mainVideoWrapper, #adBanner, #underConstruction) {
    transform: none;
    translate: none;
  }
}