/* The front door: the page shown in place of the game on a device with no mouse or trackpad, and the one-line
   message when the game cannot start. Same type and colours as the title screen. */
html.door-on #stage { display: none; }
html.door-on, html.door-on body { overflow: auto; user-select: text; -webkit-user-select: text; background: #0c0e16; }

.door { position: fixed; inset: 0; z-index: 10; display: flex; flex-direction: column; justify-content: flex-end;
  padding: 0 max(28px, 7.5vw) max(64px, 12vh); background: #0c0e16; color: #ece4d2;
  font-family: "Baskerville", "Baskerville Old Face", "Libre Baskerville", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
.door h1 { font-weight: 400; font-size: clamp(64px, 17vw, 112px); line-height: 0.9; letter-spacing: -0.015em; margin: 0 0 0 -0.05em; }
.door-sub { font-style: italic; font-size: 19px; color: #b4afa3; margin: 10px 0 0; }
.door-line { font-size: 22px; line-height: 1.4; max-width: 20em; margin: 34px 0 0; }
#door-fail .door-line { margin-top: 0; }
.door-link { align-self: flex-start; margin-top: 18px; padding: 0; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: 22px; line-height: 1.5; color: #b4afa3; text-decoration: none; transition: color .15s; }
.door-link:hover, .door-link:focus-visible, .door-link:active { color: #ece4d2; outline: none; text-decoration: underline;
  text-decoration-color: #f2b45c; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.door-url { font-size: 17px; line-height: 1.4; color: #b4afa3; margin: 4px 0 0; word-break: break-all; }
.door-url:empty { display: none; }
noscript .door { z-index: 20; }