/* Page baseline */
:root { color-scheme: dark; }
html, body { height: 100%; }
body {
  margin: 0;
  background: #000;
  color: #fff;
  font-family: ui-monospace, Menlo, Consolas, "Courier New", monospace;
  display: grid;
  place-items: center;         /* centers the main container */
}

/* Vertical stack layout */
.stack {
  width: min(92vw, 1100px);
  display: flex;
  flex-direction: column;      /* forces “under”, not beside */
  align-items: center;
  gap: 28px;
  padding: 28px 0;
}

/* Keep ASCII spacing + center it */
.ascii {
  white-space: pre;            /* preserve spaces/newlines */
  margin: 0;
  text-align: center;
  line-height: 1;
  font-size: clamp(12px, 2.8vw, 22px); /* responsive size */
}

/* Responsive 16:9 video under the ASCII */
.video {
  width: 100%;
  max-width: 900px;
  aspect-ratio: 16 / 9;        /* keeps YouTube shape */
}
.video iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;              /* prevents inline side-by-side */
}