* {
  box-sizing: border-box;
}
html {
  filter: invert(1) hue-rotate(180deg);
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: Arial;
  background: #f0f0f0;
  overflow: hidden;
}
#canvas {
  background: white;
  border: 3px solid #000000;
  cursor: crosshair;
  padding: 0;
  margin: auto calc(50% - 185px);
  width: 370px;
  height: 370px;
}
#status {
  padding: clamp(5px, 2vh, 15px);
  background: #e0e0e0;
  min-height: 200px;
  border: 3px solid #000000;
}