*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden;background:#000}
canvas{
  position:fixed;top:50%;left:50%;
  transform:translate(-50%,-50%);
  image-rendering:auto;
  filter:saturate(1.5) brightness(1.25);
}
.overlay-logo{
  position:fixed;bottom:4vh;left:50%;
  transform:translateX(-50%);
  z-index:10;pointer-events:none;
}
.overlay-logo pre{
  font-family:Monaco,Consolas,'Courier New',monospace;
  line-height:1.15;
  color:rgba(255,255,255,0.85);
  text-align:left;white-space:pre;
  text-shadow:0 0 24px rgba(0,0,0,0.95),0 0 48px rgba(0,0,0,0.8),0 2px 10px rgba(0,0,0,0.9);
}
@keyframes holo-sweep{
  0%,70%{color:rgba(255,255,255,0.85)}
  80%{color:rgba(170,235,255,0.95)}
  88%{color:rgba(230,195,255,0.95)}
  95%{color:rgba(180,255,225,0.95)}
  100%{color:rgba(255,255,255,0.85)}
}
.overlay-logo pre.holo{animation:holo-sweep 5s ease-in-out infinite}