:root{color-scheme:dark}html,body{margin:0;height:100%;background:#000;color:#eee;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#stage{position:relative;width:100vw;height:100vh;overflow:hidden}#cam,#canvas,#three,#drawing{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#cam{object-fit:cover;transform:scaleX(-1)}#canvas,#three,#drawing{pointer-events:none}#status{position:absolute;left:12px;bottom:12px;padding:8px 12px;background:#0009;border-radius:6px;font-size:12px;max-width:60ch;z-index:5}#start{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000000d9;cursor:pointer;z-index:10}#start button{background:#0f0;color:#000;border:0;padding:14px 28px;font:inherit;font-weight:700;border-radius:8px;cursor:pointer}.err{color:#f66}.back-link{position:absolute;left:12px;top:12px;z-index:6;background:#0000008c;color:#0f0;text-decoration:none;padding:6px 10px;border:1px solid rgba(0,255,0,.35);border-radius:6px;font-size:12px}.back-link:hover{background:#00ff0026}.title-tag{position:absolute;right:12px;top:12px;z-index:6;padding:6px 10px;background:#0000008c;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:12px;letter-spacing:.04em;max-width:calc(100vw - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 600px){.back-link{font-size:11px;padding:4px 8px}.title-tag{font-size:10px;padding:4px 8px;max-width:calc(100vw - 100px)}#status{font-size:11px;left:8px;bottom:8px;padding:6px 8px;max-width:calc(100vw - 16px)}}