:root {
    color-scheme: dark;
    --bg: #0b0b0c;
}
html,
body {
    margin: 0;
    height: 100%;
    background: var(--bg);
    overflow: hidden;
}

/* A simple demo overlay (remove if you want a plain background) */
.overlay {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    pointer-events: none;
    color: white;
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial,
      sans-serif;
    mix-blend-mode: overlay;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.65);
    font-weight: 600;
    letter-spacing: 0.02em;
    user-select: none;
}
.overlay small {
    opacity: 0.7;
    font-weight: 500;
}

/* The visible canvas that we scale to cover the screen */
canvas#view {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    display: block;
    background: var(--bg);
}