:root { color-scheme: dark; background: #010102; color: #eee; font-family: monospace; }
* { box-sizing: border-box; }
html, body, main { width: 100%; height: 100%; margin: 0; overflow: hidden; }
canvas { display: block; width: 100%; height: 100%; outline: none; touch-action: none; }
#loading, #error { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: #010102; }
#loading { pointer-events: none; }
#loading img { width: min(65vw, 420px); }
#error { padding: 2rem; text-align: center; }
[hidden] { display: none !important; }