*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e9e0cc;color:#35483b;font:18px system-ui,sans-serif}body{display:flex;align-items:center;justify-content:center}canvas{height:100%;width:auto;aspect-ratio:9/16;max-width:100%;outline:none;touch-action:none}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#e9e0cc;padding:24px;text-align:center}#loading[hidden]{display:none}h1,p{margin:0}progress{width:min(300px,85%);accent-color:#397a6a}button{font:inherit;background:#397a6a;color:white;border:0;border-radius:10px;padding:14px 24px;cursor:pointer}a{color:inherit}