html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #07050f;
  color: #b9a9d6;
  font-family: Georgia, "Times New Roman", serif;
  overflow: hidden;
}

#wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#game {
  display: block;
  width: min(100vw, calc((100vh - 36px) * 16 / 9));
  height: auto;
  aspect-ratio: 16 / 9;
  background: #0b0820;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  outline: none;
}

#ai-note {
  margin: 0;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  text-align: center;
  color: #9a8bb8;
}

noscript {
  color: #ffd27a;
  padding: 8px;
}