*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#21424c}canvas{display:block;width:100vw;height:100dvh;image-rendering:pixelated;cursor:grab;touch-action:none;outline:none}canvas:active{cursor:grabbing}.signature{position:fixed;left:28px;top:24px;color:#d6e1cb;opacity:.6;font:700 18px monospace;letter-spacing:2px;pointer-events:none;text-shadow:0 2px #17333b}.signature span{display:block;font:8px monospace;letter-spacing:2px;margin-top:7px}.hint{position:fixed;bottom:22px;left:0;width:100%;text-align:center;font:10px monospace;color:#b3ccc2;opacity:.65;pointer-events:none;animation:fade 8s forwards}.moment{position:fixed;right:28px;top:28px;color:#bad0c2;opacity:.6;font:10px monospace;pointer-events:none;letter-spacing:1px}@keyframes fade{0%,60%{opacity:.65}100%{opacity:0}}@media(max-width:600px){.signature{left:16px;top:18px}.moment{right:16px;top:22px}.hint{font-size:8px}}