html,body{background:#000;height:100%;margin:0;overflow:hidden}body{justify-content:center;align-items:center;display:flex}canvas{display:block}#hud{color:#fff;white-space:pre;pointer-events:none;background:#0000008c;border-radius:4px;padding:4px 8px;font:12px/1.5 ui-monospace,monospace;position:fixed;top:8px;left:8px}#overlay #status,.phone #status{color:#fff;background:#0000008c;border-radius:6px;padding:6px 10px;font:14px/1.4 system-ui,sans-serif;position:fixed;top:8px;left:8px;right:8px}.phone video{object-fit:contain;width:100%;height:100%}#overlay #status.placing{padding-bottom:14px}#overlay #status.placing:before,#overlay #status.placing:after{content:"";border-radius:2px;height:3px;position:absolute;bottom:6px;left:10px;right:10px}#overlay #status.placing:before{background:#ffffff2e}#overlay #status.placing:after{transform-origin:0;transform:scaleX(var(--place-progress,0));background:linear-gradient(90deg,#ffb15c,#fff7ec);transition:transform .2s linear;box-shadow:0 0 6px #ffb15ccc}#overlay #status.placing.indeterminate:after{box-shadow:none;background:linear-gradient(90deg,#0000 40%,#ffb15c 47%,#fff7ec 50%,#ffb15c 53%,#0000 60%) 0 0/300% 100%;animation:1.3s linear infinite place-sweep;transform:none}@keyframes place-sweep{0%{background-position:100% 0}to{background-position:0 0}}#start{border-radius:12px;padding:14px 28px;font-size:18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}