*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 100%; height: 100%; overflow: hidden; background: #010104; }
canvas { display: block; position: fixed; top: 0; left: 0; }
#bg    { z-index: 0; }
#matrix { z-index: 1; }
#static { z-index: 2; pointer-events: none; opacity: 0; }
#message {
    position: fixed; bottom: 15%; left: 50%; transform: translateX(-50%);
    color: #0a0; font-family: monospace; font-size: 18px; letter-spacing: 3px;
    opacity: 0; pointer-events: none; z-index: 3;
    text-shadow: 0 0 20px rgba(0,180,0,0.5);
    transition: opacity 0.5s;
    white-space: nowrap;
}