/* PHOSPHOR // the CRT deck. near-black ground, phosphor green, monospace, the
   screen as the only light after 3am. The wordmark is SOLID phosphor with a
   glow (no gradient-clip), so it can never disappear. */
:root{
  --ground:#06080A; --ground-2:#0A0F0C; --ground-3:#0E1612;
  --ink:#9CFFC0; --ink-muted:#4FB87A; --hair:rgba(124,255,160,.18);
  --emerald:#4CFF8F; --emerald-deep:#2FCC6E; --emerald-ink:#1F8A4A; --emerald-hi:#B8FFD0;
  --ochre:#FFC04C; --ochre-deep:#C8902F;
  --jade:#06080A; --jade-2:#0A0F0C; --jade-3:#0E1612;
  --pole:#4CFF8F; --pole-2:#FFC04C; --pole-text:#7CFFB0; --focus:#4CFF8F;
}
body{background:var(--jade);font-family:'JetBrains Mono',ui-monospace,monospace}
.room--jade{--ground:#06080A;--ground-2:#0A0F0C;--ground-3:#0E1612;
  --ink:#9CFFC0;--ink-muted:#4FB87A;--hair:rgba(124,255,160,.18);
  --pole:#4CFF8F;--pole-2:#FFC04C;--pole-text:#7CFFB0;--focus:#4CFF8F}
.room--rose{--ground:#040605;--ground-2:#0A0F0C;--ground-3:#0E1612;
  --ink:#9CFFC0;--ink-muted:#4FB87A;--hair:rgba(124,255,160,.18);
  --pole:#4CFF8F;--pole-2:#FFC04C;--pole-text:#B8FFD0}
.nightfall{background:var(--jade)}
.site-foot{background:var(--jade);border-top:2px solid color-mix(in srgb,var(--pole) 45%,transparent)}
.foot-col h2{color:var(--emerald-hi)}
/* SOLID phosphor wordmark (override the base gradient-clip entirely) + glow */
.wordmark,.goldmark,.fw{font-family:'VT323',ui-monospace,monospace;font-weight:400;letter-spacing:.01em;
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
  color:#7CFFB0;-webkit-text-fill-color:#7CFFB0;
  text-shadow:0 0 6px rgba(76,255,143,.65),0 0 18px rgba(76,255,143,.35)}
h2.head{font-family:'VT323',ui-monospace,monospace;color:#9CFFC0;text-shadow:0 0 6px rgba(76,255,143,.45)}
.lede,.reading,.method-p,.foot-brand p,.hero .reading{font-family:'JetBrains Mono',ui-monospace,monospace;font-style:normal}
/* the full-bright phosphor green reads harsh as long-form body copy on black; soften it a little */
.reading,.hero .reading,.method-p,.lede{opacity:.8}
.kicker,.draw-count,.card-keyword,.nav-row,.plate figcaption,.foot-col a,.foot-col span,.flip-hint{font-family:'JetBrains Mono',ui-monospace,monospace}
.hero-sub{--sub-font:'JetBrains Mono',ui-monospace,monospace;color:var(--pole-text);text-transform:uppercase;letter-spacing:.04em}
.plate--card .plate-img::after{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pole) 60%,transparent)}