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

html,
body {
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, "Helvetica Neue", Arial, sans-serif;
  position: fixed;
  inset: 0;
  background: #000;
}

.page {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  height: 100svh;
  height: 100dvh;
  background: #000;
  overflow: hidden;
}

.stage-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}

.stage-frame canvas {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

@supports (-webkit-touch-callout: none) {
  html,
  body,
  .page {
    width: 100%;
    height: 100%;
    min-height: -webkit-fill-available;
  }
}