/* r10.css - the lab 076 rules applied to the whole site (ITERATION.md, "r10 rules (from lab 076)").
   Loaded last on the home page and v2, so it wins over each page's own styles. */

/* one backdrop gradient, as room lighting; it is the only gradient on the page */
html { background: radial-gradient(120% 90% at 72% 18%, #161616 0%, var(--black) 64%) fixed var(--black); }
body { background: transparent !important; }

/* no faux depth and no rounded corners: every edge runs on an axis or a 45-degree chamfer */
*, *::before, *::after { border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important; }
header { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: var(--black) !important; }

/* chroma budget: the signal layer's red and blue are the only colour on screen, so everything else is grey */
img, video, picture, svg, canvas:not(.sig), iframe { filter: grayscale(1); }
a, strong, em, mark, code, [class*="badge"], [class*="tag"], [class*="dot"], [class*="status"], [class*="pill"] { filter: grayscale(1); }

/* mostly still: nothing decorative moves on its own. These loops ran forever whether or not anyone was there */
.hg-center, .hg-node, .hg-ring, .hg-line, .scroll-hint, .running-now-label::before,
.imap-spine-pulse, .imap-root-dot-ring, .imap-packet { animation: none !important; }
.imap-packet, .imap-spine-pulse { display: none !important; }

/* gradients on objects become flat ink */
.at-legend-line.at-leg-a { background-image: none !important; }
.at-legend-line.at-leg-b { background-image: none !important; }

/* the light theme is retired, so its toggle goes too */
.theme-toggle { display: none !important; }

/* the signal layer: a static scaffold behind the content, the moving ink above it */
.sig { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; pointer-events: none; }
.sig-scaffold { z-index: -1; }
.sig-ink { z-index: 90; }
html.pg-broken[data-pg-break="3"] .sig-ink { z-index: 2147482700; }

/* sections carry their own colour (card fills, chips, legends); grey them as a whole. Measured r10: navy card
   fills were 60% of the chroma at break 1 before this rule */
main section, body > section, footer { filter: grayscale(1); }