*,:before,:after{box-sizing:border-box}html,body{background-color:#000;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}canvas{cursor:pointer;width:100%;height:100%;display:block}#ui{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;color:#fff;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s ease-out;display:flex;position:absolute;top:0;left:0}#loading{color:#ccc;flex-direction:column;align-items:center;gap:15px;display:flex}.spinner{border:4px solid #ffffff1a;border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#btnPlay,#btnReset{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background-color:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background-color .2s;display:flex}#btnPlay{width:80px;height:80px;box-shadow:0 4px 15px #00000080}#btnPlay svg{fill:#fff;width:40px;height:40px;margin-left:6px}#btnReset{z-index:20;width:45px;height:45px;position:fixed;top:20px;right:20px}#btnReset svg{fill:#fff;width:24px;height:24px}#btnPlay:hover,#btnReset:hover{background-color:#ffffff4d;transform:scale(1.1)}#btnReset:hover{transform:scale(1.1)rotate(-45deg)}