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}.startup{position:fixed;inset:0;z-index:3;display:grid;place-items:center;padding:24px;background:#fffdf6e8;color:#25394c;font:16px system-ui}.startup[hidden]{display:none}.startup-card{box-sizing:border-box;width:min(100%,430px);padding:36px 30px;text-align:center;background:#fff;border:1px solid #dce7ee;border-radius:22px;box-shadow:0 12px 38px #25394c17}.startup-card h1{margin:16px 0 8px;font-size:clamp(23px,4vw,30px)}.startup-card p{margin:0;line-height:1.55}.startup-spinner{width:30px;height:30px;margin:auto;border:4px solid #dce7ee;border-top-color:#286a87;border-radius:50%;animation:startup-spin .9s linear infinite}.startup-spinner[hidden]{display:none}.startup-card button{margin:18px 4px 0;padding:10px 14px;color:inherit;background:#fff;border:1px solid #91adb9;border-radius:9px;font:inherit;cursor:pointer}.startup-card button:first-child{background:#286a87;border-color:#286a87;color:#fff}@keyframes startup-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.startup-spinner{animation:none}}