@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
  /* Base UI text size. Every font size in the HUD, inventory and screens is a
     rem multiple of this, so changing it here rescales the whole interface.
     16px is the browser default, which is what the UI was drawn against. */
  --fs: 16px;

  --bone: #cdbfa3;
  --bone-dim: #8a7f6a;
  --blood: #a11226;
  --blood-hi: #d13a4e;
  --soul: #46c8b2;
  --gold: #d8a53f;
  --panel: #12100c;
  --edge: #3a2f22;
  --c-common: #9aa0a6;
  --c-magic: #5b8ff0;
  --c-rare: #e8c14a;
  --c-leg: #e07a2f;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

/* The one place --fs is spent: everything else is rem off this. */
html {
  font-size: var(--fs);
}

html,
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #050604;
  height: 100%;
}

body {
  font-family: "Tinos";
  color: var(--bone);
  user-select: none;
  -webkit-user-select: none;
}

#cv {
  display: block;
  position: absolute;
  inset: 0;
  touch-action: none;
}