html, body { margin: 0; height: 100%; overflow: hidden; background: #1a1d24; color: #e8e4dc; font: 15px/1.5 system-ui, sans-serif; }
canvas { display: block; width: 100vw; height: 100vh; outline: none; }
#loading { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #1a1d24; text-align: center; }
#loading h1 { margin: 0; font-weight: 600; font-size: 40px; letter-spacing: .02em; }
#loading p { margin: 6px 0; color: #a9a49a; }
#loading .note { margin-top: 28px; font-size: 13px; color: #7d796f; }
#loading.gone { display: none; }
#loading.error #status { color: #ec9a8a; }
code { color: #f0c070; }