body { overflow-y: auto !important; }

/* nav over the palette + scanlines (matches tarot/mtg) */
.exec-nav { z-index: 9995; }

/* raise the palette above the cyber scanlines (z 9990) so they sit behind */
.clr-wrap { position: relative; z-index: 9991; width: min(980px, 94vw); margin: 24px auto 100px; font-family: 'Iosevka Mayukai Monolite', monospace; color: hsl(var(--green-hsl));

  /* phosphor glow — same as the tarot reader skin (chat-reader.css) */
  text-shadow: 0 0 4px hsl(var(--green-hsl) / 0.45), 0 0 10px hsl(var(--green-hsl) / 0.12); }

/* one little table per color (hue-ordered, wrapping): title on top, then a
   table whose columns are the color's variations (card sizes, or alpha steps
   for non-card colors) and rows are swatch / opacity / count / effects, then
   the description beneath. */
.clr-board { display: flex; flex-direction: column; gap: 32px; }
.clr-group { display: flex; flex-direction: column; gap: 7px; width: 100%; }
.clr-title { font-size: 0.85rem; color: hsl(var(--green-hsl)); }
.clr-tbl { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 0.62rem; }
.clr-tbl th { font-weight: 400; opacity: 0.55; padding: 2px 6px; text-align: center; }
.clr-tbl td { padding: 2px 6px; text-align: center; vertical-align: middle; }

.clr-sw { width: 100%; height: 16px; border-radius: 3px; overflow: hidden;

  /* faint dark field so translucent fills read against it */
  background: hsl(0deg 0% 0% / 0.3); }
.clr-fill { width: 100%; height: 100%; }
.clr-cnt { color: hsl(var(--green-hsl) / 0.45); }

/* effects label matches the opacity cells (default green td text) */
.clr-tbl td.clr-usecell { vertical-align: top; text-align: left; padding-top: 6px; }
.clr-uselist { margin: 0; padding-left: 15px; font-size: 0.56rem; opacity: 0.78; list-style: disc; }
.clr-uselist li { line-height: 1.4; overflow-wrap: anywhere; }
.clr-guse { font-size: 0.62rem; opacity: 0.55; line-height: 1.4; overflow-wrap: anywhere; white-space: normal; }
.clr-empty { font-size: 0.75rem; color: hsl(var(--green-hsl) / 0.45); padding: 8px 0; }