/* ==========================================================================
   §37 FULL VIEWPORT — the picture takes the empty space.

   The frame is pinned to twelve hundred pixels and centred, so on anything
   wider than that there are two slabs of dead page either side of it. Press
   the switch and that cap comes off: the left column goes to the left edge of
   the window, the right column goes to the right edge, and the middle grows
   into everything that was wasted between them. The picture grows with it.

   Nothing leaves. Nothing is hidden, nothing is overlaid, nothing moves in
   the page. Both side columns keep their width and everything in them stays
   where it was and keeps working — they are simply further apart, and the
   room is bigger because of it.

   Only applies while body carries .vn, which §37 puts on and takes off.
   ========================================================================== */

#app{transition:max-width .42s cubic-bezier(.4,0,.2,1)}
body.vn #app{max-width:none}

/* the picture follows the column it lives in. width drives it; the cap is so
   a tall plate cannot push the choices off the bottom of a short window. */
body.vn #sceneArt img.plate{max-height:min(64vh, 780px);object-fit:contain}
/* ...and the card stops where the picture stops. Most plates are 3:2; without
   this the card ran the full width of the column with black bars down both
   sides, and anything pinned to the card (Pike's screen, the intercom) sat
   out in the bars instead of on the picture. */
@media(min-width:961px){ body.vn #scene{max-width:calc(min(64vh, 780px) * 1.5)} }

@media(prefers-reduced-motion:reduce){ #app{transition:none} }