/* MagazineStand container - same full-bleed/canvas-gap-fix pattern as
   #shelf-canvas-container in home.html, kept in its own file since
   this is a genuinely separate component, not a shelf retrofit. Shown by
   default (MagazineStand is now the landing view); the inline toggle script
   in home.html shows/hides this and #shelf-canvas-container opposite
   each other. */

#magazine-stand-canvas-container {
  display: block; /* MagazineStand is the default view - shelf starts hidden */
  width: 100%;
  height: 100%;
  cursor: grab;
  /* Without this, touch drag/scroll here fights the browser's own native
     touch scrolling instead of reaching handlePointerMove's custom pan
     logic (pointerdown/move/up are already wired - see magazine-stand.js -
     but the browser can still intercept a single-finger drag as a page
     scroll gesture first unless told not to). No effect on mouse/trackpad
     input, so desktop behavior is unchanged. */
  touch-action: none;
}

#magazine-stand-canvas-container.dragging {
  cursor: grabbing;
}

#magazine-stand-canvas-container canvas {
  display: block;
  width: 100%;
  height: 100%;
}

#magazine-stand-fallback {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  color: #f2ead8;
  /* Not var(--font-body) - this page doesn't load css/style.css, so that
     variable isn't in scope here. Same stack, hardcoded to match (falls
     back to system serif - the actual Goudy Bookletter 1911 webfont isn't
     loaded on this page, only a rarely-seen error message). */
  font-family: 'Goudy Bookletter 1911', Georgia, 'Times New Roman', serif;
  text-align: center;
  padding: 2rem;
}