/* ── Phyrexian easter egg ──────────────────────────────────────────────────
   Owner-only toggle in the main-site admin bar swaps every non-admin font
   on all three pages to Phyrexian script + fades in a tunnel-vision
   vignette. The admin bar + PSModal + hotlist modals stay legible so the
   Owner can toggle back. Font file lives at img/fonts/phyrexian.ttf —
   see img/fonts/README.md for sourcing notes and how to add a .woff2
   variant if smaller download size matters. */

@font-face {
  font-family: 'Phyrexian';
  src: url('../img/fonts/phyrexian.ttf') format('truetype');
  font-display: swap;
}

/* ── Mode: active ───────────────────────────────────────────────────────── */
/* Broad font override — applies everywhere unless an escape-hatch below wins. */
body.phyrexian-mode,
body.phyrexian-mode * {
  font-family: 'Phyrexian', serif !important;
  /* Slightly looser letter-spacing looks better with the glyphs. */
  letter-spacing: 0.05em !important;
}

/* Escape hatches — keep admin surfaces + modals readable so the Owner can
   actually sign out or toggle the mode off. */
body.phyrexian-mode #ps-admin-bar,
body.phyrexian-mode #ps-admin-bar *,
body.phyrexian-mode .ps-admin-bar,
body.phyrexian-mode .ps-admin-bar *,
body.phyrexian-mode #ps-modal-overlay,
body.phyrexian-mode #ps-modal-overlay *,
body.phyrexian-mode .ps-modal-overlay,
body.phyrexian-mode .ps-modal-overlay *,
body.phyrexian-mode .hotlist-modal,
body.phyrexian-mode .hotlist-modal * {
  font-family: 'Inter', 'Oswald', sans-serif !important;
  letter-spacing: normal !important;
}

/* ── The Surrender button ──────────────────────────────────────────────────
   Sits inside the admin bar but breaks the escape-hatch rule above so it
   can render in Phyrexian by default. When mode flips ON, the text becomes
   "Fight!" and we swap back to the regular Oswald font. */
#ps-surrender-btn {
  font-family: 'Phyrexian', serif !important;
  letter-spacing: 0.14em !important;
  font-size: 0.72rem;
  color: #e9d5ff;
}
body.phyrexian-mode #ps-surrender-btn {
  font-family: 'Oswald', sans-serif !important;
  letter-spacing: 0.12em !important;
  color: #fca5a5;
}

/* ── Tunnel-vision vignette ─────────────────────────────────────────────── */
#ps-phyrexian-vignette {
  position: fixed;
  inset: 0;
  pointer-events: none;
  /* Nearly-black Phyrexian-oil gradient. Transparent core so content in the
     center of the viewport stays visible. */
  background:
    radial-gradient(ellipse at center,
      transparent 25%,
      rgba(8, 4, 14, 0.55) 65%,
      rgba(4, 2, 8, 0.94) 100%);
  z-index: 9998;
  opacity: 0;
  transition: opacity 1.4s ease;
  mix-blend-mode: multiply;
}
body.phyrexian-mode #ps-phyrexian-vignette { opacity: 1; }