/* Compact title view; the game gets more room once a run starts. */
.imprint-container.section {
  padding-top: 20px;
}

.imprint-sidescroller-full-container {
  width: 100%;
  margin: 0 0 24px;
}

.imprint-sidescroller-iframe {
  --imprint-game-radius: clamp(12px, 1.5vw, 20px);
  display: block;
  width: 100%;
  height: min(80svh, 580px);
  border: 0;
  border-radius: var(--imprint-game-radius);
  clip-path: inset(0 round var(--imprint-game-radius));
  background: #081833;
}

.imprint-sidescroller-full-container[data-game-state="playing"] .imprint-sidescroller-iframe {
  height: min(84svh, 800px);
}

@media (max-width: 700px) {
  .imprint-container.section {
    padding: 20px 16px 0;
  }

  .imprint-sidescroller-iframe {
    height: min(68svh, 460px);
  }
}

/* Narrow screens wrap the title and controls onto more lines. */
@media (max-width: 360px) and (orientation: portrait) {
  .imprint-sidescroller-iframe {
    height: min(82svh, 464px);
  }
}

@media (max-height: 500px) and (orientation: landscape) {
  .imprint-sidescroller-iframe {
    height: min(78svh, 360px);
  }
}