/* plain_mode.css — master "no visual effects" backstop + the standalone
 * "Screen effects off" combat de-reddening.
 *
 * Pure-additive: every rule is gated on `html.plain-mode` or `html.screen-fx-off`,
 * so with neither class set the default (effects-on) look is byte-identical.
 * Layout-functional classes (body.in-combat hiding the exit/quick bars, the tab
 * switch) are intentionally left alone — this only strips DECORATION.
 */

/* ============================================================== *
 * PLAIN MODE — the hard backstop. Kills all motion + overlays.   *
 * ============================================================== */

/* Neutralize every keyframe animation (combat-glow, crit-flash, kill-pulse,
   ui-mode-flash, narrator-thinking-pulse, atlas-pulse, …). */
html.plain-mode *,
html.plain-mode *::before,
html.plain-mode *::after {
  animation: none !important;
}

/* Hide the whole-screen effect overlays outright. (Dice draw on the viewport
   canvas, which plain mode disables, so they need no separate rule.) */
html.plain-mode #combat-tint-overlay,
html.plain-mode #status-fx-overlay,
html.plain-mode #ui-mode-accent {
  display: none !important;
}

/* ============================================================== *
 * COMBAT DE-REDDENING — applies under EITHER plain mode or the   *
 * standalone "Screen effects off" toggle. Combat reads as plain  *
 * text: no red prompt, no glowing tab, no red panel frame.       *
 * ============================================================== */

html.plain-mode body.in-combat .tab-btn[data-tab="combat"],
html.screen-fx-off body.in-combat .tab-btn[data-tab="combat"] {
  color: inherit !important;
  text-shadow: none !important;
  animation: none !important;
}

html.plain-mode body.in-combat #prompt-label,
html.screen-fx-off body.in-combat #prompt-label {
  color: inherit !important;
}

html.plain-mode #right-panel.combat-mode,
html.screen-fx-off #right-panel.combat-mode {
  border-left-color: var(--border) !important;
  box-shadow: none !important;
  background: none !important;
}

/* Screen-effects-off also suppresses the combat tint / status overlays at the
   CSS layer (the JS modules already stand down, this is belt-and-suspenders). */
html.screen-fx-off #combat-tint-overlay,
html.screen-fx-off #status-fx-overlay {
  display: none !important;
}