/* Low-graphics mode (body.gfx-low): cheaper rendering for old devices */
#bg-lowres{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none;display:none;image-rendering:pixelated;image-rendering:crisp-edges;image-rendering:pixelated;}
body.gfx-low *,body.gfx-low *::before,body.gfx-low *::after{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:none!important;text-shadow:none!important;
}
img.gfx-px{image-rendering:pixelated;}

/* The low-res background is a fixed canvas at z-index:-1: an opaque body (or html+body) background would paint OVER it and the
   screen turned black. In low mode the body background colour is transparent and the dark base colour lives on <html>
   (the canvas sits above it). */
html:has(body.gfx-low){background:#050505;}
body.gfx-low{background-color:transparent!important;}