:root{color-scheme:dark;font-family:Courier New,Courier,monospace}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#020203}#app{position:relative}canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,#0000 35%,#000000a6)}.noise{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.07) .4px,transparent .4px),radial-gradient(rgba(0,0,0,.2) .5px,transparent .5px);background-size:3px 3px,4px 4px;mix-blend-mode:soft-light;opacity:.15}.pause-overlay{position:absolute;inset:0;pointer-events:none;z-index:2;display:grid;place-items:center;color:#dbe4ff;text-align:center;text-transform:uppercase;background:#02040894;padding:1.2rem;box-shadow:inset 0 0 0 1px #b4c0ff33}