body{margin:0;overflow:hidden;background-color:#000;font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none}#canvas-container{width:100vw;height:100vh;display:block}#ui{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#000;padding:20px;border:2px solid white;text-align:center;pointer-events:none;mix-blend-mode:difference;z-index:10}#ui h1{margin:0 0 10px;font-size:24px;text-transform:uppercase;letter-spacing:2px}#ui p{font-size:14px;margin:5px 0}.hidden{display:none!important}#scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;pointer-events:none;z-index:5;opacity:.6}#coords{position:absolute;bottom:20px;left:20px;color:#fff;font-size:12px;z-index:5;mix-blend-mode:difference}