/* The site's backgrounds, the story wiki's own (theyellowarchitect.com/yugiwiki): black-and-gold glyphs at night,
   limestone glyphs by day. Gamend links /theme.css after its stylesheet on every page and sets data-theme="dark" or
   "light" on <html>; <html> and <body> both carry bg-base-100, so the texture goes on <html> and <body> lets it show. */
html[data-theme="dark"] {
  background: #0c0b0a url("/images/egypt_bg_blackgold.webp") repeat;
}

html[data-theme="light"] {
  background: #e2d9c6 url("/images/egypt_bg_limestone.webp") repeat;
}

html[data-theme] body {
  background: transparent;
}

/* The home banner's Millennium Puzzle (its alt text names it): Gamend's own script opens every banner image full-size
   on a click, and the theme has no switch for that, so the image takes no clicks at all; its tooltip is drawn here
   on the image's box instead, since the image itself can no longer be hovered. */
img[alt="Millennium Puzzle"] {
  pointer-events: none;
}

div:has(> img[alt="Millennium Puzzle"]) {
  position: relative;
}

div:has(> img[alt="Millennium Puzzle"]):hover::after {
  content: "Clients made in Godot.\A Server made in Gamend.";
  white-space: pre;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  padding: 6px 12px;
  border: 1px solid rgba(201, 162, 74, 0.6);
  border-radius: 6px;
  background: rgba(12, 11, 10, 0.92);
  color: #f3e3bd;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: center;
  pointer-events: none;
}

/* No language picker: the site is English only. Gamend shows it whenever it knows more than one language, and its
   translations are compiled in, so it is hidden here (the wrapper holds both the phone button and the dropdown). */
div:has(> label[for="lang-modal"]) {
  display: none !important;
}