/* Default text palette: cp-blue baseline, cp-yellow emphasis. */
:root {
  --cp-text-default: #5df6ff;
  --cp-text-key: #fed640;
}

:where(body) {
  color: var(--cp-text-default);
}

:where(body b, body strong, body [data-key-detail=true]) {
  color: var(--cp-text-key);
}

/* Solid cp-blue backgrounds should never render unreadable cp-blue text by default. */
:where(.bg-cp-blue):not([class^=text-]):not([class*=" text-"]) {
  color: #151524;
}

:where([class~=bg-cp-blue][class^=text-cp-blue],
[class~=bg-cp-blue][class*=" text-cp-blue"]):not([class^=text-cp-blue-dark]):not([class*=" text-cp-blue-dark"]):not([class^=text-white]):not([class*=" text-white"]) {
  color: #151524;
}

:where([class^="bg-cp-blue/"][class^=text-cp-blue],
[class^="bg-cp-blue/"][class*=" text-cp-blue"],
[class*=" bg-cp-blue/"][class^=text-cp-blue],
[class*=" bg-cp-blue/"][class*=" text-cp-blue"]):not([class^=text-cp-blue-dark]):not([class*=" text-cp-blue-dark"]):not([class^=text-white]):not([class*=" text-white"]) {
  color: #fff;
}

:where(.hover\:bg-cp-blue:hover):not([class^="hover:text-"]):not([class*=" hover:text-"]) {
  color: #151524;
}

:where([class*="hover:bg-cp-blue"][class*="hover:text-cp-blue"]):not([class*="hover:text-cp-blue-dark"]):hover {
  color: #151524;
}

body {
  /*   background: linear-gradient(180deg, rgb(78 26 27 / 96%) 0%,
              rgba(6,13,19,0.96) 78%),
              url(https://i.imgur.com/vCGkonp.jpeg); */
  /*   align-items: stretch; */
  height: 100%;
}

body.bright-screen {
  background: linear-gradient(180deg, rgba(78, 26, 27, 0.96) 0%, rgba(6, 13, 19, 0.96) 78%), url(https://i.imgur.com/vCGkonp.jpeg);
}

body:after {
  animation: screenNoise 2s steps(10) infinite;
  filter: url(#noise);
  content: "";
  height: 300%;
  left: -50%;
  opacity: 0.12;
  position: fixed;
  top: -110%;
  width: 300%;
  z-index: 0;
  pointer-events: none !important;
}

body.lines-background:after {
  filter: url(#screenLines);
}

.content-wrapper {
  /* padding-top: 3rem; */
  background: rgb(60, 20, 21);
  background: linear-gradient(180deg, rgba(60, 20, 21, 0.96) 0%, rgba(6, 13, 19, 0.96) 78%), url(https://i.imgur.com/vCGkonp.jpeg);
}

.content-wrapper:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 1em;
  left: 0;
  outline: 1px solid #ee4d45;
  filter: drop-shadow(0px 0px 6px red);
  outline-offset: -10px;
  margin: 0;
  box-sizing: border-box;
  pointer-events: none;
}

.content-wrapper.flash-outline:after {
  animation: dimOutline 0.2s infinite;
}

#modal.travel-confirm [data-modal-body] {
  height: auto !important;
  max-height: 40vh !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

/* replay button */
#replay_intro {
  position: absolute;
  top: 20px;
  left: 20px;
  filter: drop-shadow(0px 0px 6px red);
  border: none;
  background: none;
  color: #ee4d45;
  transition: color 0.2s;
  z-index: 1;
  animation: fadeIn 1s forwards;
}

#replay_intro:hover {
  color: #ff392f;
}

#replay_intro:focus {
  outline: 1px solid #ff392f;
}

#replay_intro.hide {
  display: none;
}

#replay_intro svg {
  width: 20px;
  height: 20px;
  padding: 5px;
}

svg#main_svg {
  max-width: 100%;
  padding: 10px;
  opacity: 0;
}

svg #Top_Cyberpunk.ca_filter {
  filter: url("/#Chromatic_aberration");
  -webkit-filter: url("#Chromatic_aberration");
}

svg #Cyberpunk_logo {
  -webkit-filter: url("#Analog_noise");
}

/* Keyframes */
@keyframes screenNoise {
  0%, 100% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-5%, -10%);
  }
  20% {
    transform: translate(-15%, 5%);
  }
  30% {
    transform: translate(7%, -25%);
  }
  40% {
    transform: translate(-5%, 25%);
  }
  50% {
    transform: translate(-15%, 10%);
  }
  60% {
    transform: translate(15%, 0%);
  }
  70% {
    transform: translate(0%, 15%);
  }
  80% {
    transform: translate(3%, 35%);
  }
  90% {
    transform: translate(-10%, 10%);
  }
}
@keyframes dimOutline {
  to {
    outline: 1px solid #b33e38;
    filter: drop-shadow(0px 0px 3px red);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*# sourceMappingURL=cyberpunk.css.map */