* { margin: 0; padding: 0; box-sizing: border-box; }

html, body { height: 100%; }

body {
  min-height: 100dvh;
  /* Ground color while the artwork loads. */
  background: #590c96;
}

/* The whole artwork — including the CONTINUE TO KBET pill baked into it — is
   one click/tap target, so nothing can drift out of alignment. */
.hero {
  display: block;
  height: 100dvh;
}

.hero:focus-visible {
  outline: 4px solid #00c8e0;
  outline-offset: -4px;
}

.hero picture,
.hero img {
  display: block;
  width: 100%;
  height: 100%;
  /* Fill every screen; the composition is center-weighted, so the slight
     side-crop on tall phones is accepted by design. */
  object-fit: cover;
  object-position: center;
}