@font-face {
  font-family: "Courier Prime Sans";
  font-weight: 400;
  font-display: block;
  src: url("/fonts/courier-prime-sans.ttf") format("truetype");
}

@font-face {
  font-family: "Courier Prime Sans";
  font-weight: 700;
  font-display: block;
  src: url("/fonts/courier-prime-sans-bold.ttf") format("truetype");
}

@font-face {
  font-family: "Courier Prime Sans";
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url("/fonts/courier-prime-sans-italic.ttf") format("truetype");
}

@font-face {
  font-family: "Courier Prime Sans";
  font-style: italic;
  font-weight: 700;
  font-display: block;
  src: url("/fonts/courier-prime-sans-bold-italic.ttf") format("truetype");
}

@font-face {
  font-family: "Courier Prime";
  font-weight: 400;
  font-display: block;
  src: url("/fonts/courier-prime.ttf") format("truetype");
}

@font-face {
  font-family: "Courier Prime";
  font-weight: 700;
  font-display: block;
  src: url("/fonts/courier-prime-bold.ttf") format("truetype");
}

@font-face {
  font-family: "Courier Prime";
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url("/fonts/courier-prime-italic.ttf") format("truetype");
}

@font-face {
  font-family: "Courier Prime";
  font-style: italic;
  font-weight: 700;
  font-display: block;
  src: url("/fonts/courier-prime-bold-italic.ttf") format("truetype");
}

:root {
  color-scheme: dark;
  --screenplay-preview-texture: url("/noisetexture.png");
}

html {
  overscroll-behavior: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
}

body {
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  font-family: var(---theme-font-sans);
  min-height: 100dvh;
}

main {
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.picker * {
  pointer-events: auto;
}