*{margin:0;padding:0;box-sizing:border-box}
body{background:#000;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;cursor:none}
#cab{position:relative;border:0;border-radius:0;background:#000;padding:0;
display:flex;align-items:center;justify-content:center;width:100%;height:100%}
canvas#g{display:block;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:0;max-width:100%;max-height:100%}
#fx{position:absolute;top:4px;left:4px;right:4px;bottom:4px;pointer-events:none;z-index:10;border-radius:6px;
background:repeating-linear-gradient(0deg,rgba(0,0,0,0.06) 0px,rgba(0,0,0,0.06) 1px,transparent 1px,transparent 2px),
repeating-linear-gradient(90deg,rgba(255,40,40,0.01) 0px,rgba(40,255,40,0.01) 1px,rgba(40,40,255,0.01) 2px,transparent 3px)}
#vig{position:absolute;top:4px;left:4px;right:4px;bottom:4px;pointer-events:none;z-index:11;border-radius:6px;
background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,0.45) 100%)}