body{background-color:#000;justify-content:center;align-items:center;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}canvas{touch-action:none;image-rendering:pixelated}#ui-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#ui-overlay.hidden{display:none}.dialog-box{text-align:center;color:#fff;text-transform:uppercase;background:#111;border:3px solid #800;border-radius:12px;width:440px;max-width:95%;padding:32px;font-family:Courier New,Courier,monospace;font-weight:700;box-shadow:0 0 35px #f006}.dialog-box h2{color:#f44;text-shadow:0 0 10px #f00c;margin-top:0;font-size:28px}#dialog-input{box-sizing:border-box;color:#fff;text-align:center;background:#000;border:2px solid #600;border-radius:6px;width:100%;margin:20px 0;padding:16px;font-family:inherit;font-size:20px;transition:all .3s}#dialog-input:focus{border-color:red;outline:none;box-shadow:0 0 15px #ff000080}.dialog-buttons{justify-content:space-between;gap:15px;display:flex}.dialog-buttons button{color:#fff;cursor:pointer;text-transform:uppercase;background:#400;border:2px solid #800;border-radius:6px;flex:1;padding:14px;font-family:inherit;font-size:18px;font-weight:700;transition:all .2s}.dialog-buttons button:hover{background:#700;border-color:red;transform:translateY(-2px);box-shadow:0 0 15px #f009}#dialog-btn-cancel{background:#222;border-color:#444}#dialog-btn-cancel:hover{background:#444;border-color:#666;box-shadow:0 0 15px #fff3}