html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; color: #eee; background: #22282f; }
canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; }
.editor-loading { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; color: #eee; font: 1rem/1.5 system-ui, sans-serif; text-align: center; pointer-events: none; }
.editor-loading a { color: #b9e9ff; }
.editor-loading a:focus-visible { outline: 3px solid #f5d76e; outline-offset: 4px; }
noscript { position: absolute; inset: 0; z-index: 1; padding: 2rem; background: #22282f; font: 1rem/1.5 system-ui, sans-serif; }
noscript a { color: #b9e9ff; }
