/* Shared landing-page artwork for every secondary page. Fixed layers avoid
   stretching the image over long pages and work without iOS background-attachment. */
:root {
  --signal-page-art: url('/signal-background.jpeg?rev=5dfa183f1e52fc94a037498b');
  --signal-page-position: center;
}
body { background: #070305; color: #f6f1ef; isolation: isolate; }
body::before,
#menu::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(90deg, #08000366, #080003a6), var(--signal-page-art);
  background-size: cover;
  background-position: var(--signal-page-position);
  background-repeat: no-repeat;
}
#menu { isolation: isolate; background: #070305; }
.entity-page .faces-heading {
  background: #080306d9;
  padding: 22px;
  border-left: 2px solid #ff153d;
}
body:not(.entity-page):not([data-game-season]) > main {
  background: #080306e6;
  border: 1px solid #862036;
  color: #f6f1ef;
}
body:not(.entity-page):not([data-game-season]) > main h1 {
  font-size: clamp(36px, 8vw, 64px) !important;
  overflow-wrap: anywhere;
}
@media (max-width: 680px) {
  :root { --signal-page-position: 37% top; }
  .entity-page .faces-heading { padding: 18px; }
}