@font-face {
  font-family: "Principles Serif SC";
  src: url("fonts/noto-serif-sc-subset.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Principles Sans SC";
  src: url("fonts/noto-sans-sc-subset.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --serif: "Principles Serif SC", "Noto Serif SC", "Source Han Serif SC", serif;
  --sans: "Principles Sans SC", "Noto Sans SC", "Source Han Sans SC", sans-serif;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #101a24;
}

body {
  display: grid;
  place-items: center;
}

.stage {
  width: min(100vw, 177.7778vh);
  height: min(100vh, 56.25vw);
  max-width: 100vw;
  max-height: 100vh;
}

.stage.loading .stage-inner {
  display: grid;
  place-items: center;
  color: var(--muted);
  font: 14px/1.5 var(--mono);
}

.qr {
  overflow: hidden;
  background: #fff;
  background-image: none;
  box-shadow: none;
}

.qr img {
  display: block;
  width: 100%;
  height: 100%;
}