*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}#loading-bar-container{width:60%;height:8px;background:#d8ddd9;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index:1000;border-radius:4px}#loading-bar{width:0;height:100%;background:#2f2f2f;border-radius:4px}.drag-clue{position:fixed;top:80%;left:50%;transform:translate(-50%,-50%);background:#f9f6f1;border-radius:8px;justify-content:flex-start;align-items:flex-start;padding:8px;gap:12px;display:inline-flex;opacity:0;pointer-events:none;z-index:1000;transition:opacity .5s ease-in-out}.drag-message{color:#61605e;font-size:14px;font-family:Arial;font-weight:400;line-height:21px;word-wrap:break-word}.point{position:absolute;width:40px;height:40px;background:#0003;border:2px solid white;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:.5;transition:opacity .3s ease;cursor:pointer}.hidden{opacity:0;pointer-events:none}.active{opacity:1;pointer-events:none}.pointer{width:8px;height:8px;background:#fff;border-radius:50%}