:root { color-scheme: dark; }
#setup { position: fixed; inset: 0; z-index: 3; margin: auto; max-width: 38rem; padding: 1.5rem; text-align: center; flex-direction: column; background: #000; }
h1 { font-size: 2rem; font-weight: 500; }
#setup p { line-height: 1.6; }
canvas { max-width: 100%; max-height: 60vh; width: auto; height: auto; image-rendering: pixelated; }
canvas[hidden] { display: none; }
.notice { font-size: .85rem; }
#display-status { font-size: 28px; font-size: clamp(22px, 2.8vw, 44px); line-height: 1.4; }
#display-setup { position: fixed; z-index: 2; bottom: 5vh; left: 10vw; right: 10vw; text-align: center; font-size: 16px; }
[hidden] { display: none !important; }