:root {
  color-scheme: dark;
  background: #000;
}

* { box-sizing: border-box; }

html, body {
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
  overflow: hidden;
  overscroll-behavior: none;
}

main {
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 100svh;
  overflow: hidden;
}

canvas {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  cursor: grab;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  outline: none;
}

canvas:active { cursor: grabbing; }

canvas:focus-visible {
  outline: 1px solid #3a3a3a;
  outline-offset: -9px;
}