:root { color-scheme: dark; background: #17202d; }
body { margin: 0; min-block-size: 100dvh; overflow: hidden; background: #17202d; }
canvas { display: block; inline-size: 100%; block-size: 100dvh; outline: none; }
output { position: fixed; inset: auto 16px 16px auto; max-inline-size: calc(100% - 32px); padding: 7px 10px; border-radius: 4px; color: #e9f3ff; background: #101721cc; font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; pointer-events: none; }
body[data-ready="true"] output { display: none; }