*{margin:0;padding:0}html,body{width:100%;height:100%}canvas{display:block;background:#16241f}#backdrop{background-color:#000000b3;position:fixed;top:0;left:0;width:100%;height:100vh}#panel{font-family:Arial;image-rendering:pixelated;background:#000000a6;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem;border:1px solid white;border-radius:.1rem}h1{font-style:italic;margin-bottom:1rem}p{margin-bottom:.75rem;line-height:1.5}a.button{display:inline-block;color:#000;margin-top:.5rem}button,.button{padding:.5rem .7rem;background:white;font-family:inherit;border:1.2px solid white;border-radius:.25rem;font-style:italic;font-weight:700;cursor:pointer;transition:.2s ease}button:hover{opacity:.7}