html, body { margin: 0; height: 100%; background: #1a1816; color: #e8e2d8;
  font-family: system-ui, sans-serif; overflow: hidden; }
canvas { display: block; width: 100vw; height: 100vh; }
#loading, #fallback {
  position: fixed; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 1rem; text-align: center;
  padding: 2rem; }
#fallback[hidden], #loading[hidden] { display: none; }
#fallback video, #fallback img { max-width: min(90vw, 900px); border-radius: 8px;
  box-shadow: 0 8px 40px rgba(0,0,0,.5); }
#fallback .gallery { display: flex; gap: .75rem; flex-wrap: wrap; justify-content: center; }
#fallback .gallery img { max-width: 220px; }
.note { opacity: .75; font-size: .9rem; }