/* The site's typefaces, served from our own origin.
   ==================================================================
   Every page used to pull VT323 and JetBrains Mono from Google Fonts. Three
   reasons that had to stop:

   1. It is a render-blocking request to somebody else's server on the way to
      a page whose whole job is to load fast on a phone in the street.
   2. Rehearsal links look like /stage.html?token=..., so every page load told
      Google the URL. Referrer-Policy already closed that, but not making the
      request at all is better than trimming what leaks in it.
   3. The five games were switched to self-hosted faces already, so the pages
      were the odd ones out.

   The two faces below cover everything the pages ask for. Block Blueprint and
   Press Start 2P live in the game frame instead, since only the games use
   them.

   font-display: swap, not block: on these pages the text matters more than
   the face it arrives in, and a phone on a bad connection should be reading
   the clue rather than staring at nothing. The games use block, because a
   HUD reflowing mid-play is worse than a beat of blank. */

/* Every page loads this sheet. Phones: no double-tap zoom (pinch still works), no text inflation on rotate. */
html { touch-action: manipulation; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

@font-face {
  font-family: 'VT323';
  src: url('/fonts/VT323-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* One variable file covering 400 to 800, which is what Google serves for this
   family now, so both the regular and the bold the pages ask for come out of
   a single 31kb download instead of two. */
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/fonts/JetBrainsMono-latin.woff2') format('woff2-variations'),
       url('/fonts/JetBrainsMono-latin.woff2') format('woff2');
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
