/* Museum mode, on with ?museum (js/museum.js puts .museum on the root).
   Everything a visitor would press goes: this is a loop on a wall, not a
   page. The box keeps its words, sits bottom right, and grows a little,
   since the nearest seat is a long way from a two story screen. Three demo
   keys sit under it; .kiosk hides them and the cursor for the wall. */
.museum .topbar, .museum .railwrap, .museum .panel .actions, .museum .panel-fold,
.museum .holotip, .museum #loading, .museum .credits, .museum .panel .fine, .museum #tune,
.museum .panel .codexlink, .museum .holoswitch, .museum .panel .body .holobtn { display: none !important; }   /* the loop replays by itself */
.museum .panel { top: auto; bottom: 72px; right: 28px; width: min(520px, calc(100vw - 56px)); max-height: calc(100vh - 160px); }
.museum .panel h1 { font-size: 34px; }
.museum .panel .body p { font-size: 19px; line-height: 1.5; }
.museum .panel .eyebrow { font-size: 12.5px; }
.museum .legend li { font-size: 16px; }
.museum .legend li span { font-size: 14.5px; }
/* the demo keys, under the box */
.museum-ctl { position: fixed; right: 28px; bottom: 24px; z-index: 6; display: flex; gap: 8px; }
.museum-ctl .ghost { min-width: 96px; text-align: center; }
.kiosk, .kiosk body { cursor: none; }
.kiosk .museum-ctl { display: none; }