html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fffdf6}canvas{display:block;width:100%;height:100%;touch-action:none;background-image:linear-gradient(#dce7ee 1px,transparent 1px),linear-gradient(90deg,#dce7ee 1px,transparent 1px);background-size:24px 24px}aside{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);text-align:center;background:#fff;padding:24px;border:1px solid #dce7ee;border-radius:20px;font:16px system-ui}aside canvas{margin:auto;width:250px;height:250px;background:#fff}