/* --------------------------------------------------------------------------
   art.css — the seam between the canvas room and the DOM UI.

   Everything here either (a) mounts the art canvas, or (b) switches off a stub
   from src/style.css that the art system has replaced. Nothing here styles the
   HUD, the nav or any panel: those belong to the UI builder.
   -------------------------------------------------------------------------- */

/* The art system owns ONE canvas, in #layer-back, covering the whole play
   region. It is one canvas and not three because depth sorting has to be global
   — a customer must be able to stand behind a crate and in front of a table, and
   no amount of DOM layering can express that. The DOM layers above it stay
   exactly as the scaffold defines them and continue to own type and touch. */
#art-canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 390px;
  height: 702px;
  image-rendering: auto;
  pointer-events: none;
}

/* Stubs the art system has replaced.
   COOKING-LOOP (2026-08-15): `.actors` is no longer in this list — the blob
   stubs it used to hide are deleted from scene.js, and the container now
   carries the order bubbles, which are real UI over the painted room. */
.stub-room,
.stub-counter { display: none !important; }

/* The play region's own background never shows now, but if a bake fails we want
   the room's ambient rather than a bright hole. */
.play { background: #4a3a24; }

/* --- the canvas -> DOM bridge ---------------------------------------------
   These backgrounds are baked from the SAME asset definitions the room uses and
   injected at boot by art/index.js as a data: URL. A dish is authored once and
   appears on the plate, in the menu grid and in a shop row. */
.dish-thumb,
.row-icon,
.dialogue-portrait {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}