*{box-sizing:border-box;margin:0;padding:0;font-family:monospace,sans-serif}:root{min-height:100dvh}body{background:#f0f0f0;justify-content:center;align-items:center;min-height:100%;display:flex;overflow:hidden}canvas{isolation:isolate;display:block;position:fixed;top:0;left:0}#ui{bottom:1rem;z-index:1000;padding-block:2rem;position:fixed;inset-inline:1rem}#ui:hover #content{opacity:1;translate:0 2rem}#ui #content{opacity:.2;border-radius:1rem;gap:1rem;width:min(100%,24rem);padding:1rem;transition:all .5s ease-in-out .2s;display:flex;translate:0 100%}#ui #content button{text-wrap:nowrap;color:#fff;cursor:pointer;background-color:#232323;border:none;border-radius:0;justify-self:center;padding:1rem 2rem;font-size:1rem;transition:background-color .3s;box-shadow:0 0 3rem #6e757692}#ui #content button:hover{background-color:#161515}#ui #content button:active{background-color:#2c2c2c}#ui #credits{color:#fff;background:#00000080;padding:.2rem .5rem;font-size:.8rem;position:absolute;bottom:-.9rem;right:-.9rem}#ui #credits a{color:#fff;text-decoration:underline}#ui #credits a:hover{color:#0cc9cc}