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

html, body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  background: radial-gradient(ellipse at 65% 50%, #0b1120 0, #060913 64%);
}

#loom {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  touch-action: none;
  cursor: crosshair;
  -webkit-tap-highlight-color: transparent;
}

#loom:focus-visible {
  outline: 1px solid #c4beed50;
  outline-offset: -4px;
}

.vignette {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at center, transparent 45%, #06091355);
}