html,body{margin:0;padding:0;height:100%;width:100%;background:#000;overflow:hidden}
#matrix{display:block;width:100vw;height:100vh}
#msg{
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    padding:.45em 1.4em;
    color:#eaffea;
    font:700 32px/1.15 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    letter-spacing:.09em;
    white-space:nowrap;
    pointer-events:none;
    user-select:none;
    background:radial-gradient(ellipse at center,rgba(0,30,5,.55) 0%,rgba(0,0,0,0) 75%);
    -webkit-backdrop-filter:blur(3px) brightness(.45);
    backdrop-filter:blur(3px) brightness(.45);
    animation:pulse 2.6s ease-in-out infinite
}
#msg-cursor{
    display:inline-block;
    margin-left:.05em;
    color:#bfffbf;
    animation:blink 1s steps(1) infinite
}
#msg.flash{
    color:#fff;
    animation:none;
    text-shadow:0 0 2px #fff,0 0 6px #fff,0 0 14px #aaffaa,0 0 26px #00ff41,0 0 52px #00ff41,0 0 80px #00aa22
}
@keyframes blink{50%{opacity:0}}
@keyframes pulse{
    0%,100%{text-shadow:0 0 2px #000,0 0 4px #000,0 0 8px #000,0 0 6px #00ff41,0 0 14px #00ff41,0 0 28px #00aa22}
    50%{text-shadow:0 0 2px #000,0 0 4px #000,0 0 8px #000,0 0 10px #66ff7a,0 0 22px #00ff41,0 0 44px #00ff41}
}
.ns{color:#0f0;font:16px monospace;text-align:center;margin-top:40vh}
@media (max-width:600px){#msg{font-size:20px;padding:.4em 1em;letter-spacing:.06em}}
@media (prefers-reduced-motion: reduce){
    #matrix{display:none}
    #msg-cursor{animation:none}
    #msg{animation:none;text-shadow:0 0 2px #000,0 0 4px #000,0 0 8px #000,0 0 8px #00ff41,0 0 18px #00ff41,0 0 32px #00aa22}
}