/* The posters page: a canvas of two hundred posters, and nothing else. Colours come from /styles.css. */
html, body { height: 100%; overflow: hidden; overscroll-behavior: none; }
#wall { position: fixed; inset: 0; width: 100vw; height: 100dvh; display: block; cursor: grab; touch-action: none; }
#wall:active { cursor: grabbing; }

#viewer { border: 0; padding: 0; margin: auto; background: none; max-width: none; max-height: none; overflow: visible; }
#viewer:focus, #viewer:focus-visible { outline: none; }
#viewer::backdrop { background: color-mix(in srgb, var(--canvas) 92%, transparent); }
#canvas { display: block; height: min(94dvh, calc(94vw * 297 / 210)); aspect-ratio: 210 / 297; cursor: pointer; touch-action: none; }