/* GARMONBOZIA's page: the shared skin and stage are ../module.css (site/public/module.css); this is only what's its own.
   The page is gold like every module's; only the panel's own lights keep their colour: the sixteen kernels round
   CREAM and FEED's cap, a pale corn yellow. */

/* ---------- the stage: the panel (20 HP, 101.3 mm), playable ---------- */
.stage { --panel-ratio: 101.3 / 128.5; --panel-max: 560px; --panel-max-narrow: 520px; overflow-x: clip; }
.panel-lit { position: absolute; inset: 0; width: 100%; height: 100%; }
.stage.live .panel-lit { display: none; }

/* the bowl: each kernel's window lit, the mockup's own picture of it (assets/kernel.png, light as alpha), turned to its
   place by panel2d.js and shown at the engine's level by opacity */
.p2-kernel {
  position: absolute; aspect-ratio: 1; pointer-events: none; opacity: 0;
  background: center / 100% 100% no-repeat;
}

/* FEED: pressed, its cap sinks a little */
.p2-button.held svg { transform: scale(0.95); }

/* beside the panel: the bowl's count and HUNGER, the trace, what a control just did */
.status { min-height: 2.8em; }
#trace { display: block; width: 100%; height: 72px; }
.readout { min-height: 2.8em; font: 400 0.74rem/1.4 "Space Mono", ui-monospace, monospace; color: var(--ink); }
#patch-note { min-height: 8.6em; }