/* -- Steal a Keegan -- Stylesheet -- */

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

html, body {
  height: 100%; overflow: hidden; background: #000;
  -webkit-tap-highlight-color: transparent; touch-action: none;
  -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;
}

canvas {
  display: block; width: 100%; height: auto; aspect-ratio: 960 / 600;
}

@media (max-width: 767px) {
  canvas { width: 100vw; height: calc(100vh - 140px); height: calc(100dvh - 140px); aspect-ratio: auto; }
}

@media (orientation: landscape) and (max-height: 700px) {
  canvas { width: 100vw; height: 100vh; height: 100dvh; aspect-ratio: auto; }
}

.in-iframe canvas { width: 100vw !important; height: 100vh !important; height: 100dvh !important; aspect-ratio: auto !important; }