/* ============================================================
   CATBACK bank.css — owned by js/bank.js.

   Owns ONE thing: the placement of #bg-canvas, the fixed
   full-viewport surface the bank branch is painted on. It must
   load AFTER base.css (which hides all three world canvases) so
   this file can bring #bg-canvas back — the other two stay off.

   Nothing here may target anything inside .hero: no .hero,
   #atm-rig, #atm-wrap, .atm-*, #wallet-layer, #notes-canvas or
   .term-panel-* selectors, ever. The room is strictly BEHIND.
   ============================================================ */

/* ---- the room surface --------------------------------------
   base.css sets display:none on #bg-canvas / #life-canvas /
   #weather-canvas. The room needs its canvas back; the ambient
   life and weather layers were built for the old dark world and
   stay hidden. */
#bg-canvas {
  display: block;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-bg);
  pointer-events: none;
  /* the renderer upscales a low-res room with nearest-neighbour
     internally; this keeps any browser-side scaling crisp too */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  /* until the first frame lands, the page cream shows through */
  background: var(--ink);
  contain: strict;
}

/* explicitly kept off — see above (belt and braces, since this
   file is the last word on the world-layer stack) */
#life-canvas,
#weather-canvas {
  display: none;
}

/* ---- print / no-JS ------------------------------------------
   With scripts off the canvas never paints; keeping the cream
   page background means content is unaffected either way. */
@media print {
  #bg-canvas { display: none; }
}