*{box-sizing:border-box;margin:0;padding:0}html{overflow:hidden}body{color:#222;background:#f7f7f8;font-family:system-ui,sans-serif;overflow:hidden}canvas{display:block}#container{width:100vw;height:100vh;position:relative}#home{z-index:10;flex-direction:column;justify-content:safe center;gap:24px;width:min(100% - 32px,420px);margin:0 auto;padding-block:24px;display:flex;position:fixed;inset:0;overflow-y:auto}#home[hidden]{display:none}h1{text-align:center;font-size:24px}h2{margin-bottom:6px;font-size:15px}#home p,#home li{color:#444;font-size:14px;line-height:1.7}ol{padding-left:1.4em}.actions{flex-direction:column;align-items:center;gap:8px;display:flex}#status{color:#666;font-size:13px}footer{text-align:center}#home footer p{color:#888;font-size:12px;line-height:1.6}button{cursor:pointer;color:#fff;background:#222;border:none;border-radius:6px;padding:10px 24px;font-size:15px}button:disabled{opacity:.4;cursor:default}#stopButton{z-index:10;background:#0009;position:fixed;top:16px;left:50%;transform:translate(-50%)}#stopButton[hidden]{display:none}