*{box-sizing:border-box}html,body,main{width:100%;height:100%;margin:0;overflow:hidden;background:#10162f;touch-action:none;overscroll-behavior:none}body{padding:max(0px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) max(0px,env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left));font-family:system-ui,-apple-system,"Hiragino Sans",sans-serif}main{display:grid;place-items:center}canvas{display:block;max-width:100%;max-height:100%;aspect-ratio:9/16;background:#203263;box-shadow:0 0 30px #0008}
.dialog{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#070b18cc;padding:24px}.dialog[hidden]{display:none}.dialog form{width:min(420px,92vw);padding:28px 22px;border:3px solid #ffb2d0;border-radius:20px;background:#17254f;color:#fff;text-align:center;box-shadow:0 12px 40px #0008}.dialog label{display:block;margin-bottom:16px;font-size:24px;font-weight:700}.dialog input{display:block;width:100%;min-height:52px;padding:10px 14px;border:2px solid #8197c9;border-radius:12px;background:#fff;color:#18203e;font:20px system-ui,sans-serif}.dialog button{width:100%;min-height:54px;margin-top:18px;border:0;border-radius:13px;background:#ad4d80;color:#fff;font:bold 20px system-ui,sans-serif}.dialog p{margin:14px 0 0;color:#cbd7f3;font-size:14px}