/* zPanel Shield challenge theme — minimal + monochrome (Vercel-style). Served
   by the gate in place of Anubis's xess stylesheet (Anubis is open source; this
   is a cosmetic override). No card, no colour: high-contrast type, a small
   mark, one hairline progress line, and lots of whitespace. Light + dark. */

:root {
  --bg: #ffffff;
  --fg: #000000;
  --muted: #666666;
  --track: #eaeaea;
  --bar: #000000;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #000000;
    --fg: #ffffff;
    --muted: #888888;
    --track: #333333;
    --bar: #ffffff;
  }
}

* { box-sizing: border-box; }

body {
  background: var(--bg);
  color: var(--fg);
  margin: 0;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* No card — just centered content with room to breathe. */
main {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 2.5rem;
  width: min(21rem, 90vw);
  text-align: center;
}

/* Small monochrome mark; flips to white on the black ground. */
#image {
  width: 44px !important;
  max-width: 44px !important;
  height: auto;
  margin: 0 auto;
  opacity: 0.92;
}
@media (prefers-color-scheme: dark) {
  #image { filter: invert(1); }
}

/* One simple line. Hide Anubis's title and its techy solving status (difficulty,
   hashrate, nonce counts) and show a single friendly message in its place. */
#title { display: none !important; }

#status {
  color: transparent !important;
  font-size: 0 !important;
  margin: 1.4rem 0 0 !important;
}
#status::after {
  content: "Checking you\2019re not a bot\2026";
  color: var(--muted);
  font-size: 0.9rem;
  letter-spacing: -0.01em;
}

/* One hairline progress line — no chunky bar, no coloured outline. Display is
   left to Anubis's own JS (it reveals the bar while solving). */
#progress {
  height: 3px !important;
  width: 100% !important;
  max-width: none !important;
  border-radius: 2px !important;
  outline: 0 !important;
  overflow: hidden;
  background: var(--track) !important;
  margin: 2rem 0 0 !important;
}
.bar-inner {
  background: var(--bar) !important;
  height: 100%;
}

/* Drop the third-party credits + the Anubis-branded explanation entirely. */
footer { display: none !important; }
details { display: none !important; }

a { color: inherit; }