html,body{margin:0;width:100%;height:100%;background:rgb(232,232,227);overflow:hidden}main{position:absolute;width:min(100vw,177.777778vh);height:min(100vh,56.25vw);inset:0;margin:auto}canvas{position:absolute;width:100%;height:100%;inset:0}#title{pointer-events:none}#status{position:absolute;left:24px;bottom:12px;color:#493942;font:15px system-ui;max-width:80vw}#status:empty{display:none}
#input-error{position:absolute;inset:10vh 8vw auto;margin:auto;max-width:720px;max-height:75vh;overflow:auto;padding:28px;background:#faf9f7;border:1px solid #d4cdca;border-radius:12px;color:#393637;font:16px/1.6 system-ui;box-sizing:border-box}#input-error[hidden]{display:none}#input-error h1{font-size:24px;margin:0 0 12px}#input-error li{margin-bottom:18px}#input-error a{color:#405877}#input-error button{padding:10px 16px;border:1px solid #aaa;border-radius:6px;background:white;cursor:pointer}