canvas,
#canvas {
  touch-action: none;
}

@media screen and (orientation: landscape) and (max-height: 600px) {
  html,
  body {
    background: #121212 !important;
  }

  #canvas,
  canvas,
  #status {
    visibility: hidden !important;
  }

  body::after {
    align-items: center;
    background: #121212;
    color: #f5f5f5;
    content: "↻\A Rotate to portrait";
    display: flex;
    font: 600 18px/1.6 system-ui, sans-serif;
    inset: 0;
    justify-content: center;
    letter-spacing: 0.02em;
    position: fixed;
    text-align: center;
    white-space: pre;
    z-index: 2147483647;
  }
}