/* LAMP's page: the shared skin is ../module.css (site/public/module.css), the stage's layout and controls included;
   this is only what's LAMP's own: the lit window over the flat panel (js/stage.js; the knobs and jacks over it are
   ../parts.js's), the scope, the spring's spectrogram, and a little spacing. LAMP is gold like every page; the
   bulb's amber is the bulb's, in its window. */

/* ---------- the stage: the flat panel beside the scope (js/stage.js) ---------- */
/* 12 HP, drawn the same height as every other panel */
.stage { --panel-ratio: 60.66 / 128.5; --panel-max: 335px; --panel-max-narrow: 311px; }
/* the window and the bulb's light, in the panel's millimetres, under the parts */
.panel-parts { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.lp-halo { mix-blend-mode: screen; }
#scope { display: block; width: 100%; aspect-ratio: 16 / 10; }

/* ---------- the spring: the tank's impulse response (js/chirp.js) ---------- */
.chirp { max-width: 760px; }
.chirp canvas { width: 100%; aspect-ratio: 450 / 128; background: var(--screen); }

/* ---------- spacing ---------- */
.pillar-grid + .prose { margin-top: 2rem; }
#inside .module-view { margin-top: 2rem; }