/* ============ The ocean endcap ============
   Hidden drawer past the bottom of every page (see /endcap.js). At rest it has zero
   height, so the footer's legal row stays the normal end of the page. Scrolling past
   the bottom stretches it open onto the ocean scene.

   ONE source of truth: markup + inclusion come from chrome.mjs (renderEndcap + the
   ENDCAP_INJECT list), behaviour lives in /endcap.js, presentation here. */

.endcap { position: relative; height: 0; overflow: hidden; }
.endcap-stage { position: absolute; bottom: 0; left: 0; right: 0; height: 380px; }
.endcap-stage canvas { display: block; width: 100%; height: 100%; }
@media (max-width: 640px) { .endcap-stage { height: 250px; } }