:root {
  --yellow: #FFD136;
  --ink: #000;
}

html {
  background: var(--yellow);
  color: var(--ink);
}

body {
  margin: 0;
}

.field {
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100svh;
  box-sizing: border-box;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  background: var(--yellow);
}

h1 {
  margin: 0;
  line-height: 0;
}

/* Deck page 10: lockup at 36% of the field width, centred. Never below 260px or above 80% of a narrow screen. */
.lockup {
  display: block;
  width: min(80vw, clamp(260px, 36vw, 1200px));
  height: auto;
}