*{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:pointer}
#cab{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}
canvas#g{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}
#fx{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10;border-radius:4px;
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:0;left:0;right:0;bottom:0;pointer-events:none;z-index:11;border-radius:4px;
background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,0.45) 100%)}