:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body, #preview { width: 100%; height: 100%; margin: 0; overflow: hidden; }
html, body { background: transparent; }
body { pointer-events: none; user-select: none; }
#preview { position: relative; }
canvas { display: block; width: 100%; height: 100%; }
#status, .no-script {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  margin: 0;
  transform: translate(-50%, -50%);
  color: #8da3bd;
  font: 400 11px/1.6 system-ui, sans-serif;
  letter-spacing: .02em;
  text-align: center;
}
[hidden] { display: none !important; }