* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  height: 100%;
  overflow: hidden;
  background: #070707;
}

#c {
  position: fixed;
  inset: 0;
  /* canvas is a replaced element: inset alone won't stretch it once the backing
     store is sized at devicePixelRatio — explicit CSS size keeps it at viewport scale */
  width: 100%;
  height: 100%;
  display: block;
}

.logo {
  position: fixed;
  right: clamp(1.25rem, 3vw, 2rem);
  bottom: clamp(1.25rem, 3vh, 2rem);
  width: clamp(64px, 7vw, 84px);
  height: auto;
  opacity: 0.8;
  z-index: 2;
  pointer-events: none;
}