/* Fonts for the DOM (ui/fonts.js has the same stacks for canvas text). Every face is served from client/fonts/
   (licenses: client/fonts/LICENSE.md).
   --font: M PLUS Rounded 1c for body text and values (Medium, Bold for 600+); --head: window titles, speaker names,
   sub-labels and window buttons (Bold, drawn 1.3x). --pixel is the game's pixel font for badges, key caps, banners and
   the boss bar: tinyfont, which ui/pixframe.js draws in place of every text set in it. Its family "MD Pixel Label" names
   no face on purpose, so the browser falls through to --head until the frame code runs (and under the ROM UI, F9). Both
   text faces keep a 1.2 em line, so rows keep their heights. */
@font-face { font-family: "MD Text"; src: url(../fonts/md-text.woff2) format("woff2"); font-weight: 100 549; font-display: block;
  ascent-override: 96%; descent-override: 24%; line-gap-override: 0%; }
@font-face { font-family: "MD Text"; src: url(../fonts/md-text-bold.woff2) format("woff2"); font-weight: 550 900; font-display: block;
  ascent-override: 96%; descent-override: 24%; line-gap-override: 0%; }
/* titles: the overrides scale with size-adjust (78 + 22 = 100 % of 1.3 em: a 1.3 em line) */
@font-face { font-family: "MD Head"; src: url(../fonts/md-text-bold.woff2) format("woff2"); font-weight: 100 900; font-display: block;
  size-adjust: 130%; ascent-override: 78%; descent-override: 22%; line-gap-override: 0%; }
/* canvas pixel-art text only (PIXEL_TEXT_STACK): Pixelify Sans, variable 400-700 */
@font-face { font-family: "MD Pixel Text"; src: url(../fonts/md-pixel-text.woff2) format("woff2"); font-weight: 400 700; font-display: block; }
@font-face { font-family: "MD Num"; src: url(../fonts/md-num.woff2) format("woff2"); unicode-range: U+0030-0039; font-weight: 100 900; font-display: block; }
:root {
  --font: "MD Text", ui-rounded, "Segoe UI", system-ui, sans-serif;     /* UI text, the HUD, menus */
  --head: "MD Head", var(--font);                                       /* window titles, names, sub-labels, window buttons */
  --pixel: "MD Pixel Label", var(--head);                              /* badges, key caps, banners: tinyfont (pixframe.js) */
  --num: var(--font);                                                  /* values: HP, PP, prices, counts */
}
/* A value (HP 74/74, 1,250 P, x3): the numeral stack, tabular, never broken over two lines. */
.num { font-family: var(--num); font-variant-numeric: tabular-nums; white-space: nowrap; }
/* ...with a dark rim where it sits on the map or on an icon */
.num-o { text-shadow: -1px 0 #000, 1px 0 #000, 0 -1px #000, 0 1px #000, 0 2px 0 #000; }